{"templates":{"eXpFPTKBv7/instant-search-widget/main__0__liquid":"<!-- TEMPLATE INSTANT SEARCH WIDGET -->\n<!-- isShowPopupDynamicBundle show popup -> disabled selected variants  -->\n{% assign isShowPopupDynamicBundle = true %}\n{% assign currentLocale = '' %}\n{% if locale != \"\" or locale != null %}\n{% assign currentLocale = locale %}\n{% endif %}\n<div id=\"boost-sd__instant-search-container\" class=\"boost-sd__instant-search-container\">\n  <div class=\"boost-sd__instant-search-container-mobile\">\n    <!-- TEMPLATE ISW MOBILE -->\n    {% assign suggestionMobileStyle = 'style1' %}\n    {% assign suggestionMobileProductItemType = 'grid' %}\n    {% if suggestionMobileStyle == 'style1' %}\n    <div class=\"boost-sd__search-bar-wrapper boost-sd__search-bar-wrapper--mobile boost-sd__search-bar-wrapper--mobile-style1 boost-sd__g-hide\">\n      <!-- TEMPLATE SEARCHBAR -->\n      {% assign buttonClear = '' %}\n      {% assign buttonClose = '' %}\n      {% assign inputClasses = '' %}\n      {%- capture suggestionStyle -%}\n      style2\n      {%- endcapture -%}\n      {% if suggestionMobileStyle == 'style1' %}\n      {% assign buttonClear = buttonClear | append: 'boost-sd__button-text-x--clear-style1 ' %}\n      {% assign buttonClose = buttonClose | append: 'boost-sd__button-text-x--close-style1 ' %}\n      {% endif %}\n      {% if suggestionStyle == 'style3' %}\n      {% assign buttonClear = buttonClear | append: 'boost-sd__button-text-x--clear-style3 ' %}\n      {% assign buttonClose = buttonClose | append: 'boost-sd__button-text-x--close-style3 ' %}\n      {% assign inputClasses = inputClasses | append: 'boost-sd__search-bar-submit-style3 boost-sd__search-bar-submit-style3--show boost-sd__search-widget-init-input boost-sd__search-input-cursor-pointer' %}\n      {% endif %}\n      <form action='/search' class='boost-sd__search-bar'>\n        {% if suggestionStyle == 'style3' %}\n        <button aria-label='Submit' class='boost-sd__search-bar-submit boost-sd__search-bar-submit--style3' type='submit'>\n          <span>Submit</span>\n        </button>\n        {% endif %}\n        <button role='textbox' tabindex='0' data-group='close-search-form' type='button' aria-label='Close' class='boost-sd__button-text-x boost-sd__button-text-x--close {{ buttonClose }}'>\n          Close\n        </button>\n        <label for='boost-sd__search-bar-input' class='boost-sd__search-bar-label boost-sd__g-visually-hidden'>\n          {{ \"suggestion.searchBoxPlaceholder\" | translate: translations, \"Search\" }}\n        </label>\n        <input id='boost-sd__search-bar-input' class='boost-sd__search-bar-input {{ inputClasses }}' autocomplete='off' placeholder='{{ \"suggestion.searchBoxPlaceholder\" | translate: translations, \"Search\" }}' name='q' data-search-box='boost-sd__search-bar-input' role='combobox' aria-expanded='true' aria-autocomplete='list' aria-owns='boost-sd__search-bar-autocomplete-wrapper' aria-label='When autocomplete results are available use up and down arrows to review and enter to select' maxlength='150' value=''>\n        <button role='textbox' tabindex='0' data-group='clear-search-form' type='button' aria-label='Clear search term' class='boost-sd__g-hide boost-sd__button-text-x boost-sd__button-text-x--clear {{ buttonClear }}'>\n          Clear\n        </button>\n      </form>\n      <!-- Autocomplete -->\n      <div id=\"boost-sd__search-bar-autocomplete-wrapper\" class=\"boost-sd__search-bar-autocomplete\">\n        <div class=\"boost-sd__instant-search-results boost-sd__instant-search-results--group boost-sd__instant-search-results--mobile boost-sd__instant-search-results--mobile-style1 boost-sd__instant-search-results--product-type-{{ suggestionMobileProductItemType }}\">\n          <!-- TEMPLATE ISW LAYOUT MOBILE 1 -->\n          {% assign contentOrder = 'one-column' %}\n          {% if isLoading %}\n          <!-- TEMPLATE SEARCH PLACEHOLDER -->\n          <div class='boost-sd__instant-search-placeholder'>\n            <ul class='boost-sd__instant-search-placeholder-list'>\n              <li class='boost-sd__instant-search-placeholder-item'>\n                <div class='boost-sd__instant-search-placeholder-img'></div>\n              </li>\n              <li class='boost-sd__instant-search-placeholder-item'>\n                <div class='boost-sd__instant-search-placeholder-img'></div>\n              </li>\n              <li class='boost-sd__instant-search-placeholder-item'>\n                <div class='boost-sd__instant-search-placeholder-img'></div>\n              </li>\n            </ul>\n            <style>\n              .boost-sd__instant-search-results--one-column .boost-sd__instant-search-placeholder {\n                width: 302px;\n              }\n\n              .boost-sd__instant-search-results--two-column .boost-sd__instant-search-placeholder {\n                width: 800px;\n              }\n\n              .boost-sd__instant-search-placeholder {\n                display: inline-block;\n                width: 100%;\n                max-width: 100%;\n                min-width: 224px;\n                background-color: #fff;\n              }\n\n              .boost-sd__instant-search-placeholder-list {\n                padding: 0;\n                margin: 10px 10px 0;\n                list-style: none;\n              }\n\n              .boost-sd__instant-search-placeholder-item {\n                position: relative;\n                height: 45px;\n                margin-bottom: 10px;\n              }\n\n              .boost-sd__instant-search-placeholder-item::marker {\n                font-size: 0;\n              }\n\n              .boost-sd__instant-search-placeholder-item::before {\n                content: '';\n                position: absolute;\n                top: 8px;\n                left: 55px;\n                display: inline-block;\n                width: calc(100% - 55px);\n                height: 10px;\n                background: -webkit-gradient(linear,\n                    left top,\n                    right top,\n                    color-stop(8%, #eee),\n                    color-stop(18%, #e6e6e6),\n                    color-stop(33%, #eee));\n                background-color: #eee;\n                border-radius: 50em;\n                animation: place-holder-shimmer 1s linear infinite forwards;\n              }\n\n              .boost-sd__instant-search-placeholder-item::after {\n                content: '';\n                position: absolute;\n                top: 28px;\n                left: 55px;\n                display: inline-block;\n                width: 50%;\n                height: 10px;\n                background: -webkit-gradient(linear,\n                    left top,\n                    right top,\n                    color-stop(8%, #eee),\n                    color-stop(18%, #e6e6e6),\n                    color-stop(33%, #eee));\n                background-color: #eee;\n                border-radius: 50em;\n                animation: place-holder-shimmer 1s linear infinite forwards;\n              }\n\n              .boost-sd__instant-search-placeholder-img {\n                width: 30%;\n                height: 100%;\n                max-width: 45px;\n                background-color: #f5f5f5;\n              }\n\n              .boost-sd__instant-search-placeholder-img:empty {\n                display: block;\n              }\n\n              [dir='rtl'] .boost-sd__instant-search-placeholder-item::before {\n                left: auto;\n                right: 55px;\n              }\n\n              [dir='rtl'] .boost-sd__instant-search-placeholder-item::after {\n                left: auto;\n                right: 55px;\n              }\n\n              /* Suggestion placeholder */\n              @keyframes place-holder-shimmer {\n                0% {\n                  background-position: -150px 0;\n                }\n\n                100% {\n                  background-position: 150px 0;\n                }\n              }\n            </style>\n          </div>\n          {% else %}\n          {% if all_empty == false %}\n          {% if products.size > 0 and productsDisable != true %}\n          {% assign hasProducts = true %}\n          {% endif %}\n          {% if suggestions.size > 0 and suggestionsDisable != true %}\n          {% assign hasSuggestions = true %}\n          {% endif %}\n          {% if collections.size > 0 and collectionsDisable != true %}\n          {% assign hasCollections = true %}\n          {% endif %}\n          {% if pages.size > 0 and pagesDisable != true %}\n          {% assign hasPages = true %}\n          {% endif %}\n          {% if hasProducts != true and hasSuggestions != true and hasCollections != true and hasPages != true and did_you_mean.size == 0 %}\n          {% assign all_empty = true %}\n          {% endif %}\n          {% endif %}\n          <!-- ***** Search box on click ***** -->\n          {% if query == '' %}\n          <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-other boost-sd__instant-search-no-product '>\n            <!-- Display recent searches -->\n            <!-- TEMPLATE SUGGESTION QUERIES RECENT -->\n            <!-- Display recent searches -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {%- capture maxRecentSearch -%}\n            3\n            {%- endcapture -%}\n            {% assign recentNumber = '' %}\n            {% if recentSearches.size < maxRecentSearch -%}\n            {% assign recentNumber = recentSearches.size -%}\n            {% else %}\n            {% assign recentNumber = maxRecentSearch %}\n            {% endif %}\n            <!-- Display search term suggestions -->\n            <!-- TEMPLATE SUGGESTION QUERIES POPULAR -->\n            <!-- Display search term suggestions -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {% if searchTermSuggestionStatus and searchTermSuggestionList.size > 0 %}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--popular'>\n                {{ 'suggestion.searchBoxOnclickSearchTermLabel' | translate: translations, 'Popular searches' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for popularSearch in searchTermSuggestionList limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--popular {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ popularSearch | escape }}'>\n                  {% assign popularSearchHref = '' %}\n                  {% if redirects[popularSearch] %}\n                  {% assign popularSearchHref = redirects[popularSearch] %}\n                  {% else %}\n                  {% assign popularSearchHref = currentLocale | append: '/search?q=' | append: popularSearch %}\n                  {% endif %}\n                  <a aria-label='Suggestions : {{ popularSearch | escape }}' href='{{ popularSearchHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ popularSearch | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            <!-- Display most popular products -->\n            <!-- TEMPLATE SEARCH PRODUCTS -->\n            <!-- ***** Search box on click ***** -->\n            {% if query == '' %}\n            {% elsif query != '' and all_empty %}\n            <!-- ******** ISW without results ******** -->\n            {% else %}\n            <!-- ***** ISW with results ***** -->\n            {% if products.size > 0 %}\n            <div class='boost-sd__instant-search-product-list'>\n              <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n              </h3>\n              <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                {% assign firstProductRendered = false %}\n                {% for bundle in bundles %}\n                {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                {% assign embeddedIsw = true %}\n                {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                  <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                  {% assign isSale = false -%}\n                  {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                  {% assign isSale = true -%}\n                  {% endif -%}\n                  {% if embeddedIsw %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \"boost-sd__product-title\" %}\n                  {% assign priceClasses = \"boost-sd__product-price\" %}\n                  {% endif %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                    <!-- Display Bundle Image -->\n                    <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                      {%- capture aspectRatioSetting %}square{% endcapture -%}\n                      {% assign aspectRatio = '' -%}\n                      {% if aspectRatioSetting == 'natural' -%}\n                      {% for product in bundle.products %}\n                      {% assign imageWidth = product.images_info[0].width -%}\n                      {% assign imageHeight = product.images_info[0].height -%}\n                      {% endfor %}\n                      {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                      {% endif -%}\n                      <!-- Display Mixed Product Images if selected -->\n                      {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endfor %}\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                      <!-- Use the newly uploaded image -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </div>\n                      </div>\n                      {% else %}\n                      <!-- Use Single Product Images: bundleImageType === 'single' -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        {% if widgetDesignSettings.bundleImageData == product.id %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endif %}\n                        {% endfor %}\n                      </div>\n                      {% endif %}\n                    </div>\n                    <!-- Display Bundle Information -->\n                    <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                        <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                          {% if embeddedIsw %}\n                          {% if isSale %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% else %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                            <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% endif %}\n                          {% else %}\n                          {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                          {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                          <!-- Price compare display left or right -->\n                          <div class=\"boost-sd__product-price-wrapper\">\n                            <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                              </span>\n                              {% if compareAtPriceWithFormat != '' -%}\n                              <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                              </span>\n                              {% endif -%}\n                            </span>\n                          </div>\n                          {% endif %}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% assign volumeIsw = true %}\n                {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                  <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                  {%- capture aspectRatio %}square{% endcapture -%}\n                  {% assign product = bundle.matchedProduct -%}\n                  {% assign aspectRatio = '' -%}\n                  {% if aspectRatio == 'natural' -%}\n                  {% assign imageWidth = product.images_info[0].width -%}\n                  {% assign imageHeight = product.images_info[0].height -%}\n                  {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                  {% endif -%}\n                  {% if volumeIsw == true %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \" boost-sd__product-title\" %}\n                  {% assign priceClasses = \" boost-sd__product-price\" %}\n                  {% endif %}\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                    <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                      {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                      </div>\n                      {% else %}\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                      {% endif %}\n                    </div>\n                    <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                          <span class=\"boost-sd__volume-bundle-product-single\">\n                            1 for <span>{{ bundle.productMinPrice }}</span>\n                          </span>\n                          <br>\n                          <span class=\"boost-sd__volume-bundle-product-combo\">\n                            {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                              {% if volumeIsw %}\n                              <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                              </span>\n                              {% else %}\n                              <span class=\"boost-sd__product-price-content\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                  {{ bundle.bundleOptions[0].discountedPrice }}\n                                </span>\n                                <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                              </span>\n                              {% endif %}\n                            </span>\n                          </span>\n                        </p>\n                      </div>\n                    </figcaption>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% endfor %}\n                {% for product in products limit: 10 %}\n                <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                  <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                      {% if product.available != true %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                      {% endif %}\n                      {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                      {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                      {% if compareAtPriceMin > product.price_min %}\n                      {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                      {% assign salePercent = percent | append: '%' %}\n                      {% assign saleAmount = product.sale_amount_format %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                        {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                        <span>{{ textProductItemSaleTranslated }}</span>\n                      </div>\n                      {% endif %}\n                      {% endif %}\n                      {% if product.images_info[0] %}\n                      {% assign imageSrc = product.images_info[0].src -%}\n                      {% assign imagAlt = product.images_info[0].alt -%}\n                      {% else %}\n                      {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                      {% assign imagAlt = product.title | escape -%}\n                      {% endif %}\n                      {% assign widthParam = \"&width=\" -%}\n                      {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                      {% capture srcset -%}\n                      {% for width in widths -%}\n                      {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                      {% endfor -%}\n                      {% endcapture -%}\n                      <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                    </div>\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                      <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                      <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                      <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                      <!--  PRODUCT RATING -->\n                    </div>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% endif %}\n          </div>\n          <!-- ******** ISW without results ******** -->\n          {% elsif query != '' and all_empty %}\n          <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__instant-search-no-other'>\n            <!-- TEMPLATE NO SEARCH RESULT -->\n            {% if all_empty %}\n            <div class='boost-sd__no-search-result' data-group='empty' data-aria-label='No Results' data-label='No Results: {{ query }}'>\n              <p class='boost-sd__no-search-result-desc'>\n                {% assign noSuggestionResultTranslated = 'error.noSuggestionResult' | translate: translations, 'Sorry, nothing found for &quot{{ terms }}&quot.' | replace: '{{ terms }}', '<strong>{{ terms }}</strong>' | replace: '{{ terms }}', query -%}\n                {{ noSuggestionResultTranslated }}\n              </p>\n            </div>\n            {% endif %}\n          </div>\n          <!-- ***** ISW with results ***** -->\n          {% else %}\n          {% assign productActive = false %}\n          {% assign itemActive = false %}\n          {% for item in suggestionBlocksList %}\n          {% if item.type == 'products' %}\n          {% if item.status == 'active' %}\n          {% assign productActive = true %}\n          {% endif %}\n          {% else %}\n          {% if item.status == 'active' %}\n          {% assign itemActive = true %}\n          {% endif %}\n          {% endif %}\n          {% endfor %}\n          {% if productActive == false and itemActive == false %}\n          {% if did_you_mean.size != 0 -%}\n          <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__instant-search-no-other boost-sd__g-flexColumn'>\n            <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n              <!-- TEMPLATE DID YOU MEAN -->\n              {% assign termList = '' %}\n              {% if did_you_mean.size != 0 and all_empty == false %}\n              <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n                <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                  {% for term in did_you_mean %}\n                  {% assign escapedTerm = term | escape %}\n                  {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                  {% endfor %}\n                  {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                  {{ didYouMeanTranslated }}\n                </p>\n              </div>\n              {% endif %}\n            </div>\n          </div>\n          {% endif %}\n          {% elsif productActive == false and itemActive == true %}\n          {% if hasSuggestions or hasCollections or hasPages -%}\n          <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__g-flexColumn'>\n            <!-- TEMPLATE DID YOU MEAN -->\n            {% assign termList = '' %}\n            {% if did_you_mean.size != 0 and all_empty == false %}\n            <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n              <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                {% for term in did_you_mean %}\n                {% assign escapedTerm = term | escape %}\n                {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                {% endfor %}\n                {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                {{ didYouMeanTranslated }}\n              </p>\n            </div>\n            {% endif %}\n            <!-- TEMPLATE SUGGESTION QUERIES BLOCKS -->\n            <!-- ISW with results -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {% if suggestions.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--suggestions'>\n                {{ 'suggestion.instantSearchSuggestionsLabel' | translate: translations, 'Popular suggestions' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for suggestion in suggestions limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--suggestion {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ suggestion | escape }}'>\n                  {% assign suggestionHref = '' %}\n                  {% if redirects[suggestion] %}\n                  {% assign suggestionHref = redirects[suggestion] %}\n                  {% else %}\n                  {% assign suggestionHref = currentLocale | append: '/search?q=' | append: suggestion %}\n                  {% endif %}\n                  <a aria-label='Suggestion : {{ suggestion | escape }}' href='{{ suggestionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ suggestion | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if collections.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--collections'>\n                {{ 'suggestion.instantSearchCollectionsLabel' | translate: translations, 'Collections' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for collection in collections limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ collection.title | escape }}'>\n                  {% assign collectionHref = '' %}\n                  {% if redirects[collection.title] %}\n                  {% assign collectionHref = redirects[collection.title] %}\n                  {% else %}\n                  {% assign collectionHref = currentLocale | append: '/collections/' | append: collection.handle %}\n                  {% endif %}\n                  <a aria-label='Collection: {{ collection.title | escape }}' href='{{ collectionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ collection.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if contentOrder == 'one-column' %}\n            {% if products.size > 0 -%}\n            <div class='boost-sd__instant-search-product-list'>\n              <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n              </h3>\n              <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                {% assign firstProductRendered = false %}\n                {% for bundle in bundles %}\n                {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                {% assign embeddedIsw = true %}\n                {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                  <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                  {% assign isSale = false -%}\n                  {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                  {% assign isSale = true -%}\n                  {% endif -%}\n                  {% if embeddedIsw %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \"boost-sd__product-title\" %}\n                  {% assign priceClasses = \"boost-sd__product-price\" %}\n                  {% endif %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                    <!-- Display Bundle Image -->\n                    <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                      {%- capture aspectRatioSetting %}square{% endcapture -%}\n                      {% assign aspectRatio = '' -%}\n                      {% if aspectRatioSetting == 'natural' -%}\n                      {% for product in bundle.products %}\n                      {% assign imageWidth = product.images_info[0].width -%}\n                      {% assign imageHeight = product.images_info[0].height -%}\n                      {% endfor %}\n                      {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                      {% endif -%}\n                      <!-- Display Mixed Product Images if selected -->\n                      {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endfor %}\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                      <!-- Use the newly uploaded image -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </div>\n                      </div>\n                      {% else %}\n                      <!-- Use Single Product Images: bundleImageType === 'single' -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        {% if widgetDesignSettings.bundleImageData == product.id %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endif %}\n                        {% endfor %}\n                      </div>\n                      {% endif %}\n                    </div>\n                    <!-- Display Bundle Information -->\n                    <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                        <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                          {% if embeddedIsw %}\n                          {% if isSale %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% else %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                            <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% endif %}\n                          {% else %}\n                          {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                          {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                          <!-- Price compare display left or right -->\n                          <div class=\"boost-sd__product-price-wrapper\">\n                            <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                              </span>\n                              {% if compareAtPriceWithFormat != '' -%}\n                              <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                              </span>\n                              {% endif -%}\n                            </span>\n                          </div>\n                          {% endif %}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% assign volumeIsw = true %}\n                {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                  <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                  {%- capture aspectRatio %}square{% endcapture -%}\n                  {% assign product = bundle.matchedProduct -%}\n                  {% assign aspectRatio = '' -%}\n                  {% if aspectRatio == 'natural' -%}\n                  {% assign imageWidth = product.images_info[0].width -%}\n                  {% assign imageHeight = product.images_info[0].height -%}\n                  {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                  {% endif -%}\n                  {% if volumeIsw == true %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \" boost-sd__product-title\" %}\n                  {% assign priceClasses = \" boost-sd__product-price\" %}\n                  {% endif %}\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                    <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                      {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                      </div>\n                      {% else %}\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                      {% endif %}\n                    </div>\n                    <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                          <span class=\"boost-sd__volume-bundle-product-single\">\n                            1 for <span>{{ bundle.productMinPrice }}</span>\n                          </span>\n                          <br>\n                          <span class=\"boost-sd__volume-bundle-product-combo\">\n                            {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                              {% if volumeIsw %}\n                              <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                              </span>\n                              {% else %}\n                              <span class=\"boost-sd__product-price-content\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                  {{ bundle.bundleOptions[0].discountedPrice }}\n                                </span>\n                                <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                              </span>\n                              {% endif %}\n                            </span>\n                          </span>\n                        </p>\n                      </div>\n                    </figcaption>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% endfor %}\n                {% for product in products limit: 10 %}\n                <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                  <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                      {% if product.available != true %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                      {% endif %}\n                      {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                      {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                      {% if compareAtPriceMin > product.price_min %}\n                      {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                      {% assign salePercent = percent | append: '%' %}\n                      {% assign saleAmount = product.sale_amount_format %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                        {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                        <span>{{ textProductItemSaleTranslated }}</span>\n                      </div>\n                      {% endif %}\n                      {% endif %}\n                      {% if product.images_info[0] %}\n                      {% assign imageSrc = product.images_info[0].src -%}\n                      {% assign imagAlt = product.images_info[0].alt -%}\n                      {% else %}\n                      {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                      {% assign imagAlt = product.title | escape -%}\n                      {% endif %}\n                      {% assign widthParam = \"&width=\" -%}\n                      {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                      {% capture srcset -%}\n                      {% for width in widths -%}\n                      {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                      {% endfor -%}\n                      {% endcapture -%}\n                      <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                    </div>\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                      <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                      <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                      <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                      <!--  PRODUCT RATING -->\n                    </div>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% endif %}\n            {% if pages.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--pages'>\n                {{ 'suggestion.instantSearchPagesLabel' | translate: translations, 'Pages' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for page in pages limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ page.title | escape }}'>\n                  {% assign pageHref = '' %}\n                  {% if redirects[page.title] %}\n                  {% assign pageHref = redirects[page.title] %}\n                  {% else %}\n                  {% assign pageHref = currentLocale | append: page.url %}\n                  {% endif %}\n                  <a aria-label='Page: {{ page.title | escape }}' href='{{ pageHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ page.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n          </div>\n          {% else %}\n          {% if did_you_mean.size != 0 -%}\n          <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__instant-search-no-other boost-sd__g-flexColumn'>\n            <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n              <!-- TEMPLATE DID YOU MEAN -->\n              {% assign termList = '' %}\n              {% if did_you_mean.size != 0 and all_empty == false %}\n              <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n                <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                  {% for term in did_you_mean %}\n                  {% assign escapedTerm = term | escape %}\n                  {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                  {% endfor %}\n                  {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                  {{ didYouMeanTranslated }}\n                </p>\n              </div>\n              {% endif %}\n            </div>\n          </div>\n          {% endif %}\n          {% endif %}\n          {% elsif productActive == true and itemActive == false %}\n          <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-other boost-sd__g-flexColumn 1111'>\n            {% if did_you_mean.size != 0 or products.size > 0 -%}\n            <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n              <!-- TEMPLATE DID YOU MEAN -->\n              {% assign termList = '' %}\n              {% if did_you_mean.size != 0 and all_empty == false %}\n              <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n                <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                  {% for term in did_you_mean %}\n                  {% assign escapedTerm = term | escape %}\n                  {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                  {% endfor %}\n                  {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                  {{ didYouMeanTranslated }}\n                </p>\n              </div>\n              {% endif %}\n              <!-- TEMPLATE SEARCH PRODUCTS -->\n              <!-- ***** Search box on click ***** -->\n              {% if query == '' %}\n              {% elsif query != '' and all_empty %}\n              <!-- ******** ISW without results ******** -->\n              {% else %}\n              <!-- ***** ISW with results ***** -->\n              {% if products.size > 0 %}\n              <div class='boost-sd__instant-search-product-list'>\n                <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                  {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n                </h3>\n                <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                  {% assign firstProductRendered = false %}\n                  {% for bundle in bundles %}\n                  {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                  {% assign embeddedIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                  <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                    <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                    {% assign isSale = false -%}\n                    {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                    {% assign isSale = true -%}\n                    {% endif -%}\n                    {% if embeddedIsw %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \"boost-sd__product-title\" %}\n                    {% assign priceClasses = \"boost-sd__product-price\" %}\n                    {% endif %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                      <!-- Display Bundle Image -->\n                      <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                        {%- capture aspectRatioSetting %}square{% endcapture -%}\n                        {% assign aspectRatio = '' -%}\n                        {% if aspectRatioSetting == 'natural' -%}\n                        {% for product in bundle.products %}\n                        {% assign imageWidth = product.images_info[0].width -%}\n                        {% assign imageHeight = product.images_info[0].height -%}\n                        {% endfor %}\n                        {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                        {% endif -%}\n                        <!-- Display Mixed Product Images if selected -->\n                        {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endfor %}\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                        <!-- Use the newly uploaded image -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </div>\n                        </div>\n                        {% else %}\n                        <!-- Use Single Product Images: bundleImageType === 'single' -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          {% if widgetDesignSettings.bundleImageData == product.id %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endif %}\n                          {% endfor %}\n                        </div>\n                        {% endif %}\n                      </div>\n                      <!-- Display Bundle Information -->\n                      <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                          <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                            {% if embeddedIsw %}\n                            {% if isSale %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% else %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                              <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% endif %}\n                            {% else %}\n                            {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                            {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                            <!-- Price compare display left or right -->\n                            <div class=\"boost-sd__product-price-wrapper\">\n                              <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                  <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                                </span>\n                                {% if compareAtPriceWithFormat != '' -%}\n                                <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                                </span>\n                                {% endif -%}\n                              </span>\n                            </div>\n                            {% endif %}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% assign volumeIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                  <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                    <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                    {%- capture aspectRatio %}square{% endcapture -%}\n                    {% assign product = bundle.matchedProduct -%}\n                    {% assign aspectRatio = '' -%}\n                    {% if aspectRatio == 'natural' -%}\n                    {% assign imageWidth = product.images_info[0].width -%}\n                    {% assign imageHeight = product.images_info[0].height -%}\n                    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                    {% endif -%}\n                    {% if volumeIsw == true %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \" boost-sd__product-title\" %}\n                    {% assign priceClasses = \" boost-sd__product-price\" %}\n                    {% endif %}\n                    {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                      <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                        {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </figure>\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                        </div>\n                        {% else %}\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                        {% endif %}\n                      </div>\n                      <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                            <span class=\"boost-sd__volume-bundle-product-single\">\n                              1 for <span>{{ bundle.productMinPrice }}</span>\n                            </span>\n                            <br>\n                            <span class=\"boost-sd__volume-bundle-product-combo\">\n                              {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                                {% if volumeIsw %}\n                                <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                  <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                                </span>\n                                {% else %}\n                                <span class=\"boost-sd__product-price-content\">\n                                  <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                    {{ bundle.bundleOptions[0].discountedPrice }}\n                                  </span>\n                                  <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                                </span>\n                                {% endif %}\n                              </span>\n                            </span>\n                          </p>\n                        </div>\n                      </figcaption>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% endfor %}\n                  {% for product in products limit: 10 %}\n                  <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                    <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                        {% if product.available != true %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                        {% endif %}\n                        {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                        {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                        {% if compareAtPriceMin > product.price_min %}\n                        {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                        {% assign salePercent = percent | append: '%' %}\n                        {% assign saleAmount = product.sale_amount_format %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                          {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                          <span>{{ textProductItemSaleTranslated }}</span>\n                        </div>\n                        {% endif %}\n                        {% endif %}\n                        {% if product.images_info[0] %}\n                        {% assign imageSrc = product.images_info[0].src -%}\n                        {% assign imagAlt = product.images_info[0].alt -%}\n                        {% else %}\n                        {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                        {% assign imagAlt = product.title | escape -%}\n                        {% endif %}\n                        {% assign widthParam = \"&width=\" -%}\n                        {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                        {% capture srcset -%}\n                        {% for width in widths -%}\n                        {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                        {% endfor -%}\n                        {% endcapture -%}\n                        <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                      </div>\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                        <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                        <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                        <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                        <!--  PRODUCT RATING -->\n                      </div>\n                    </a>\n                  </li>\n                  {% endfor %}\n                </ul>\n              </div>\n              {% endif %}\n              {% endif %}\n              {% assign firstBundleRendered = false %}\n              {% for bundle in bundles %}\n              {% if firstBundleRendered == false and bundle and bundle.bundle_type != 'volume' and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == null -%}\n              <!-- TEMPLATE RECOMMENDATION DYNAMIC BUNDLE -->\n              {% assign widgetTitle = '' %}\n              {% if widgetDesignSettings.titleAlignment != '' %}\n              {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}\n              {% endif %}\n              {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              <div aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--bottom-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                {% endif %}\n                <div tabindex=\"0\" id='boost-sd-dynamic-bundle-{{ bundle.widgetId }}' data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' class='boost-sd__recommendation boost-sd__recommendation--dynamic' data-product-price='true'>\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class='boost-sd__recommendation-popup-heading'>\n                    <div tabindex=\"0\" aria-label=\"Popup is showed: {{ widgetDesignSettings.titleName }}\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-popup-heading-label'>{{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}</div>\n                    <p tabindex=\"0\" class='boost-sd__recommendation-popup-heading-sublabel'>Select your options in this bundle</p>\n                  </div>\n                  {% else %}\n                  <div tabindex=\"0\" role=\"text\" class='boost-sd__recommendation-title {{ widgetTitle }} boost-sd__recommendation-title--bundle' style='color: {{ widgetDesignSettings.titleTextColor }};\n        font-family: {{ widgetDesignSettings.titleFont }};\n        font-size: {{ widgetDesignSettings.titleFontSize }}px;\n        text-transform: {{ widgetDesignSettings.titleTextTransform }};\n        font-weight: {{ widgetDesignSettings.titleFontWeight }};\n        font-style: {{ widgetDesignSettings.titleFontStyle }};'>\n                    <span class='boost-sd__recommendation-title-text'>\n                      {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                    </span>\n                  </div>\n                  {% endif %}\n                  {% if bundle.bundleStyle %}\n                  {% assign bundleStyle = bundle.bundleStyle %}\n                  {% endif %}\n                  <div class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\">\n                    {% assign currentLocale = '' %}\n                    {% if locale != \"\" or locale != null %}\n                    {% assign currentLocale = locale %}\n                    {% endif %}\n                    <div class=\"boost-sd__recommendation-bundle-left\">\n                      <div class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__recommendation-bundle-image-item\" data-product-id=\"{{ product.id }}\">\n                          <a aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__recommendation-bundle-link-image {% if product.checked == false %}boost-sd__recommendation-bundle-link-image--blur{% endif %}\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                            <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__recommendation-bundle-image-wrapper\">\n                              <div class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\">\n                                {% if product.images_info[0] %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% else %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% endif %}\n                              </div>\n                            </div>\n                          </a>\n                          {% if bundleStyle == 'style2' %}\n                          <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\">\n                            <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                              <div class=\"boost-sd__recommendation-bundle-item-title\">\n                                <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                                  {% if bundle.currentProductId == product.id %}\n                                  <b>This item:</b>\n                                  {% endif %}\n                                  {{ product.title | escape }}\n                                </a>\n                              </div>\n                              {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                              <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                                <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                                  <div aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" role=\"button\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                    <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                      {{ product.selectedOption.title | escape }}\n                                    </span>\n                                    <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                      <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                    </svg>\n                                  </div>\n                                  <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                    {% for variant in product.variants %}\n                                    <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                      {{ variant.title | escape }}\n                                    </li>\n                                    {% endfor %}\n                                  </ul>\n                                </div>\n                              </div>\n                              {% endif %}\n                              <div class=\"boost-sd__recommendation-bundle-checkbox-price\">\n                                <b role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                                  {{ product.selectedOption.price }}\n                                </b>\n                                {% if isShowPopupDynamicBundle != true %}\n                                <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                                  <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                                  </button>\n                                </div>\n                                {% endif %}\n                              </div>\n                            </div>\n                          </div>\n                          {% endif %}\n                        </div>\n                        {% unless forloop.last %}\n                        <div class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\">\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#222222\"></path>\n                          </svg>\n                        </div>\n                        {% endunless %}\n                        {% endfor %}\n                      </div>\n                      {% if bundleStyle == 'style1' %}\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\" data-product-id=\"{{ product.id }}\">\n                        <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                          <div class=\"boost-sd__recommendation-bundle-item-title\">\n                            {% if isShowPopupDynamicBundle != true %}\n                            <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                              <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                              </button>\n                            </div>\n                            {% endif %}\n                            <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                              {{ product.title | escape }}\n                            </a>\n                          </div>\n                          {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                          <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                            <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                              <div role=\"button\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                  {{ product.selectedOption.title | escape }}\n                                </span>\n                                <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                  <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                </svg>\n                              </div>\n                              <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                {% for variant in product.variants %}\n                                <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                  {{ variant.title | escape }}\n                                </li>\n                                {% endfor %}\n                              </ul>\n                            </div>\n                          </div>\n                          {% endif %}\n                          <span role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                            <span>{{ product.selectedOption.price }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endfor %}\n                      {% endif %}\n                    </div>\n                    <div class=\"boost-sd__recommendation-bundle-right\">\n                      {% if bundle.hasSelectedProduct == true %}\n                      <div role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\">\n                        {% if bundle.isPopupDynamicBundleOpening == true %}\n                        {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                        <span class=\"boost-sd__recommendation-bundle-total-highlight\">BUY BULK AND SAVE {{ bundle.amountValueDisplay }}</span>\n                        {% endif %}\n                        {% endif %}\n                        <div class=\"boost-sd__recommendation-bundle-total-discount\">\n                          <span class=\"boost-sd__recommendation-bundle-total-label\">Total price:</span>\n                          <span>\n                            {% if bundle.totalBundlePrice and bundle.rawTotalBundlePrice < bundle.rawTotalPrice %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number\">{{ bundle.totalBundlePrice }}</span>\n                            {% endif %}\n                            {% assign bundleTotalClasses = '' %}\n                            {% if bundle.rawTotalPrice > bundle.rawTotalBundlePrice %}\n                            {% assign bundleTotalClasses = bundleTotalClasses | append: ' boost-sd__recommendation-bundle-total-number--origin' -%}\n                            {% endif %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number{{ bundleTotalClasses }}\">{{ bundle.totalPrice }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endif %}\n                      <button type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} aria-label=\"Add bundle to cart\" class=\"boost-sd__button boost-sd__button--capsule boost-sd__button--add-to-cart boost-sd__recommendation-bundle-button boost-sd__btn-add-to-cart {% if isShowPopupDynamicBundle %}boost-sd__recommendation-dynamic-show-popup{% endif %}\" style='color: {{ widgetDesignSettings.buttonTextColor }};\n      background-color: {{ widgetDesignSettings.buttonBackgroundColor }};\n      font-weight: 500;'>\n                        <span>{{ widgetDesignSettings.buttonText }}</span>\n                      </button>\n                    </div>\n                  </div>\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class=\"boost-sd__recommendation-bundle-buttons\">\n                    <button type=\"button\" aria-label=\"Close bundle popup\" class=\"boost-sd__button boost-sd__button--back boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                        <path d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                    <button type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                  </div>\n                  {% endif %}\n                </div>\n                {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              </div>\n              {% endif %}\n              {% assign firstBundleRendered = true %}\n              {% endif %}\n              {% endfor %}\n            </div>\n            <!-- TEMPLATE VIEW ALL -->\n            {% assign productNumber = '0' %}\n            {% for item in suggestionBlocksList %}\n            {% if item.type == 'products' %}\n            {% assign productNumber = item.number %}\n            {% endif %}\n            {% endfor %}\n            {% if products.size > 0 and total_product > productNumber -%}\n            {%- assign count = total_product -%}\n            {% assign viewAllTranslated = 'suggestion.viewAll' | translate: translations, 'View all {{ count }} products' | replace: '{{ count }}', count -%}\n            <div aria-label='Button: {{ viewAllTranslated }}' class='boost-sd__view-all' data-group='view-all-products' data-title='{{ query | escape }}'>\n              <a class='boost-sd__view-all-link' href='{{ currentLocale }}/search?q={{ query | url_encode }}'>\n                <span class='boost-sd__view-all-text'>\n                  {{ viewAllTranslated }}\n                  <svg class='boost-sd__view-all-icon' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1657 7.43443L10.1657 3.43443C9.8529 3.12163 9.3473 3.12163 9.0345 3.43443C8.7217 3.74723 8.7217 4.25283 9.0345 4.56563L11.6689 7.20003H2.4001C1.9577 7.20003 1.6001 7.55843 1.6001 8.00003C1.6001 8.44163 1.9577 8.80003 2.4001 8.80003H11.6689L9.0345 11.4344C8.7217 11.7472 8.7217 12.2528 9.0345 12.5656C9.1905 12.7216 9.3953 12.8 9.6001 12.8C9.8049 12.8 10.0097 12.7216 10.1657 12.5656L14.1657 8.56563C14.4785 8.25283 14.4785 7.74723 14.1657 7.43443\" fill=\"#5C5F62\"></path>\n                  </svg>\n                </span>\n              </a>\n            </div>\n            {% endif %}\n            {% endif %}\n          </div>\n          {% else %}\n          {% assign autocompleteClasses = '' %}\n          {% if suggestions.size == 0 and collections.size == 0 and pages.size == 0 -%}\n          {% assign autocompleteClasses = autocompleteClasses | append: 'boost-sd__instant-search-no-other ' %}\n          {% endif %}\n          {% if products.size == 0 -%}\n          {% assign autocompleteClasses = autocompleteClasses | append: 'boost-sd__instant-search-no-product ' %}\n          {% endif %}\n          <div class='boost-sd__instant-search-autocomplete {{ autocompleteClasses }} boost-sd__g-flexColumn'>\n            {% if hasSuggestions or hasCollections or hasPages or hasProducts or did_you_mean.size != 0 -%}\n            <div class='boost-sd__instant-search-column boost-sd__instant-search-column--others boost-sd__g-scrollable'>\n              <!-- TEMPLATE DID YOU MEAN -->\n              {% assign termList = '' %}\n              {% if did_you_mean.size != 0 and all_empty == false %}\n              <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n                <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                  {% for term in did_you_mean %}\n                  {% assign escapedTerm = term | escape %}\n                  {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                  {% endfor %}\n                  {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                  {{ didYouMeanTranslated }}\n                </p>\n              </div>\n              {% endif %}\n              <!-- TEMPLATE SUGGESTION QUERIES BLOCKS -->\n              <!-- ISW with results -->\n              {% assign queriesMobileClasses = '' %}\n              {% if suggestionMobileStyle == 'style1' %}\n              {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n              {% endif %}\n              {% if suggestionMobileStyle == 'style2' %}\n              {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n              {% endif %}\n              {% if suggestions.size > 0 -%}\n              <div class='boost-sd__suggestion-queries-group'>\n                <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--suggestions'>\n                  {{ 'suggestion.instantSearchSuggestionsLabel' | translate: translations, 'Popular suggestions' }}\n                </h3>\n                <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                  {% for suggestion in suggestions limit: 10 %}\n                  <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--suggestion {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ suggestion | escape }}'>\n                    {% assign suggestionHref = '' %}\n                    {% if redirects[suggestion] %}\n                    {% assign suggestionHref = redirects[suggestion] %}\n                    {% else %}\n                    {% assign suggestionHref = currentLocale | append: '/search?q=' | append: suggestion %}\n                    {% endif %}\n                    <a aria-label='Suggestion : {{ suggestion | escape }}' href='{{ suggestionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                      <span aria-hidden='true'>{{ suggestion | escape }}</span>\n                    </a>\n                  </li>\n                  {% endfor %}\n                </ul>\n              </div>\n              {% endif %}\n              {% if collections.size > 0 -%}\n              <div class='boost-sd__suggestion-queries-group'>\n                <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--collections'>\n                  {{ 'suggestion.instantSearchCollectionsLabel' | translate: translations, 'Collections' }}\n                </h3>\n                <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                  {% for collection in collections limit: 10 %}\n                  <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ collection.title | escape }}'>\n                    {% assign collectionHref = '' %}\n                    {% if redirects[collection.title] %}\n                    {% assign collectionHref = redirects[collection.title] %}\n                    {% else %}\n                    {% assign collectionHref = currentLocale | append: '/collections/' | append: collection.handle %}\n                    {% endif %}\n                    <a aria-label='Collection: {{ collection.title | escape }}' href='{{ collectionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                      <span aria-hidden='true'>{{ collection.title | escape }}</span>\n                    </a>\n                  </li>\n                  {% endfor %}\n                </ul>\n              </div>\n              {% endif %}\n              {% if contentOrder == 'one-column' %}\n              {% if products.size > 0 -%}\n              <div class='boost-sd__instant-search-product-list'>\n                <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                  {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n                </h3>\n                <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                  {% assign firstProductRendered = false %}\n                  {% for bundle in bundles %}\n                  {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                  {% assign embeddedIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                  <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                    <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                    {% assign isSale = false -%}\n                    {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                    {% assign isSale = true -%}\n                    {% endif -%}\n                    {% if embeddedIsw %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \"boost-sd__product-title\" %}\n                    {% assign priceClasses = \"boost-sd__product-price\" %}\n                    {% endif %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                      <!-- Display Bundle Image -->\n                      <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                        {%- capture aspectRatioSetting %}square{% endcapture -%}\n                        {% assign aspectRatio = '' -%}\n                        {% if aspectRatioSetting == 'natural' -%}\n                        {% for product in bundle.products %}\n                        {% assign imageWidth = product.images_info[0].width -%}\n                        {% assign imageHeight = product.images_info[0].height -%}\n                        {% endfor %}\n                        {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                        {% endif -%}\n                        <!-- Display Mixed Product Images if selected -->\n                        {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endfor %}\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                        <!-- Use the newly uploaded image -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </div>\n                        </div>\n                        {% else %}\n                        <!-- Use Single Product Images: bundleImageType === 'single' -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          {% if widgetDesignSettings.bundleImageData == product.id %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endif %}\n                          {% endfor %}\n                        </div>\n                        {% endif %}\n                      </div>\n                      <!-- Display Bundle Information -->\n                      <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                          <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                            {% if embeddedIsw %}\n                            {% if isSale %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% else %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                              <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% endif %}\n                            {% else %}\n                            {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                            {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                            <!-- Price compare display left or right -->\n                            <div class=\"boost-sd__product-price-wrapper\">\n                              <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                  <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                                </span>\n                                {% if compareAtPriceWithFormat != '' -%}\n                                <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                                </span>\n                                {% endif -%}\n                              </span>\n                            </div>\n                            {% endif %}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% assign volumeIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                  <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                    <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                    {%- capture aspectRatio %}square{% endcapture -%}\n                    {% assign product = bundle.matchedProduct -%}\n                    {% assign aspectRatio = '' -%}\n                    {% if aspectRatio == 'natural' -%}\n                    {% assign imageWidth = product.images_info[0].width -%}\n                    {% assign imageHeight = product.images_info[0].height -%}\n                    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                    {% endif -%}\n                    {% if volumeIsw == true %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \" boost-sd__product-title\" %}\n                    {% assign priceClasses = \" boost-sd__product-price\" %}\n                    {% endif %}\n                    {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                      <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                        {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </figure>\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                        </div>\n                        {% else %}\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                        {% endif %}\n                      </div>\n                      <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                            <span class=\"boost-sd__volume-bundle-product-single\">\n                              1 for <span>{{ bundle.productMinPrice }}</span>\n                            </span>\n                            <br>\n                            <span class=\"boost-sd__volume-bundle-product-combo\">\n                              {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                                {% if volumeIsw %}\n                                <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                  <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                                </span>\n                                {% else %}\n                                <span class=\"boost-sd__product-price-content\">\n                                  <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                    {{ bundle.bundleOptions[0].discountedPrice }}\n                                  </span>\n                                  <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                                </span>\n                                {% endif %}\n                              </span>\n                            </span>\n                          </p>\n                        </div>\n                      </figcaption>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% endfor %}\n                  {% for product in products limit: 10 %}\n                  <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                    <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                        {% if product.available != true %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                        {% endif %}\n                        {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                        {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                        {% if compareAtPriceMin > product.price_min %}\n                        {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                        {% assign salePercent = percent | append: '%' %}\n                        {% assign saleAmount = product.sale_amount_format %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                          {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                          <span>{{ textProductItemSaleTranslated }}</span>\n                        </div>\n                        {% endif %}\n                        {% endif %}\n                        {% if product.images_info[0] %}\n                        {% assign imageSrc = product.images_info[0].src -%}\n                        {% assign imagAlt = product.images_info[0].alt -%}\n                        {% else %}\n                        {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                        {% assign imagAlt = product.title | escape -%}\n                        {% endif %}\n                        {% assign widthParam = \"&width=\" -%}\n                        {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                        {% capture srcset -%}\n                        {% for width in widths -%}\n                        {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                        {% endfor -%}\n                        {% endcapture -%}\n                        <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                      </div>\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                        <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                        <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                        <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                        <!--  PRODUCT RATING -->\n                      </div>\n                    </a>\n                  </li>\n                  {% endfor %}\n                </ul>\n              </div>\n              {% endif %}\n              {% endif %}\n              {% if pages.size > 0 -%}\n              <div class='boost-sd__suggestion-queries-group'>\n                <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--pages'>\n                  {{ 'suggestion.instantSearchPagesLabel' | translate: translations, 'Pages' }}\n                </h3>\n                <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                  {% for page in pages limit: 10 %}\n                  <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ page.title | escape }}'>\n                    {% assign pageHref = '' %}\n                    {% if redirects[page.title] %}\n                    {% assign pageHref = redirects[page.title] %}\n                    {% else %}\n                    {% assign pageHref = currentLocale | append: page.url %}\n                    {% endif %}\n                    <a aria-label='Page: {{ page.title | escape }}' href='{{ pageHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                      <span aria-hidden='true'>{{ page.title | escape }}</span>\n                    </a>\n                  </li>\n                  {% endfor %}\n                </ul>\n              </div>\n              {% endif %}\n              {% assign firstBundleRendered = false %}\n              {% for bundle in bundles %}\n              {% if firstBundleRendered == false and bundle and bundle.bundle_type != 'volume' and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == null -%}\n              <!-- TEMPLATE RECOMMENDATION DYNAMIC BUNDLE -->\n              {% assign widgetTitle = '' %}\n              {% if widgetDesignSettings.titleAlignment != '' %}\n              {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}\n              {% endif %}\n              {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              <div aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--bottom-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                {% endif %}\n                <div tabindex=\"0\" id='boost-sd-dynamic-bundle-{{ bundle.widgetId }}' data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' class='boost-sd__recommendation boost-sd__recommendation--dynamic' data-product-price='true'>\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class='boost-sd__recommendation-popup-heading'>\n                    <div tabindex=\"0\" aria-label=\"Popup is showed: {{ widgetDesignSettings.titleName }}\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-popup-heading-label'>{{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}</div>\n                    <p tabindex=\"0\" class='boost-sd__recommendation-popup-heading-sublabel'>Select your options in this bundle</p>\n                  </div>\n                  {% else %}\n                  <div tabindex=\"0\" role=\"text\" class='boost-sd__recommendation-title {{ widgetTitle }} boost-sd__recommendation-title--bundle' style='color: {{ widgetDesignSettings.titleTextColor }};\n        font-family: {{ widgetDesignSettings.titleFont }};\n        font-size: {{ widgetDesignSettings.titleFontSize }}px;\n        text-transform: {{ widgetDesignSettings.titleTextTransform }};\n        font-weight: {{ widgetDesignSettings.titleFontWeight }};\n        font-style: {{ widgetDesignSettings.titleFontStyle }};'>\n                    <span class='boost-sd__recommendation-title-text'>\n                      {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                    </span>\n                  </div>\n                  {% endif %}\n                  {% if bundle.bundleStyle %}\n                  {% assign bundleStyle = bundle.bundleStyle %}\n                  {% endif %}\n                  <div class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\">\n                    {% assign currentLocale = '' %}\n                    {% if locale != \"\" or locale != null %}\n                    {% assign currentLocale = locale %}\n                    {% endif %}\n                    <div class=\"boost-sd__recommendation-bundle-left\">\n                      <div class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__recommendation-bundle-image-item\" data-product-id=\"{{ product.id }}\">\n                          <a aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__recommendation-bundle-link-image {% if product.checked == false %}boost-sd__recommendation-bundle-link-image--blur{% endif %}\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                            <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__recommendation-bundle-image-wrapper\">\n                              <div class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\">\n                                {% if product.images_info[0] %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% else %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% endif %}\n                              </div>\n                            </div>\n                          </a>\n                          {% if bundleStyle == 'style2' %}\n                          <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\">\n                            <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                              <div class=\"boost-sd__recommendation-bundle-item-title\">\n                                <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                                  {% if bundle.currentProductId == product.id %}\n                                  <b>This item:</b>\n                                  {% endif %}\n                                  {{ product.title | escape }}\n                                </a>\n                              </div>\n                              {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                              <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                                <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                                  <div aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" role=\"button\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                    <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                      {{ product.selectedOption.title | escape }}\n                                    </span>\n                                    <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                      <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                    </svg>\n                                  </div>\n                                  <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                    {% for variant in product.variants %}\n                                    <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                      {{ variant.title | escape }}\n                                    </li>\n                                    {% endfor %}\n                                  </ul>\n                                </div>\n                              </div>\n                              {% endif %}\n                              <div class=\"boost-sd__recommendation-bundle-checkbox-price\">\n                                <b role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                                  {{ product.selectedOption.price }}\n                                </b>\n                                {% if isShowPopupDynamicBundle != true %}\n                                <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                                  <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                                  </button>\n                                </div>\n                                {% endif %}\n                              </div>\n                            </div>\n                          </div>\n                          {% endif %}\n                        </div>\n                        {% unless forloop.last %}\n                        <div class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\">\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#222222\"></path>\n                          </svg>\n                        </div>\n                        {% endunless %}\n                        {% endfor %}\n                      </div>\n                      {% if bundleStyle == 'style1' %}\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\" data-product-id=\"{{ product.id }}\">\n                        <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                          <div class=\"boost-sd__recommendation-bundle-item-title\">\n                            {% if isShowPopupDynamicBundle != true %}\n                            <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                              <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                              </button>\n                            </div>\n                            {% endif %}\n                            <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                              {{ product.title | escape }}\n                            </a>\n                          </div>\n                          {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                          <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                            <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                              <div role=\"button\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                  {{ product.selectedOption.title | escape }}\n                                </span>\n                                <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                  <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                </svg>\n                              </div>\n                              <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                {% for variant in product.variants %}\n                                <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                  {{ variant.title | escape }}\n                                </li>\n                                {% endfor %}\n                              </ul>\n                            </div>\n                          </div>\n                          {% endif %}\n                          <span role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                            <span>{{ product.selectedOption.price }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endfor %}\n                      {% endif %}\n                    </div>\n                    <div class=\"boost-sd__recommendation-bundle-right\">\n                      {% if bundle.hasSelectedProduct == true %}\n                      <div role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\">\n                        {% if bundle.isPopupDynamicBundleOpening == true %}\n                        {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                        <span class=\"boost-sd__recommendation-bundle-total-highlight\">BUY BULK AND SAVE {{ bundle.amountValueDisplay }}</span>\n                        {% endif %}\n                        {% endif %}\n                        <div class=\"boost-sd__recommendation-bundle-total-discount\">\n                          <span class=\"boost-sd__recommendation-bundle-total-label\">Total price:</span>\n                          <span>\n                            {% if bundle.totalBundlePrice and bundle.rawTotalBundlePrice < bundle.rawTotalPrice %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number\">{{ bundle.totalBundlePrice }}</span>\n                            {% endif %}\n                            {% assign bundleTotalClasses = '' %}\n                            {% if bundle.rawTotalPrice > bundle.rawTotalBundlePrice %}\n                            {% assign bundleTotalClasses = bundleTotalClasses | append: ' boost-sd__recommendation-bundle-total-number--origin' -%}\n                            {% endif %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number{{ bundleTotalClasses }}\">{{ bundle.totalPrice }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endif %}\n                      <button type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} aria-label=\"Add bundle to cart\" class=\"boost-sd__button boost-sd__button--capsule boost-sd__button--add-to-cart boost-sd__recommendation-bundle-button boost-sd__btn-add-to-cart {% if isShowPopupDynamicBundle %}boost-sd__recommendation-dynamic-show-popup{% endif %}\" style='color: {{ widgetDesignSettings.buttonTextColor }};\n      background-color: {{ widgetDesignSettings.buttonBackgroundColor }};\n      font-weight: 500;'>\n                        <span>{{ widgetDesignSettings.buttonText }}</span>\n                      </button>\n                    </div>\n                  </div>\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class=\"boost-sd__recommendation-bundle-buttons\">\n                    <button type=\"button\" aria-label=\"Close bundle popup\" class=\"boost-sd__button boost-sd__button--back boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                        <path d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                    <button type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                  </div>\n                  {% endif %}\n                </div>\n                {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              </div>\n              {% endif %}\n              {% assign firstBundleRendered = true %}\n              {% endif %}\n              {% endfor %}\n            </div>\n            <!-- TEMPLATE VIEW ALL -->\n            {% assign productNumber = '0' %}\n            {% for item in suggestionBlocksList %}\n            {% if item.type == 'products' %}\n            {% assign productNumber = item.number %}\n            {% endif %}\n            {% endfor %}\n            {% if products.size > 0 and total_product > productNumber -%}\n            {%- assign count = total_product -%}\n            {% assign viewAllTranslated = 'suggestion.viewAll' | translate: translations, 'View all {{ count }} products' | replace: '{{ count }}', count -%}\n            <div aria-label='Button: {{ viewAllTranslated }}' class='boost-sd__view-all' data-group='view-all-products' data-title='{{ query | escape }}'>\n              <a class='boost-sd__view-all-link' href='{{ currentLocale }}/search?q={{ query | url_encode }}'>\n                <span class='boost-sd__view-all-text'>\n                  {{ viewAllTranslated }}\n                  <svg class='boost-sd__view-all-icon' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1657 7.43443L10.1657 3.43443C9.8529 3.12163 9.3473 3.12163 9.0345 3.43443C8.7217 3.74723 8.7217 4.25283 9.0345 4.56563L11.6689 7.20003H2.4001C1.9577 7.20003 1.6001 7.55843 1.6001 8.00003C1.6001 8.44163 1.9577 8.80003 2.4001 8.80003H11.6689L9.0345 11.4344C8.7217 11.7472 8.7217 12.2528 9.0345 12.5656C9.1905 12.7216 9.3953 12.8 9.6001 12.8C9.8049 12.8 10.0097 12.7216 10.1657 12.5656L14.1657 8.56563C14.4785 8.25283 14.4785 7.74723 14.1657 7.43443\" fill=\"#5C5F62\"></path>\n                  </svg>\n                </span>\n              </a>\n            </div>\n            {% endif %}\n            {% endif %}\n          </div>\n          {% endif %}\n          {% endif %}\n          {% endif %}\n          <!-- Display watermark -->\n          <div class=\"boost-sd__watermark-powered-by-boost\">\n            {{ \"search.watermarkPoweredBy\" | translate: translations, \"Powered by\" }}\n            <div class=\"boost-sd__watermark-highlight\">\n              {{ \"search.watermarkPoweredByBranch\" | translate: translations, \"Boost\" }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    {% else %}\n    <!-- Autocomplete -->\n    <div id=\"boost-sd__search-widget-init-wrapper\" class=\"boost-sd__search-widget-init-wrapper boost-sd__g-hide\">\n      <div class=\"boost-sd__instant-search-results boost-sd__instant-search-results--group boost-sd__instant-search-results--mobile boost-sd__instant-search-results--mobile-style2 boost-sd__instant-search-results--product-type-{{ suggestionMobileProductItemType }}\" style=\"max-height: 640px\">\n        <!-- TEMPLATE ISW LAYOUT MOBILE 2 -->\n        {% assign contentOrder = 'one-column' %}\n        {% if isLoading %}\n        <!-- TEMPLATE SEARCH PLACEHOLDER -->\n        <div class='boost-sd__instant-search-placeholder'>\n          <ul class='boost-sd__instant-search-placeholder-list'>\n            <li class='boost-sd__instant-search-placeholder-item'>\n              <div class='boost-sd__instant-search-placeholder-img'></div>\n            </li>\n            <li class='boost-sd__instant-search-placeholder-item'>\n              <div class='boost-sd__instant-search-placeholder-img'></div>\n            </li>\n            <li class='boost-sd__instant-search-placeholder-item'>\n              <div class='boost-sd__instant-search-placeholder-img'></div>\n            </li>\n          </ul>\n          <style>\n            .boost-sd__instant-search-results--one-column .boost-sd__instant-search-placeholder {\n              width: 302px;\n            }\n\n            .boost-sd__instant-search-results--two-column .boost-sd__instant-search-placeholder {\n              width: 800px;\n            }\n\n            .boost-sd__instant-search-placeholder {\n              display: inline-block;\n              width: 100%;\n              max-width: 100%;\n              min-width: 224px;\n              background-color: #fff;\n            }\n\n            .boost-sd__instant-search-placeholder-list {\n              padding: 0;\n              margin: 10px 10px 0;\n              list-style: none;\n            }\n\n            .boost-sd__instant-search-placeholder-item {\n              position: relative;\n              height: 45px;\n              margin-bottom: 10px;\n            }\n\n            .boost-sd__instant-search-placeholder-item::marker {\n              font-size: 0;\n            }\n\n            .boost-sd__instant-search-placeholder-item::before {\n              content: '';\n              position: absolute;\n              top: 8px;\n              left: 55px;\n              display: inline-block;\n              width: calc(100% - 55px);\n              height: 10px;\n              background: -webkit-gradient(linear,\n                  left top,\n                  right top,\n                  color-stop(8%, #eee),\n                  color-stop(18%, #e6e6e6),\n                  color-stop(33%, #eee));\n              background-color: #eee;\n              border-radius: 50em;\n              animation: place-holder-shimmer 1s linear infinite forwards;\n            }\n\n            .boost-sd__instant-search-placeholder-item::after {\n              content: '';\n              position: absolute;\n              top: 28px;\n              left: 55px;\n              display: inline-block;\n              width: 50%;\n              height: 10px;\n              background: -webkit-gradient(linear,\n                  left top,\n                  right top,\n                  color-stop(8%, #eee),\n                  color-stop(18%, #e6e6e6),\n                  color-stop(33%, #eee));\n              background-color: #eee;\n              border-radius: 50em;\n              animation: place-holder-shimmer 1s linear infinite forwards;\n            }\n\n            .boost-sd__instant-search-placeholder-img {\n              width: 30%;\n              height: 100%;\n              max-width: 45px;\n              background-color: #f5f5f5;\n            }\n\n            .boost-sd__instant-search-placeholder-img:empty {\n              display: block;\n            }\n\n            [dir='rtl'] .boost-sd__instant-search-placeholder-item::before {\n              left: auto;\n              right: 55px;\n            }\n\n            [dir='rtl'] .boost-sd__instant-search-placeholder-item::after {\n              left: auto;\n              right: 55px;\n            }\n\n            /* Suggestion placeholder */\n            @keyframes place-holder-shimmer {\n              0% {\n                background-position: -150px 0;\n              }\n\n              100% {\n                background-position: 150px 0;\n              }\n            }\n          </style>\n        </div>\n        {% else %}\n        {% if all_empty == false %}\n        {% if products.size > 0 and productsDisable != true %}\n        {% assign hasProducts = true %}\n        {% endif %}\n        {% if suggestions.size > 0 and suggestionsDisable != true %}\n        {% assign hasSuggestions = true %}\n        {% endif %}\n        {% if collections.size > 0 and collectionsDisable != true %}\n        {% assign hasCollections = true %}\n        {% endif %}\n        {% if pages.size > 0 and pagesDisable != true %}\n        {% assign hasPages = true %}\n        {% endif %}\n        {% if hasProducts != true and hasSuggestions != true and hasCollections != true and hasPages != true and did_you_mean.size == 0 %}\n        {% assign all_empty = true %}\n        {% endif %}\n        {% endif %}\n        <!-- ***** Search box on click ***** -->\n        {% if query == '' %}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-other boost-sd__instant-search-no-product '>\n          <!-- Display recent searches -->\n          <!-- TEMPLATE SUGGESTION QUERIES RECENT -->\n          <!-- Display recent searches -->\n          {% assign queriesMobileClasses = '' %}\n          {% if suggestionMobileStyle == 'style1' %}\n          {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n          {% endif %}\n          {% if suggestionMobileStyle == 'style2' %}\n          {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n          {% endif %}\n          {%- capture maxRecentSearch -%}\n          3\n          {%- endcapture -%}\n          {% assign recentNumber = '' %}\n          {% if recentSearches.size < maxRecentSearch -%}\n          {% assign recentNumber = recentSearches.size -%}\n          {% else %}\n          {% assign recentNumber = maxRecentSearch %}\n          {% endif %}\n          <!-- Display search term suggestions -->\n          <!-- TEMPLATE SUGGESTION QUERIES POPULAR -->\n          <!-- Display search term suggestions -->\n          {% assign queriesMobileClasses = '' %}\n          {% if suggestionMobileStyle == 'style1' %}\n          {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n          {% endif %}\n          {% if suggestionMobileStyle == 'style2' %}\n          {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n          {% endif %}\n          {% if searchTermSuggestionStatus and searchTermSuggestionList.size > 0 %}\n          <div class='boost-sd__suggestion-queries-group'>\n            <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--popular'>\n              {{ 'suggestion.searchBoxOnclickSearchTermLabel' | translate: translations, 'Popular searches' }}\n            </h3>\n            <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n              {% for popularSearch in searchTermSuggestionList limit: 10 %}\n              <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--popular {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ popularSearch | escape }}'>\n                {% assign popularSearchHref = '' %}\n                {% if redirects[popularSearch] %}\n                {% assign popularSearchHref = redirects[popularSearch] %}\n                {% else %}\n                {% assign popularSearchHref = currentLocale | append: '/search?q=' | append: popularSearch %}\n                {% endif %}\n                <a aria-label='Suggestions : {{ popularSearch | escape }}' href='{{ popularSearchHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                  <span aria-hidden='true'>{{ popularSearch | escape }}</span>\n                </a>\n              </li>\n              {% endfor %}\n            </ul>\n          </div>\n          {% endif %}\n          <!-- Display most popular products -->\n          <!-- TEMPLATE SEARCH PRODUCTS -->\n          <!-- ***** Search box on click ***** -->\n          {% if query == '' %}\n          {% elsif query != '' and all_empty %}\n          <!-- ******** ISW without results ******** -->\n          {% else %}\n          <!-- ***** ISW with results ***** -->\n          {% if products.size > 0 %}\n          <div class='boost-sd__instant-search-product-list'>\n            <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n              {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n            </h3>\n            <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n              {% assign firstProductRendered = false %}\n              {% for bundle in bundles %}\n              {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n              {% assign embeddedIsw = true %}\n              {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n              <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                {% assign isSale = false -%}\n                {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                {% assign isSale = true -%}\n                {% endif -%}\n                {% if embeddedIsw %}\n                {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                {% else %}\n                {% assign titleClasses = \"boost-sd__product-title\" %}\n                {% assign priceClasses = \"boost-sd__product-price\" %}\n                {% endif %}\n                <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                  <!-- Display Bundle Image -->\n                  <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                    {%- capture aspectRatioSetting %}square{% endcapture -%}\n                    {% assign aspectRatio = '' -%}\n                    {% if aspectRatioSetting == 'natural' -%}\n                    {% for product in bundle.products %}\n                    {% assign imageWidth = product.images_info[0].width -%}\n                    {% assign imageHeight = product.images_info[0].height -%}\n                    {% endfor %}\n                    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                    {% endif -%}\n                    <!-- Display Mixed Product Images if selected -->\n                    {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__product-image\">\n                        {% if product.images_info[0] %}\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        {% else %}\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        {% endif %}\n                      </div>\n                      {% endfor %}\n                    </div>\n                    {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                    <!-- Use the newly uploaded image -->\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      <div class=\"boost-sd__product-image\">\n                        <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                      </div>\n                    </div>\n                    {% else %}\n                    <!-- Use Single Product Images: bundleImageType === 'single' -->\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      {% for product in bundle.products %}\n                      {% if widgetDesignSettings.bundleImageData == product.id %}\n                      <div class=\"boost-sd__product-image\">\n                        {% if product.images_info[0] %}\n                        <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        {% else %}\n                        <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        {% endif %}\n                      </div>\n                      {% endif %}\n                      {% endfor %}\n                    </div>\n                    {% endif %}\n                  </div>\n                  <!-- Display Bundle Information -->\n                  <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                    <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                      {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                      <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                        {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                      </div>\n                      <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                        {% if embeddedIsw %}\n                        {% if isSale %}\n                        <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                          <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                          <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                        </span>\n                        {% else %}\n                        <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                          <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                        </span>\n                        {% endif %}\n                        {% else %}\n                        {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                        {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                        <!-- Price compare display left or right -->\n                        <div class=\"boost-sd__product-price-wrapper\">\n                          <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                            <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                              <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                            </span>\n                            {% if compareAtPriceWithFormat != '' -%}\n                            <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                            </span>\n                            {% endif -%}\n                          </span>\n                        </div>\n                        {% endif %}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </li>\n              {% assign firstProductRendered = true %}\n              {% endif %}\n              {% assign volumeIsw = true %}\n              {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n              <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                {%- capture aspectRatio %}square{% endcapture -%}\n                {% assign product = bundle.matchedProduct -%}\n                {% assign aspectRatio = '' -%}\n                {% if aspectRatio == 'natural' -%}\n                {% assign imageWidth = product.images_info[0].width -%}\n                {% assign imageHeight = product.images_info[0].height -%}\n                {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                {% endif -%}\n                {% if volumeIsw == true %}\n                {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                {% else %}\n                {% assign titleClasses = \" boost-sd__product-title\" %}\n                {% assign priceClasses = \" boost-sd__product-price\" %}\n                {% endif %}\n                {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                  <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                    {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                    </div>\n                    {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        {% if product.images_info[0] %}\n                        <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        {% endif %}\n                      </div>\n                    </div>\n                    {% else %}\n                    <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                      <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                    </figure>\n                    {% endif %}\n                  </div>\n                  <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                    <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                      <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                        {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                      </div>\n                      <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                        <span class=\"boost-sd__volume-bundle-product-single\">\n                          1 for <span>{{ bundle.productMinPrice }}</span>\n                        </span>\n                        <br>\n                        <span class=\"boost-sd__volume-bundle-product-combo\">\n                          {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                            {% if volumeIsw %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount\">\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                            </span>\n                            {% else %}\n                            <span class=\"boost-sd__product-price-content\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                {{ bundle.bundleOptions[0].discountedPrice }}\n                              </span>\n                              <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                            </span>\n                            {% endif %}\n                          </span>\n                        </span>\n                      </p>\n                    </div>\n                  </figcaption>\n                </div>\n              </li>\n              {% assign firstProductRendered = true %}\n              {% endif %}\n              {% endfor %}\n              {% for product in products limit: 10 %}\n              <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                  <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                    {% if product.available != true %}\n                    <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                    {% endif %}\n                    {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                    {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                    {% if compareAtPriceMin > product.price_min %}\n                    {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                    {% assign salePercent = percent | append: '%' %}\n                    {% assign saleAmount = product.sale_amount_format %}\n                    <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                      {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                      <span>{{ textProductItemSaleTranslated }}</span>\n                    </div>\n                    {% endif %}\n                    {% endif %}\n                    {% if product.images_info[0] %}\n                    {% assign imageSrc = product.images_info[0].src -%}\n                    {% assign imagAlt = product.images_info[0].alt -%}\n                    {% else %}\n                    {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                    {% assign imagAlt = product.title | escape -%}\n                    {% endif %}\n                    {% assign widthParam = \"&width=\" -%}\n                    {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                    {% capture srcset -%}\n                    {% for width in widths -%}\n                    {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                    {% endfor -%}\n                    {% endcapture -%}\n                    <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                  </div>\n                  <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                    <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                    <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                    <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                    <!--  PRODUCT RATING -->\n                  </div>\n                </a>\n              </li>\n              {% endfor %}\n            </ul>\n          </div>\n          {% endif %}\n          {% endif %}\n        </div>\n        <!-- ******** ISW without results ******** -->\n        {% elsif query != '' and all_empty %}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__instant-search-no-other'>\n          <!-- TEMPLATE NO SEARCH RESULT -->\n          {% if all_empty %}\n          <div class='boost-sd__no-search-result' data-group='empty' data-aria-label='No Results' data-label='No Results: {{ query }}'>\n            <p class='boost-sd__no-search-result-desc'>\n              {% assign noSuggestionResultTranslated = 'error.noSuggestionResult' | translate: translations, 'Sorry, nothing found for &quot{{ terms }}&quot.' | replace: '{{ terms }}', '<strong>{{ terms }}</strong>' | replace: '{{ terms }}', query -%}\n              {{ noSuggestionResultTranslated }}\n            </p>\n          </div>\n          {% endif %}\n        </div>\n        {% else %}\n        <!-- ***** ISW with results ***** -->\n        {% assign productActive = false %}\n        {% assign itemActive = false %}\n        {% for item in suggestionBlocksList %}\n        {% if item.type == 'products' %}\n        {% if item.status == 'active' %}\n        {% assign productActive = true %}\n        {% endif %}\n        {% else %}\n        {% if item.status == 'active' %}\n        {% assign itemActive = true %}\n        {% endif %}\n        {% endif %}\n        {% endfor %}\n        {% if productActive == false and itemActive == false %}\n        {% if did_you_mean.size != 0 -%}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__instant-search-no-other boost-sd__g-flexColumn'>\n          <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n            <!-- TEMPLATE DID YOU MEAN -->\n            {% assign termList = '' %}\n            {% if did_you_mean.size != 0 and all_empty == false %}\n            <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n              <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                {% for term in did_you_mean %}\n                {% assign escapedTerm = term | escape %}\n                {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                {% endfor %}\n                {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                {{ didYouMeanTranslated }}\n              </p>\n            </div>\n            {% endif %}\n          </div>\n        </div>\n        {% endif %}\n        {% elsif productActive == false and itemActive == true %}\n        {% if hasSuggestions or hasCollections or hasPages -%}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__g-flexColumn'>\n          <!-- TEMPLATE DID YOU MEAN -->\n          {% assign termList = '' %}\n          {% if did_you_mean.size != 0 and all_empty == false %}\n          <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n            <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n              {% for term in did_you_mean %}\n              {% assign escapedTerm = term | escape %}\n              {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n              {% endfor %}\n              {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n              {{ didYouMeanTranslated }}\n            </p>\n          </div>\n          {% endif %}\n          <!-- TEMPLATE SUGGESTION QUERIES BLOCKS -->\n          <!-- ISW with results -->\n          {% assign queriesMobileClasses = '' %}\n          {% if suggestionMobileStyle == 'style1' %}\n          {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n          {% endif %}\n          {% if suggestionMobileStyle == 'style2' %}\n          {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n          {% endif %}\n          {% if suggestions.size > 0 -%}\n          <div class='boost-sd__suggestion-queries-group'>\n            <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--suggestions'>\n              {{ 'suggestion.instantSearchSuggestionsLabel' | translate: translations, 'Popular suggestions' }}\n            </h3>\n            <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n              {% for suggestion in suggestions limit: 10 %}\n              <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--suggestion {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ suggestion | escape }}'>\n                {% assign suggestionHref = '' %}\n                {% if redirects[suggestion] %}\n                {% assign suggestionHref = redirects[suggestion] %}\n                {% else %}\n                {% assign suggestionHref = currentLocale | append: '/search?q=' | append: suggestion %}\n                {% endif %}\n                <a aria-label='Suggestion : {{ suggestion | escape }}' href='{{ suggestionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                  <span aria-hidden='true'>{{ suggestion | escape }}</span>\n                </a>\n              </li>\n              {% endfor %}\n            </ul>\n          </div>\n          {% endif %}\n          {% if collections.size > 0 -%}\n          <div class='boost-sd__suggestion-queries-group'>\n            <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--collections'>\n              {{ 'suggestion.instantSearchCollectionsLabel' | translate: translations, 'Collections' }}\n            </h3>\n            <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n              {% for collection in collections limit: 10 %}\n              <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ collection.title | escape }}'>\n                {% assign collectionHref = '' %}\n                {% if redirects[collection.title] %}\n                {% assign collectionHref = redirects[collection.title] %}\n                {% else %}\n                {% assign collectionHref = currentLocale | append: '/collections/' | append: collection.handle %}\n                {% endif %}\n                <a aria-label='Collection: {{ collection.title | escape }}' href='{{ collectionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                  <span aria-hidden='true'>{{ collection.title | escape }}</span>\n                </a>\n              </li>\n              {% endfor %}\n            </ul>\n          </div>\n          {% endif %}\n          {% if contentOrder == 'one-column' %}\n          {% if products.size > 0 -%}\n          <div class='boost-sd__instant-search-product-list'>\n            <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n              {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n            </h3>\n            <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n              {% assign firstProductRendered = false %}\n              {% for bundle in bundles %}\n              {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n              {% assign embeddedIsw = true %}\n              {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n              <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                {% assign isSale = false -%}\n                {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                {% assign isSale = true -%}\n                {% endif -%}\n                {% if embeddedIsw %}\n                {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                {% else %}\n                {% assign titleClasses = \"boost-sd__product-title\" %}\n                {% assign priceClasses = \"boost-sd__product-price\" %}\n                {% endif %}\n                <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                  <!-- Display Bundle Image -->\n                  <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                    {%- capture aspectRatioSetting %}square{% endcapture -%}\n                    {% assign aspectRatio = '' -%}\n                    {% if aspectRatioSetting == 'natural' -%}\n                    {% for product in bundle.products %}\n                    {% assign imageWidth = product.images_info[0].width -%}\n                    {% assign imageHeight = product.images_info[0].height -%}\n                    {% endfor %}\n                    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                    {% endif -%}\n                    <!-- Display Mixed Product Images if selected -->\n                    {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__product-image\">\n                        {% if product.images_info[0] %}\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        {% else %}\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        {% endif %}\n                      </div>\n                      {% endfor %}\n                    </div>\n                    {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                    <!-- Use the newly uploaded image -->\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      <div class=\"boost-sd__product-image\">\n                        <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                      </div>\n                    </div>\n                    {% else %}\n                    <!-- Use Single Product Images: bundleImageType === 'single' -->\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      {% for product in bundle.products %}\n                      {% if widgetDesignSettings.bundleImageData == product.id %}\n                      <div class=\"boost-sd__product-image\">\n                        {% if product.images_info[0] %}\n                        <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        {% else %}\n                        <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        {% endif %}\n                      </div>\n                      {% endif %}\n                      {% endfor %}\n                    </div>\n                    {% endif %}\n                  </div>\n                  <!-- Display Bundle Information -->\n                  <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                    <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                      {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                      <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                        {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                      </div>\n                      <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                        {% if embeddedIsw %}\n                        {% if isSale %}\n                        <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                          <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                          <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                        </span>\n                        {% else %}\n                        <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                          <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                        </span>\n                        {% endif %}\n                        {% else %}\n                        {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                        {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                        <!-- Price compare display left or right -->\n                        <div class=\"boost-sd__product-price-wrapper\">\n                          <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                            <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                              <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                            </span>\n                            {% if compareAtPriceWithFormat != '' -%}\n                            <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                            </span>\n                            {% endif -%}\n                          </span>\n                        </div>\n                        {% endif %}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </li>\n              {% assign firstProductRendered = true %}\n              {% endif %}\n              {% assign volumeIsw = true %}\n              {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n              <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                {%- capture aspectRatio %}square{% endcapture -%}\n                {% assign product = bundle.matchedProduct -%}\n                {% assign aspectRatio = '' -%}\n                {% if aspectRatio == 'natural' -%}\n                {% assign imageWidth = product.images_info[0].width -%}\n                {% assign imageHeight = product.images_info[0].height -%}\n                {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                {% endif -%}\n                {% if volumeIsw == true %}\n                {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                {% else %}\n                {% assign titleClasses = \" boost-sd__product-title\" %}\n                {% assign priceClasses = \" boost-sd__product-price\" %}\n                {% endif %}\n                {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                  <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                    {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                    </div>\n                    {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                    <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                      <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        {% if product.images_info[0] %}\n                        <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        {% endif %}\n                      </div>\n                    </div>\n                    {% else %}\n                    <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                      <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                    </figure>\n                    {% endif %}\n                  </div>\n                  <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                    <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                      <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                        {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                      </div>\n                      <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                        <span class=\"boost-sd__volume-bundle-product-single\">\n                          1 for <span>{{ bundle.productMinPrice }}</span>\n                        </span>\n                        <br>\n                        <span class=\"boost-sd__volume-bundle-product-combo\">\n                          {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                            {% if volumeIsw %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount\">\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                            </span>\n                            {% else %}\n                            <span class=\"boost-sd__product-price-content\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                {{ bundle.bundleOptions[0].discountedPrice }}\n                              </span>\n                              <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                            </span>\n                            {% endif %}\n                          </span>\n                        </span>\n                      </p>\n                    </div>\n                  </figcaption>\n                </div>\n              </li>\n              {% assign firstProductRendered = true %}\n              {% endif %}\n              {% endfor %}\n              {% for product in products limit: 10 %}\n              <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                  <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                    {% if product.available != true %}\n                    <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                    {% endif %}\n                    {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                    {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                    {% if compareAtPriceMin > product.price_min %}\n                    {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                    {% assign salePercent = percent | append: '%' %}\n                    {% assign saleAmount = product.sale_amount_format %}\n                    <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                      {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                      <span>{{ textProductItemSaleTranslated }}</span>\n                    </div>\n                    {% endif %}\n                    {% endif %}\n                    {% if product.images_info[0] %}\n                    {% assign imageSrc = product.images_info[0].src -%}\n                    {% assign imagAlt = product.images_info[0].alt -%}\n                    {% else %}\n                    {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                    {% assign imagAlt = product.title | escape -%}\n                    {% endif %}\n                    {% assign widthParam = \"&width=\" -%}\n                    {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                    {% capture srcset -%}\n                    {% for width in widths -%}\n                    {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                    {% endfor -%}\n                    {% endcapture -%}\n                    <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                  </div>\n                  <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                    <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                    <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                    <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                    <!--  PRODUCT RATING -->\n                  </div>\n                </a>\n              </li>\n              {% endfor %}\n            </ul>\n          </div>\n          {% endif %}\n          {% endif %}\n          {% if pages.size > 0 -%}\n          <div class='boost-sd__suggestion-queries-group'>\n            <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--pages'>\n              {{ 'suggestion.instantSearchPagesLabel' | translate: translations, 'Pages' }}\n            </h3>\n            <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n              {% for page in pages limit: 10 %}\n              <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ page.title | escape }}'>\n                {% assign pageHref = '' %}\n                {% if redirects[page.title] %}\n                {% assign pageHref = redirects[page.title] %}\n                {% else %}\n                {% assign pageHref = currentLocale | append: page.url %}\n                {% endif %}\n                <a aria-label='Page: {{ page.title | escape }}' href='{{ pageHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                  <span aria-hidden='true'>{{ page.title | escape }}</span>\n                </a>\n              </li>\n              {% endfor %}\n            </ul>\n          </div>\n          {% endif %}\n        </div>\n        {% else %}\n        {% if did_you_mean.size != 0 -%}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__instant-search-no-other boost-sd__g-flexColumn'>\n          <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n            <!-- TEMPLATE DID YOU MEAN -->\n            {% assign termList = '' %}\n            {% if did_you_mean.size != 0 and all_empty == false %}\n            <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n              <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                {% for term in did_you_mean %}\n                {% assign escapedTerm = term | escape %}\n                {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                {% endfor %}\n                {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                {{ didYouMeanTranslated }}\n              </p>\n            </div>\n            {% endif %}\n          </div>\n        </div>\n        {% endif %}\n        {% endif %}\n        {% elsif productActive == true and itemActive == false %}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-other boost-sd__g-flexColumn 1111'>\n          {% if did_you_mean.size != 0 or products.size > 0 -%}\n          <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n            <!-- TEMPLATE DID YOU MEAN -->\n            {% assign termList = '' %}\n            {% if did_you_mean.size != 0 and all_empty == false %}\n            <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n              <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                {% for term in did_you_mean %}\n                {% assign escapedTerm = term | escape %}\n                {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                {% endfor %}\n                {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                {{ didYouMeanTranslated }}\n              </p>\n            </div>\n            {% endif %}\n            <!-- TEMPLATE SEARCH PRODUCTS -->\n            <!-- ***** Search box on click ***** -->\n            {% if query == '' %}\n            {% elsif query != '' and all_empty %}\n            <!-- ******** ISW without results ******** -->\n            {% else %}\n            <!-- ***** ISW with results ***** -->\n            {% if products.size > 0 %}\n            <div class='boost-sd__instant-search-product-list'>\n              <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n              </h3>\n              <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                {% assign firstProductRendered = false %}\n                {% for bundle in bundles %}\n                {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                {% assign embeddedIsw = true %}\n                {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                  <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                  {% assign isSale = false -%}\n                  {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                  {% assign isSale = true -%}\n                  {% endif -%}\n                  {% if embeddedIsw %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \"boost-sd__product-title\" %}\n                  {% assign priceClasses = \"boost-sd__product-price\" %}\n                  {% endif %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                    <!-- Display Bundle Image -->\n                    <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                      {%- capture aspectRatioSetting %}square{% endcapture -%}\n                      {% assign aspectRatio = '' -%}\n                      {% if aspectRatioSetting == 'natural' -%}\n                      {% for product in bundle.products %}\n                      {% assign imageWidth = product.images_info[0].width -%}\n                      {% assign imageHeight = product.images_info[0].height -%}\n                      {% endfor %}\n                      {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                      {% endif -%}\n                      <!-- Display Mixed Product Images if selected -->\n                      {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endfor %}\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                      <!-- Use the newly uploaded image -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </div>\n                      </div>\n                      {% else %}\n                      <!-- Use Single Product Images: bundleImageType === 'single' -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        {% if widgetDesignSettings.bundleImageData == product.id %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endif %}\n                        {% endfor %}\n                      </div>\n                      {% endif %}\n                    </div>\n                    <!-- Display Bundle Information -->\n                    <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                        <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                          {% if embeddedIsw %}\n                          {% if isSale %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% else %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                            <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% endif %}\n                          {% else %}\n                          {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                          {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                          <!-- Price compare display left or right -->\n                          <div class=\"boost-sd__product-price-wrapper\">\n                            <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                              </span>\n                              {% if compareAtPriceWithFormat != '' -%}\n                              <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                              </span>\n                              {% endif -%}\n                            </span>\n                          </div>\n                          {% endif %}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% assign volumeIsw = true %}\n                {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                  <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                  {%- capture aspectRatio %}square{% endcapture -%}\n                  {% assign product = bundle.matchedProduct -%}\n                  {% assign aspectRatio = '' -%}\n                  {% if aspectRatio == 'natural' -%}\n                  {% assign imageWidth = product.images_info[0].width -%}\n                  {% assign imageHeight = product.images_info[0].height -%}\n                  {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                  {% endif -%}\n                  {% if volumeIsw == true %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \" boost-sd__product-title\" %}\n                  {% assign priceClasses = \" boost-sd__product-price\" %}\n                  {% endif %}\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                    <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                      {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                      </div>\n                      {% else %}\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                      {% endif %}\n                    </div>\n                    <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                          <span class=\"boost-sd__volume-bundle-product-single\">\n                            1 for <span>{{ bundle.productMinPrice }}</span>\n                          </span>\n                          <br>\n                          <span class=\"boost-sd__volume-bundle-product-combo\">\n                            {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                              {% if volumeIsw %}\n                              <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                              </span>\n                              {% else %}\n                              <span class=\"boost-sd__product-price-content\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                  {{ bundle.bundleOptions[0].discountedPrice }}\n                                </span>\n                                <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                              </span>\n                              {% endif %}\n                            </span>\n                          </span>\n                        </p>\n                      </div>\n                    </figcaption>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% endfor %}\n                {% for product in products limit: 10 %}\n                <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                  <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                      {% if product.available != true %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                      {% endif %}\n                      {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                      {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                      {% if compareAtPriceMin > product.price_min %}\n                      {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                      {% assign salePercent = percent | append: '%' %}\n                      {% assign saleAmount = product.sale_amount_format %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                        {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                        <span>{{ textProductItemSaleTranslated }}</span>\n                      </div>\n                      {% endif %}\n                      {% endif %}\n                      {% if product.images_info[0] %}\n                      {% assign imageSrc = product.images_info[0].src -%}\n                      {% assign imagAlt = product.images_info[0].alt -%}\n                      {% else %}\n                      {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                      {% assign imagAlt = product.title | escape -%}\n                      {% endif %}\n                      {% assign widthParam = \"&width=\" -%}\n                      {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                      {% capture srcset -%}\n                      {% for width in widths -%}\n                      {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                      {% endfor -%}\n                      {% endcapture -%}\n                      <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                    </div>\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                      <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                      <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                      <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                      <!--  PRODUCT RATING -->\n                    </div>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% endif %}\n            {% assign firstBundleRendered = false %}\n            {% for bundle in bundles %}\n            {% if firstBundleRendered == false and bundle and bundle.bundle_type != 'volume' and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == null -%}\n            <!-- TEMPLATE RECOMMENDATION DYNAMIC BUNDLE -->\n            {% assign widgetTitle = '' %}\n            {% if widgetDesignSettings.titleAlignment != '' %}\n            {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}\n            {% endif %}\n            {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n            <div aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--bottom-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n              {% endif %}\n              <div tabindex=\"0\" id='boost-sd-dynamic-bundle-{{ bundle.widgetId }}' data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' class='boost-sd__recommendation boost-sd__recommendation--dynamic' data-product-price='true'>\n                {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                {% if bundle.isPopupDynamicBundleOpening == true %}\n                <div class='boost-sd__recommendation-popup-heading'>\n                  <div tabindex=\"0\" aria-label=\"Popup is showed: {{ widgetDesignSettings.titleName }}\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-popup-heading-label'>{{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}</div>\n                  <p tabindex=\"0\" class='boost-sd__recommendation-popup-heading-sublabel'>Select your options in this bundle</p>\n                </div>\n                {% else %}\n                <div tabindex=\"0\" role=\"text\" class='boost-sd__recommendation-title {{ widgetTitle }} boost-sd__recommendation-title--bundle' style='color: {{ widgetDesignSettings.titleTextColor }};\n        font-family: {{ widgetDesignSettings.titleFont }};\n        font-size: {{ widgetDesignSettings.titleFontSize }}px;\n        text-transform: {{ widgetDesignSettings.titleTextTransform }};\n        font-weight: {{ widgetDesignSettings.titleFontWeight }};\n        font-style: {{ widgetDesignSettings.titleFontStyle }};'>\n                  <span class='boost-sd__recommendation-title-text'>\n                    {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                  </span>\n                </div>\n                {% endif %}\n                {% if bundle.bundleStyle %}\n                {% assign bundleStyle = bundle.bundleStyle %}\n                {% endif %}\n                <div class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\">\n                  {% assign currentLocale = '' %}\n                  {% if locale != \"\" or locale != null %}\n                  {% assign currentLocale = locale %}\n                  {% endif %}\n                  <div class=\"boost-sd__recommendation-bundle-left\">\n                    <div class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\">\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__recommendation-bundle-image-item\" data-product-id=\"{{ product.id }}\">\n                        <a aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__recommendation-bundle-link-image {% if product.checked == false %}boost-sd__recommendation-bundle-link-image--blur{% endif %}\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                          <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__recommendation-bundle-image-wrapper\">\n                            <div class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\">\n                              {% if product.images_info[0] %}\n                              <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                              {% else %}\n                              <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                              {% endif %}\n                            </div>\n                          </div>\n                        </a>\n                        {% if bundleStyle == 'style2' %}\n                        <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\">\n                          <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                            <div class=\"boost-sd__recommendation-bundle-item-title\">\n                              <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                                {% if bundle.currentProductId == product.id %}\n                                <b>This item:</b>\n                                {% endif %}\n                                {{ product.title | escape }}\n                              </a>\n                            </div>\n                            {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                            <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                              <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                                <div aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" role=\"button\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                  <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                    {{ product.selectedOption.title | escape }}\n                                  </span>\n                                  <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                  </svg>\n                                </div>\n                                <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                  {% for variant in product.variants %}\n                                  <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                    {{ variant.title | escape }}\n                                  </li>\n                                  {% endfor %}\n                                </ul>\n                              </div>\n                            </div>\n                            {% endif %}\n                            <div class=\"boost-sd__recommendation-bundle-checkbox-price\">\n                              <b role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                                {{ product.selectedOption.price }}\n                              </b>\n                              {% if isShowPopupDynamicBundle != true %}\n                              <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                                <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                                </button>\n                              </div>\n                              {% endif %}\n                            </div>\n                          </div>\n                        </div>\n                        {% endif %}\n                      </div>\n                      {% unless forloop.last %}\n                      <div class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#222222\"></path>\n                        </svg>\n                      </div>\n                      {% endunless %}\n                      {% endfor %}\n                    </div>\n                    {% if bundleStyle == 'style1' %}\n                    {% for product in bundle.products %}\n                    <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\" data-product-id=\"{{ product.id }}\">\n                      <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                        <div class=\"boost-sd__recommendation-bundle-item-title\">\n                          {% if isShowPopupDynamicBundle != true %}\n                          <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                            <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                            </button>\n                          </div>\n                          {% endif %}\n                          <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                            {{ product.title | escape }}\n                          </a>\n                        </div>\n                        {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                        <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                          <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                            <div role=\"button\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                              <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                {{ product.selectedOption.title | escape }}\n                              </span>\n                              <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                              </svg>\n                            </div>\n                            <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                              {% for variant in product.variants %}\n                              <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                {{ variant.title | escape }}\n                              </li>\n                              {% endfor %}\n                            </ul>\n                          </div>\n                        </div>\n                        {% endif %}\n                        <span role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                          <span>{{ product.selectedOption.price }}</span>\n                        </span>\n                      </div>\n                    </div>\n                    {% endfor %}\n                    {% endif %}\n                  </div>\n                  <div class=\"boost-sd__recommendation-bundle-right\">\n                    {% if bundle.hasSelectedProduct == true %}\n                    <div role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\">\n                      {% if bundle.isPopupDynamicBundleOpening == true %}\n                      {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                      <span class=\"boost-sd__recommendation-bundle-total-highlight\">BUY BULK AND SAVE {{ bundle.amountValueDisplay }}</span>\n                      {% endif %}\n                      {% endif %}\n                      <div class=\"boost-sd__recommendation-bundle-total-discount\">\n                        <span class=\"boost-sd__recommendation-bundle-total-label\">Total price:</span>\n                        <span>\n                          {% if bundle.totalBundlePrice and bundle.rawTotalBundlePrice < bundle.rawTotalPrice %}\n                          <span class=\"boost-sd__recommendation-bundle-total-number\">{{ bundle.totalBundlePrice }}</span>\n                          {% endif %}\n                          {% assign bundleTotalClasses = '' %}\n                          {% if bundle.rawTotalPrice > bundle.rawTotalBundlePrice %}\n                          {% assign bundleTotalClasses = bundleTotalClasses | append: ' boost-sd__recommendation-bundle-total-number--origin' -%}\n                          {% endif %}\n                          <span class=\"boost-sd__recommendation-bundle-total-number{{ bundleTotalClasses }}\">{{ bundle.totalPrice }}</span>\n                        </span>\n                      </div>\n                    </div>\n                    {% endif %}\n                    <button type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} aria-label=\"Add bundle to cart\" class=\"boost-sd__button boost-sd__button--capsule boost-sd__button--add-to-cart boost-sd__recommendation-bundle-button boost-sd__btn-add-to-cart {% if isShowPopupDynamicBundle %}boost-sd__recommendation-dynamic-show-popup{% endif %}\" style='color: {{ widgetDesignSettings.buttonTextColor }};\n      background-color: {{ widgetDesignSettings.buttonBackgroundColor }};\n      font-weight: 500;'>\n                      <span>{{ widgetDesignSettings.buttonText }}</span>\n                    </button>\n                  </div>\n                </div>\n                {% if bundle.isPopupDynamicBundleOpening == true %}\n                <div class=\"boost-sd__recommendation-bundle-buttons\">\n                  <button type=\"button\" aria-label=\"Close bundle popup\" class=\"boost-sd__button boost-sd__button--back boost-sd__modal-close-btn--dynamic-bundle\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                      <path d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\" fill=\"#222222\"></path>\n                    </svg>\n                  </button>\n                  <button type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn boost-sd__modal-close-btn--dynamic-bundle\">\n                    <svg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"></path>\n                    </svg>\n                  </button>\n                </div>\n                {% endif %}\n              </div>\n              {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n            </div>\n            {% endif %}\n            {% assign firstBundleRendered = true %}\n            {% endif %}\n            {% endfor %}\n          </div>\n          <!-- TEMPLATE VIEW ALL -->\n          {% assign productNumber = '0' %}\n          {% for item in suggestionBlocksList %}\n          {% if item.type == 'products' %}\n          {% assign productNumber = item.number %}\n          {% endif %}\n          {% endfor %}\n          {% if products.size > 0 and total_product > productNumber -%}\n          {%- assign count = total_product -%}\n          {% assign viewAllTranslated = 'suggestion.viewAll' | translate: translations, 'View all {{ count }} products' | replace: '{{ count }}', count -%}\n          <div aria-label='Button: {{ viewAllTranslated }}' class='boost-sd__view-all' data-group='view-all-products' data-title='{{ query | escape }}'>\n            <a class='boost-sd__view-all-link' href='{{ currentLocale }}/search?q={{ query | url_encode }}'>\n              <span class='boost-sd__view-all-text'>\n                {{ viewAllTranslated }}\n                <svg class='boost-sd__view-all-icon' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1657 7.43443L10.1657 3.43443C9.8529 3.12163 9.3473 3.12163 9.0345 3.43443C8.7217 3.74723 8.7217 4.25283 9.0345 4.56563L11.6689 7.20003H2.4001C1.9577 7.20003 1.6001 7.55843 1.6001 8.00003C1.6001 8.44163 1.9577 8.80003 2.4001 8.80003H11.6689L9.0345 11.4344C8.7217 11.7472 8.7217 12.2528 9.0345 12.5656C9.1905 12.7216 9.3953 12.8 9.6001 12.8C9.8049 12.8 10.0097 12.7216 10.1657 12.5656L14.1657 8.56563C14.4785 8.25283 14.4785 7.74723 14.1657 7.43443\" fill=\"#5C5F62\"></path>\n                </svg>\n              </span>\n            </a>\n          </div>\n          {% endif %}\n          {% endif %}\n        </div>\n        {% else %}\n        {% assign autocompleteClasses = '' %}\n        {% if suggestions.size == 0 and collections.size == 0 and pages.size == 0 -%}\n        {% assign autocompleteClasses = autocompleteClasses | append: 'boost-sd__instant-search-no-other ' %}\n        {% endif %}\n        {% if products.size == 0 -%}\n        {% assign autocompleteClasses = autocompleteClasses | append: 'boost-sd__instant-search-no-product ' %}\n        {% endif %}\n        <div class='boost-sd__instant-search-autocomplete {{ autocompleteClasses }} boost-sd__g-flexColumn'>\n          {% if hasSuggestions or hasCollections or hasPages or hasProducts or did_you_mean.size != 0 -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--others boost-sd__g-scrollable'>\n            <!-- TEMPLATE DID YOU MEAN -->\n            {% assign termList = '' %}\n            {% if did_you_mean.size != 0 and all_empty == false %}\n            <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n              <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                {% for term in did_you_mean %}\n                {% assign escapedTerm = term | escape %}\n                {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                {% endfor %}\n                {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                {{ didYouMeanTranslated }}\n              </p>\n            </div>\n            {% endif %}\n            <!-- TEMPLATE SUGGESTION QUERIES BLOCKS -->\n            <!-- ISW with results -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {% if suggestions.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--suggestions'>\n                {{ 'suggestion.instantSearchSuggestionsLabel' | translate: translations, 'Popular suggestions' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for suggestion in suggestions limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--suggestion {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ suggestion | escape }}'>\n                  {% assign suggestionHref = '' %}\n                  {% if redirects[suggestion] %}\n                  {% assign suggestionHref = redirects[suggestion] %}\n                  {% else %}\n                  {% assign suggestionHref = currentLocale | append: '/search?q=' | append: suggestion %}\n                  {% endif %}\n                  <a aria-label='Suggestion : {{ suggestion | escape }}' href='{{ suggestionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ suggestion | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if collections.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--collections'>\n                {{ 'suggestion.instantSearchCollectionsLabel' | translate: translations, 'Collections' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for collection in collections limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ collection.title | escape }}'>\n                  {% assign collectionHref = '' %}\n                  {% if redirects[collection.title] %}\n                  {% assign collectionHref = redirects[collection.title] %}\n                  {% else %}\n                  {% assign collectionHref = currentLocale | append: '/collections/' | append: collection.handle %}\n                  {% endif %}\n                  <a aria-label='Collection: {{ collection.title | escape }}' href='{{ collectionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ collection.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if contentOrder == 'one-column' %}\n            {% if products.size > 0 -%}\n            <div class='boost-sd__instant-search-product-list'>\n              <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n              </h3>\n              <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                {% assign firstProductRendered = false %}\n                {% for bundle in bundles %}\n                {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                {% assign embeddedIsw = true %}\n                {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                  <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                  {% assign isSale = false -%}\n                  {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                  {% assign isSale = true -%}\n                  {% endif -%}\n                  {% if embeddedIsw %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \"boost-sd__product-title\" %}\n                  {% assign priceClasses = \"boost-sd__product-price\" %}\n                  {% endif %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                    <!-- Display Bundle Image -->\n                    <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                      {%- capture aspectRatioSetting %}square{% endcapture -%}\n                      {% assign aspectRatio = '' -%}\n                      {% if aspectRatioSetting == 'natural' -%}\n                      {% for product in bundle.products %}\n                      {% assign imageWidth = product.images_info[0].width -%}\n                      {% assign imageHeight = product.images_info[0].height -%}\n                      {% endfor %}\n                      {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                      {% endif -%}\n                      <!-- Display Mixed Product Images if selected -->\n                      {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endfor %}\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                      <!-- Use the newly uploaded image -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </div>\n                      </div>\n                      {% else %}\n                      <!-- Use Single Product Images: bundleImageType === 'single' -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        {% if widgetDesignSettings.bundleImageData == product.id %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endif %}\n                        {% endfor %}\n                      </div>\n                      {% endif %}\n                    </div>\n                    <!-- Display Bundle Information -->\n                    <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                        <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                          {% if embeddedIsw %}\n                          {% if isSale %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% else %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                            <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% endif %}\n                          {% else %}\n                          {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                          {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                          <!-- Price compare display left or right -->\n                          <div class=\"boost-sd__product-price-wrapper\">\n                            <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                              </span>\n                              {% if compareAtPriceWithFormat != '' -%}\n                              <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                              </span>\n                              {% endif -%}\n                            </span>\n                          </div>\n                          {% endif %}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% assign volumeIsw = true %}\n                {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                  <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                  {%- capture aspectRatio %}square{% endcapture -%}\n                  {% assign product = bundle.matchedProduct -%}\n                  {% assign aspectRatio = '' -%}\n                  {% if aspectRatio == 'natural' -%}\n                  {% assign imageWidth = product.images_info[0].width -%}\n                  {% assign imageHeight = product.images_info[0].height -%}\n                  {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                  {% endif -%}\n                  {% if volumeIsw == true %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \" boost-sd__product-title\" %}\n                  {% assign priceClasses = \" boost-sd__product-price\" %}\n                  {% endif %}\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                    <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                      {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                      </div>\n                      {% else %}\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                      {% endif %}\n                    </div>\n                    <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                          <span class=\"boost-sd__volume-bundle-product-single\">\n                            1 for <span>{{ bundle.productMinPrice }}</span>\n                          </span>\n                          <br>\n                          <span class=\"boost-sd__volume-bundle-product-combo\">\n                            {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                              {% if volumeIsw %}\n                              <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                              </span>\n                              {% else %}\n                              <span class=\"boost-sd__product-price-content\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                  {{ bundle.bundleOptions[0].discountedPrice }}\n                                </span>\n                                <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                              </span>\n                              {% endif %}\n                            </span>\n                          </span>\n                        </p>\n                      </div>\n                    </figcaption>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% endfor %}\n                {% for product in products limit: 10 %}\n                <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                  <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                      {% if product.available != true %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                      {% endif %}\n                      {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                      {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                      {% if compareAtPriceMin > product.price_min %}\n                      {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                      {% assign salePercent = percent | append: '%' %}\n                      {% assign saleAmount = product.sale_amount_format %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                        {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                        <span>{{ textProductItemSaleTranslated }}</span>\n                      </div>\n                      {% endif %}\n                      {% endif %}\n                      {% if product.images_info[0] %}\n                      {% assign imageSrc = product.images_info[0].src -%}\n                      {% assign imagAlt = product.images_info[0].alt -%}\n                      {% else %}\n                      {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                      {% assign imagAlt = product.title | escape -%}\n                      {% endif %}\n                      {% assign widthParam = \"&width=\" -%}\n                      {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                      {% capture srcset -%}\n                      {% for width in widths -%}\n                      {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                      {% endfor -%}\n                      {% endcapture -%}\n                      <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                    </div>\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                      <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                      <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                      <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                      <!--  PRODUCT RATING -->\n                    </div>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% endif %}\n            {% if pages.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--pages'>\n                {{ 'suggestion.instantSearchPagesLabel' | translate: translations, 'Pages' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for page in pages limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ page.title | escape }}'>\n                  {% assign pageHref = '' %}\n                  {% if redirects[page.title] %}\n                  {% assign pageHref = redirects[page.title] %}\n                  {% else %}\n                  {% assign pageHref = currentLocale | append: page.url %}\n                  {% endif %}\n                  <a aria-label='Page: {{ page.title | escape }}' href='{{ pageHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ page.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% assign firstBundleRendered = false %}\n            {% for bundle in bundles %}\n            {% if firstBundleRendered == false and bundle and bundle.bundle_type != 'volume' and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == null -%}\n            <!-- TEMPLATE RECOMMENDATION DYNAMIC BUNDLE -->\n            {% assign widgetTitle = '' %}\n            {% if widgetDesignSettings.titleAlignment != '' %}\n            {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}\n            {% endif %}\n            {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n            <div aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--bottom-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n              {% endif %}\n              <div tabindex=\"0\" id='boost-sd-dynamic-bundle-{{ bundle.widgetId }}' data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' class='boost-sd__recommendation boost-sd__recommendation--dynamic' data-product-price='true'>\n                {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                {% if bundle.isPopupDynamicBundleOpening == true %}\n                <div class='boost-sd__recommendation-popup-heading'>\n                  <div tabindex=\"0\" aria-label=\"Popup is showed: {{ widgetDesignSettings.titleName }}\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-popup-heading-label'>{{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}</div>\n                  <p tabindex=\"0\" class='boost-sd__recommendation-popup-heading-sublabel'>Select your options in this bundle</p>\n                </div>\n                {% else %}\n                <div tabindex=\"0\" role=\"text\" class='boost-sd__recommendation-title {{ widgetTitle }} boost-sd__recommendation-title--bundle' style='color: {{ widgetDesignSettings.titleTextColor }};\n        font-family: {{ widgetDesignSettings.titleFont }};\n        font-size: {{ widgetDesignSettings.titleFontSize }}px;\n        text-transform: {{ widgetDesignSettings.titleTextTransform }};\n        font-weight: {{ widgetDesignSettings.titleFontWeight }};\n        font-style: {{ widgetDesignSettings.titleFontStyle }};'>\n                  <span class='boost-sd__recommendation-title-text'>\n                    {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                  </span>\n                </div>\n                {% endif %}\n                {% if bundle.bundleStyle %}\n                {% assign bundleStyle = bundle.bundleStyle %}\n                {% endif %}\n                <div class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\">\n                  {% assign currentLocale = '' %}\n                  {% if locale != \"\" or locale != null %}\n                  {% assign currentLocale = locale %}\n                  {% endif %}\n                  <div class=\"boost-sd__recommendation-bundle-left\">\n                    <div class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\">\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__recommendation-bundle-image-item\" data-product-id=\"{{ product.id }}\">\n                        <a aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__recommendation-bundle-link-image {% if product.checked == false %}boost-sd__recommendation-bundle-link-image--blur{% endif %}\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                          <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__recommendation-bundle-image-wrapper\">\n                            <div class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\">\n                              {% if product.images_info[0] %}\n                              <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                              {% else %}\n                              <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                              {% endif %}\n                            </div>\n                          </div>\n                        </a>\n                        {% if bundleStyle == 'style2' %}\n                        <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\">\n                          <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                            <div class=\"boost-sd__recommendation-bundle-item-title\">\n                              <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                                {% if bundle.currentProductId == product.id %}\n                                <b>This item:</b>\n                                {% endif %}\n                                {{ product.title | escape }}\n                              </a>\n                            </div>\n                            {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                            <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                              <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                                <div aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" role=\"button\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                  <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                    {{ product.selectedOption.title | escape }}\n                                  </span>\n                                  <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                  </svg>\n                                </div>\n                                <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                  {% for variant in product.variants %}\n                                  <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                    {{ variant.title | escape }}\n                                  </li>\n                                  {% endfor %}\n                                </ul>\n                              </div>\n                            </div>\n                            {% endif %}\n                            <div class=\"boost-sd__recommendation-bundle-checkbox-price\">\n                              <b role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                                {{ product.selectedOption.price }}\n                              </b>\n                              {% if isShowPopupDynamicBundle != true %}\n                              <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                                <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                                </button>\n                              </div>\n                              {% endif %}\n                            </div>\n                          </div>\n                        </div>\n                        {% endif %}\n                      </div>\n                      {% unless forloop.last %}\n                      <div class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#222222\"></path>\n                        </svg>\n                      </div>\n                      {% endunless %}\n                      {% endfor %}\n                    </div>\n                    {% if bundleStyle == 'style1' %}\n                    {% for product in bundle.products %}\n                    <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\" data-product-id=\"{{ product.id }}\">\n                      <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                        <div class=\"boost-sd__recommendation-bundle-item-title\">\n                          {% if isShowPopupDynamicBundle != true %}\n                          <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                            <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                            </button>\n                          </div>\n                          {% endif %}\n                          <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                            {{ product.title | escape }}\n                          </a>\n                        </div>\n                        {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                        <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                          <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                            <div role=\"button\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                              <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                {{ product.selectedOption.title | escape }}\n                              </span>\n                              <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                              </svg>\n                            </div>\n                            <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                              {% for variant in product.variants %}\n                              <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                {{ variant.title | escape }}\n                              </li>\n                              {% endfor %}\n                            </ul>\n                          </div>\n                        </div>\n                        {% endif %}\n                        <span role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                          <span>{{ product.selectedOption.price }}</span>\n                        </span>\n                      </div>\n                    </div>\n                    {% endfor %}\n                    {% endif %}\n                  </div>\n                  <div class=\"boost-sd__recommendation-bundle-right\">\n                    {% if bundle.hasSelectedProduct == true %}\n                    <div role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\">\n                      {% if bundle.isPopupDynamicBundleOpening == true %}\n                      {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                      <span class=\"boost-sd__recommendation-bundle-total-highlight\">BUY BULK AND SAVE {{ bundle.amountValueDisplay }}</span>\n                      {% endif %}\n                      {% endif %}\n                      <div class=\"boost-sd__recommendation-bundle-total-discount\">\n                        <span class=\"boost-sd__recommendation-bundle-total-label\">Total price:</span>\n                        <span>\n                          {% if bundle.totalBundlePrice and bundle.rawTotalBundlePrice < bundle.rawTotalPrice %}\n                          <span class=\"boost-sd__recommendation-bundle-total-number\">{{ bundle.totalBundlePrice }}</span>\n                          {% endif %}\n                          {% assign bundleTotalClasses = '' %}\n                          {% if bundle.rawTotalPrice > bundle.rawTotalBundlePrice %}\n                          {% assign bundleTotalClasses = bundleTotalClasses | append: ' boost-sd__recommendation-bundle-total-number--origin' -%}\n                          {% endif %}\n                          <span class=\"boost-sd__recommendation-bundle-total-number{{ bundleTotalClasses }}\">{{ bundle.totalPrice }}</span>\n                        </span>\n                      </div>\n                    </div>\n                    {% endif %}\n                    <button type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} aria-label=\"Add bundle to cart\" class=\"boost-sd__button boost-sd__button--capsule boost-sd__button--add-to-cart boost-sd__recommendation-bundle-button boost-sd__btn-add-to-cart {% if isShowPopupDynamicBundle %}boost-sd__recommendation-dynamic-show-popup{% endif %}\" style='color: {{ widgetDesignSettings.buttonTextColor }};\n      background-color: {{ widgetDesignSettings.buttonBackgroundColor }};\n      font-weight: 500;'>\n                      <span>{{ widgetDesignSettings.buttonText }}</span>\n                    </button>\n                  </div>\n                </div>\n                {% if bundle.isPopupDynamicBundleOpening == true %}\n                <div class=\"boost-sd__recommendation-bundle-buttons\">\n                  <button type=\"button\" aria-label=\"Close bundle popup\" class=\"boost-sd__button boost-sd__button--back boost-sd__modal-close-btn--dynamic-bundle\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                      <path d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\" fill=\"#222222\"></path>\n                    </svg>\n                  </button>\n                  <button type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn boost-sd__modal-close-btn--dynamic-bundle\">\n                    <svg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"></path>\n                    </svg>\n                  </button>\n                </div>\n                {% endif %}\n              </div>\n              {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n            </div>\n            {% endif %}\n            {% assign firstBundleRendered = true %}\n            {% endif %}\n            {% endfor %}\n          </div>\n          <!-- TEMPLATE VIEW ALL -->\n          {% assign productNumber = '0' %}\n          {% for item in suggestionBlocksList %}\n          {% if item.type == 'products' %}\n          {% assign productNumber = item.number %}\n          {% endif %}\n          {% endfor %}\n          {% if products.size > 0 and total_product > productNumber -%}\n          {%- assign count = total_product -%}\n          {% assign viewAllTranslated = 'suggestion.viewAll' | translate: translations, 'View all {{ count }} products' | replace: '{{ count }}', count -%}\n          <div aria-label='Button: {{ viewAllTranslated }}' class='boost-sd__view-all' data-group='view-all-products' data-title='{{ query | escape }}'>\n            <a class='boost-sd__view-all-link' href='{{ currentLocale }}/search?q={{ query | url_encode }}'>\n              <span class='boost-sd__view-all-text'>\n                {{ viewAllTranslated }}\n                <svg class='boost-sd__view-all-icon' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1657 7.43443L10.1657 3.43443C9.8529 3.12163 9.3473 3.12163 9.0345 3.43443C8.7217 3.74723 8.7217 4.25283 9.0345 4.56563L11.6689 7.20003H2.4001C1.9577 7.20003 1.6001 7.55843 1.6001 8.00003C1.6001 8.44163 1.9577 8.80003 2.4001 8.80003H11.6689L9.0345 11.4344C8.7217 11.7472 8.7217 12.2528 9.0345 12.5656C9.1905 12.7216 9.3953 12.8 9.6001 12.8C9.8049 12.8 10.0097 12.7216 10.1657 12.5656L14.1657 8.56563C14.4785 8.25283 14.4785 7.74723 14.1657 7.43443\" fill=\"#5C5F62\"></path>\n                </svg>\n              </span>\n            </a>\n          </div>\n          {% endif %}\n          {% endif %}\n        </div>\n        {% endif %}\n        {% endif %}\n        {% endif %}\n        <!-- Display watermark -->\n        <div class=\"boost-sd__watermark-powered-by-boost\">\n          {{ \"search.watermarkPoweredBy\" | translate: translations, \"Powered by\" }}\n          <div class=\"boost-sd__watermark-highlight\">\n            {{ \"search.watermarkPoweredByBranch\" | translate: translations, \"Boost\" }}\n          </div>\n        </div>\n      </div>\n    </div>\n    {% endif %}\n  </div>\n  <div class=\"boost-sd__instant-search-container-desktop\">\n    <!-- TEMPLATE ISW DESKTOP -->\n    <div id=\"boost-sd__search-widget-init-wrapper\" class=\"boost-sd__search-widget-init-wrapper boost-sd__g-hide\">\n      <div class=\"boost-sd__instant-search-results boost-sd__instant-search-results--group boost-sd__instant-search-results--two-column boost-sd__instant-search-results--product-type-list boost-sd__instant-search-results--product-position-right boost-sd__instant-search-results--product-per-row-2\" style=\"max-height: 564px\">\n        <!-- Autocomplete -->\n        <!-- TEMPLATE ISW LAYOUT DESKTOP 2 -->\n        {% assign contentOrder = 'two-column' %}\n        {% if isLoading %}\n        <!-- TEMPLATE SEARCH PLACEHOLDER -->\n        <div class='boost-sd__instant-search-placeholder'>\n          <ul class='boost-sd__instant-search-placeholder-list'>\n            <li class='boost-sd__instant-search-placeholder-item'>\n              <div class='boost-sd__instant-search-placeholder-img'></div>\n            </li>\n            <li class='boost-sd__instant-search-placeholder-item'>\n              <div class='boost-sd__instant-search-placeholder-img'></div>\n            </li>\n            <li class='boost-sd__instant-search-placeholder-item'>\n              <div class='boost-sd__instant-search-placeholder-img'></div>\n            </li>\n          </ul>\n          <style>\n            .boost-sd__instant-search-results--one-column .boost-sd__instant-search-placeholder {\n              width: 302px;\n            }\n\n            .boost-sd__instant-search-results--two-column .boost-sd__instant-search-placeholder {\n              width: 800px;\n            }\n\n            .boost-sd__instant-search-placeholder {\n              display: inline-block;\n              width: 100%;\n              max-width: 100%;\n              min-width: 224px;\n              background-color: #fff;\n            }\n\n            .boost-sd__instant-search-placeholder-list {\n              padding: 0;\n              margin: 10px 10px 0;\n              list-style: none;\n            }\n\n            .boost-sd__instant-search-placeholder-item {\n              position: relative;\n              height: 45px;\n              margin-bottom: 10px;\n            }\n\n            .boost-sd__instant-search-placeholder-item::marker {\n              font-size: 0;\n            }\n\n            .boost-sd__instant-search-placeholder-item::before {\n              content: '';\n              position: absolute;\n              top: 8px;\n              left: 55px;\n              display: inline-block;\n              width: calc(100% - 55px);\n              height: 10px;\n              background: -webkit-gradient(linear,\n                  left top,\n                  right top,\n                  color-stop(8%, #eee),\n                  color-stop(18%, #e6e6e6),\n                  color-stop(33%, #eee));\n              background-color: #eee;\n              border-radius: 50em;\n              animation: place-holder-shimmer 1s linear infinite forwards;\n            }\n\n            .boost-sd__instant-search-placeholder-item::after {\n              content: '';\n              position: absolute;\n              top: 28px;\n              left: 55px;\n              display: inline-block;\n              width: 50%;\n              height: 10px;\n              background: -webkit-gradient(linear,\n                  left top,\n                  right top,\n                  color-stop(8%, #eee),\n                  color-stop(18%, #e6e6e6),\n                  color-stop(33%, #eee));\n              background-color: #eee;\n              border-radius: 50em;\n              animation: place-holder-shimmer 1s linear infinite forwards;\n            }\n\n            .boost-sd__instant-search-placeholder-img {\n              width: 30%;\n              height: 100%;\n              max-width: 45px;\n              background-color: #f5f5f5;\n            }\n\n            .boost-sd__instant-search-placeholder-img:empty {\n              display: block;\n            }\n\n            [dir='rtl'] .boost-sd__instant-search-placeholder-item::before {\n              left: auto;\n              right: 55px;\n            }\n\n            [dir='rtl'] .boost-sd__instant-search-placeholder-item::after {\n              left: auto;\n              right: 55px;\n            }\n\n            /* Suggestion placeholder */\n            @keyframes place-holder-shimmer {\n              0% {\n                background-position: -150px 0;\n              }\n\n              100% {\n                background-position: 150px 0;\n              }\n            }\n          </style>\n        </div>\n        {% else %}\n        {% if all_empty == false %}\n        {% if products.size > 0 and productsDisable != true %}\n        {% assign hasProducts = true %}\n        {% endif %}\n        {% if suggestions.size > 0 and suggestionsDisable != true %}\n        {% assign hasSuggestions = true %}\n        {% endif %}\n        {% if collections.size > 0 and collectionsDisable != true %}\n        {% assign hasCollections = true %}\n        {% endif %}\n        {% if pages.size > 0 and pagesDisable != true %}\n        {% assign hasPages = true %}\n        {% endif %}\n        {% if hasProducts != true and hasSuggestions != true and hasCollections != true and hasPages != true and did_you_mean.size == 0 %}\n        {% assign all_empty = true %}\n        {% endif %}\n        {% endif %}\n        {% if query == '' %}\n        <!-- ***** Search box on click ***** -->\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-other boost-sd__instant-search-no-product '>\n          {% if recentSearches.size > 0 or searchTermSuggestionList.size > 0 -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--others boost-sd__g-scrollable'>\n            <!-- Display recent searches -->\n            <!-- TEMPLATE SUGGESTION QUERIES RECENT -->\n            <!-- Display recent searches -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {%- capture maxRecentSearch -%}\n            3\n            {%- endcapture -%}\n            {% assign recentNumber = '' %}\n            {% if recentSearches.size < maxRecentSearch -%}\n            {% assign recentNumber = recentSearches.size -%}\n            {% else %}\n            {% assign recentNumber = maxRecentSearch %}\n            {% endif %}\n            <!-- Display search term suggestions -->\n            <!-- TEMPLATE SUGGESTION QUERIES POPULAR -->\n            <!-- Display search term suggestions -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {% if searchTermSuggestionStatus and searchTermSuggestionList.size > 0 %}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--popular'>\n                {{ 'suggestion.searchBoxOnclickSearchTermLabel' | translate: translations, 'Popular searches' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for popularSearch in searchTermSuggestionList limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--popular {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ popularSearch | escape }}'>\n                  {% assign popularSearchHref = '' %}\n                  {% if redirects[popularSearch] %}\n                  {% assign popularSearchHref = redirects[popularSearch] %}\n                  {% else %}\n                  {% assign popularSearchHref = currentLocale | append: '/search?q=' | append: popularSearch %}\n                  {% endif %}\n                  <a aria-label='Suggestions : {{ popularSearch | escape }}' href='{{ popularSearchHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ popularSearch | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            <!-- Display watermark -->\n            <div class=\"boost-sd__watermark-powered-by-boost\">\n              {{ \"search.watermarkPoweredBy\" | translate: translations, \"Powered by\" }}\n              <div class=\"boost-sd__watermark-highlight\">\n                {{ \"search.watermarkPoweredByBranch\" | translate: translations, \"Boost\" }}\n              </div>\n            </div>\n          </div>\n          {% endif %}\n          {% if products.size > 0 -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--products boost-sd__g-scrollable'>\n            <!-- Display most popular products -->\n            <!-- TEMPLATE SEARCH PRODUCTS -->\n            <!-- ***** Search box on click ***** -->\n            {% if query == '' %}\n            {% elsif query != '' and all_empty %}\n            <!-- ******** ISW without results ******** -->\n            {% else %}\n            <!-- ***** ISW with results ***** -->\n            {% if products.size > 0 %}\n            <div class='boost-sd__instant-search-product-list'>\n              <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n              </h3>\n              <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                {% assign firstProductRendered = false %}\n                {% for bundle in bundles %}\n                {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                {% assign embeddedIsw = true %}\n                {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                  <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                  {% assign isSale = false -%}\n                  {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                  {% assign isSale = true -%}\n                  {% endif -%}\n                  {% if embeddedIsw %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \"boost-sd__product-title\" %}\n                  {% assign priceClasses = \"boost-sd__product-price\" %}\n                  {% endif %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                    <!-- Display Bundle Image -->\n                    <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                      {%- capture aspectRatioSetting %}square{% endcapture -%}\n                      {% assign aspectRatio = '' -%}\n                      {% if aspectRatioSetting == 'natural' -%}\n                      {% for product in bundle.products %}\n                      {% assign imageWidth = product.images_info[0].width -%}\n                      {% assign imageHeight = product.images_info[0].height -%}\n                      {% endfor %}\n                      {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                      {% endif -%}\n                      <!-- Display Mixed Product Images if selected -->\n                      {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endfor %}\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                      <!-- Use the newly uploaded image -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </div>\n                      </div>\n                      {% else %}\n                      <!-- Use Single Product Images: bundleImageType === 'single' -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        {% if widgetDesignSettings.bundleImageData == product.id %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endif %}\n                        {% endfor %}\n                      </div>\n                      {% endif %}\n                    </div>\n                    <!-- Display Bundle Information -->\n                    <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                        <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                          {% if embeddedIsw %}\n                          {% if isSale %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% else %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                            <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% endif %}\n                          {% else %}\n                          {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                          {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                          <!-- Price compare display left or right -->\n                          <div class=\"boost-sd__product-price-wrapper\">\n                            <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                              </span>\n                              {% if compareAtPriceWithFormat != '' -%}\n                              <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                              </span>\n                              {% endif -%}\n                            </span>\n                          </div>\n                          {% endif %}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% assign volumeIsw = true %}\n                {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                  <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                  {%- capture aspectRatio %}square{% endcapture -%}\n                  {% assign product = bundle.matchedProduct -%}\n                  {% assign aspectRatio = '' -%}\n                  {% if aspectRatio == 'natural' -%}\n                  {% assign imageWidth = product.images_info[0].width -%}\n                  {% assign imageHeight = product.images_info[0].height -%}\n                  {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                  {% endif -%}\n                  {% if volumeIsw == true %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \" boost-sd__product-title\" %}\n                  {% assign priceClasses = \" boost-sd__product-price\" %}\n                  {% endif %}\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                    <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                      {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                      </div>\n                      {% else %}\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                      {% endif %}\n                    </div>\n                    <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                          <span class=\"boost-sd__volume-bundle-product-single\">\n                            1 for <span>{{ bundle.productMinPrice }}</span>\n                          </span>\n                          <br>\n                          <span class=\"boost-sd__volume-bundle-product-combo\">\n                            {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                              {% if volumeIsw %}\n                              <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                              </span>\n                              {% else %}\n                              <span class=\"boost-sd__product-price-content\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                  {{ bundle.bundleOptions[0].discountedPrice }}\n                                </span>\n                                <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                              </span>\n                              {% endif %}\n                            </span>\n                          </span>\n                        </p>\n                      </div>\n                    </figcaption>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% endfor %}\n                {% for product in products limit: 10 %}\n                <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                  <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                      {% if product.available != true %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                      {% endif %}\n                      {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                      {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                      {% if compareAtPriceMin > product.price_min %}\n                      {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                      {% assign salePercent = percent | append: '%' %}\n                      {% assign saleAmount = product.sale_amount_format %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                        {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                        <span>{{ textProductItemSaleTranslated }}</span>\n                      </div>\n                      {% endif %}\n                      {% endif %}\n                      {% if product.images_info[0] %}\n                      {% assign imageSrc = product.images_info[0].src -%}\n                      {% assign imagAlt = product.images_info[0].alt -%}\n                      {% else %}\n                      {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                      {% assign imagAlt = product.title | escape -%}\n                      {% endif %}\n                      {% assign widthParam = \"&width=\" -%}\n                      {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                      {% capture srcset -%}\n                      {% for width in widths -%}\n                      {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                      {% endfor -%}\n                      {% endcapture -%}\n                      <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                    </div>\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                      <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                      <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                      <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                      <!--  PRODUCT RATING -->\n                    </div>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% endif %}\n          </div>\n          {% endif %}\n        </div>\n        {% elsif query != '' and all_empty %}\n        <!-- ******** ISW without results ******** -->\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-other boost-sd__instant-search-no-product '>\n          <!-- TEMPLATE NO SEARCH RESULT -->\n          {% if all_empty %}\n          <div class='boost-sd__no-search-result' data-group='empty' data-aria-label='No Results' data-label='No Results: {{ query }}'>\n            <p class='boost-sd__no-search-result-desc'>\n              {% assign noSuggestionResultTranslated = 'error.noSuggestionResult' | translate: translations, 'Sorry, nothing found for &quot{{ terms }}&quot.' | replace: '{{ terms }}', '<strong>{{ terms }}</strong>' | replace: '{{ terms }}', query -%}\n              {{ noSuggestionResultTranslated }}\n            </p>\n          </div>\n          {% endif %}\n        </div>\n        {% else %}\n        <!-- ***** ISW with results ***** -->\n        {% assign productActive = false %}\n        {% assign itemActive = false %}\n        {% for item in suggestionBlocksList %}\n        {% if item.type == 'products' %}\n        {% if item.status == 'active' %}\n        {% assign productActive = true %}\n        {% endif %}\n        {% else %}\n        {% if item.status == 'active' %}\n        {% assign itemActive = true %}\n        {% endif %}\n        {% endif %}\n        {% endfor %}\n        {% if productActive == false and itemActive == false %}\n        {% if did_you_mean.size != 0 -%}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__instant-search-no-other boost-sd__g-flexColumn'>\n          <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n            <!-- TEMPLATE DID YOU MEAN -->\n            {% assign termList = '' %}\n            {% if did_you_mean.size != 0 and all_empty == false %}\n            <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n              <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                {% for term in did_you_mean %}\n                {% assign escapedTerm = term | escape %}\n                {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                {% endfor %}\n                {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                {{ didYouMeanTranslated }}\n              </p>\n            </div>\n            {% endif %}\n          </div>\n        </div>\n        {% endif %}\n        {% elsif productActive == false and itemActive == true %}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-product boost-sd__g-flexColumn'>\n          {% if hasSuggestions or hasCollections or hasPages -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--others boost-sd__g-scrollable'>\n            <!-- TEMPLATE SUGGESTION QUERIES BLOCKS -->\n            <!-- ISW with results -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {% if suggestions.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--suggestions'>\n                {{ 'suggestion.instantSearchSuggestionsLabel' | translate: translations, 'Popular suggestions' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for suggestion in suggestions limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--suggestion {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ suggestion | escape }}'>\n                  {% assign suggestionHref = '' %}\n                  {% if redirects[suggestion] %}\n                  {% assign suggestionHref = redirects[suggestion] %}\n                  {% else %}\n                  {% assign suggestionHref = currentLocale | append: '/search?q=' | append: suggestion %}\n                  {% endif %}\n                  <a aria-label='Suggestion : {{ suggestion | escape }}' href='{{ suggestionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ suggestion | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if collections.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--collections'>\n                {{ 'suggestion.instantSearchCollectionsLabel' | translate: translations, 'Collections' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for collection in collections limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ collection.title | escape }}'>\n                  {% assign collectionHref = '' %}\n                  {% if redirects[collection.title] %}\n                  {% assign collectionHref = redirects[collection.title] %}\n                  {% else %}\n                  {% assign collectionHref = currentLocale | append: '/collections/' | append: collection.handle %}\n                  {% endif %}\n                  <a aria-label='Collection: {{ collection.title | escape }}' href='{{ collectionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ collection.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if contentOrder == 'one-column' %}\n            {% if products.size > 0 -%}\n            <div class='boost-sd__instant-search-product-list'>\n              <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n              </h3>\n              <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                {% assign firstProductRendered = false %}\n                {% for bundle in bundles %}\n                {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                {% assign embeddedIsw = true %}\n                {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                  <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                  {% assign isSale = false -%}\n                  {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                  {% assign isSale = true -%}\n                  {% endif -%}\n                  {% if embeddedIsw %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \"boost-sd__product-title\" %}\n                  {% assign priceClasses = \"boost-sd__product-price\" %}\n                  {% endif %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                    <!-- Display Bundle Image -->\n                    <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                      {%- capture aspectRatioSetting %}square{% endcapture -%}\n                      {% assign aspectRatio = '' -%}\n                      {% if aspectRatioSetting == 'natural' -%}\n                      {% for product in bundle.products %}\n                      {% assign imageWidth = product.images_info[0].width -%}\n                      {% assign imageHeight = product.images_info[0].height -%}\n                      {% endfor %}\n                      {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                      {% endif -%}\n                      <!-- Display Mixed Product Images if selected -->\n                      {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endfor %}\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                      <!-- Use the newly uploaded image -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </div>\n                      </div>\n                      {% else %}\n                      <!-- Use Single Product Images: bundleImageType === 'single' -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        {% if widgetDesignSettings.bundleImageData == product.id %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endif %}\n                        {% endfor %}\n                      </div>\n                      {% endif %}\n                    </div>\n                    <!-- Display Bundle Information -->\n                    <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                        <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                          {% if embeddedIsw %}\n                          {% if isSale %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% else %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                            <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% endif %}\n                          {% else %}\n                          {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                          {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                          <!-- Price compare display left or right -->\n                          <div class=\"boost-sd__product-price-wrapper\">\n                            <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                              </span>\n                              {% if compareAtPriceWithFormat != '' -%}\n                              <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                              </span>\n                              {% endif -%}\n                            </span>\n                          </div>\n                          {% endif %}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% assign volumeIsw = true %}\n                {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                  <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                  {%- capture aspectRatio %}square{% endcapture -%}\n                  {% assign product = bundle.matchedProduct -%}\n                  {% assign aspectRatio = '' -%}\n                  {% if aspectRatio == 'natural' -%}\n                  {% assign imageWidth = product.images_info[0].width -%}\n                  {% assign imageHeight = product.images_info[0].height -%}\n                  {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                  {% endif -%}\n                  {% if volumeIsw == true %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \" boost-sd__product-title\" %}\n                  {% assign priceClasses = \" boost-sd__product-price\" %}\n                  {% endif %}\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                    <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                      {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                      </div>\n                      {% else %}\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                      {% endif %}\n                    </div>\n                    <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                          <span class=\"boost-sd__volume-bundle-product-single\">\n                            1 for <span>{{ bundle.productMinPrice }}</span>\n                          </span>\n                          <br>\n                          <span class=\"boost-sd__volume-bundle-product-combo\">\n                            {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                              {% if volumeIsw %}\n                              <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                              </span>\n                              {% else %}\n                              <span class=\"boost-sd__product-price-content\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                  {{ bundle.bundleOptions[0].discountedPrice }}\n                                </span>\n                                <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                              </span>\n                              {% endif %}\n                            </span>\n                          </span>\n                        </p>\n                      </div>\n                    </figcaption>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% endfor %}\n                {% for product in products limit: 10 %}\n                <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                  <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                      {% if product.available != true %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                      {% endif %}\n                      {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                      {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                      {% if compareAtPriceMin > product.price_min %}\n                      {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                      {% assign salePercent = percent | append: '%' %}\n                      {% assign saleAmount = product.sale_amount_format %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                        {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                        <span>{{ textProductItemSaleTranslated }}</span>\n                      </div>\n                      {% endif %}\n                      {% endif %}\n                      {% if product.images_info[0] %}\n                      {% assign imageSrc = product.images_info[0].src -%}\n                      {% assign imagAlt = product.images_info[0].alt -%}\n                      {% else %}\n                      {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                      {% assign imagAlt = product.title | escape -%}\n                      {% endif %}\n                      {% assign widthParam = \"&width=\" -%}\n                      {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                      {% capture srcset -%}\n                      {% for width in widths -%}\n                      {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                      {% endfor -%}\n                      {% endcapture -%}\n                      <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                    </div>\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                      <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                      <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                      <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                      <!--  PRODUCT RATING -->\n                    </div>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% endif %}\n            {% if pages.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--pages'>\n                {{ 'suggestion.instantSearchPagesLabel' | translate: translations, 'Pages' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for page in pages limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ page.title | escape }}'>\n                  {% assign pageHref = '' %}\n                  {% if redirects[page.title] %}\n                  {% assign pageHref = redirects[page.title] %}\n                  {% else %}\n                  {% assign pageHref = currentLocale | append: page.url %}\n                  {% endif %}\n                  <a aria-label='Page: {{ page.title | escape }}' href='{{ pageHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ page.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            <div class=\"boost-sd__watermark-powered-by-boost\">\n              {{ \"search.watermarkPoweredBy\" | translate: translations, \"Powered by\" }}\n              <div class=\"boost-sd__watermark-highlight\">\n                {{ \"search.watermarkPoweredByBranch\" | translate: translations, \"Boost\" }}\n              </div>\n            </div>\n          </div>\n          {% endif %}\n          {% if did_you_mean.size != 0 -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--products boost-sd__g-scrollable'>\n            <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable'>\n              <!-- TEMPLATE DID YOU MEAN -->\n              {% assign termList = '' %}\n              {% if did_you_mean.size != 0 and all_empty == false %}\n              <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n                <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                  {% for term in did_you_mean %}\n                  {% assign escapedTerm = term | escape %}\n                  {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                  {% endfor %}\n                  {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                  {{ didYouMeanTranslated }}\n                </p>\n              </div>\n              {% endif %}\n            </div>\n          </div>\n          {% endif %}\n        </div>\n        {% elsif productActive == true and itemActive == false %}\n        <div class='boost-sd__instant-search-autocomplete boost-sd__instant-search-no-other boost-sd__g-flexColumn'>\n          {% if did_you_mean.size != 0 or products.size > 0 -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--products boost-sd__g-scrollable'>\n            <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable '>\n              <!-- TEMPLATE DID YOU MEAN -->\n              {% assign termList = '' %}\n              {% if did_you_mean.size != 0 and all_empty == false %}\n              <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n                <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                  {% for term in did_you_mean %}\n                  {% assign escapedTerm = term | escape %}\n                  {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                  {% endfor %}\n                  {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                  {{ didYouMeanTranslated }}\n                </p>\n              </div>\n              {% endif %}\n              <!-- TEMPLATE SEARCH PRODUCTS -->\n              <!-- ***** Search box on click ***** -->\n              {% if query == '' %}\n              {% elsif query != '' and all_empty %}\n              <!-- ******** ISW without results ******** -->\n              {% else %}\n              <!-- ***** ISW with results ***** -->\n              {% if products.size > 0 %}\n              <div class='boost-sd__instant-search-product-list'>\n                <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                  {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n                </h3>\n                <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                  {% assign firstProductRendered = false %}\n                  {% for bundle in bundles %}\n                  {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                  {% assign embeddedIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                  <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                    <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                    {% assign isSale = false -%}\n                    {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                    {% assign isSale = true -%}\n                    {% endif -%}\n                    {% if embeddedIsw %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \"boost-sd__product-title\" %}\n                    {% assign priceClasses = \"boost-sd__product-price\" %}\n                    {% endif %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                      <!-- Display Bundle Image -->\n                      <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                        {%- capture aspectRatioSetting %}square{% endcapture -%}\n                        {% assign aspectRatio = '' -%}\n                        {% if aspectRatioSetting == 'natural' -%}\n                        {% for product in bundle.products %}\n                        {% assign imageWidth = product.images_info[0].width -%}\n                        {% assign imageHeight = product.images_info[0].height -%}\n                        {% endfor %}\n                        {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                        {% endif -%}\n                        <!-- Display Mixed Product Images if selected -->\n                        {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endfor %}\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                        <!-- Use the newly uploaded image -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </div>\n                        </div>\n                        {% else %}\n                        <!-- Use Single Product Images: bundleImageType === 'single' -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          {% if widgetDesignSettings.bundleImageData == product.id %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endif %}\n                          {% endfor %}\n                        </div>\n                        {% endif %}\n                      </div>\n                      <!-- Display Bundle Information -->\n                      <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                          <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                            {% if embeddedIsw %}\n                            {% if isSale %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% else %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                              <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% endif %}\n                            {% else %}\n                            {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                            {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                            <!-- Price compare display left or right -->\n                            <div class=\"boost-sd__product-price-wrapper\">\n                              <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                  <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                                </span>\n                                {% if compareAtPriceWithFormat != '' -%}\n                                <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                                </span>\n                                {% endif -%}\n                              </span>\n                            </div>\n                            {% endif %}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% assign volumeIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                  <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                    <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                    {%- capture aspectRatio %}square{% endcapture -%}\n                    {% assign product = bundle.matchedProduct -%}\n                    {% assign aspectRatio = '' -%}\n                    {% if aspectRatio == 'natural' -%}\n                    {% assign imageWidth = product.images_info[0].width -%}\n                    {% assign imageHeight = product.images_info[0].height -%}\n                    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                    {% endif -%}\n                    {% if volumeIsw == true %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \" boost-sd__product-title\" %}\n                    {% assign priceClasses = \" boost-sd__product-price\" %}\n                    {% endif %}\n                    {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                      <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                        {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </figure>\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                        </div>\n                        {% else %}\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                        {% endif %}\n                      </div>\n                      <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                            <span class=\"boost-sd__volume-bundle-product-single\">\n                              1 for <span>{{ bundle.productMinPrice }}</span>\n                            </span>\n                            <br>\n                            <span class=\"boost-sd__volume-bundle-product-combo\">\n                              {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                                {% if volumeIsw %}\n                                <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                  <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                                </span>\n                                {% else %}\n                                <span class=\"boost-sd__product-price-content\">\n                                  <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                    {{ bundle.bundleOptions[0].discountedPrice }}\n                                  </span>\n                                  <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                                </span>\n                                {% endif %}\n                              </span>\n                            </span>\n                          </p>\n                        </div>\n                      </figcaption>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% endfor %}\n                  {% for product in products limit: 10 %}\n                  <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                    <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                        {% if product.available != true %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                        {% endif %}\n                        {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                        {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                        {% if compareAtPriceMin > product.price_min %}\n                        {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                        {% assign salePercent = percent | append: '%' %}\n                        {% assign saleAmount = product.sale_amount_format %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                          {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                          <span>{{ textProductItemSaleTranslated }}</span>\n                        </div>\n                        {% endif %}\n                        {% endif %}\n                        {% if product.images_info[0] %}\n                        {% assign imageSrc = product.images_info[0].src -%}\n                        {% assign imagAlt = product.images_info[0].alt -%}\n                        {% else %}\n                        {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                        {% assign imagAlt = product.title | escape -%}\n                        {% endif %}\n                        {% assign widthParam = \"&width=\" -%}\n                        {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                        {% capture srcset -%}\n                        {% for width in widths -%}\n                        {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                        {% endfor -%}\n                        {% endcapture -%}\n                        <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                      </div>\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                        <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                        <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                        <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                        <!--  PRODUCT RATING -->\n                      </div>\n                    </a>\n                  </li>\n                  {% endfor %}\n                </ul>\n              </div>\n              {% endif %}\n              {% endif %}\n              {% assign firstBundleRendered = false %}\n              {% for bundle in bundles %}\n              {% if firstBundleRendered == false and bundle and bundle.bundle_type != 'volume' and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == null -%}\n              <!-- TEMPLATE RECOMMENDATION DYNAMIC BUNDLE -->\n              {% assign widgetTitle = '' %}\n              {% if widgetDesignSettings.titleAlignment != '' %}\n              {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}\n              {% endif %}\n              {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              <div aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--bottom-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                {% endif %}\n                <div tabindex=\"0\" id='boost-sd-dynamic-bundle-{{ bundle.widgetId }}' data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' class='boost-sd__recommendation boost-sd__recommendation--dynamic' data-product-price='true'>\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class='boost-sd__recommendation-popup-heading'>\n                    <div tabindex=\"0\" aria-label=\"Popup is showed: {{ widgetDesignSettings.titleName }}\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-popup-heading-label'>{{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}</div>\n                    <p tabindex=\"0\" class='boost-sd__recommendation-popup-heading-sublabel'>Select your options in this bundle</p>\n                  </div>\n                  {% else %}\n                  <div tabindex=\"0\" role=\"text\" class='boost-sd__recommendation-title {{ widgetTitle }} boost-sd__recommendation-title--bundle' style='color: {{ widgetDesignSettings.titleTextColor }};\n        font-family: {{ widgetDesignSettings.titleFont }};\n        font-size: {{ widgetDesignSettings.titleFontSize }}px;\n        text-transform: {{ widgetDesignSettings.titleTextTransform }};\n        font-weight: {{ widgetDesignSettings.titleFontWeight }};\n        font-style: {{ widgetDesignSettings.titleFontStyle }};'>\n                    <span class='boost-sd__recommendation-title-text'>\n                      {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                    </span>\n                  </div>\n                  {% endif %}\n                  {% if bundle.bundleStyle %}\n                  {% assign bundleStyle = bundle.bundleStyle %}\n                  {% endif %}\n                  <div class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\">\n                    {% assign currentLocale = '' %}\n                    {% if locale != \"\" or locale != null %}\n                    {% assign currentLocale = locale %}\n                    {% endif %}\n                    <div class=\"boost-sd__recommendation-bundle-left\">\n                      <div class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__recommendation-bundle-image-item\" data-product-id=\"{{ product.id }}\">\n                          <a aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__recommendation-bundle-link-image {% if product.checked == false %}boost-sd__recommendation-bundle-link-image--blur{% endif %}\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                            <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__recommendation-bundle-image-wrapper\">\n                              <div class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\">\n                                {% if product.images_info[0] %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% else %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% endif %}\n                              </div>\n                            </div>\n                          </a>\n                          {% if bundleStyle == 'style2' %}\n                          <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\">\n                            <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                              <div class=\"boost-sd__recommendation-bundle-item-title\">\n                                <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                                  {% if bundle.currentProductId == product.id %}\n                                  <b>This item:</b>\n                                  {% endif %}\n                                  {{ product.title | escape }}\n                                </a>\n                              </div>\n                              {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                              <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                                <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                                  <div aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" role=\"button\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                    <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                      {{ product.selectedOption.title | escape }}\n                                    </span>\n                                    <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                      <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                    </svg>\n                                  </div>\n                                  <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                    {% for variant in product.variants %}\n                                    <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                      {{ variant.title | escape }}\n                                    </li>\n                                    {% endfor %}\n                                  </ul>\n                                </div>\n                              </div>\n                              {% endif %}\n                              <div class=\"boost-sd__recommendation-bundle-checkbox-price\">\n                                <b role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                                  {{ product.selectedOption.price }}\n                                </b>\n                                {% if isShowPopupDynamicBundle != true %}\n                                <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                                  <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                                  </button>\n                                </div>\n                                {% endif %}\n                              </div>\n                            </div>\n                          </div>\n                          {% endif %}\n                        </div>\n                        {% unless forloop.last %}\n                        <div class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\">\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#222222\"></path>\n                          </svg>\n                        </div>\n                        {% endunless %}\n                        {% endfor %}\n                      </div>\n                      {% if bundleStyle == 'style1' %}\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\" data-product-id=\"{{ product.id }}\">\n                        <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                          <div class=\"boost-sd__recommendation-bundle-item-title\">\n                            {% if isShowPopupDynamicBundle != true %}\n                            <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                              <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                              </button>\n                            </div>\n                            {% endif %}\n                            <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                              {{ product.title | escape }}\n                            </a>\n                          </div>\n                          {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                          <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                            <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                              <div role=\"button\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                  {{ product.selectedOption.title | escape }}\n                                </span>\n                                <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                  <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                </svg>\n                              </div>\n                              <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                {% for variant in product.variants %}\n                                <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                  {{ variant.title | escape }}\n                                </li>\n                                {% endfor %}\n                              </ul>\n                            </div>\n                          </div>\n                          {% endif %}\n                          <span role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                            <span>{{ product.selectedOption.price }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endfor %}\n                      {% endif %}\n                    </div>\n                    <div class=\"boost-sd__recommendation-bundle-right\">\n                      {% if bundle.hasSelectedProduct == true %}\n                      <div role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\">\n                        {% if bundle.isPopupDynamicBundleOpening == true %}\n                        {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                        <span class=\"boost-sd__recommendation-bundle-total-highlight\">BUY BULK AND SAVE {{ bundle.amountValueDisplay }}</span>\n                        {% endif %}\n                        {% endif %}\n                        <div class=\"boost-sd__recommendation-bundle-total-discount\">\n                          <span class=\"boost-sd__recommendation-bundle-total-label\">Total price:</span>\n                          <span>\n                            {% if bundle.totalBundlePrice and bundle.rawTotalBundlePrice < bundle.rawTotalPrice %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number\">{{ bundle.totalBundlePrice }}</span>\n                            {% endif %}\n                            {% assign bundleTotalClasses = '' %}\n                            {% if bundle.rawTotalPrice > bundle.rawTotalBundlePrice %}\n                            {% assign bundleTotalClasses = bundleTotalClasses | append: ' boost-sd__recommendation-bundle-total-number--origin' -%}\n                            {% endif %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number{{ bundleTotalClasses }}\">{{ bundle.totalPrice }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endif %}\n                      <button type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} aria-label=\"Add bundle to cart\" class=\"boost-sd__button boost-sd__button--capsule boost-sd__button--add-to-cart boost-sd__recommendation-bundle-button boost-sd__btn-add-to-cart {% if isShowPopupDynamicBundle %}boost-sd__recommendation-dynamic-show-popup{% endif %}\" style='color: {{ widgetDesignSettings.buttonTextColor }};\n      background-color: {{ widgetDesignSettings.buttonBackgroundColor }};\n      font-weight: 500;'>\n                        <span>{{ widgetDesignSettings.buttonText }}</span>\n                      </button>\n                    </div>\n                  </div>\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class=\"boost-sd__recommendation-bundle-buttons\">\n                    <button type=\"button\" aria-label=\"Close bundle popup\" class=\"boost-sd__button boost-sd__button--back boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                        <path d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                    <button type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                  </div>\n                  {% endif %}\n                </div>\n                {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              </div>\n              {% endif %}\n              {% assign firstBundleRendered = true %}\n              {% endif %}\n              {% endfor %}\n            </div>\n            <!-- TEMPLATE VIEW ALL -->\n            {% assign productNumber = '0' %}\n            {% for item in suggestionBlocksList %}\n            {% if item.type == 'products' %}\n            {% assign productNumber = item.number %}\n            {% endif %}\n            {% endfor %}\n            {% if products.size > 0 and total_product > productNumber -%}\n            {%- assign count = total_product -%}\n            {% assign viewAllTranslated = 'suggestion.viewAll' | translate: translations, 'View all {{ count }} products' | replace: '{{ count }}', count -%}\n            <div aria-label='Button: {{ viewAllTranslated }}' class='boost-sd__view-all' data-group='view-all-products' data-title='{{ query | escape }}'>\n              <a class='boost-sd__view-all-link' href='{{ currentLocale }}/search?q={{ query | url_encode }}'>\n                <span class='boost-sd__view-all-text'>\n                  {{ viewAllTranslated }}\n                  <svg class='boost-sd__view-all-icon' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1657 7.43443L10.1657 3.43443C9.8529 3.12163 9.3473 3.12163 9.0345 3.43443C8.7217 3.74723 8.7217 4.25283 9.0345 4.56563L11.6689 7.20003H2.4001C1.9577 7.20003 1.6001 7.55843 1.6001 8.00003C1.6001 8.44163 1.9577 8.80003 2.4001 8.80003H11.6689L9.0345 11.4344C8.7217 11.7472 8.7217 12.2528 9.0345 12.5656C9.1905 12.7216 9.3953 12.8 9.6001 12.8C9.8049 12.8 10.0097 12.7216 10.1657 12.5656L14.1657 8.56563C14.4785 8.25283 14.4785 7.74723 14.1657 7.43443\" fill=\"#5C5F62\"></path>\n                  </svg>\n                </span>\n              </a>\n            </div>\n            {% endif %}\n          </div>\n          {% endif %}\n        </div>\n        {% else %}\n        {% assign autocompleteClasses = '' %}\n        {% if suggestions.size == 0 and collections.size == 0 and pages.size == 0 -%}\n        {% assign autocompleteClasses = autocompleteClasses | append: 'boost-sd__instant-search-no-other ' %}\n        {% endif %}\n        {% if products.size == 0 -%}\n        {% assign autocompleteClasses = autocompleteClasses | append: 'boost-sd__instant-search-no-product ' %}\n        {% endif %}\n        <div class='boost-sd__instant-search-autocomplete {{ autocompleteClasses }} boost-sd__g-flexColumn'>\n          {% if hasSuggestions or hasCollections or hasPages -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--others boost-sd__g-scrollable'>\n            <!-- TEMPLATE SUGGESTION QUERIES BLOCKS -->\n            <!-- ISW with results -->\n            {% assign queriesMobileClasses = '' %}\n            {% if suggestionMobileStyle == 'style1' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style1' %}\n            {% endif %}\n            {% if suggestionMobileStyle == 'style2' %}\n            {% assign queriesMobileClasses = queriesMobileClasses | append: 'boost-sd__suggestion-queries-item--mobile-style2' %}\n            {% endif %}\n            {% if suggestions.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--suggestions'>\n                {{ 'suggestion.instantSearchSuggestionsLabel' | translate: translations, 'Popular suggestions' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for suggestion in suggestions limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--suggestion {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ suggestion | escape }}'>\n                  {% assign suggestionHref = '' %}\n                  {% if redirects[suggestion] %}\n                  {% assign suggestionHref = redirects[suggestion] %}\n                  {% else %}\n                  {% assign suggestionHref = currentLocale | append: '/search?q=' | append: suggestion %}\n                  {% endif %}\n                  <a aria-label='Suggestion : {{ suggestion | escape }}' href='{{ suggestionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ suggestion | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if collections.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--collections'>\n                {{ 'suggestion.instantSearchCollectionsLabel' | translate: translations, 'Collections' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for collection in collections limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ collection.title | escape }}'>\n                  {% assign collectionHref = '' %}\n                  {% if redirects[collection.title] %}\n                  {% assign collectionHref = redirects[collection.title] %}\n                  {% else %}\n                  {% assign collectionHref = currentLocale | append: '/collections/' | append: collection.handle %}\n                  {% endif %}\n                  <a aria-label='Collection: {{ collection.title | escape }}' href='{{ collectionHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ collection.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% if contentOrder == 'one-column' %}\n            {% if products.size > 0 -%}\n            <div class='boost-sd__instant-search-product-list'>\n              <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n              </h3>\n              <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                {% assign firstProductRendered = false %}\n                {% for bundle in bundles %}\n                {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                {% assign embeddedIsw = true %}\n                {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                  <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                  {% assign isSale = false -%}\n                  {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                  {% assign isSale = true -%}\n                  {% endif -%}\n                  {% if embeddedIsw %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \"boost-sd__product-title\" %}\n                  {% assign priceClasses = \"boost-sd__product-price\" %}\n                  {% endif %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                    <!-- Display Bundle Image -->\n                    <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                      {%- capture aspectRatioSetting %}square{% endcapture -%}\n                      {% assign aspectRatio = '' -%}\n                      {% if aspectRatioSetting == 'natural' -%}\n                      {% for product in bundle.products %}\n                      {% assign imageWidth = product.images_info[0].width -%}\n                      {% assign imageHeight = product.images_info[0].height -%}\n                      {% endfor %}\n                      {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                      {% endif -%}\n                      <!-- Display Mixed Product Images if selected -->\n                      {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endfor %}\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                      <!-- Use the newly uploaded image -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </div>\n                      </div>\n                      {% else %}\n                      <!-- Use Single Product Images: bundleImageType === 'single' -->\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        {% for product in bundle.products %}\n                        {% if widgetDesignSettings.bundleImageData == product.id %}\n                        <div class=\"boost-sd__product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% else %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                        {% endif %}\n                        {% endfor %}\n                      </div>\n                      {% endif %}\n                    </div>\n                    <!-- Display Bundle Information -->\n                    <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                        <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                          {% if embeddedIsw %}\n                          {% if isSale %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                            <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% else %}\n                          <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                            <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                          </span>\n                          {% endif %}\n                          {% else %}\n                          {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                          {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                          <!-- Price compare display left or right -->\n                          <div class=\"boost-sd__product-price-wrapper\">\n                            <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                              <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                              </span>\n                              {% if compareAtPriceWithFormat != '' -%}\n                              <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                              </span>\n                              {% endif -%}\n                            </span>\n                          </div>\n                          {% endif %}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% assign volumeIsw = true %}\n                {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                  <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                  {%- capture aspectRatio %}square{% endcapture -%}\n                  {% assign product = bundle.matchedProduct -%}\n                  {% assign aspectRatio = '' -%}\n                  {% if aspectRatio == 'natural' -%}\n                  {% assign imageWidth = product.images_info[0].width -%}\n                  {% assign imageHeight = product.images_info[0].height -%}\n                  {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                  {% endif -%}\n                  {% if volumeIsw == true %}\n                  {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                  {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                  {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                  {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                  {% else %}\n                  {% assign titleClasses = \" boost-sd__product-title\" %}\n                  {% assign priceClasses = \" boost-sd__product-price\" %}\n                  {% endif %}\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                    <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                      {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                      </div>\n                      {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                      <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                        <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          {% if product.images_info[0] %}\n                          <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          {% endif %}\n                        </div>\n                      </div>\n                      {% else %}\n                      <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                        <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                      </figure>\n                      {% endif %}\n                    </div>\n                    <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                      <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                        <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                          {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                        </div>\n                        <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                          <span class=\"boost-sd__volume-bundle-product-single\">\n                            1 for <span>{{ bundle.productMinPrice }}</span>\n                          </span>\n                          <br>\n                          <span class=\"boost-sd__volume-bundle-product-combo\">\n                            {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                              {% if volumeIsw %}\n                              <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                              </span>\n                              {% else %}\n                              <span class=\"boost-sd__product-price-content\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                  {{ bundle.bundleOptions[0].discountedPrice }}\n                                </span>\n                                <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                              </span>\n                              {% endif %}\n                            </span>\n                          </span>\n                        </p>\n                      </div>\n                    </figcaption>\n                  </div>\n                </li>\n                {% assign firstProductRendered = true %}\n                {% endif %}\n                {% endfor %}\n                {% for product in products limit: 10 %}\n                <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                  <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                      {% if product.available != true %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                      {% endif %}\n                      {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                      {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                      {% if compareAtPriceMin > product.price_min %}\n                      {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                      {% assign salePercent = percent | append: '%' %}\n                      {% assign saleAmount = product.sale_amount_format %}\n                      <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                        {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                        <span>{{ textProductItemSaleTranslated }}</span>\n                      </div>\n                      {% endif %}\n                      {% endif %}\n                      {% if product.images_info[0] %}\n                      {% assign imageSrc = product.images_info[0].src -%}\n                      {% assign imagAlt = product.images_info[0].alt -%}\n                      {% else %}\n                      {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                      {% assign imagAlt = product.title | escape -%}\n                      {% endif %}\n                      {% assign widthParam = \"&width=\" -%}\n                      {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                      {% capture srcset -%}\n                      {% for width in widths -%}\n                      {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                      {% endfor -%}\n                      {% endcapture -%}\n                      <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                    </div>\n                    <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                      <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                      <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                      <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                      <!--  PRODUCT RATING -->\n                    </div>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            {% endif %}\n            {% if pages.size > 0 -%}\n            <div class='boost-sd__suggestion-queries-group'>\n              <h3 tabindex='0' role='text' class='boost-sd__header-item boost-sd__suggestion-queries-header boost-sd__suggestion-queries-header--pages'>\n                {{ 'suggestion.instantSearchPagesLabel' | translate: translations, 'Pages' }}\n              </h3>\n              <ul aria-label='Suggestion list' class='boost-sd__suggestion-queries-list'>\n                {% for page in pages limit: 10 %}\n                <li class='boost-sd__suggestion-queries-item {{ queriesMobileClasses }}' data-extra-param='false' data-title='{{ page.title | escape }}'>\n                  {% assign pageHref = '' %}\n                  {% if redirects[page.title] %}\n                  {% assign pageHref = redirects[page.title] %}\n                  {% else %}\n                  {% assign pageHref = currentLocale | append: page.url %}\n                  {% endif %}\n                  <a aria-label='Page: {{ page.title | escape }}' href='{{ pageHref | escape }}' class='boost-sd__suggestion-queries-link'>\n                    <span aria-hidden='true'>{{ page.title | escape }}</span>\n                  </a>\n                </li>\n                {% endfor %}\n              </ul>\n            </div>\n            {% endif %}\n            <div class=\"boost-sd__watermark-powered-by-boost\">\n              {{ \"search.watermarkPoweredBy\" | translate: translations, \"Powered by\" }}\n              <div class=\"boost-sd__watermark-highlight\">\n                {{ \"search.watermarkPoweredByBranch\" | translate: translations, \"Boost\" }}\n              </div>\n            </div>\n          </div>\n          {% endif %}\n          {% if did_you_mean.size != 0 or products.size > 0 -%}\n          <div class='boost-sd__instant-search-column boost-sd__instant-search-column--products boost-sd__g-scrollable'>\n            <div tabindex='0' class='boost-sd__instant-search-group boost-sd__g-scrollable '>\n              <!-- TEMPLATE DID YOU MEAN -->\n              {% assign termList = '' %}\n              {% if did_you_mean.size != 0 and all_empty == false %}\n              <div class='boost-sd__spelling-correction' data-group='empty' data-aria-label='{{ query | escape }}' data-label='{{ query | escape }}'>\n                <p class='boost-sd__spelling-correction-desc boost-sd__spelling-correction-desc--list'>\n                  {% for term in did_you_mean %}\n                  {% assign escapedTerm = term | escape %}\n                  {% assign termList = termList | append: '<a tabindex=\"-1\" class=\"boost-sd__spelling-correction-suggest-link\" href=\"/search?q=[[term]]\">[[term]]</a>' | replace: '[[term]]', escapedTerm %}\n                  {% endfor %}\n                  {% assign didYouMeanTranslated = 'suggestion.didYouMean' | translate: translations, 'Did you mean: {{ terms }}' | replace: '{{ terms }}', termList -%}\n                  {{ didYouMeanTranslated }}\n                </p>\n              </div>\n              {% endif %}\n              <!-- TEMPLATE SEARCH PRODUCTS -->\n              <!-- ***** Search box on click ***** -->\n              {% if query == '' %}\n              {% elsif query != '' and all_empty %}\n              <!-- ******** ISW without results ******** -->\n              {% else %}\n              <!-- ***** ISW with results ***** -->\n              {% if products.size > 0 %}\n              <div class='boost-sd__instant-search-product-list'>\n                <h3 class='boost-sd__header-item boost-sd__instant-search-product-list-header'>\n                  {{ 'suggestion.instantSearchProductsLabel' | translate: translations, 'Products' }}\n                </h3>\n                <ul aria-label=\"Product list suggestion\" class=\"boost-sd__instant-search-product-list-items\">\n                  {% assign firstProductRendered = false %}\n                  {% for bundle in bundles %}\n                  {% assign widgetDesignSettings = widgetDesignSettingsMap[bundle.widgetId] %}\n                  {% assign embeddedIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'classic' and bundle.bundle_display_type == 'product' and firstProductRendered == false -%}\n                  <li aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--embedded-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                    <!-- TEMPLATE RECOMMENDATION EMBEDDED BUNDLE -->\n                    {% assign isSale = false -%}\n                    {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                    {% assign isSale = true -%}\n                    {% endif -%}\n                    {% if embeddedIsw %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \"boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \"boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \"boost-sd__product-title\" %}\n                    {% assign priceClasses = \"boost-sd__product-price\" %}\n                    {% endif %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-price\" aria-live=\"polite\" class=\"boost-sd__product-bundle\" data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true'>\n                      <!-- Display Bundle Image -->\n                      <div class=\"boost-sd__product-bundle-images{{ imagesClasses }}\">\n                        {%- capture aspectRatioSetting %}square{% endcapture -%}\n                        {% assign aspectRatio = '' -%}\n                        {% if aspectRatioSetting == 'natural' -%}\n                        {% for product in bundle.products %}\n                        {% assign imageWidth = product.images_info[0].width -%}\n                        {% assign imageHeight = product.images_info[0].height -%}\n                        {% endfor %}\n                        {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}\n                        {% endif -%}\n                        <!-- Display Mixed Product Images if selected -->\n                        {% if widgetDesignSettings.bundleImageType == 'combo' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--{{ bundle.products.size }} boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--autoheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endfor %}\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'upload' %}\n                        <!-- Use the newly uploaded image -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </div>\n                        </div>\n                        {% else %}\n                        <!-- Use Single Product Images: bundleImageType === 'single' -->\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          {% for product in bundle.products %}\n                          {% if widgetDesignSettings.bundleImageData == product.id %}\n                          <div class=\"boost-sd__product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% else %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                          {% endif %}\n                          {% endfor %}\n                        </div>\n                        {% endif %}\n                      </div>\n                      <!-- Display Bundle Information -->\n                      <div class=\"boost-sd__product-bundle-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                          <div id=\"bundle-title\" class=\"{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <div id=\"bundle-price\" class=\"{{ priceClasses }}\">\n                            {% if embeddedIsw %}\n                            {% if isSale %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--sale\">\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\"><span class=\"\">{{ bundle.totalBundlePrice }}</span></span>\n                              <span class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% else %}\n                            <span class=\"boost-sd__suggestion-queries-item-amount boost-sd__suggestion-queries-item-amount--regular\">\n                              <span class=\"boost-sd__format-currency\"><span class=\"\">{{ bundle.totalPrice }}</span></span>\n                            </span>\n                            {% endif %}\n                            {% else %}\n                            {% assign priceValueWithFormat = bundle.totalBundlePrice %}\n                            {% assign compareAtPriceWithFormat = bundle.totalPrice %}\n                            <!-- Price compare display left or right -->\n                            <div class=\"boost-sd__product-price-wrapper\">\n                              <span class=\"boost-sd__product-price-content   boost-sd__product-price-content--text-align-left\">\n                                <span role=\"text\" aria-label=\"Sale price: {{ priceValueWithFormat }}\" class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\">\n                                  <span class=\"boost-sd__format-currency\">{{ priceValueWithFormat }}</span>\n                                </span>\n                                {% if compareAtPriceWithFormat != '' -%}\n                                <span role=\"text\" aria-label=\"Regular price: {{ compareAtPriceWithFormat }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"> {{ compareAtPriceWithFormat }}\n                                </span>\n                                {% endif -%}\n                              </span>\n                            </div>\n                            {% endif %}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% assign volumeIsw = true %}\n                  {% if bundle and bundle.bundle_type == 'volume' and firstProductRendered == false -%}\n                  <li aria-label=\"Volume Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product boost-sd__suggestion-queries-item--volume-bundle\">\n                    <!-- TEMPLATE RECOMMENDATION VOLUME BUNDLE PRODUCT -->\n                    {%- capture aspectRatio %}square{% endcapture -%}\n                    {% assign product = bundle.matchedProduct -%}\n                    {% assign aspectRatio = '' -%}\n                    {% if aspectRatio == 'natural' -%}\n                    {% assign imageWidth = product.images_info[0].width -%}\n                    {% assign imageHeight = product.images_info[0].height -%}\n                    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%}\n                    {% endif -%}\n                    {% if volumeIsw == true %}\n                    {% assign imagesClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\" %}\n                    {% assign infoClasses = \" boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\" %}\n                    {% assign titleClasses = \" boost-sd__suggestion-queries-item-title\" %}\n                    {% assign priceClasses = \" boost-sd__suggestion-queries-item-price\" %}\n                    {% else %}\n                    {% assign titleClasses = \" boost-sd__product-title\" %}\n                    {% assign priceClasses = \" boost-sd__product-price\" %}\n                    {% endif %}\n                    {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                    <div role=\"link\" tabindex=\"0\" aria-labelledby=\"bundle-title bundle-label bundle-price\" aria-live=\"polite\" class=\"boost-sd__volume-bundle-product-item\" data-is-popup-opening='{{ isPopupVolumeBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' data-product-price='true' data-product-id=\"{{ product.id }}\">\n                      <div class=\"boost-sd__volume-bundle-product-card{{ imagesClasses }}\">\n                        {% if widgetDesignSettings.bundleImageType == 'upload' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            <img class=\"boost-sd__product-image-img boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ widgetDesignSettings.bundleImageLink | image_url: 'large' }}\" alt=\"{{ widgetDesignSettings.bundleImageData.title | escape }}\" width=\"auto\" height=\"auto\" />\n                          </figure>\n                        </div>\n                        {% elsif widgetDesignSettings.bundleImageType == 'single' %}\n                        <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__product-image-wrapper--square\" style=\"{{ aspectRatio }}\">\n                          <div class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                            {% if product.images_info[0] %}\n                            <img id=\"product-image-{{ widgetDesignSettings.bundleImageData }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main boost-sd__product-image-img--fullheight boost-sd__volume-bundle-product-img\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                            {% endif %}\n                          </div>\n                        </div>\n                        {% else %}\n                        <figure class=\"boost-sd__product-image boost-sd__volume-bundle-product-image\">\n                          <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--autoheight\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"No image\" width=\"auto\" height=\"auto\" />\n                        </figure>\n                        {% endif %}\n                      </div>\n                      <figcaption class=\"boost-sd__volume-bundle-product-info{{ infoClasses }}\">\n                        <div class=\"boost-sd__product-bundle-info-wrapper boost-sd__product-info boost-sd__product-info--left\">\n                          <div id=\"bundle-title\" class=\"boost-sd__volume-bundle-product-title{{ titleClasses }}\">\n                            {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                          </div>\n                          <p id=\"bundle-price\" class=\"boost-sd__volume-bundle-product-price{{ priceClasses }}\">\n                            <span class=\"boost-sd__volume-bundle-product-single\">\n                              1 for <span>{{ bundle.productMinPrice }}</span>\n                            </span>\n                            <br>\n                            <span class=\"boost-sd__volume-bundle-product-combo\">\n                              {{ bundle.bundleOptions[0].items }} for <span class=\"boost-sd__volume-bundle-product-discount\">\n                                {% if volumeIsw %}\n                                <span class=\"boost-sd__suggestion-queries-item-amount\">\n                                  <span class=\"boost-sd__format-currency boost-sd__format-currency--price-sale\">{{ bundle.bundleOptions[0].discountedPrice }}</span>\n                                </span>\n                                {% else %}\n                                <span class=\"boost-sd__product-price-content\">\n                                  <span role=\"text\" aria-label=\"Sale price: {{ bundle.bundleOptions[0].discountedPrice }}\" class=\"boost-sd__product-price--sale\">\n                                    {{ bundle.bundleOptions[0].discountedPrice }}\n                                  </span>\n                                  <span role=\"text\" aria-label=\"Regular price: {{ bundle.bundleOptions[0].originalPrice }}\" class=\"boost-sd__format-currency boost-sd__format-currency--price-compare\">{{ bundle.bundleOptions[0].originalPrice }}</span>\n                                </span>\n                                {% endif %}\n                              </span>\n                            </span>\n                          </p>\n                        </div>\n                      </figcaption>\n                    </div>\n                  </li>\n                  {% assign firstProductRendered = true %}\n                  {% endif %}\n                  {% endfor %}\n                  {% for product in products limit: 10 %}\n                  <li class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--product\" data-id=\"{{ product.id | escape }}\" data-title=\"{{ product.title | escape }}\">\n                    <a href=\"{{ currentLocale }}/products/{{ product.handle | escape }}\" class=\"boost-sd__suggestion-queries-item-link\" target=\"_parent\" rel=\"noreferrer\">\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--left\">\n                        {% if product.available != true %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sold-out\">{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}</div>\n                        {% endif %}\n                        {% if product.available == true and product.percent_sale_min and product.percent_sale_min > 0 %}\n                        {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %}\n                        {% if compareAtPriceMin > product.price_min %}\n                        {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round %}\n                        {% assign salePercent = percent | append: '%' %}\n                        {% assign saleAmount = product.sale_amount_format %}\n                        <div class=\"boost-sd__suggestion-queries-item-badge boost-sd__suggestion-queries-item-badge--sale\">\n                          {% assign textProductItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}\n                          <span>{{ textProductItemSaleTranslated }}</span>\n                        </div>\n                        {% endif %}\n                        {% endif %}\n                        {% if product.images_info[0] %}\n                        {% assign imageSrc = product.images_info[0].src -%}\n                        {% assign imagAlt = product.images_info[0].alt -%}\n                        {% else %}\n                        {% assign imageSrc = \"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" -%}\n                        {% assign imagAlt = product.title | escape -%}\n                        {% endif %}\n                        {% assign widthParam = \"&width=\" -%}\n                        {% assign widths = \"100,200,300,400,500\" | split: \",\" -%}\n                        {% capture srcset -%}\n                        {% for width in widths -%}\n                        {{ imageSrc }}{{ widthParam }}{{ width }} {{ width }}w,\n                        {% endfor -%}\n                        {% endcapture -%}\n                        <img aria-hidden=\"true\" class=\"boost-sd__suggestion-queries-item-img\" src=\"{{ imageSrc }}&amp;width=100\" alt=\"{{ imagAlt }}\" srcset=\"{{ srcset }}\" sizes=\"(min-width: 991px) 72px, 50vw\" width=\"auto\" height=\"auto\" />\n                      </div>\n                      <div class=\"boost-sd__suggestion-queries-item-product boost-sd__suggestion-queries-item-product--right\">\n                        <p aria-label=\"Title of product is: {{ product.title | escape }}\" class=\"boost-sd__suggestion-queries-item-title\">{{ product.title | escape }}</p>\n                        <div class=\"boost-sd__suggestion-queries-item-sku\">{{ product.skus | escape }}</div>\n                        <div aria-label=\"Vendor is: {{ product.vendor | escape }}\" class=\"boost-sd__suggestion-queries-item-vendor\">{{ product.vendor | escape }}</div>\n                        <!--  PRODUCT RATING -->\n                      </div>\n                    </a>\n                  </li>\n                  {% endfor %}\n                </ul>\n              </div>\n              {% endif %}\n              {% endif %}\n              {% assign firstBundleRendered = false %}\n              {% for bundle in bundles %}\n              {% if firstBundleRendered == false and bundle and bundle.bundle_type != 'volume' and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == null -%}\n              <!-- TEMPLATE RECOMMENDATION DYNAMIC BUNDLE -->\n              {% assign widgetTitle = '' %}\n              {% if widgetDesignSettings.titleAlignment != '' %}\n              {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}\n              {% endif %}\n              {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              <div aria-label=\"Embedded Bundle: {{ widgetDesignSettings.titleName | escape }}. Click here to show popup!\" aria-selected=\"false\" class=\"boost-sd__suggestion-queries-item boost-sd__suggestion-queries-item--bottom-bundle\" data-title=\"{{ widgetDesignSettings.titleName | escape }}\">\n                {% endif %}\n                <div tabindex=\"0\" id='boost-sd-dynamic-bundle-{{ bundle.widgetId }}' data-is-popup-opening='{{ isPopupDynamicBundleOpening }}' data-widget-id='{{ bundle.widgetId }}' class='boost-sd__recommendation boost-sd__recommendation--dynamic' data-product-price='true'>\n                  {% assign widgetNameTranslationLabel = 'recommendation.' | append: bundle.widgetId %}\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class='boost-sd__recommendation-popup-heading'>\n                    <div tabindex=\"0\" aria-label=\"Popup is showed: {{ widgetDesignSettings.titleName }}\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-popup-heading-label'>{{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}</div>\n                    <p tabindex=\"0\" class='boost-sd__recommendation-popup-heading-sublabel'>Select your options in this bundle</p>\n                  </div>\n                  {% else %}\n                  <div tabindex=\"0\" role=\"text\" class='boost-sd__recommendation-title {{ widgetTitle }} boost-sd__recommendation-title--bundle' style='color: {{ widgetDesignSettings.titleTextColor }};\n        font-family: {{ widgetDesignSettings.titleFont }};\n        font-size: {{ widgetDesignSettings.titleFontSize }}px;\n        text-transform: {{ widgetDesignSettings.titleTextTransform }};\n        font-weight: {{ widgetDesignSettings.titleFontWeight }};\n        font-style: {{ widgetDesignSettings.titleFontStyle }};'>\n                    <span class='boost-sd__recommendation-title-text'>\n                      {{ widgetNameTranslationLabel | translate: translations, widgetDesignSettings.titleName }}\n                    </span>\n                  </div>\n                  {% endif %}\n                  {% if bundle.bundleStyle %}\n                  {% assign bundleStyle = bundle.bundleStyle %}\n                  {% endif %}\n                  <div class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\">\n                    {% assign currentLocale = '' %}\n                    {% if locale != \"\" or locale != null %}\n                    {% assign currentLocale = locale %}\n                    {% endif %}\n                    <div class=\"boost-sd__recommendation-bundle-left\">\n                      <div class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\">\n                        {% for product in bundle.products %}\n                        <div class=\"boost-sd__recommendation-bundle-image-item\" data-product-id=\"{{ product.id }}\">\n                          <a aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__recommendation-bundle-link-image {% if product.checked == false %}boost-sd__recommendation-bundle-link-image--blur{% endif %}\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                            <div class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box boost-sd__recommendation-bundle-image-wrapper\">\n                              <div class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\">\n                                {% if product.images_info[0] %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% else %}\n                                <img id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" />\n                                {% endif %}\n                              </div>\n                            </div>\n                          </a>\n                          {% if bundleStyle == 'style2' %}\n                          <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\">\n                            <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                              <div class=\"boost-sd__recommendation-bundle-item-title\">\n                                <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                                  {% if bundle.currentProductId == product.id %}\n                                  <b>This item:</b>\n                                  {% endif %}\n                                  {{ product.title | escape }}\n                                </a>\n                              </div>\n                              {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                              <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                                <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                                  <div aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" role=\"button\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                    <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                      {{ product.selectedOption.title | escape }}\n                                    </span>\n                                    <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                      <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                    </svg>\n                                  </div>\n                                  <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                    {% for variant in product.variants %}\n                                    <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                      {{ variant.title | escape }}\n                                    </li>\n                                    {% endfor %}\n                                  </ul>\n                                </div>\n                              </div>\n                              {% endif %}\n                              <div class=\"boost-sd__recommendation-bundle-checkbox-price\">\n                                <b role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                                  {{ product.selectedOption.price }}\n                                </b>\n                                {% if isShowPopupDynamicBundle != true %}\n                                <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                                  <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                                  </button>\n                                </div>\n                                {% endif %}\n                              </div>\n                            </div>\n                          </div>\n                          {% endif %}\n                        </div>\n                        {% unless forloop.last %}\n                        <div class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\">\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#222222\"></path>\n                          </svg>\n                        </div>\n                        {% endunless %}\n                        {% endfor %}\n                      </div>\n                      {% if bundleStyle == 'style1' %}\n                      {% for product in bundle.products %}\n                      <div class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\" data-product-id=\"{{ product.id }}\">\n                        <div class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\">\n                          <div class=\"boost-sd__recommendation-bundle-item-title\">\n                            {% if isShowPopupDynamicBundle != true %}\n                            <div class=\"boost-sd__recommendation-bundle-checkbox\">\n                              <button type=\"button\" role=\"checkbox\" aria-checked=\"{% if product.checked %}true{% else %}false{% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__checkbox-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\">\n                              </button>\n                            </div>\n                            {% endif %}\n                            <a aria-label=\"Product title is: {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__recommendation-bundle-link\" href=\"{{ currentLocale }}/products/{{ product.handle }}\">\n                              {{ product.title | escape }}\n                            </a>\n                          </div>\n                          {%- if product.selectedOption.title != 'Default Title' and isShowPopupDynamicBundle != true -%}\n                          <div class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\">\n                            <div aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" {% assign activeOptionId = '' %} {%- for variant in product.variants -%} {% if variant.title == product.selectedOption.title %} {% assign activeOptionId = 'boost-sd__dropdown-option-' | append: bundle.widgetId | append: '-' | append: product.id | append: '-' | append: forloop.index | append: '-' | append: forloop.index %} {% endif %} {%- endfor -%} {% if activeOptionId %} aria-activedescendant=\"{{ activeOptionId }}\" {% endif %} data-id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" id=\"boost-sd__dropdown-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown {% if bundle.widgetId %}boost-sd__dropdown-dynamic{% endif %} {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\">\n                              <div role=\"button\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" aria-label=\"Press to toggle dropdown\" id=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}{% if bundle.isPopupDynamicBundleOpening == true %}-popup{% endif %}\" class=\"boost-sd__dropdown-selected-option\" {% if product.checked %} tabindex=\"0\" {% endif %}>\n                                <span aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\" title=\"{{ product.selectedOption.title | escape }}\">\n                                  {{ product.selectedOption.title | escape }}\n                                </span>\n                                <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                  <path d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"></path>\n                                </svg>\n                              </div>\n                              <ul role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"boost-sd__dropdown-selected-option-{{ bundle.widgetId }}-{{ product.id }}\" id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" data-id=\"boost-sd__dropdown-list-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option-list\">\n                                {% for variant in product.variants %}\n                                <li role=\"option\" tabindex=\"-1\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" id=\"boost-sd__dropdown-option-{{ bundle.widgetId }}-{{ product.id }}-{{ forloop.index }}-{{ forloop.index }}\" class=\"boost-sd__dropdown-option {% if bundle.widgetId %}boost-sd__dropdown-dynamic-item{% endif %} {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\" data-variant-id=\"{{ variant.id }}\">\n                                  {{ variant.title | escape }}\n                                </li>\n                                {% endfor %}\n                              </ul>\n                            </div>\n                          </div>\n                          {% endif %}\n                          <span role=\"text\" tabindex=\"0\" aria-label=\"Price: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\">\n                            <span>{{ product.selectedOption.price }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endfor %}\n                      {% endif %}\n                    </div>\n                    <div class=\"boost-sd__recommendation-bundle-right\">\n                      {% if bundle.hasSelectedProduct == true %}\n                      <div role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\">\n                        {% if bundle.isPopupDynamicBundleOpening == true %}\n                        {% if bundle.discount_type == 'percent' or bundle.discount_type == 'net' and bundle.discount_value > 0 %}\n                        <span class=\"boost-sd__recommendation-bundle-total-highlight\">BUY BULK AND SAVE {{ bundle.amountValueDisplay }}</span>\n                        {% endif %}\n                        {% endif %}\n                        <div class=\"boost-sd__recommendation-bundle-total-discount\">\n                          <span class=\"boost-sd__recommendation-bundle-total-label\">Total price:</span>\n                          <span>\n                            {% if bundle.totalBundlePrice and bundle.rawTotalBundlePrice < bundle.rawTotalPrice %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number\">{{ bundle.totalBundlePrice }}</span>\n                            {% endif %}\n                            {% assign bundleTotalClasses = '' %}\n                            {% if bundle.rawTotalPrice > bundle.rawTotalBundlePrice %}\n                            {% assign bundleTotalClasses = bundleTotalClasses | append: ' boost-sd__recommendation-bundle-total-number--origin' -%}\n                            {% endif %}\n                            <span class=\"boost-sd__recommendation-bundle-total-number{{ bundleTotalClasses }}\">{{ bundle.totalPrice }}</span>\n                          </span>\n                        </div>\n                      </div>\n                      {% endif %}\n                      <button type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} aria-label=\"Add bundle to cart\" class=\"boost-sd__button boost-sd__button--capsule boost-sd__button--add-to-cart boost-sd__recommendation-bundle-button boost-sd__btn-add-to-cart {% if isShowPopupDynamicBundle %}boost-sd__recommendation-dynamic-show-popup{% endif %}\" style='color: {{ widgetDesignSettings.buttonTextColor }};\n      background-color: {{ widgetDesignSettings.buttonBackgroundColor }};\n      font-weight: 500;'>\n                        <span>{{ widgetDesignSettings.buttonText }}</span>\n                      </button>\n                    </div>\n                  </div>\n                  {% if bundle.isPopupDynamicBundleOpening == true %}\n                  <div class=\"boost-sd__recommendation-bundle-buttons\">\n                    <button type=\"button\" aria-label=\"Close bundle popup\" class=\"boost-sd__button boost-sd__button--back boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                        <path d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                    <button type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn boost-sd__modal-close-btn--dynamic-bundle\">\n                      <svg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"></path>\n                      </svg>\n                    </button>\n                  </div>\n                  {% endif %}\n                </div>\n                {% if isShowPopupDynamicBundle and bundle and bundle.bundle_display_type == 'bottom' or bundle.bundle_display_type == nil %}\n              </div>\n              {% endif %}\n              {% assign firstBundleRendered = true %}\n              {% endif %}\n              {% endfor %}\n            </div>\n            <!-- TEMPLATE VIEW ALL -->\n            {% assign productNumber = '0' %}\n            {% for item in suggestionBlocksList %}\n            {% if item.type == 'products' %}\n            {% assign productNumber = item.number %}\n            {% endif %}\n            {% endfor %}\n            {% if products.size > 0 and total_product > productNumber -%}\n            {%- assign count = total_product -%}\n            {% assign viewAllTranslated = 'suggestion.viewAll' | translate: translations, 'View all {{ count }} products' | replace: '{{ count }}', count -%}\n            <div aria-label='Button: {{ viewAllTranslated }}' class='boost-sd__view-all' data-group='view-all-products' data-title='{{ query | escape }}'>\n              <a class='boost-sd__view-all-link' href='{{ currentLocale }}/search?q={{ query | url_encode }}'>\n                <span class='boost-sd__view-all-text'>\n                  {{ viewAllTranslated }}\n                  <svg class='boost-sd__view-all-icon' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1657 7.43443L10.1657 3.43443C9.8529 3.12163 9.3473 3.12163 9.0345 3.43443C8.7217 3.74723 8.7217 4.25283 9.0345 4.56563L11.6689 7.20003H2.4001C1.9577 7.20003 1.6001 7.55843 1.6001 8.00003C1.6001 8.44163 1.9577 8.80003 2.4001 8.80003H11.6689L9.0345 11.4344C8.7217 11.7472 8.7217 12.2528 9.0345 12.5656C9.1905 12.7216 9.3953 12.8 9.6001 12.8C9.8049 12.8 10.0097 12.7216 10.1657 12.5656L14.1657 8.56563C14.4785 8.25283 14.4785 7.74723 14.1657 7.43443\" fill=\"#5C5F62\"></path>\n                  </svg>\n                </span>\n              </a>\n            </div>\n            {% endif %}\n          </div>\n          {% endif %}\n        </div>\n        {% endif %}\n        {% endif %}\n        {% endif %}\n      </div>\n    </div>\n  </div>\n</div>"}}