window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"listener":["modules/v2/loader.listener.de.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.de.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.de.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.de.esm.js"],"avatar":["modules/v2/loader.avatar.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0449\/2568\/1820\/t\/4\/assets\/booster_currency.js?v=1624978055\u0026shop=ewart-woods-design.myshopify.com","\/\/cdn.shopify.com\/proxy\/d1c42de7cd34187b7216d82b43e27d5c02b108d349c44a78d8341b73f2720355\/s.pandect.es\/scripts\/pandectes-core.js?shop=ewart-woods-design.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/static.klaviyo.com\/onsite\/js\/VKgGsx\/klaviyo.js?company_id=VKgGsx\u0026shop=ewart-woods-design.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":27792539682,"offset":10800,"reqid":"5c71e1f6-9e29-4c21-a55b-b3b2c3d75ceb-1780539678","pageurl":"ewartwoods.fr\/de\/collections\/schwebende-kollektion?page=1","u":"a2b0ea406bb2","p":"collection","rtyp":"collection","rid":684217991499};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//ewartwoods.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//ewartwoods.fr/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://ewartwoods.fr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

<link href="https://cdn.shopify.com/extensions/019e8b30-0915-70ab-8460-8e07702d9f67/region-restrictions-338/assets/ip-blocker-embed.min.js" as="script" type="text/javascript" rel="preload">

</style>

<script>
  (function() {
    var jdgmThemeFixes = {"190882971979":{"html":"","css":"#judgeme_product_reviews{\n    width: 95% !important;\n    margin: 0 auto !important;\n}\n\n@media screen and (max-width: 760px) {\n  #judgeme_product_reviews{\n    width: 80% !important;\n    margin: 0 auto !important;\n}\n}","js":""}};
    if (!jdgmThemeFixes) return;
    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
    if (!thisThemeFix) return;

if (thisThemeFix.html) {
      document.addEventListener("DOMContentLoaded", function() {
        var htmlDiv = document.createElement('div');
        htmlDiv.classList.add('jdgm-theme-fix-html');
        htmlDiv.innerHTML = thisThemeFix.html;
        document.body.append(htmlDiv);
      });
    };

if (thisThemeFix.css) {
      var styleTag = document.createElement('style');
      styleTag.classList.add('jdgm-theme-fix-style');
      styleTag.innerHTML = thisThemeFix.css;
      document.head.append(styleTag);
    };

if (thisThemeFix.js) {
      var scriptTag = document.createElement('script');
      scriptTag.classList.add('jdgm-theme-fix-script');
      scriptTag.innerHTML = thisThemeFix.js;
      document.head.append(scriptTag);
    };
  })();
</script>

<script type="text/javascript">"use strict";(()=>{function mergeDeepMutate(target,...sources){if(!target)return target;if(sources.length===0)return target;const isObject=obj=>!!obj&&typeof obj==="object";const isPlainObject=obj=>{if(!isObject(obj))return false;const proto=Object.getPrototypeOf(obj);return proto===Object.prototype||proto===null};for(const source of sources){if(!source)continue;for(const key in source){const sourceValue=source[key];if(!(key in target)){target[key]=sourceValue;continue}const targetValue=target[key];if(Array.isArray(targetValue)&&Array.isArray(sourceValue)){target[key]=targetValue.concat(...sourceValue)}else if(isPlainObject(targetValue)&&isPlainObject(sourceValue)){target[key]=mergeDeepMutate(targetValue,sourceValue)}else{target[key]=sourceValue}}}return target}var Application=class{constructor(config,dataObjects){this.modules=[];this.cachedModulesByConstructor=new Map;this.status="created";this.cachedEventListeners={};this.registryBlockListeners=[];this.readyListeners=[];this.mode="production";this.logLevel=1;this.blocks={};const boostWidgetIntegration=window.boostWidgetIntegration;this.config=config||{logLevel:boostWidgetIntegration?.config?.logLevel,env:"production"};this.logLevel=this.config.logLevel??(this.mode==="production"?2:this.logLevel);if(this.config.logLevel==null){this.config.logLevel=this.logLevel}this.dataObjects=dataObjects||{};this.logger={debug:(...args)=>{if(this.logLevel<=0){console.debug("Boost > [DEBUG] ",...args)}},info:(...args)=>{if(this.logLevel<=1){console.info("Boost > [INFO] ",...args)}},warn:(...args)=>{if(this.logLevel<=2){console.warn("Boost > [WARN] ",...args)}},error:(...args)=>{if(this.logLevel<=3){console.error("Boost > [ERROR] ",...args)}}}}bootstrap(){if(this.status==="bootstrapped"){this.logger.warn("Application already bootstrapped");return}if(this.status==="started"){this.logger.warn("Application already started");return}this.loadModuleEventListeners();this.dispatchLifecycleEvent({name:"onBeforeAppBootstrap",payload:null});if(this.config?.customization?.app?.onBootstrap){this.config.customization.app.onBootstrap(this)}this.extendAppConfigFromModules();this.extendAppConfigFromGlobalVariables();this.initializeDataObjects();this.assignGlobalVariables();this.status="bootstrapped";this.dispatchLifecycleEvent({name:"onAppBootstrap",payload:null})}async initModules(){await Promise.all(this.modules.map(async module=>{if(!module.shouldInit()){this.logger.info("Module not initialized",module.constructor.name,"shouldInit returned false");return}module.onBeforeModuleInit?.();this.dispatchLifecycleEvent({name:"onBeforeModuleInit",payload:{module}});this.logger.info(`Initializing ${module.constructor.name} module`);try{await module.init();this.dispatchLifecycleEvent({name:"onModuleInit",payload:{module}})}catch(error){this.logger.error(`Error initializing module ${module.constructor.name}:`,error);this.dispatchLifecycleEvent({name:"onModuleError",payload:{module,error:error instanceof Error?error:new Error(String(error))}})}}))}getModule(constructor){const module=this.cachedModulesByConstructor.get(constructor);if(module&&!module.shouldInit()){return void 0}return module}getModuleByName(name){const module=this.modules.find(mod=>{const ModuleClass=mod.constructor;return ModuleClass.moduleName===name});if(module&&!module.shouldInit()){return void 0}return module}registerBlock(block){if(!block.id){this.logger.error("Block id is required");return}const blockId=block.id;if(this.blocks[blockId]){this.logger.error(`Block with id ${blockId} already exists`);return}this.blocks[blockId]=block;if(window.boostWidgetIntegration.blocks){window.boostWidgetIntegration.blocks[blockId]=block}this.dispatchLifecycleEvent({name:"onRegisterBlock",payload:{block}});this.registryBlockListeners.forEach(listener=>{try{listener(block)}catch(error){this.logger.error("Error in registry block listener:",error)}})}addRegistryBlockListener(listener){this.registryBlockListeners.push(listener);Object.values(this.blocks).forEach(block=>{try{listener(block)}catch(error){this.logger.error("Error in registry block listener for existing block:",error)}})}removeRegistryBlockListener(listener){const index=this.registryBlockListeners.indexOf(listener);if(index>-1){this.registryBlockListeners.splice(index,1)}}onReady(handler){if(this.status==="started"){try{handler()}catch(error){this.logger.error("Error in ready handler:",error)}}else{this.readyListeners.push(handler)}}assignGlobalVariables(){if(!window.boostWidgetIntegration){window.boostWidgetIntegration={}}Object.assign(window.boostWidgetIntegration,{TAEApp:this,config:this.config,dataObjects:this.dataObjects,blocks:this.blocks})}async start(){this.logger.info("Application starting");this.bootstrap();this.dispatchLifecycleEvent({name:"onBeforeAppStart",payload:null});await this.initModules();this.status="started";this.dispatchLifecycleEvent({name:"onAppStart",payload:null});this.readyListeners.forEach(listener=>{try{listener()}catch(error){this.logger.error("Error in ready listener:",error)}});if(this.config?.customization?.app?.onStart){this.config.customization.app.onStart(this)}}destroy(){if(this.status!=="started"){this.logger.warn("Application not started yet");return}this.modules.forEach(module=>{this.dispatchLifecycleEvent({name:"onModuleDestroy",payload:{module}});module.destroy()});this.modules=[];this.resetBlocks();this.status="destroyed";this.dispatchLifecycleEvent({name:"onAppDestroy",payload:null})}setLogLevel(level){this.logLevel=level;this.updateConfig({logLevel:level})}loadModule(ModuleConstructor){if(!ModuleConstructor){return this}const app=this;const moduleInstance=new ModuleConstructor(app);if(app.cachedModulesByConstructor.has(ModuleConstructor)){this.logger.warn(`Module ${ModuleConstructor.name} already loaded`);return app}this.modules.push(moduleInstance);this.cachedModulesByConstructor.set(ModuleConstructor,moduleInstance);this.logger.info(`Module ${ModuleConstructor.name} already loaded`);return app}updateConfig(newConfig){if(typeof newConfig==="function"){this.config=newConfig(this.config)}else{mergeDeepMutate(this.config,newConfig)}return this.config}dispatchLifecycleEvent(event){switch(event.name){case"onBeforeAppBootstrap":this.triggerEvent("onBeforeAppBootstrap",event);break;case"onAppBootstrap":this.logger.info("Application bootstrapped");this.triggerEvent("onAppBootstrap",event);break;case"onBeforeModuleInit":this.triggerEvent("onBeforeModuleInit",event);break;case"onModuleInit":this.logger.info(`Module ${event.payload.module.constructor.name} initialized`);this.triggerEvent("onModuleInit",event);break;case"onModuleDestroy":this.logger.info(`Module ${event.payload.module.constructor.name} destroyed`);this.triggerEvent("onModuleDestroy",event);break;case"onBeforeAppStart":this.triggerEvent("onBeforeAppStart",event);break;case"onAppStart":this.logger.info("Application started");this.triggerEvent("onAppStart",event);break;case"onAppDestroy":this.logger.info("Application destroyed");this.triggerEvent("onAppDestroy",event);break;case"onAppError":this.logger.error("Application error",event.payload.error);this.triggerEvent("onAppError",event);break;case"onModuleError":this.logger.error("Module error",event.payload.module.constructor.name,event.payload.error);this.triggerEvent("onModuleError",event);break;case"onRegisterBlock":this.logger.info(`Block registered with id: ${event.payload.block.id}`);this.triggerEvent("onRegisterBlock",event);break;default:this.logger.warn("Unknown lifecycle event",event);break}}triggerEvent(eventName,event){const eventListeners=this.cachedEventListeners[eventName];if(eventListeners){eventListeners.forEach(listener=>{try{if(eventName==="onRegisterBlock"&&event.payload&&"block"in event.payload){listener(event.payload.block)}else{listener(event)}}catch(error){this.logger.error(`Error in event listener for ${eventName}:`,error,"Event data:",event)}})}}extendAppConfigFromModules(){this.modules.forEach(module=>{const extendAppConfig=module.extendAppConfig;if(extendAppConfig){mergeDeepMutate(this.config,extendAppConfig)}})}extendAppConfigFromGlobalVariables(){const initializedGlobalConfig=window.boostWidgetIntegration?.config;if(initializedGlobalConfig){mergeDeepMutate(this.config,initializedGlobalConfig)}}initializeDataObjects(){this.modules.forEach(module=>{const dataObject=module.dataObject;if(dataObject){mergeDeepMutate(this.dataObjects,dataObject)}})}resetBlocks(){this.logger.info("Resetting all blocks");this.blocks={}}loadModuleEventListeners(){this.cachedEventListeners={};const eventNames=["onBeforeAppBootstrap","onAppBootstrap","onModuleInit","onModuleDestroy","onBeforeAppStart","onAppStart","onAppDestroy","onAppError","onModuleError","onRegisterBlock"];this.modules.forEach(module=>{eventNames.forEach(eventName=>{const eventListener=(...args)=>{if(this.status==="bootstrapped"||this.status==="started"){if(!module.shouldInit())return}return module[eventName]?.(...args)};if(typeof eventListener==="function"){if(!this.cachedEventListeners[eventName]){this.cachedEventListeners[eventName]=[]}if(eventName==="onRegisterBlock"){this.cachedEventListeners[eventName]?.push((block=>{eventListener.call(module,block)}))}else{this.cachedEventListeners[eventName]?.push(eventListener.bind(module))}}})})}};var Module=class{constructor(app){this.app=app}shouldInit(){return true}destroy(){}init(){}get extendAppConfig(){return{}}get dataObject(){return{}}};var BoostTAEAppModule=class extends Module{constructor(){super(...arguments);this.boostTAEApp=null}get TAEApp(){const boostTAE=getBoostTAE();if(!boostTAE){throw new Error("Boost TAE is not initialized")}this.boostTAEApp=boostTAE;return this.boostTAEApp}get TAEAppConfig(){return this.TAEApp.config}get TAEAppDataObjects(){return this.TAEApp.dataObjects}};var AdditionalElement=class extends BoostTAEAppModule{get extendAppConfig(){return {additionalElementSettings:Object.assign(
        {
          
        }, {"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false})};}};AdditionalElement.moduleName="AdditionalElement";function getShortenToFullParamMap(){const shortenUrlParamList=getBoostTAE().config?.filterSettings?.shortenUrlParamList;const map={};if(!Array.isArray(shortenUrlParamList)){return map}shortenUrlParamList.forEach(item=>{if(typeof item!=="string")return;const idx=item.lastIndexOf(":");if(idx===-1)return;const full=item.slice(0,idx).trim();const short=item.slice(idx+1).trim();if(full.length>0&&short.length>0){map[short]=full}});return map}function generateUUID(){return "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,function(){const r=Math.random()*16|0;return r.toString(16)});}function getQueryParamByKey(key){const urlParams=new URLSearchParams(window.location.search);return urlParams.get(key)}function convertValueRequestStockStatus(v){if(typeof v==="string"){if(v==="out-of-stock")return false;return true}if(Array.isArray(v)){return v.map(_v=>{if(_v==="out-of-stock"){return false}return true})}return false}function isMobileWidth(){return window.innerWidth<576}function isTabletPortraitMaxWidth(){return window.innerWidth<=991}function detectDeviceByWidth(){let result="";if(isMobileWidth()){result+="mobile|"}else{result=result.replace("mobile|","")}if(isTabletPortraitMaxWidth()){result+="tablet_portrait_max"}else{result=result.replace("tablet_portrait_max","")}return result}function getSortBy(){const{generalSettings:{collection_id=0,page="collection",default_sort_by:defaultSortBy}={},additionalElementSettings:{default_sort_order:defaultSortOrder={},customSortingList}={}}=getBoostTAE().config;const defaultSortingList=["relevance","best-selling","manual","title-ascending","title-descending","price-ascending","price-descending","created-ascending","created-descending"];const sortQueryKey=getQueryParamByKey("sort");const sortingList=customSortingList?customSortingList.split("|"):defaultSortingList;if(sortQueryKey&&sortingList.includes(sortQueryKey))return sortQueryKey;const searchPage=page==="search";const collectionPage=page==="collection";if(searchPage)sortingList.splice(sortingList.indexOf("manual"),1);const{all,search}=defaultSortOrder;if(collectionPage){if(collection_id in defaultSortOrder){return defaultSortOrder[collection_id]}else if(all){return all}else if(defaultSortBy){return defaultSortBy}}else if(searchPage){return search||"relevance"}return""}var addParamsLocale=(params={})=>{params.return_all_currency_fields=false;return{...params,currency_rate:window.Shopify?.currency?.rate,currency:window.Shopify?.currency?.active,country:window.Shopify?.country}};var getLocalStorage=key=>{try{const value=localStorage.getItem(key);if(value)return JSON.parse(value);return null}catch{return null}};var setLocalStorage=(key,value)=>{try{localStorage.setItem(key,JSON.stringify(value))}catch(error){getBoostTAE().logger.error("Error setLocalStorage",error)}};var removeLocalStorage=key=>{try{localStorage.removeItem(key)}catch(error){getBoostTAE().logger.error("Error removeLocalStorage",error)}};function roundToNearest50(num){const remainder=num%50;if(remainder>25){return num+(50-remainder)}else{return num-remainder}}function lazyLoadImages(dom){if(!dom)return;const lazyImages=dom.querySelectorAll(".boost-sd__product-image-img[loading='lazy']");lazyImages.forEach(function(img){inViewPortHandler(img.parentElement,element=>{const imgElement=element.querySelector(".boost-sd__product-image-img[loading='lazy']");if(imgElement){imgElement.removeAttribute("loading")}})})}function inViewPortHandler(elements,callback){const observer=new IntersectionObserver(function intersectionObserverCallback(entries,observer2){entries.forEach(function(entry){if(entry.isIntersecting){callback(entry.target);observer2.unobserve(entry.target)}})});if(Array.isArray(elements)){elements.forEach(element=>observer.observe(element))}else{observer.observe(elements)}}var isBadUrl=url=>{try{if(!url){const searchString2=getWindowLocation().search;if(!searchString2||searchString2.length<=1){return false}return checkSearchStringForXSS(searchString2)}if(typeof url==="string"){const questionMarkIndex=url.indexOf("?");const searchString2=questionMarkIndex>=0?url.substring(questionMarkIndex):"";if(!searchString2||searchString2.length<=1){return false}return checkSearchStringForXSS(searchString2)}const searchString=url.search;if(!searchString||searchString.length<=1){return false}return checkSearchStringForXSS(searchString)}catch{return true}};var checkSearchStringForXSS=searchString=>{const urlParams=decodeURIComponent(searchString).split("&");for(let i=0;i<urlParams.length;i++){if(isBadSearchTerm(urlParams[i])){return true}}return false};var getWindowLocation=()=>{const href=window.location.href;const escapedHref=href.replace(/%3C/g,"<").replace(/%3E/g,">");const rebuildHrefArr=[];for(let i=0;i<escapedHref.length;i++){rebuildHrefArr.push(escapedHref.charAt(i))}const rebuildHref=rebuildHrefArr.join("").split("<").join("%3C").split(">").join("%3E");let rebuildSearch="";const hrefWithoutHash=rebuildHref.replace(/#.*$/,"");if(hrefWithoutHash.split("?").length>1){rebuildSearch=hrefWithoutHash.split("?")[1];if(rebuildSearch.length>0){rebuildSearch="?"+rebuildSearch}}return{pathname:window.location.pathname,href:rebuildHref,search:rebuildSearch}};var isBadSearchTerm=term=>{if(typeof term=="string"){term=term.toLowerCase();const domEvents=["img src","script","alert","onabort","popstate","afterprint","beforeprint","beforeunload","blur","canplay","canplaythrough","change","click","contextmenu","copy","cut","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","ended","error","focus","focusin","focusout","fullscreenchange","fullscreenerror","hashchange","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseout","mouseout","mouseup","offline","online","pagehide","pageshow","paste","pause","play","playing","progress","ratechange","resize","reset","scroll","search","seeked","seeking","select","show","stalled","submit","suspend","timeupdate","toggle","touchcancel","touchend","touchmove","touchstart","unload","volumechange","waiting","wheel"];const potentialEventRegex=new RegExp(domEvents.join("=|on"));const countOpenTag=(term.match(/</g)||[]).length;const countCloseTag=(term.match(/>/g)||[]).length;const isAlert=(term.match(/alert\(/g)||[]).length;const isConsoleLog=(term.match(/console\.log\(/g)||[]).length;const isExecCommand=(term.match(/execCommand/g)||[]).length;const isCookie=(term.match(/document\.cookie/g)||[]).length;const isJavascript=(term.match(/j.*a.*v.*a.*s.*c.*r.*i.*p.*t/g)||[]).length;const isPotentialEvent=potentialEventRegex.test(term);if(countOpenTag>0&&countCloseTag>0||countOpenTag>1||countCloseTag>1||isAlert||isConsoleLog||isExecCommand||isCookie||isJavascript||isPotentialEvent){return true}}return false};var isCollectionPage=()=>{return getBoostTAE().config.generalSettings?.page==="collection"};var isSearchPage=()=>{return getBoostTAE().config.generalSettings?.page==="search"};var isCartPage=()=>{return getBoostTAE().config.generalSettings?.page==="cart"};var isProductPage=()=>{return getBoostTAE().config.generalSettings?.page==="product"};var isHomePage=()=>{return getBoostTAE().config.generalSettings?.page==="index"};var isVendorPage=()=>{return window.location.pathname.indexOf("/collections/vendors")>-1};var getCurrentPage=()=>{let currentPage="";switch(true){case isCollectionPage():currentPage="collection_page";break;case isSearchPage():currentPage="search_page";break;case isProductPage():currentPage="product_page";break;case isCartPage():currentPage="cart_page";break;case isHomePage():currentPage="home_page";break;default:break}return currentPage};var checkExistFilterOptionParam=()=>{const queryParams=new URLSearchParams(window.location.search);const shortenToFullMap=getShortenToFullParamMap();const hasShortenMap=Object.keys(shortenToFullMap).length>0;for(const[key]of queryParams.entries()){if(key.indexOf("pf_")>-1){return true}if(hasShortenMap&&shortenToFullMap[key]){return true}}return false};function getCustomerId(){return window?.__st?.cid||window?.meta?.page?.customerId||window?.ShopifyAnalytics?.meta?.page?.customerId||window?.ShopifyAnalytics?.lib?.user?.()?.traits()?.uniqToken}function isShopifyTypePage(){return window.location.pathname.indexOf("/collections/types")>-1}var Analytics=class _Analytics extends BoostTAEAppModule{saveRequestId(type,request_id,bundles=[]){const requestIds=getLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS)||{};requestIds[type]=request_id;if(Array.isArray(bundles)){bundles?.forEach(bundle=>{let placement="";switch(type){case"search":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.search_page;break;case"suggest":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.instant_search;break;case"product_page_bundle":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.product_page;break;default:break}requestIds[`${bundle.widgetId||""}_${placement}`]=request_id})}setLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS,requestIds)}savePreAction(type){setLocalStorage(_Analytics.STORAGE_KEY_PRE_ACTION,type)}};Analytics.moduleName="Analytics";Analytics.STORAGE_KEY_PRE_REQUEST_IDS="boostSdPreRequestIds";Analytics.STORAGE_KEY_PRE_ACTION="boostSdPreAction";Analytics.KEY_PLACEMENT_BY_TYPE={product_page:"product_page",search_page:"search_page",instant_search:"instant_search"};var AppSettings=class extends BoostTAEAppModule{get extendAppConfig(){return {cdn:"https://cdn.boostcommerce.io",bundleUrl:"https://services.mybcapps.com/bc-sf-filter/bundles",productUrl:"https://services.mybcapps.com/bc-sf-filter/products",subscriptionUrl:"https://services.mybcapps.com/bc-sf-filter/subscribe-b2s",taeSettings:window.boostWidgetIntegration?.taeSettings||{instantSearch:{enabled:false}},generalSettings:Object.assign(
  {preview_mode:false,preview_path:"",page:"collection",custom_js_asset_url:"",custom_css_asset_url:"",collection_id: 684217991499,collection_handle:"schwebende-kollektion",collection_product_count: 72,...
            {
              
                collection_count: 72,
              
              
            },collection_tags: null,current_tags: null,default_sort_by:"manual",swatch_extension:"png",no_image_url:"https://cdn.shopify.com/extensions/019e8231-3011-7933-89cb-f03f482f3ed3/product-filter-search-213/assets/boost-pfs-no-image.jpg",search_term:"",template:"collection",currencies:["AUD","CAD","CHF","EUR","GBP","NOK","USD"],current_currency:"EUR",published_locales:{...
                {"fr":false,"no":false,"es":false,"lv":false,"en":true,"de":false}
              },current_locale:"de"},
  {"addCollectionToProductUrl":false}
),translation:{},...
        {
          
          
          
            translation: {"refineDesktop":"Filter","refine":"Verfeinern mit","refineMobile":"Verfeinern mit","refineMobileCollapse":"Filter ausblenden","clear":"Entfernen","clearAll":"Alle entfernen","viewMore":"Mehr anzeigen","viewLess":"Weniger anzeigen","apply":"Übernehmen","applyAll":"Alle anwenden","close":"Schließen","back":"Zurück","showLimit":"Anzeigen","collectionAll":"Alle","under":"Unter","above":"Über","ratingStar":"Stern","ratingStars":"Sterne","ratingUp":"& höher","showResult":"Ergebnisse anzeigen","searchOptions":"Suchoptionen","inCollectionSearch":"Suche nach Produkten in dieser Kategorie","loadPreviousPage":"Vorherige Seite laden","loadMore":"Weitere Produkte {{ amountProduct }} laden","loadMoreTotal":"{{ from }} - {{ to }} von {{ total }} Produkten","viewAs":"Anzeigen als","listView":"Listenansicht","gridView":"Raster-Ansicht","gridViewColumns":"Raster-Ansicht {{ count }} Spalten","search":{"generalTitle":"Allgemeiner Titel (wenn ohne Suchbegriff)","resultHeader":"Suchergebnisse für \"{{ terms }}\"","resultNumber":"Es werden {{ count }}  Ergebnisse für  \"{{ terms }}\" angezeigt","seeAllProducts":"Alle Produkte anzeigen","resultEmpty":"Entschuldigung! Wir konnten für \"{{ terms }}\" keine Ergebnisse finden.\nAber geben Sie nicht auf - prüfen Sie bitte die Schreibweise oder versuchen Sie es mit weniger spezifischen Suchbegriffen.”","resultEmptyWithSuggestion":"Leider wurde für \"{{ terms }}\" nichts gefunden. Möchten Sie sich stattdessen diese Artikel ansehen?","searchTotalResult":"Zeigen {{ count }} Ergebnis","searchTotalResults":"{{ count }} Ergebnisse werden angezeigt","searchPanelProduct":"Produkte","searchPanelCollection":"Kategorien","searchPanelPage":"Blogs & Seiten","searchTipsTitle":"Tipps zur Suche","searchTipsContent":"Bitte überprüfen Sie Ihre Schreibweise.\nVerwenden Sie allgemeinere Suchbegriffe.\nGeben Sie weniger Schlüsselwörter ein.\nVersuchen Sie, nach Produkttyp, Marke, Modellnummer oder Produktmerkmalen zu suchen.","noSearchResultSearchTermLabel":"Sehen Sie sich einige dieser beliebten Suchen an","noSearchResultProductsLabel":"Produkte im Trend","searchBoxOnclickRecentSearchLabel":"Letzte Suchanfragen","searchBoxOnclickSearchTermLabel":"Beliebte Suchen","searchBoxOnclickProductsLabel":"Produkte im Trend"},"suggestion":{"viewAll":"Alle {{ count }} Produkte anzeigen","didYouMean":"Meinten Sie: {{ terms }}","searchBoxPlaceholder":"Suche","suggestQuery":"Zeige {{ count }} Ergebnisse für {{ terms }}","instantSearchSuggestionsLabel":"Beliebte Vorschläge","instantSearchCollectionsLabel":"Kategorien","instantSearchProductsLabel":"Produkte","instantSearchPagesLabel":"Seiten","searchBoxOnclickRecentSearchLabel":"Letzte Suchanfragen","searchBoxOnclickSearchTermLabel":"Beliebte Suchen","searchBoxOnclickProductsLabel":"Produkte im Trend","noSearchResultSearchTermLabel":"Sehen Sie sich einige dieser beliebten Suchen an","noSearchResultProductsLabel":"Produkte im Trend"},"error":{"noFilterResult":"Es wurden leider keine passenden Produkte für Ihre Auswahl gefunden","noSearchResult":"Leider wurden keine Produkte zum Suchbegriff gefunden","noProducts":"Es wurden keine Produkte in dieser Kategorie gefunden","noSuggestionResult":"Leider wurde für \"{{ terms }}\" nichts gefunden.","noSuggestionProducts":"Leider wurde für \"{{ terms }}\" nichts gefunden."},"recommendation":{},"productItem":{"qvBtnLabel":"Schnellansicht","atcAvailableLabel":"Dem Warenkorb hinzufügen","soldoutLabel":"Ausverkauft","productItemSale":"Sale","productItemSoldOut":"Ausverkauft","viewProductBtnLabel":"Produkt anzeigen","atcSelectOptionsLabel":"Optionen auswählen","amount":"Keine","savingAmount":"{{saleAmount}} sparen","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"Auf Lager","inventoryLowStock":"Nur noch {{count}} vorhanden!","inventorySoldOut":"Ausverkauft","atcAddingToCartBtnLabel":"Wird hinzugefügt","atcAddedToCartBtnLabel":"Wurde hinzugefügt!","atcFailedToCartBtnLabel":"Fehlgeschlagen!"},"quickView":{"qvQuantity":"Menge","qvViewFullDetails":"Alle Einzelheiten anzeigen","buyItNowBtnLabel":"Jetzt kaufen","qvQuantityError":"Bitte Menge eingeben"},"cart":{"atcMiniCartSubtotalLabel":"Zwischensumme","atcMiniCartEmptyCartLabel":"Ihr Warenkorb ist derzeit leer","atcMiniCartCountItemLabel":"artikel","atcMiniCartCountItemLabelPlural":"artikel","atcMiniCartShopingCartLabel":"Ihr Warenkorb","atcMiniCartViewCartLabel":"Warenkorb anzeigen","atcMiniCartCheckoutLabel":"Kasse"},"recentlyViewed":{"recentProductHeading":"Zuletzt angesehene Produkte"},"mostPopular":{"popularProductsHeading":"Beliebte Produkte"},"perpage":{"productCountPerPage":"Anzeige: {{count}} pro Seite"},"productCount":{"textDescriptionCollectionHeader":"{{count}} Produkte","textDescriptionCollectionHeaderPlural":"{{count}} Produkte","textDescriptionToolbar":"{{count}} Produkte","textDescriptionToolbarPlural":"{{count}} Produkte","textDescriptionPagination":"Es werden {{from}} - {{to}} von {{total}} Produkten angezeigt","textDescriptionPaginationPlural":"Es werden {{from}} - {{to}} von {{total}} Produkten angezeigt"},"pagination":{"loadPreviousText":"Vorherige Seite laden","loadPreviousInfiniteText":"Vorherige Seite laden","loadMoreText":"Mehr laden","prevText":"Zurück","nextText":"Weiter"},"sortingList":{"sorting":"Sortieren nach","relevance":"Relevanz","best-selling":"Meistverkauft","manual":"Manuell","title-ascending":"Bezeichnung aufsteigend","title-descending":"Bezeichnung absteigend","price-ascending":"Preis aufsteigend","price-descending":"Preis absteigend","created-ascending":"Aufsteigend erstellt","created-descending":"Absteigend erstellt"},"collectionHeader":{"collectionAllProduct":"Produkte"},"breadcrumb":{"home":"Startseite","collections":"Kategorien","pagination":"Seite {{ page }} von {{totalPages}}","toFrontPage":"Zurück zur ersten Seite"},"sliderProduct":{"prevButton":"Zurück","nextButton":"Weiter"},"filterOptions":{},"predictiveBundle":{}},
          
        }
      };}};AppSettings.moduleName="AppSettings";var AssetFilesLoader=class extends BoostTAEAppModule{constructor(){super(...arguments);this.cacheVersionString=Date.now().toString()}onAppStart(){this.loadAssetFiles();this.assetLoadingPromise("themeCSS").then(()=>{this.TAEApp.updateConfig({themeCssLoaded:true})});this.assetLoadingPromise("settingsCSS").then(()=>{this.TAEApp.updateConfig({settingsCSSLoaded:true})})}loadAssetFiles(){this.loadThemeCSS();this.loadSettingsCSS();this.loadMainScript();this.loadRTLCSS();this.loadCustomizedCSSAndScript()}loadCustomizedCSSAndScript(){const{assetFilesLoader,templateMetadata}=this.TAEAppConfig;const themeCSSLinkElement=assetFilesLoader.themeCSS.element;const settingCSSLinkElement=assetFilesLoader.settingsCSS.element;const loadResources=()=>{if(this.TAEAppConfig.assetFilesLoader.themeCSS.status!=="loaded"||this.TAEAppConfig.assetFilesLoader.settingsCSS.status!=="loaded")return;if(templateMetadata?.customizeCssUrl){this.loadCSSFile("customizedCSS")}if(templateMetadata?.customizeJsUrl){this.loadScript("customizedScript")}};themeCSSLinkElement?.addEventListener("load",loadResources);settingCSSLinkElement?.addEventListener("load",loadResources)}loadSettingsCSS(){const result=this.loadCSSFile("settingsCSS");return result}loadThemeCSS(){const result=this.loadCSSFile("themeCSS");return result}loadRTLCSS(){const rtlDetected=document.documentElement.getAttribute("dir")==="rtl";if(rtlDetected){const result=this.loadCSSFile("rtlCSS");return result}}loadMainScript(){const result=this.loadScript("mainScript");return result}preloadModuleScript(module){const TAEAppConfig=this.TAEAppConfig;const inStagingEnv=TAEAppConfig.env==="staging";const themeLibVersion=inStagingEnv?"staging":TAEAppConfig.templateMetadata?.themeLibVersion;if(!inStagingEnv)return;if(!["filter","recommendation","instant-search"].includes(module))return;const scriptUrl=`${TAEAppConfig.cdn}/${"widget-integration"}/${themeLibVersion}/${module}.module.js`;const link=document.createElement("link");link.rel="preload";link.as="script";link.href=scriptUrl;document.head?.appendChild(link)}loadResourceByName(name,options){if(this.TAEAppConfig.assetFilesLoader[name].element)return;const assetsState=this.TAEAppConfig.assetFilesLoader[name];const resourceType=options?.resourceType||assetsState.type;const inStagingEnv=this.TAEAppConfig.env==="staging";let url=options?.url||assetsState.url;if(!url){switch(name){case"themeCSS":url=this.TAEAppConfig.templateMetadata?.themeCssUrl||this.TAEAppConfig.fallback?.themeCssUrl;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}break;case"settingsCSS":url=this.TAEAppConfig.templateMetadata?.settingsCssUrl||this.TAEAppConfig.fallback?.settingsCssUrl;break;case"rtlCSS":{const{themeCSS}=this.TAEAppConfig.assetFilesLoader;if(themeCSS.url){const themeCssUrl=new URL(themeCSS.url);const themeCssPathWithoutFilename=themeCssUrl.pathname.split("/").slice(0,-1).join("/");const rtlCssPath=themeCssPathWithoutFilename+"/rtl.css";url=new URL(rtlCssPath,themeCssUrl.origin).href;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}}break}case"mainScript":url=`${this.TAEAppConfig.cdn}/${"widget-integration"}/${inStagingEnv?"staging":this.TAEAppConfig.templateMetadata?.themeLibVersion}/${"bc-widget-integration.js"}`;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}break;case"customizedCSS":url=this.TAEAppConfig.templateMetadata?.customizeCssUrl;break;case"customizedScript":url=this.TAEAppConfig.templateMetadata?.customizeJsUrl;break}}if(!url)return;if(resourceType==="stylesheet"){const link=document.createElement("link");link.rel="stylesheet";link.type="text/css";link.media="all";link.href=url;document.head.appendChild(link);this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"loading",url}}});link.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"loaded",url}}})};link.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"error",url}}})}}else if(resourceType==="script"){const script=document.createElement("script");script.src=url;const strategy=options?.strategy;if(strategy==="async"){script.async=true}else if(strategy==="defer"){script.defer=true}if(assetsState.module){script.type="module"}if(strategy==="async"||strategy==="defer"){const link=document.createElement("link");link.rel="preload";link.as="script";link.href=url;document.head?.appendChild(link)}document.head.appendChild(script);this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loading",url}}});script.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loaded",url}}})};script.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"error",url}}})};script.onprogress=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loading",url}}})}}}loadCSSFile(name,url){return this.loadResourceByName(name,{url,resourceType:"stylesheet"})}loadScript(name,url,strategy){return this.loadResourceByName(name,{strategy,url,resourceType:"script"})}assetLoadingPromise(name,timeout=5e3){return new Promise((resolve,reject)=>{let timeoutNumber=null;const{assetFilesLoader}=this.TAEAppConfig;const asset=assetFilesLoader[name];if(asset.status==="loaded"){return resolve(true)}if(!asset.element){this.loadResourceByName(name)}const assetElement=this.TAEAppConfig.assetFilesLoader[name]?.element;if(!assetElement){this.TAEApp.logger.warn(`Asset ${name} not foumd`);return resolve(false)}assetElement?.addEventListener("load",()=>{if(timeoutNumber)clearTimeout(timeoutNumber);resolve(true)});assetElement?.addEventListener("error",()=>{if(timeoutNumber)clearTimeout(timeoutNumber);reject(new Error(`Failed to load asset ${name}`))});timeoutNumber=setTimeout(()=>{reject(new Error(`Timeout loading asset ${name}`))},timeout)})}get extendAppConfig(){return{themeCssLoaded:false,settingsCSSLoaded:false,assetFilesLoader:{themeCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},settingsCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},rtlCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},customizedCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},mainScript:{type:"script",element:null,status:"not-initialized",url:null},customizedScript:{type:"script",element:null,status:"not-initialized",url:null}}}}};AssetFilesLoader.moduleName="AssetFilesLoader";var B2B=class extends BoostTAEAppModule{setQueryParams(urlParams){const{b2b}=this.TAEAppConfig;if(!b2b.enabled)return;urlParams.set("company_location_id",`${b2b.current_company_id}_${b2b.current_location_id}`);const shopifyCurrencySettings=window.Shopify?.currency;if(shopifyCurrencySettings){urlParams.set("currency",shopifyCurrencySettings.active);urlParams.set("currency_rate",shopifyCurrencySettings.rate.toString())}}get extendAppConfig(){return {b2b:Object.assign({enabled:false}, 
        {
          
        }
        )};}};B2B.moduleName="B2B";var Fallback=class _Fallback extends BoostTAEAppModule{get extendAppConfig(){return{fallback:{containerElement:".boost-sd__filter-product-list",themeCssUrl:"https://cdn.boostcommerce.io/widget-integration/theme/default/1.0.1/main.css",settingsCssUrl:"https://boost-cdn-staging.bc-solutions.net/widget-integration/theme/default/staging/default-settings.css"}}}dispatchEvent(){const enableEvent=new CustomEvent(_Fallback.EVENT_NAME);window.dispatchEvent(enableEvent)}async loadFallbackSectionFromShopify(payload){return fetch(payload.url||`${window.location.origin}/?section_id=${payload.sectionName}`).catch(error=>{this.TAEApp.logger.error("Error loading fallback section from Shopify:",error);throw error}).then(res=>res.text())}get containerElement(){const{containerElement}=this.TAEAppConfig.fallback;if(containerElement instanceof HTMLElement){return containerElement}return document.querySelector(containerElement)}async loadFilterProductFallback(){const{fallback,cdn="https://boost-cdn-prod.bc-solutions.net",templateMetadata}=this.TAEAppConfig;const customizedFallbackSettings=fallback?.customizedTemplate||templateMetadata.customizedFallback;if(customizedFallbackSettings){const{source,templateName,templateURL}=customizedFallbackSettings;switch(source){case"Shopify":{if(!templateName&&!templateURL){this.TAEApp.logger.warn("Both templateName and templateURL are undefined");return}const html=await this.loadFallbackSectionFromShopify({sectionName:templateName,url:templateURL});const container=this.containerElement;if(!container){this.TAEApp.logger.warn("Container element not found for fallback template");return}container.innerHTML=html;this.dispatchEvent();return}default:this.TAEApp.logger.warn(`Unsupported source for customized template: ${source}`);return}}const script=document.createElement("script");script.src=`${cdn}/fallback-theme/1.0.12/boost-sd-fallback-theme.js`;script.defer=true;script.onload=()=>{this.dispatchEvent()};document.body.appendChild(script)}};Fallback.moduleName="Fallback";Fallback.EVENT_NAME="boost-sd-enable-product-filter-fallback";var SimplifiedIntegration=class extends BoostTAEAppModule{constructor(){super(...arguments);this.ensurePlaceholder=()=>{const{simplifiedIntegration:{enabled,selectedSelector,placeholderAdded}}=this.TAEAppConfig;if(!enabled||!selectedSelector){if(!this.oldldSICollectionFilterContainerDetected()){this.backwardCompatibilityModule?.legacyUpdateAppStatus("ready")}return}if(placeholderAdded){return}const container=document.querySelector(selectedSelector);if(container&&container instanceof HTMLElement){this.renderPlaceholder(container);this.collectionFilterModule?.initBlock()}else{this.TAEApp.logger.error(`Placeholder container not found: ${selectedSelector}. Please update the selector in Boost's app embed`)}}}get collectionFilterModule(){return this.TAEApp.getModule(CollectionFilter)}get backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get extendAppConfig(){
      
      
     ;return {simplifiedIntegration:{enabled:false,collectionPage:false,instantSearch:false,productListSelector:{collectionPage:[],searchPage:[]},selectedSelector:"",selectorFromMetafield:"",selectorFromAppEmbed:
            
              ""
            
             || "",allSyncedCollections:
          
            ""
          
         || {syncedCollections:[]},placeholderAdded:false,placeholder:`<div class='boost-sd-container'><div class='boost-sd-layout boost-sd-layout--has-filter-vertical'>  <div class='boost-sd-left boost-filter-tree-column'>      <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">    <div class="boost-sd__filter-tree-vertical boost-sd__filter-tree-vertical--hidden">     <div class="boost-sd__filter-tree-vertical-placeholder">      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>     </div>    </div>   </div>  </div>  <div class='boost-sd-right boost-product-listing-column'>      <div class="boost-sd__toolbar-container">    <div class="boost-sd__toolbar-inner">     <div class="boost-sd__toolbar-content">      <div class="boost-sd__toolbar boost-sd__toolbar--3_1">       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>      </div>     </div>    </div>   </div>      <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--3-col">    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>   </div>   <div class="boost-sd__pagination boost-sd__pagination--center">    <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span>   </div>  </div></div></div><style> .boost-sd__collection-header {  width: 100%;  height: 130px;  display: block;  background: -webkit-gradient(linear,    left top,    right top,    color-stop(8%, #eee),    color-stop(18%, #e6e6e6),    color-stop(33%, #eee));  background-color: #eee;  animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty {  display: block; } .boost-sd__collection-header .boost-sd__placeholder-item {  height: 130px; } @media only screen and (min-width: 992px) {  .boost-sd__collection-header,  .boost-sd__collection-header .boost-sd__placeholder-item {   height: 150px;  } } @keyframes banner-place-holder-shimmer {  0% {   background-position: -1500px 0;  }  100% {   background-position: 1500px 0;  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__filter-tree-vertical {  margin-top: 0;  margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder {  background: transparent;  width: 100%;  max-width: 100%;  display: none; } .boost-sd__filter-tree-vertical-placeholder-list {  margin: 30px 10px 0;  padding: 0;  list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item {  max-width: 100%;  padding: 20px 0;  display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child {  padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) {  border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder {  display: none; } @media only screen and (min-width: 992px) {  .boost-sd__filter-tree-vertical {   width: 272px;  }  .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical {   margin-right: 16px;   margin-left: 0;  }  .boost-sd__filter-tree-vertical-placeholder,  .boost-sd__filter-tree-horizontal-placeholder {   display: inline-block;  }  .boost-sd-layout--has-filter-horizontal {   flex-wrap: wrap;   margin-top: 0;  }  .boost-sd-layout--has-filter-horizontal .boost-sd-left,  .boost-sd-layout--has-filter-horizontal .boost-sd-right {   flex: 0 0 100%;  }  .boost-sd__filter-tree-horizontal {   width: 100%;  }  .boost-sd__filter-tree-horizontal-placeholder {   padding: 16px 0;   border-top: 1px solid #ebebeb;   width: 100%;   max-width: 100%;   background: transparent;  }  .boost-sd__filter-tree-horizontal-placeholder-list {   margin: 0;   padding: 0;   list-style: none;   border-bottom: 1px solid #e8e9eb;  }  .boost-sd__filter-tree-horizontal-placeholder-item {   border: none;   display: inline-block;   margin-right: 35px;   position: relative;  }  .boost-sd__filter-tree-horizontal-placeholder-button {   width: auto;   height: auto;   display: inline-block;   position: relative;   padding: 5px 15px 5px 0;   margin: 0;   min-height: auto;   min-width: 0;   border-radius: 0;   box-shadow: none;   background: none;   border: none;   letter-spacing: normal;   text-align: left;   cursor: pointer;  }  .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item {   width: 80px;   height: 10px;   display: inline-block;   margin: 0 15px 0 0;  }  .boost-sd__filter-tree-horizontal-placeholder-icon {   transform: rotate(-90deg);  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__toolbar-container {  width: 100%;  margin-bottom: 16px; } .boost-sd__toolbar-inner {  max-width: 1216px;  margin: 0 auto; } .boost-sd__toolbar-content {  border-bottom: 1px solid #ebebeb;  border-top: 1px solid #ebebeb;  padding: 16px 0; } .boost-sd__toolbar {  align-items: center;  width: 100%;  display: flex;  flex-wrap: wrap;  column-gap: 16px;  justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item {  flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child {  flex-basis: 100%;  margin-bottom: 16px; } @media only screen and (min-width: 992px) {  .boost-sd__toolbar-content {   display: flex;   align-items: center;   border-bottom: none;   padding: 16px 0 16px;   border-top: 1px solid #ebebeb;   border-bottom: 0;  }  .boost-sd__toolbar {   flex-wrap: inherit;  }  .boost-sd__toolbar .boost-sd__placeholder-item {   flex-basis: auto;  }  .boost-sd__toolbar .boost-sd__placeholder-item:first-child {   flex-basis: auto;   margin-bottom: 0;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item {   flex: 1;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) {   justify-content: center;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) {   justify-content: end;  } } .boost-sd__product-list-placeholder {  gap: 16px;  margin-bottom: 32px;  flex-wrap: wrap;  width: 100%;  display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item {  width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {  width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {  height: 222px; } .boost-sd__placeholder-list-item {  background: rgba(0, 0, 0, 0.07);  min-width: 50px;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item {  flex-direction: row;  display: flex;  width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group {  width: 100%;  padding-left: 16px;  display: flex;  flex-direction: column;  align-items: baseline;  gap: 16px;  text-align: left;  justify-content: center; } .boost-sd__placeholder-list-view-layout-image {  flex: 160px;  width: auto;  max-width: 160px;  height: 160px; } .boost-sd__pagination {  padding-top: 10px;  padding-bottom: 10px;  justify-content: center;  align-items: center;  display: flex; } @media only screen and (min-width: 576px) {  .boost-sd__product-list-placeholder {   gap: 32px;   margin-bottom: 64px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  } } @media only screen and (min-width: 992px) {  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) {   margin-bottom: 8px;  }  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child {   margin-bottom: 16px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 382px;  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 275px;  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 215px;  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 175px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item {   width: calc(25% - (32px - 32px / 4));  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item {   width: calc(20% - (32px - 32px / 5));  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(16.6666667% - (32px - 32px / 6));  } } .boost-sd-container * {  box-sizing: border-box; } .boost-sd__placeholder-item {  background: rgba(0, 0, 0, 0.07);  border-radius: 50rem;  min-width: 50px;  max-width: 100%;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__placeholder-item:empty {  display: block; } .boost-sd__placeholder-item:not(:last-child) {  margin-bottom: 18px; } .boost-sd-layout {  margin: 20px auto 0; } .boost-sd-left {  position: relative; } .boost-sd-layout .boost-sd-right {  width: 100%;  margin-bottom: 20px; } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } } @media only screen and (min-width: 992px) {  .boost-sd-layout {   display: flex;   max-width: 1216px;  }  .boost-sd-layout .boost-sd-right {   flex: auto;   max-width: 100%;  } }</style>`,isOnboarding:JSON.parse(
            
              false
            
           || "false"),neededToHideElements:[]}};}init(){const app=this.TAEApp;const simplifiedIntegration=this.TAEAppConfig.simplifiedIntegration;const{templateMetadata:{integratedTheme={}}}=this.TAEAppConfig;const themeId=window.Shopify?.theme?.id;if(!themeId){app.logger.warn("Theme ID is missing");return}let themeIntegration=integratedTheme[themeId];if(!themeIntegration||Object.keys(themeIntegration).length===0){app.logger.warn("Theme is not integrated with SimplifiedIntegration flow");return}const{collectionPage=false,searchPage=false,instantSearch=false,productListSelector={}}=themeIntegration;const{page:currentPage,collection_id:collectionId=0}=this.TAEAppConfig.generalSettings;const isCollectionPage2=currentPage==="collection";const isSearchPage2=currentPage==="search";if(simplifiedIntegration.isOnboarding){const isCollectionSynced=this.checkSyncedCollection(collectionId);if(!isCollectionSynced){return}}if(isCollectionPage2&&collectionPage||isSearchPage2&&searchPage){const{collectionPage:collectionPageSelectors=[],searchPage:searchPageSelectors=[]}=productListSelector;const selectors=isCollectionPage2?collectionPageSelectors:searchPageSelectors;if(selectors.length===0){this.app.logger.warn("empty selectors");return}const customClassSelector=selectors[selectors.length-1];let attempts=0;const intervalId=setInterval(()=>{const hasCustomClass=!!document.querySelector(customClassSelector);const effectiveSelectors=hasCustomClass?selectors:selectors.slice(0,-1);const elements=effectiveSelectors.slice(0,-1);const mainElement=effectiveSelectors[effectiveSelectors.length-1];const selector=simplifiedIntegration.selectorFromAppEmbed||mainElement;const container=document.querySelector(selector);if(container){let insertionContainer;if(hasCustomClass){const allMatches=document.querySelectorAll(customClassSelector);insertionContainer=allMatches[allMatches.length-1]||container}else{insertionContainer=container}simplifiedIntegration.neededToHideElements=hasCustomClass?[customClassSelector]:elements;simplifiedIntegration.selectorFromMetafield=mainElement;simplifiedIntegration.selectedSelector=selector;this.renderPlaceholder(insertionContainer);this.collectionFilterModule?.initBlock();clearInterval(intervalId)}else if(++attempts>100){clearInterval(intervalId)}},50);this.TAEApp.updateConfig({simplifiedIntegration:{...simplifiedIntegration,...themeIntegration,enabled:true}})}if(instantSearch){this.setupISW()}}onAppStart(){document.addEventListener("DOMContentLoaded",()=>{this.ensurePlaceholder()})}oldldSICollectionFilterContainerDetected(){const productFilterBlock=document.querySelector(".boost-sd__filter-product-list");return!!productFilterBlock}checkSyncedCollection(collectionId){const{simplifiedIntegration}=this.TAEAppConfig;const{allSyncedCollections:{syncedCollections}}=simplifiedIntegration;const currentCollectionSynced=syncedCollections?.includes(collectionId);const collectionAllSynced=collectionId===0&&syncedCollections?.length>0;if(!currentCollectionSynced&&!collectionAllSynced){this.TAEApp.logger.warn("collection not synced -> fallback original theme");return false}return true}renderPlaceholder(originalContainer){const{simplifiedIntegration}=this.TAEAppConfig;const placeholder=simplifiedIntegration?.placeholder||"";const neededToHideElements=simplifiedIntegration?.neededToHideElements||[];const selectedSelector=simplifiedIntegration?.selectedSelector||"";originalContainer.style.display="none";this.hideNeededElements();const newProductFilterDiv=document.createElement("div");newProductFilterDiv.innerHTML=placeholder||"";newProductFilterDiv.className="boost-sd__filter-product-list boost-sd__placeholder-product-filter-tree";originalContainer.insertAdjacentElement("afterend",newProductFilterDiv);if(simplifiedIntegration){simplifiedIntegration.placeholderAdded=true;if(neededToHideElements&&selectedSelector){neededToHideElements.push(selectedSelector)}}}hideNeededElements(){const{simplifiedIntegration:{neededToHideElements}}=this.TAEAppConfig;if(neededToHideElements&&neededToHideElements.length>0){this.hideElements(neededToHideElements)}}removePlaceholder(){const{simplifiedIntegration:{placeholderAdded}}=this.TAEAppConfig;if(placeholderAdded){const placeholder=document.querySelector(".boost-sd__placeholder-product-filter-tree");if(placeholder instanceof HTMLElement){placeholder.remove()}}}hideElements(elements){if(!Array.isArray(elements))return;elements.forEach(selector=>{document.querySelectorAll(selector).forEach(el=>{if(el instanceof HTMLElement){el.style.display="none"}})})}setupISW(){this.TAEApp.updateConfig({taeSettings:{instantSearch:{enabled:true}}})}};SimplifiedIntegration.moduleName="SimplifiedIntegration";var CollectionFilter=class _CollectionFilter extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=async()=>{const filterDom=document.querySelector(".boost-sd__filter-product-list:not(.boost-sd__filter-product-list--ready)");if(!filterDom){this.app.logger.error("Filter DOM not found");this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready");return}this.assetFileLoaderModule?.preloadModuleScript("filter");const appConfig=this.TAEAppConfig;const{customization}=appConfig;if(typeof customization?.filter?.beforeRender==="function"){customization.filter.beforeRender()}const filterDomId=`${this.widgetId}-${generateUUID()}`;filterDom?.classList?.add("boost-sd__filter-product-list--ready");filterDom.id=filterDomId;const urlParams=this.prepareFilterAPIQueryParams();const response=await this.filterAPI(urlParams);const block={id:filterDomId,document:filterDom,widgetId:this.widgetId,defaultSort:urlParams.get("sort")||"",defaultParams:this.filterAPIDefaultParams,filterTree:{options:[]},dynamicBundles:[]};const backwardCompatibilityV1=this.backwardCompatibilityV1Module;backwardCompatibilityV1?.legacyAssignDefaultBlockAttributes(block,filterDom,"filter");const{html,bundles}=response;if(bundles){block.dynamicBundles=bundles}if(response.filter){response.filter.options=this.updateValuesOptions(response.filter.options);block.filterTree=response.filter}try{await Promise.all([this.assetFileLoaderModule?.assetLoadingPromise("themeCSS"),this.assetFileLoaderModule?.assetLoadingPromise("settingsCSS")])}catch{}if(html){filterDom.innerHTML=html}block.cache={[urlParams.toString()]:{...response,timestamp:new Date().getTime()}};this.TAEApp.registerBlock(block);this.saveFilterAPIResponseAnalyticData(response?.meta?.rid,response.bundles);this.syncAppConfigWithFilterAPIResponse(response);this.block=block;this.savePageLimitSettings();this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get b2bModule(){return this.TAEApp.getModule(B2B)}get fallbackModule(){return this.TAEApp.getModule(Fallback)}get simplifiedIntegrationModule(){return this.TAEApp.getModule(SimplifiedIntegration)}get analyticModule(){return this.TAEApp.getModule(Analytics)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}get extendAppConfig(){return {filterUrl:"https://services.mybcapps.com/bc-sf-filter/filter",filterSettings:Object.assign({swatch_extension:"png",...
        {
          
        }}, {"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":false,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterLayout":"vertical","filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-off-canvas","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false})};}get apiEndpoint(){const{filterUrl,searchUrl}=this.app.config;const urlParams=new URLSearchParams(window.location.search);const searchQuery=urlParams.get("q");return isSearchPage()||searchQuery?searchUrl:filterUrl}get widgetId(){const{templateMetadata,generalSettings}=this.TAEAppConfig;const currentPage=generalSettings?.page||"collection";const widgetName=currentPage==="collection"?"collectionFilters":"searchPage";const widgetId=templateMetadata[widgetName]||"default";return widgetId}get filterAPIDefaultParams(){const{shop,templateSettings,templateMetadata,generalSettings,templateId,simplifiedIntegration}=this.TAEAppConfig;const historyParams=this.getHistoryParams();const productPerPage=typeof templateSettings?.themeSettings?.productList?.productsPerPage==="number"?templateSettings.themeSettings.productList.productsPerPage:16;const savedLimit=getLocalStorage(_CollectionFilter.LIMIT);const savedLimitSetting=getLocalStorage(_CollectionFilter.LIMIT_SETTING);const adminSettingChanged=savedLimitSetting&&savedLimitSetting!==`${productPerPage}`;const limit=adminSettingChanged?productPerPage:savedLimit&&!isNaN(Number(savedLimit))?Number(savedLimit):productPerPage;const widgetId=this.widgetId;const isMobileViewport=isMobileWidth();const viewportWidth=window.innerWidth;const showFilterTreeByDefault=templateSettings?.filterSettings?.filterLayout==="vertical"&&templateSettings?.filterSettings?.filterTreeVerticalStyle==="style-default"?true:false;const productPerRow=isMobileViewport?templateSettings?.themeSettings?.productList?.productsPerRowOnMobile||2:templateSettings?.themeSettings?.productList?.productsPerRowOnDesktop||3;const productImageMaxWidth=isMobileViewport?viewportWidth/productPerRow:viewportWidth/(productPerRow+(showFilterTreeByDefault?1:0));const deviceTypeByViewportWidth=detectDeviceByWidth();const showListViewDefault=templateSettings?.themeSettings?.additionalElements?.toolbar?.elements?.viewAs?.showListViewDefault;const defaultViewAs=showListViewDefault===true?"list":`grid--${isMobileWidth()?templateSettings?.themeSettings?.productList?.productsPerRowOnMobile||2:templateSettings?.themeSettings?.productList?.productsPerRowOnDesktop||3}`;return {_:"pf",t:Date.now().toString(),sid:generateUUID(),shop:shop.domain,page:Number(historyParams?.page||1),limit,sort:historyParams?.sort||getSortBy(),locale:generalSettings.current_locale,event_type:"init",pg:getCurrentPage(),build_filter_tree:true,collection_scope:generalSettings.collection_id||"0",money_format:shop.money_format,money_format_with_currency:shop.money_format_with_currency,widgetId,viewAs:defaultViewAs,device:deviceTypeByViewportWidth,first_load:true,productImageWidth:roundToNearest50(productImageMaxWidth),productPerRow,widget_updated_at:templateMetadata?.updatedAt,templateId,current_locale:(window?.Shopify?.routes?.root||"/")?.replace(/\/$/,""),simplifiedIntegration:simplifiedIntegration.enabled||false,customer_id:getCustomerId(),insert_banners:templateMetadata?.featureOptions?.enableBannerInterleaving||false,...addParamsLocale()};}savePageLimitSettings(){const{templateSettings}=this.TAEAppConfig;const productPerPage=typeof templateSettings?.themeSettings?.productList?.productsPerPage==="number"?templateSettings.themeSettings.productList.productsPerPage:16;const savedLimit=getLocalStorage(_CollectionFilter.LIMIT);const savedLimitSetting=getLocalStorage(_CollectionFilter.LIMIT_SETTING);const adminSettingChanged=savedLimitSetting&&savedLimitSetting!==`${productPerPage}`;const currentLimit=adminSettingChanged?productPerPage:savedLimit&&!isNaN(Number(savedLimit))?Number(savedLimit):productPerPage;if(typeof window!=="undefined"&&window.localStorage){try{localStorage.setItem(_CollectionFilter.LIMIT_SETTING,`${productPerPage}`);localStorage.setItem(_CollectionFilter.LIMIT,`${currentLimit}`)}catch(e){this.app.logger.error("Failed to save limit settings to localStorage",e)}}}syncAppConfigWithFilterAPIResponse(res){const{shop}=this.TAEAppConfig;if(res.meta?.money_format){shop.money_format=res.meta.money_format}if(res.meta?.money_format_with_currency){shop.money_format_with_currency=res.meta.money_format_with_currency}if(res.meta?.currency){shop.currency=res.meta.currency}this.app.updateConfig({shop});this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}prepareFilterAPIQueryParams(){const{generalSettings,filterSettings,customization}=this.TAEAppConfig;const paramsHistory=this.getHistoryParams();const defaultParams=this.filterAPIDefaultParams;const urlParams=new URLSearchParams;Object.entries(defaultParams).forEach(([key,value])=>{urlParams.set(key,value!==void 0?value.toString():"")});urlParams.set("search_no_result",Object.keys(paramsHistory?.paramMap||{}).length===0?"true":"false");if(paramsHistory?.paramMap){Object.keys(paramsHistory.paramMap).forEach(key=>{paramsHistory.paramMap[key].forEach(v=>urlParams.append(`${key}[]`,key.startsWith(`${defaultParams._}_st_`)?convertValueRequestStockStatus(v).toString():v))})}const searchParams=new URLSearchParams(window.location.search);const searchQuery=searchParams.get("q");if(searchQuery){if(isVendorPage())urlParams.set("vendor",searchQuery);else if(isShopifyTypePage())urlParams.set("product_type",searchQuery);else urlParams.set("q",searchQuery);if(isCollectionPage()){urlParams.set("incollection_search","true");urlParams.set("event_type","incollection_search")}this.setSearchQueryParamsWithSuggetion(urlParams)}if(generalSettings.collection_tags?.length){generalSettings.collection_tags.forEach(tag=>{urlParams.append("tag[]",tag)})}if(filterSettings.sortingAvailableFirst){urlParams.set("sort_first","available")}const availableAfterFiltering=filterSettings?.availableAfterFiltering;const productAndVariantAvailable=filterSettings?.productAndVariantAvailable;const hasFilterParams=Array.from(urlParams.keys()).some(key=>key.startsWith("pf_"));const showAvailable=!availableAfterFiltering&&productAndVariantAvailable?"true":availableAfterFiltering?hasFilterParams?"true":"false":"false";urlParams.set("product_available",showAvailable);urlParams.set("variant_available",showAvailable);if(filterSettings.showOutOfStockOption){urlParams.set("zero_options","true")}this.b2bModule?.setQueryParams(urlParams);if(customization?.filter?.customizedAPIParams){const{customizedAPIParams}=customization.filter;Object.entries(customizedAPIParams).forEach(([key,value])=>{urlParams.set(key,value)})}return urlParams}setSearchQueryParamsWithSuggetion(params){const SUGGESTION_DATA="boostSDSuggestionData";const CLICK_SUGGESTION_TERM="boostSDClickSuggestionTerm";const term=getLocalStorage(CLICK_SUGGESTION_TERM);if(!term)return;const suggestionData=getLocalStorage(SUGGESTION_DATA);if(!suggestionData)return;params.set("query",suggestionData.query);params.set("parent_request_id",suggestionData.id);params.set("suggestion",term);params.set("item_rank",(suggestionData.suggestions.findIndex(item=>item===term)+1).toString());removeLocalStorage(CLICK_SUGGESTION_TERM);removeLocalStorage(SUGGESTION_DATA)}saveFilterAPIResponseAnalyticData(reqId,bundles){const type=isSearchPage()?"search":"filter";const analytic=this.analyticModule;if(reqId){analytic?.saveRequestId(type,reqId);if(bundles){analytic?.saveRequestId(type,reqId,bundles)}}analytic?.savePreAction(type)}formatPercentSaleLabel(to,from=0){let label="";if(!from){label=`under ${to}%`}else if(!to){label=`above ${from}%`}else{label=`${from}% - ${to}%`}return label}updateValuesOptions(options){if(!Array.isArray(options))return options;return options.map(option=>{if(option.filterType==="percent_sale"){option.values=option.values?.map(item=>{item.key=item.key.replace("*-",":").replace("-*",":").replace("-",":");item.label=this.formatPercentSaleLabel(item.to,item.from);return item})}return option})}async filterAPI(params){const appConfig=this.TAEAppConfig;const queryString=params.toString();const response=await fetch(`${this.apiEndpoint}?${queryString}`,{method:"GET"});const HTTP_STATUS_NEED_FALLBACK=[404,413,403,500];if(HTTP_STATUS_NEED_FALLBACK.includes(response.status)){if(appConfig.simplifiedIntegration?.enabled){const simplifiedIntegration=this.simplifiedIntegrationModule;simplifiedIntegration?.hideNeededElements();simplifiedIntegration?.removePlaceholder()}else{this.fallbackModule?.loadFilterProductFallback()}}return response.json()}getHistoryParams(){const url=new URL(window.location.href);const isXSS=isBadUrl(url);if(isXSS){this.app.logger.error("[Security] Potential XSS detected in URL parameters. Ignoring query params.",window.location.href);return}const rawSearch=url.search;const FILTER_HISTORY_PREFIX="pf_";const DEFAULT_SEPARATOR=",";const REGEX_ESCAPE_PATTERN=/[.*+?^${}()|[\]\\]/g;const{searchParams}=url;const sort=searchParams.get("sort");const page=searchParams.get("page");const paramMap={};const shortenToFullMap=getShortenToFullParamMap();const separator=this.TAEAppConfig.customization?.filter?.customizedAPIParams?.multipleValueSeparator||DEFAULT_SEPARATOR;const escapedSeparator=separator.replace(REGEX_ESCAPE_PATTERN,"\\$&");const encodedSeparator=encodeURIComponent(separator);const escapedEncodedSeparator=encodedSeparator.replace(REGEX_ESCAPE_PATTERN,"\\$&");const splitRegex=new RegExp(`${escapedSeparator}|${escapedEncodedSeparator}`);for(const key of searchParams.keys()){let actualKey=key;let values;if(shortenToFullMap[key]){actualKey=shortenToFullMap[key];const escapedKey=key.replace(REGEX_ESCAPE_PATTERN,"\\$&");const matchResult=rawSearch.match(new RegExp(`[?&]${escapedKey}=([^&]+)`));const rawVal=matchResult?matchResult[1]:"";const parts=rawVal.split(splitRegex);values=parts.map(p=>decodeURIComponent(p.replace(/\+/g," ")))}else{values=searchParams.getAll(key)}if(actualKey.startsWith(FILTER_HISTORY_PREFIX)&&!paramMap[actualKey]){if(actualKey==="pf_tag"){paramMap.tag=values}else{paramMap[actualKey]=values}}}return{paramMap,sort,page}}};CollectionFilter.moduleName="CollectionFilter";CollectionFilter.LIMIT="boostSDLimit";CollectionFilter.LIMIT_SETTING="boostSDLimitSetting";var BackwardCompatibilityV1=class extends BoostTAEAppModule{shouldInit(){const{templateMetadata:{themeLibVersion}={}}=this.TAEAppConfig;if(!themeLibVersion)return true;const feLibMajorVersion=themeLibVersion.split(".")[0];return Number(feLibMajorVersion)<=1}get collectionFilterModule(){return this.TAEApp.getModule(CollectionFilter)}init(){window.boostSDTaeUtils={lazyLoadImages,inViewPortHandler,initCollectionFilter:()=>{setTimeout(()=>{this.collectionFilterModule?.initBlock()})}}}onAppStart(){const app=this.TAEApp;const{env}=this.TAEAppConfig;const mergedCustomizedFilterParams={...(this.TAEAppConfig.customization?.filter?.customizedAPIParams || {}),...(window.boostSdCustomParams || {})};this.TAEApp.updateConfig(config=>{config.customization={...config.customization,filter:{...config.customization?.filter,customizedAPIParams:mergedCustomizedFilterParams}};return config});window.boostSdCustomParams=mergedCustomizedFilterParams;Object.assign(window.boostWidgetIntegration,{generalSettings:{...this.TAEAppConfig.generalSettings,templateId:this.TAEAppConfig.templateId},simplifiedIntegration:this.TAEAppConfig.simplifiedIntegration,taeSettings:this.TAEAppConfig.taeSettings,env,app:{[env]:{customization:{},...this.TAEAppConfig,...window.boostWidgetIntegration.app?.[env]}},customization:{...this.TAEAppConfig.customization,filter:{...this.TAEAppConfig.customization?.filter,customizedAPIParams:mergedCustomizedFilterParams}},regisCustomization:function(fc,scope){if(typeof fc==="function"&&fc.name&&!scope){const functionName=fc.name;window.boostWidgetIntegration.app[env].customization[functionName]=fc}else if(typeof fc==="function"&&fc.name&&scope){window.boostWidgetIntegration.app[env].customization[scope]=window.boostWidgetIntegration.app[env].customization[scope]||{};const functionName=fc.name;window.boostWidgetIntegration.app[env].customization[scope][functionName]=fc}else{app.logger.error("Invalid function or function does not have a name.")}}});Object.assign(window,{boostSDData:this.TAEAppDataObjects})}onBeforeAppStart(){Object.assign(window,{boostWidgetIntegration:{...window.boostWidgetIntegration,status:"initializing"}})}legacyUpdateAppStatus(status){Object.assign(window.boostWidgetIntegration,{status})}legacyIsUsingRecommendationAppV3(){return window.boostSDAppConfig?.themeInfo?.taeFeatures?.recommendation==="installed"}legacyInitRecommendationWidgets(widgets){window.boostWidgetIntegration.app[this.TAEAppConfig.env].recommendationWidgets=widgets}legacyAssignDefaultBlockAttributes(block,blockDOM,blockType){const{templateSettings}=this.app.config;Object.assign(block,{widgetInfo:templateSettings,templateSettings,app:window.boostWidgetIntegration.app?.[this.app.config.env],document:blockDOM,id:blockDOM.id||block.id,blockType:blockType||"filter"});if(!("widgetId"in block)){Object.assign(block,{widgetId:blockDOM.id||block.id})}}};BackwardCompatibilityV1.moduleName="BackwardCompatibilityV1";var BackInStock=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const bisDom=document.createElement("div");bisDom.id="bc-bis";bisDom.className="boost-sd__bis";bisDom.style.display="none";document.body.appendChild(bisDom);this.block={id:"bc-bis",document:bisDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,bisDom,"backInStock");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return {klaviyoBISUrl:"https://a.klaviyo.com/client/back-in-stock-subscriptions",backInStock:Object.assign(
  {enabled:false,productSettings:{},displaySettings:{},isTurbo:false},
  
)};}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};BackInStock.moduleName="BackInStock";var Cart=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{this.block={id:"cart",document:document.body};this.backwardCompatibilityModule?.legacyAssignDefaultBlockAttributes(this.block,this.block.document,"cart");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{customization:{cart:{}}}}get backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};Cart.moduleName="Cart";var CountdownTimer=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const countdownTimerDom=document.querySelector(".boost-sd__countdown-timer-wrapper");if(!countdownTimerDom)return;const{template}=this.TAEAppConfig;if(typeof template?.countdownTimerPlaceholder==="string"){countdownTimerDom.innerHTML=template.countdownTimerPlaceholder}this.block={id:countdownTimerDom.id||"boost-sd-countdown-timer",document:countdownTimerDom};this.block.blockType="countdownTimer";this.TAEApp.registerBlock(this.block)}}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};CountdownTimer.moduleName="CountdownTimer";var PreOrder=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const preOrderDom=document.querySelector(".boost-sd__preOrder-container");const{customization,template}=this.TAEAppConfig;if(typeof customization?.preOrder?.beforeRender==="function"){customization.preOrder.beforeRender()}if(!preOrderDom){return}if(typeof template?.preOrderPlaceholder==="string"){preOrderDom.innerHTML=template.preOrderPlaceholder}this.block={id:preOrderDom.id||"bc-pre-order",document:preOrderDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,preOrderDom,"preOrder");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{customization:{preOrder:{}}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};PreOrder.moduleName="PreOrder";var PredictiveBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const predictiveBundleDom=document.querySelector(".boost-sd-widget-predictive-bundle");if(!predictiveBundleDom){return}this.block={id:predictiveBundleDom.id||"bc-predictive-bundle",document:predictiveBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,predictiveBundleDom,"predictiveBundle");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{predictiveBundle:{multiBundleSupport:false}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};PredictiveBundle.moduleName="PredictiveBundle";var Recommendation=class extends BoostTAEAppModule{constructor(){super(...arguments);this.blocks={};this.initBlocks=()=>{if(this.backwardCompatibilityV1Module?.legacyIsUsingRecommendationAppV3()){this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets({});return}const{recommendationWidgets}=this.TAEAppConfig;this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets(recommendationWidgets);
      
      
      
    ;const recommendationWidgetDOMs=document.querySelectorAll('[id^="boost-sd-widget-"]');for(const widgetDOM of recommendationWidgetDOMs){widgetDOM.innerHTML=`<div class="boost-sd__rc-pl"><div class="boost-sd__rc-title-pl">  <span class="boost-sd__rc-pl-item" style="width: 150px; height: 30px;"></span></div><div class="boost-sd__rc-product-list-pl">  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span></div><div class="boost-sd__rc-info-pl">  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span></div></div><style> .boost-sd__rc-pl {  width: 100%;  min-height: 600px; } .boost-sd__rc-pl-item {  display: block;  width: 100%;  height: 20px;  background: rgba(0, 0, 0, 0.07);  margin-bottom: 16px;  animation: 2s infinite place-holder-animation; } .boost-sd__rc-title-pl {  width: 100%;  display: flex;  padding: 0 0 30px; } .boost-sd__rc-product-list-pl {  display: flex;  width: 100%;  padding: 0;  gap: 32px;  position: relative;  margin-bottom: 20px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) {  display: none; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item {  display: block;  flex-wrap: wrap;  width: calc(50% - 8px);  height: 218px; } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) {  width: 80% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) {  width: 50% } @media only screen and (min-width: 768px) {  .boost-sd__rc-pl-item {   margin-bottom: 8px;  }  .boost-sd__rc-title-pl {   padding-bottom: 60px;  }  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3),  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) {   display: block;  }  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item {   height: 382px;   width: calc(25% - 8px);  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:first-child {   width: 50%  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) {   width: 40%  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) {   width: 30%  } } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } }</style>`;this.initBlock(widgetDOM)}}}get extendAppConfig(){const recommendationWidgets={};
      
      
        
          recommendationWidgets['home-page'] = {"homepage-231477":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"homepage-073450":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"bestsellers","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Best Sellers","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
          recommendationWidgets['cart-page'] = {"cartpage-134280":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Still interested in this?","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"cartpage-177626":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"related-items","limit":12,"layoutDisplay":"carousel","rules":[],"modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
      
        
          recommendationWidgets['product-page'] = {"productpage-208724":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Recently viewed","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"productpage-404525":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"layoutDisplay":"bundle","rules":[],"modelType":"FBT","secondaryAlgorithm":"bestsellers"},"widgetName":"Frequently Bought Together","widgetStatus":"draft","widgetDesignSettings":{"bundleStyle":"style1","layoutDisplay":"bundle","numberOfRecommendProduct":2,"templateType":"customization","themePreview":"","titleAlignment":"left","titleFont":"Poppins","titleFontSize":14,"titleFontStyle":"100","titleTextColor":"#3D4246","titleTextTransform":"capitalize"}}}
        
      
        
          recommendationWidgets['collection-page'] = {"collectionpage-717624":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel","rules":[]},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"collectionpage-856303":{"params":{"shop":"ewart-woods-design.myshopify.com","recommendationType":"trending-products","limit":12,"layoutDisplay":"carousel","rules":[],"calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"ewart-woods-design.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
      
        
      
        
      
    ;return{recommendUrl:"https://services.mybcapps.com/discovery/recommend",recommendationWidgets}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlocks)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlocks)}initBlock(dom){const block={id:dom.id,document:dom};this.assetFileLoaderModule?.preloadModuleScript("recommendation");this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(block,dom,"recommendation");block.widgetId=dom.id?.replace("boost-sd-widget-","");this.TAEApp.registerBlock(block);this.blocks[block.id]=block}};Recommendation.moduleName="Recommendation";var Search=class extends BoostTAEAppModule{constructor(){super(...arguments);this.block={id:"bc-instant-search",document:document.createElement("div")};this.initBlock=()=>{if(!this.enabled)return;this.assetFileLoaderModule?.preloadModuleScript("instant-search");const{document:document2,id}=this.block;document2.id=id;window.document.body.appendChild(document2);this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,document2,"instantSearch");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}get extendAppConfig(){return{searchUrl:"https://services.mybcapps.com/bc-sf-filter/search"}}get enabled(){const{taeSettings,templateId,simplifiedIntegration}=this.TAEAppConfig;const isInstantSearchEnabled=taeSettings?.instantSearch?.enabled&&templateId&&(!simplifiedIntegration.enabled||simplifiedIntegration.instantSearch);return isInstantSearchEnabled}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};Search.moduleName="Search";var SEOEnhancement=class extends BoostTAEAppModule{shouldInit(){return this.TAEAppConfig.generalSettings.enableRobot}init(){const robot=document.querySelector('meta[content="noindex,nofollow,nosnippet"]');if(!robot&&(checkExistFilterOptionParam()||getQueryParamByKey("q")&&!isSearchPage())){const meta=document.createElement("meta");meta.name="robots";meta.content="noindex,nofollow,nosnippet";document.head.append(meta)}}get extendAppConfig(){return{generalSettings:{enableRobot:true}}}};SEOEnhancement.moduleName="SEOEnhancement";var ShopifyMetafield=class extends BoostTAEAppModule{get extendAppConfig(){return {shop:{name:"EWART WOODS Design",url:"https://ewartwoods.com",domain:"ewart-woods-design.myshopify.com",currency:"USD",money_format: "€{{amount_with_comma_separator}}",money_format_with_currency: "€{{amount_with_comma_separator}} EUR"},integration:{},...
        {
          
        }
      };}};ShopifyMetafield.moduleName="ShopifyMetafield";var ShopifyDataObject=class extends BoostTAEAppModule{get dataObject(){return {user: 
        {
          
        }
      ,product:{...(
          
            ""
          
         || {})}};}};ShopifyDataObject.moduleName="ShopifyDataObject";var TemplateManagement=class extends BoostTAEAppModule{get extendAppConfig(){let templateId="";templateId=templateId=
      
        "QC8DLMzviZ"
       || "";let templateMetadata={};templateMetadata=
      
      
        {"collectionFilters":"QC8DLMzviZ/themes/default/main__0__liquid","productList":"QC8DLMzviZ/product-list/main__0__liquid","productItem":"QC8DLMzviZ/product-item/main__0__liquid","collectionHeader":"QC8DLMzviZ/collection-header/main__0__liquid","searchPage":"QC8DLMzviZ/themes/default/search__0__liquid","mostPopularProducts":"QC8DLMzviZ/no-search-result-page/most-popular-products__0__liquid","recommendation":"QC8DLMzviZ/recommendation/main__0__liquid","recommendationDynamicBundle":"QC8DLMzviZ/recommendation/dynamic-bundle__0__liquid","recommendationEmbeddedBundle":"QC8DLMzviZ/recommendation/embedded-bundle__0__liquid","recommendationVolumeBundleProduct":"QC8DLMzviZ/recommendation/volume-bundle/volume-product__0__liquid","recommendationVolumeBundlePopup":"QC8DLMzviZ/recommendation/volume-bundle/volume-popup__0__liquid","recommendationVolumeBundleBlock":"QC8DLMzviZ/recommendation/volume-bundle/main__0__liquid","tierDiscountBundlePopup":"QC8DLMzviZ/tier-discount-bundle/tier-discount-popup__0__liquid","tierDiscountBundleBlock":"QC8DLMzviZ/tier-discount-bundle/main__0__liquid","instantSearchWidget":"QC8DLMzviZ/instant-search-widget/main__0__liquid","quickView":"QC8DLMzviZ/quickview/main__0__liquid","cart":"QC8DLMzviZ/cart/main__0__liquid","placeholderFilterTree":"QC8DLMzviZ/place-holder/place-holder__0__liquid","placeholderRecommendation":"QC8DLMzviZ/recommendation-placeholder/main__0__liquid","preOrder":"QC8DLMzviZ/pre-order/main__0__liquid","preOrderPlaceholder":"QC8DLMzviZ/pre-order-placeholder/main__0__liquid","backInStock":"QC8DLMzviZ/back-in-stock/main__0__liquid","countdownTimer":"QC8DLMzviZ/countdown-timer/main__0__liquid","countdownTimerPlaceholder":"QC8DLMzviZ/countdown-timer-placeholder/main__0__liquid","templateVersion":"2.51.2","setupVersion":"v3","applyUniqueVersion":true,"themeNameLib":"default","themeLibVersion":"1.80.2","themeCssVersion":"2.51.2","themeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/default/2.51.2/main.css","settingsCssUrl":"https://cdn.shopify.com/s/files/1/0277/9253/9682/files/boost-app-do-not-delete-this-file-ewart-woods-design__QC8DLMzviZ-settings.css?v=1779113765","updatedAt":1779113765,"featureOptions":{"enableBannerInterleaving":true}}
      
       || {};let templateSettings={};templateSettings=
    
    
      {"appPreferenceSettings":{"watermark":true},"preOrderSettings":{"buttonText":"Pre-order","deliveryText":"This is a pre-order. Items will ship based on the estimated delivery date.","showDeliveryText":false},"generalSettings":{"addCollectionToProductUrl":false,"breakpointmobile":"575px","breakpointtabletportraitmin":"576px","breakpointtabletportraitmax":"991px","breakpointtabletlandscapetmin":"992px","breakpointtabletlandscapemax":"1199px","breakpointdesktop":"1200px"},"searchSettings":{"searchPanelBlocks":{"searchTermSuggestions":{"label":"Check out some of these popular searches","searchTermList":[],"backup":[],"type":"based_on_data","active":false},"mostPopularProducts":{"label":"Trending products","productList":[],"backup":[],"type":"based_on_data","active":false},"products":{"label":"Products","pageSize":25,"active":false,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":false,"displayImage":false,"displayDescription":false},"pages":{"label":"Pages","pageSize":25,"active":false,"displayImage":false,"displayExcerpt":false},"searchEmptyResultMessages":{"active":true,"label":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up – check the spelling or try less specific search terms."},"searchTips":{"label":"Search tips","active":false,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Check out some of these popular searches","status":false,"data":[],"type":"based_on_data","backup":[]},"products":{"label":"Trending products","status":false,"data":[],"type":"based_on_data","backup":[]}},"enableInstantSearch":true,"productAvailable":false,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":true,"showSuggestionProductVendor":true,"suggestionBlocks":[{"type":"suggestions","label":"Popular suggestions","status":"active","number":3},{"type":"collections","label":"Collections","status":"active","number":3},{"type":"products","label":"Products","status":"active","number":6},{"type":"pages","label":"Blog & Pages","status":"active","number":3}],"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"suggestionStyle":"style2","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"filterSettings":{"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":false,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-off-canvas","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false,"style":{"filterTitleTextColor":"#222222","filterTitleFontSize":"inherit","filterTitleFontWeight":"inherit","filterTitleFontTransform":"none","filterTitleFontFamily":"inherit","filterOptionTextColor":"#222222","filterOptionFontSize":"inherit","filterOptionFontFamily":"inherit"},"filterLayout":"vertical"},"additionalElementSettings":{"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false},"themeSettings":{"productItems":{"general":{"borderLayout":"noBorder","subLayout":"subLayout_2_2","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#C7C7C7","borderColorOnHover":"#C7C7C7"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#DD3300","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productCustomLabelByTag":{"shape":"rectangle","color":"#FFFFFF","backgroundColor":"#00A47C","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":false},"selectOptionBtn":{"buttonType":"selectOptionBtn","action":"quickAddToCart","isEnable":true},"qvBtn":{"buttonType":"qvBtn","isEnable":true}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel","customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image","showVideoGif":false},"styleSettings":{"selectOptionBtn":{"showOnHovering":true,"showOn":"desktopOnly","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"#222222","backgroundColorOnHover":"#222222","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#FFFFFF","textColorOnHover":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"solid","fontWeight":"inherit","width":"100%"},"qvBtn":{"showOn":"desktopOnly","showOnHovering":true,"displayType":"icon","shape":"square","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/quick-view.svg","width":"40px","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#222222","textColorOnHover":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"outline","fontWeight":"inherit"}},"productInfo":{"textAlign":"left","elements":{"swatches.1":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"title":{"color":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"capitalize","isEnable":true,"fontWeight":"inherit"},"vendor":{"color":"#595959","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"uppercase","isEnable":false,"fontWeight":"inherit"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"compareAtPricePosition":"right","showSavingDisplay":false,"priceColor":"#222222","priceFontSizeScale":100,"priceFontFamily":"inherit","priceFontStyle":"inherit","priceFontSize":"inherit","priceFontSizeTabletPortrait":"inherit","priceFontSizeTabletLandscape":"inherit","priceFontSizeMobile":"inherit","salePriceColor":"#DD3300","salePriceFontSizeScale":100,"salePriceFontFamily":"inherit","salePriceFontStyle":"inherit","salePriceFontSize":"inherit","salePriceFontSizeTabletPortrait":"inherit","salePriceFontSizeTabletLandscape":"inherit","salePriceFontSizeMobile":"inherit","compareAtPriceColor":"#595959","compareAtPriceFontSizeScale":100,"compareAtPriceFontFamily":"inherit","compareAtPriceFontStyle":"inherit","compareAtPriceFontSize":"inherit","compareAtPriceFontSizeTabletPortrait":"inherit","compareAtPriceFontSizeTabletLandscape":"inherit","compareAtPriceFontSizeMobile":"inherit","savingDisplayColor":"#DD3300","savingDisplayFontSizeScale":100,"savingDisplayFontFamily":"inherit","savingDisplayFontStyle":"inherit","savingDisplayFontSize":"inherit","savingDisplayFontSizeTabletPortrait":"inherit","savingDisplayFontSizeTabletLandscape":"inherit","savingDisplayFontSizeMobile":"inherit","isEnable":true,"priceFontWeight":"inherit","salePriceFontWeight":"inherit","compareAtPriceFontWeight":"inherit","savingDisplayFontWeight":"inherit"},"inventoryStatus":{"lowInventoryThreshold":0,"fontSizeScale":100,"textTransform":"none","inStockColor":"#00A47C","lowStockColor":"#F29100","soldOutColor":"#595959","fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","isEnable":false,"fontWeight":"inherit"},"rating":false,"swatches.2":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"swatches.3":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"wishlist":{"isEnable":false}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","productCount":{"showProductCount":false,"position":"top","color":"#222222"},"number":{"shape":"circle","color":"#222222","colorOnSelected":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnSelected":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"button":{"shape":"circle","buttonType":"icon-only","color":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"}},"toolbar":{"layout":"3_1","filterText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"refineByText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"elements":{"viewAs":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","listType":"grid/list","showListViewDefault":false,"isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"},"showLimitList":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":false,"fontWeight":"inherit"},"sorting":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"}}},"collectionHeader":{"isEnable":false,"layout":2,"contentPosition":"middle-center","elements":{"breadCrumb":{"showCollectionTitle":false,"showCollectionList":false,"showPagination":false,"placement":"on-top","alignment":"middle-left","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","isEnable":true},"collectionTitle":{"textAlign":"center","textTransform":"none","fontSizeScale":100,"fontSize":40,"fontSizeTabletPortrait":40,"fontSizeTabletLandscape":40,"fontSizeMobile":30,"fontFamily":"inherit","fontStyle":"inherit","collectionTitleColor":"#222222","isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionDescription":{"fontSize":null,"fontSizeTabletPortrait":null,"fontSizeTabletLandscape":null,"fontSizeMobile":null,"isEnable":false}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","isEnableProductVendor":true,"showCurrencyCodes":false,"buttonOverall":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"buyItNowBtn":{"enable":true,"color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","textTransform":"none","borderColor":"#222222","hoverBorderColor":"#222222"},"addToCartBtn":{"color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","showCurrencyCodes":false,"enableWidgetRecommendation":false,"widgetRecommendationId":"","autoOpenAjaxCartOnAddToCart":true,"generalLayout":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"checkoutBtn":{"textTransform":"none","color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","borderColor":"#222222","hoverBorderColor":"#222222"},"viewCartBtn":{"textTransform":"none","color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2},"searchPage":{"headerBackground":"#F6F6F8","elements":{"searchHeaderText":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"placeholderSearch":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionLabel":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionItem":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#E8E9EB","fontWeight":"inherit"},"titleTab":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabDescription":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"tipForYou":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"}}},"filterTree":{"elements":{"refineBy":{"color":"#222222"},"filterTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"filterOption":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"},"checkbox":{"color":"#22222299"},"searchBox":{"color":"#C7C7C7"}}},"isw":{"backgroundSuggestion":"#F8F8F8","backgroundProducts":"#FFFFFF","hoverBackgroundSuggestion":"#E8E9EB","hoverBackgroundProducts":"#F8F8F8","elements":{"titleMultiElement":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"results":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMean":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMeanResults":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#F6F6F7","fontWeight":"inherit"},"productTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productVendor":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productPrice":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSalePrice":{"color":"#DD3300","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCompareAtPrice":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSKU":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"viewAllBtn":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#E8E9EB","fontWeight":"inherit"}}}},"currentAppIntegration":{},"themeName":"default","srcThemeNameLib":"impulse"}
    
     || {};const template={};
    
    
      
      
        
    ;template["quickView"]=`{% assign isShowMediaEnabled = false %}{%- comment -%} Split and Prioritize Media: video > gif > image {%- endcomment -%}{% assign videoGroup = "" | split: "" %}{% assign gifGroup = "" | split: "" %}{% assign imageGroup = "" | split: "" %}{% if product.media and product.media.size > 0 %}{% for item in product.media %}{%- comment -%} check VIDEO {%- endcomment -%}{% if item.mediaContentType == 'VIDEO' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign videoGroup = videoGroup | concat: item_as_array %}{% endif %}{%- comment -%} check GIF {%- endcomment -%}{% elsif item.mediaContentType == 'IMAGE' and item.image.originalSrc contains '.gif' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign gifGroup = gifGroup | concat: item_as_array %}{% endif %}{%- comment -%}check img {%- endcomment -%}{% else %}{% assign item_as_array = item | Array %}{% assign imageGroup = imageGroup | concat: item_as_array %}{% endif %}{% endfor %}{% endif %}{% assign cleanMedia = videoGroup | concat: gifGroup | concat: imageGroup %}{%- comment -%} Fallback if cleanMedia[] {%- endcomment -%}{% if cleanMedia.size == 0 %}{% if product.images_info and product.images_info.size > 0 %}{% assign cleanMedia = product.images_info %}{% elsif product.no_image %}{% assign no_image_as_array = product.no_image | Array %}{% assign cleanMedia = no_image_as_array %}{% endif %}{% endif %}{% assign show_prev_next_btns = cleanMedia.size > 4 %}{% capture productData %}{"id": "{{ product.id }}","handle": "{{ product.handle }}","variantId": "{{ product.variant_id }}","splitProduct": "{{ product.split_product }}","variants": {{ product.variants | json | escape }},"tags": {{ product.tags | json | escape }},"images": {{ cleanMedia | json | escape }},"media": {{ cleanMedia | json | escape }},"category": "{{ product.product_type | escape }}","priceMin": "{{ product.price_min }}","options_with_values": {{ product.options_with_values | json | escape }}}{% endcapture %}{% if product.variants.size == 1 and product.variants[0].title == 'Default Title' %}{% assign isDefaultOption = true %}{% else %}{% assign isDefaultOption = false %}{% endif %}<div aria-modal="true" role="dialog" aria-label="Quick view detail for product {{ product.title | escape }}" class="boost-sd__modal" id="boost-sd__modal-quickview" data-product-id='{{ productData.id }}' data-product='{{ productData | json_encode }}'><div class="boost-sd__modal-backdrop"></div><div class="boost-sd__modal-container">  <div tabindex="-1" class="boost-sd__modal-wrapper">   <div class="boost-sd__quick-view" product-id="{{ product.id }}">    <div class="boost-sd__quick-view-product-image">     <div class="boost-sd__slider boost-sd__slider--thumb-vertical">      <div class="boost-sd__thumbs-container boost-sd__thumbs-container--vertical">       {% if show_prev_next_btns %}       <div class="boost-sd__thumbs-container-prev-button boost-sd__thumbs-container-prev-button--vertical"><button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;" disabled=""><span class="boost-sd__icon" style="margin: 0px;">          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon">           <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>          </svg>         </span></button></div>       {% endif %}       <div class="boost-sd__thumbs-container-thumbs boost-sd__thumbs-container-thumbs--vertical">        {% if request.previewMode == true %}        {% for media_item in cleanMedia limit: 4 %}        <div class="boost-sd__thumbs-container-thumbs-item" data-index="{{ forloop.index0 }}">         <div class="boost-sd__slide">          <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">           <div tabindex="0" class="boost-sd__product-image">            {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}            <img src="{{ media_item.preview.image.originalSrc }}" alt="{{ product.title | escape }} video thumbnail" fetchpriority="auto" loading="eager" width="100%" height="auto" />            <div class="boost-sd__product-video-icon-overlay">             <svg width="20" height="20" viewBox="0 0 20 20" fill="none">              <path d="M15 10L7 15V5L15 10Z" fill="white" />             </svg>            </div>            {% else %}            <img class="boost-sd__product-image-img" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }} thumbnail {{ forloop.index }}" width="auto" height="auto" />            {% endif %}           </div>          </div>         </div>        </div>        {% endfor %}        {% else %}        {% for media_item in cleanMedia %}        <div class="boost-sd__thumbs-container-thumbs-item" data-index="{{ forloop.index0 }}">         <div class="boost-sd__slide">          <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">           <div tabindex="0" class="boost-sd__product-image">            {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}            <img src="{{ media_item.preview.image.originalSrc }}" alt="Video thumb" fetchpriority="auto" loading="eager" width="100%" height="auto" />            <div class="boost-sd__product-video-icon-overlay">             <svg width="20" height="20" viewBox="0 0 20 20" fill="none">              <path d="M15 10L7 15V5L15 10Z" fill="white" />             </svg>            </div>            {% else %}            <img class="boost-sd__product-image-img" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="Thumbnail {{ forloop.index }}" width="auto" height="auto" />            {% endif %}           </div>          </div>         </div>        </div>        {% endfor %}        {% endif %}       </div>       {% if show_prev_next_btns %}       <div class="boost-sd__thumbs-container-next-button boost-sd__thumbs-container-next-button--vertical"><button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;"><span class="boost-sd__icon" style="margin: 0px;">          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon">           <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>          </svg>         </span></button></div>       {% endif %}      </div>      <div class="slick-slider">       {% if request.previewMode == true %}       {% for media_item in cleanMedia limit: 1 %}       <div class="boost-sd__slide" data-index="{{ forloop.index0 }}">        <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">         <div class="boost-sd__product-image-row boost-sd__product-image-row--top">          <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">           {% assign hideOtherLabelsWhenSoldOut = true -%}           {% assign moneyFormat = request.money_format | strip_html -%}           {% assign removePriceDecimal = false -%}           {% assign showCentAsSuperscript = false -%}           {% assign decimalDelimiter = '' -%}           {% assign withoutTrailingZeros = true -%}           {% if hideOtherLabelsWhenSoldOut != true -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ productItemSaleTranslated }}</span>            </span>           </div>           {% endif -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% endif -%}           {% else -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% else -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ translatedText }}</span>            </span>           </div>           {% endif -%}           {% endif -%}           {% endif -%}          </div>         </div>         <div class="boost-sd__product-image">          {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}          <video controls playsinline autoplay muted loop poster="{{ media_item.preview.image.originalSrc }}" width="100%" height="auto">           {% for source in media_item.sources %}           <source src="{{ source.url }}" type="{{ source.mime_type }}">           {% endfor %}          </video>          {% else %}          <img id="product-image-{{ product.id }}-{{ forloop.index }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" />          {% endif %}         </div>        </div>       </div>       {% endfor %}       {% else %}       {% for media_item in cleanMedia %}       <div class="boost-sd__slide" data-index="{{ forloop.index0 }}">        <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">         <div class="boost-sd__product-image-row boost-sd__product-image-row--top">          <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">           {% assign hideOtherLabelsWhenSoldOut = true -%}           {% assign moneyFormat = request.money_format | strip_html -%}           {% assign removePriceDecimal = false -%}           {% assign showCentAsSuperscript = false -%}           {% assign decimalDelimiter = '' -%}           {% assign withoutTrailingZeros = true -%}           {% if hideOtherLabelsWhenSoldOut != true -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ productItemSaleTranslated }}</span>            </span>           </div>           {% endif -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% endif -%}           {% else -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% else -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ translatedText }}</span>            </span>           </div>           {% endif -%}           {% endif -%}           {% endif -%}          </div>         </div>         <div class="boost-sd__product-image">          {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %}          <video controls playsinline autoplay muted loop poster="{{ media_item.preview.image.originalSrc }}" width="100%" height="auto">           {% for source in media_item.sources %}           <source src="{{ source.url }}" type="{{ source.mime_type }}">           {% endfor %}          </video>          {% else %}          <img id="product-image-{{ product.id }}-{{ forloop.index }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" src="{{ media_item.image.originalSrc | default: media_item.src }}" fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" />          {% endif %}         </div>        </div>       </div>       {% endfor %}       {% endif %}      </div>     </div>    </div>    <div tabindex="0" class="boost-sd__quick-view-product-info">     <h2 class="boost-sd__quick-view-title">{{ product.title | escape }}</h2>     <p class="boost-sd__quick-view-vendor">{{ product.vendor }}</p>     {% capture showCurrencyCodes %}false{% endcapture %}     {% assign moneyFormat = request.money_format | strip_html -%}     {% if showCurrencyCodes == 'true' %}     {% assign moneyFormat = request.money_format_with_currency | strip_html -%}     {% endif %}     <div class="boost-sd__quick-view-price">      <span class="boost-sd__format-currency"><span class="">{{ product.price_min | format_currency: moneyFormat }}</span></span>     </div>     {% if isDefaultOption == false %}     {% for swatch in product.options_with_values %}     <div class="boost-sd__product-swatch">      <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div>      <div class="boost-sd__product-swatch-options">       {% for value in swatch.values %}       {% assign swatchBy = 'text' %}       {% assign backgroundSwatch = "background-color: " | append: value.title | strip_html | escape %}       {% assign domain = request.shop %}       {% assign imageName = value.title | strip_html | downcase | strip | escape %}       {% if imageName contains " " %}       {% assign imageName = imageName | replace: ' ', "-" %}       {% endif %}       {% if swatch.original_name == 'color' %}       {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" %}       {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');" %}       {% assign swatchBy = 'color-and-image' %}       {% endif %}       {% for variant in product.variants %}       {% assign options = variant.merged_options %}       {% if variant.original_merged_options != nil %}       {% assign options = variant.original_merged_options %}       {% endif %}       {% for option in options %}       {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %}       {% if currentOption contains " " %}       {% assign currentOption = currentOption | replace: ' ', "-" %}       {% endif %}       {% if currentOption == imageName and variant.image %}       {% assign backgroundSwatch = "background-image: url('" | append: variant.image | append: "');" %}       {% assign swatchBy = 'product-image' %}       {% endif %}       {% endfor %}       {% endfor %}       <div class="boost-sd__product-swatch-option" data-swatch-by='{{ swatchBy }}'>        <div class="boost-sd__radio">         <div class="boost-sd__tooltip">          {% if swatch.original_name == 'color' %}          <div class="boost-sd__tooltip-content">{{ value.title | strip_html | escape }}</div>          {% endif %}          <input id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-input boost-sd__radio-input--hidden" type="radio" value="{{ value.title | strip_html | escape }}" checked="" />          {% if swatch.original_name == 'color' %}          <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" data-swatch-value="{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large" style="{{ backgroundSwatch }}">           {{ value.title | strip_html | escape }}          </label>          {% else %}          <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" data-swatch-value="{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--in-quick-view">           {{ value.title | strip_html | escape }}          </label>          {% endif %}         </div>        </div>       </div>       {% endfor %}      </div>     </div>     {% endfor %}     {% endif %}     <div class="boost-sd__quick-view-quantity">      <p class="boost-sd__quick-view-quantity-title">{{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}</p>      <div class="boost-sd__input-number boost-sd__input-number--md">       <div class="boost-sd__input-number-btn-wrapper">        <button type="button" aria-label="Decrease quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>-</span></button>       </div>       <input type="number" aria-label="Item quantity" class="boost-sd__input-number-input" value="1" />       <div class="boost-sd__input-number-btn-wrapper">        <button type="button" aria-label="Increase quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>+</span></button>       </div>      </div>      <div class="boost-sd__quick-view-quantity-error" style="color: red; font-size: 90%; display: none">{{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}</div>     </div>          <div class="boost-sd__quick-view-preorder">                  {% if product.variants %}      {% assign variants = product.variants %}      {% else %}      {% assign variants = variants %}      {% endif %}      {% for variant in variants %}      {% if variant.preorder and variant.inventory_management != null %}      {% assign paymentType = variant.preorder.payment.type %}      {% assign discountType = variant.preorder.payment.discountType %}      {% assign discountValue = variant.preorder.payment.discountValue %}      {% assign originalPrice = variant.price %}      {% assign paymentLabel = '' %}      {% if paymentType == 'full' %}      {% assign paymentLabel = 'Full payment' %}      {% endif %}      {% if paymentType == 'partial' %}      {% assign paymentLabel = 'Partial payment' %}      {% endif %}      {% if paymentType == 'none' %}      {% assign paymentLabel = 'No payment' %}      {% endif %}      {% capture showCurrencyCodes %}false{% endcapture %}      {% assign moneyFormat = request.money_format | strip_html -%}      {% if showCurrencyCodes == 'true' %}      {% assign moneyFormat = request.money_format_with_currency | strip_html -%}      {% endif %}      {% assign moneyRate = request.currency_rate | strip_html -%}      {% if discountType == 'percentage' %}      {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %}      {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %}      {% elsif discountType == 'amount' %}      {% assign discountValue = discountValue | times: moneyRate %}      {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %}      {% else %}      {% assign discountedPrice = originalPrice %}      {% endif %}      {% assign removePriceDecimal = false -%}      {% assign showCentAsSuperscript = false -%}      {% assign decimalDelimiter = '' -%}      {% assign withoutTrailingZeros = true -%}      {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}      {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}      {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %}      <div tabindex="0" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description" class="boost-sd__preorder" data-variant-id="{{ variant.id }}">       <div class="boost-sd__preorder-option">        <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2>        <div aria-live="polite" id="preorder-description" class="boost-sd__preorder-discount">         {% if discountType == 'percentage' %}         <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span>         {% elsif discountType == 'amount' %}         <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span>         {% endif %}         <div class="boost-sd__preorder-price">          {% if discountType != 'none' %}          <span aria-label="Original Price: {{ originalPriceFormat }}" class="boost-sd__preorder-original-price">{{ originalPriceFormat }}</span>          {% endif %}          <span aria-label="Discounted Price: {{ discountedPriceFormat }}" class="boost-sd__preorder-discounted-price">{{ discountedPriceFormat }}</span>         </div>        </div>       </div>      </div>      {% endif %}      {% endfor %}      {% assign buttonLabel = 'Pre-Order' %}      {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %}      {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %}      {% if preOrderButtonText and preOrderButtonText != '' %}      {% assign buttonLabel = preOrderButtonText %}      {% endif %}      <button type="button" aria-label='{{ buttonLabel }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder">       <span aria-hidden="true" class="boost-sd__button-text">        {{ buttonLabel }}       </span>      </button>      <p tabindex="0" class="boost-sd__preorder-note">       <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span>      </p>     </div>     <div class="boost-sd__quick-view-btn">      <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-add-to-cart">       <span class="boost-sd__button-text">        {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}       </span>      </button>      <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now">       <span class="boost-sd__button-text">{{ "quickView.buyItNowBtnLabel" | translate: translations, 'Buy it now' }}</span>      </button>     </div>     <a class="boost-sd__quick-view-details-link" href="/products/{{ product.handle }}">{{ "quickView.qvViewFullDetails" | translate: translations, 'View full details' }}</a>    </div>   </div>   <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">    <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">     <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>    </svg>   </button>  </div></div></div>`;
        
      
      
      
        
    ;template["cart"]=`{% assign currentLocale = '' %}{% if locale != "" or locale != null %}{% assign currentLocale = locale %}{% endif %}`;
        
      
      
      
        
    ;template["refineBy"]=`<div class='boost-sd__refine-by-vertical-refine-by'><div class='boost-sd__refine-by-vertical-refine-by-title'>  <div class='boost-sd__refine-by-vertical-refine-by-heading'>   {{ 'refine' | translate: translations, 'Refine By' }}  </div>  <button type='button' aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' id='boost-sd__button--clear-all-filters' class='boost-sd__button boost-sd__button--clear' data-metadata='{ "action": { "clearAllFilter": "" } }'>   <span class='boost-sd__button-text' data-metadata='{ "action": { "clearAllFilter": "" } }' aria-hidden='true'>    {{- 'clearAll' | translate: translations, 'Clear All' -}}   </span>  </button></div><div class='boost-sd__refine-by-vertical-refine-by-list'>  {% for refineByOption in refineBy.options %}  <button aria-label='Clear {{ refineByOption.data.label | escape }}: {% if refineByOption.type == "range" %}{% if refineByOption.data.key == "pf_p_price" or refineByOption.data.key == "pf_vp_variants_price" %}{{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }} to {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }}{% else %}{{ refineByOption.data.value.lower | escape }} to {{ refineByOption.data.value.upper | escape }}{% endif %}{% else %}{{ refineByOption.data.valueDisplay | escape }}{% endif %}' metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-item' id='{{ refineByOption.data.value | downcase | replace: " ", "-" | append: "-clear-filter" | simpleMd5 }}'>   <div metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-type'>    <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-option'>     {{ refineByOption.data.label | escape }}:    </span>    <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-value'>     {% if refineByOption.type == 'range' %}     {% if refineByOption.data.key == 'pf_p_price' or refineByOption.data.key == 'pf_vp_variants_price' %}     {{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }}     -     {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }}     {% else %}     {{ refineByOption.data.value.lower | escape }} - {{ refineByOption.data.value.upper | escape }}     {% endif %}     {% else %}     {% if refineByOption.data.valueDisplay contains ':' %}     {{ refineByOption.data.valueDisplay | split: ':' | last | escape }}     {% else %}     {{ refineByOption.data.valueDisplay | escape }}     {% endif %}     {% endif %}    </span>   </div>   <svg metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-clear' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' role='img' aria-hidden='true' fill='#222'>    <path metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' fill-rule="evenodd" clip-rule="evenodd" d="M7.41401 6.00001L11.707 1.70701C12.098 1.31601 12.098 0.684006 11.707 0.293006C11.316 -0.0979941 10.684 -0.0979941 10.293 0.293006L6.00001 4.58601L1.70701 0.293006C1.31601 -0.0979941 0.684006 -0.0979941 0.293006 0.293006C-0.0979941 0.684006 -0.0979941 1.31601 0.293006 1.70701L4.58601 6.00001L0.293006 10.293C-0.0979941 10.684 -0.0979941 11.316 0.293006 11.707C0.488006 11.902 0.744006 12 1.00001 12C1.25601 12 1.51201 11.902 1.70701 11.707L6.00001 7.41401L10.293 11.707C10.488 11.902 10.744 12 11 12C11.256 12 11.512 11.902 11.707 11.707C12.098 11.316 12.098 10.684 11.707 10.293L7.41401 6.00001Z" fill="#3D4246">    </path>   </svg>  </button>  {% endfor %} </div></div>`;
        
      
      
      
        
    ;template["filterOptionBoxItem"]=`{% if request.previewMode == true %}<li class="boost-sd__filter-option-item boost-sd__filter-option-box-item"><button role='checkbox' aria-label='{{ value.key | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.key | escape | upcase }}   {% else %}   {{ value.key | escape }}   {% endif %}  </span></button></li>{% else %}<li class='{{ className }}'><button role='checkbox' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='{% if className contains "boost-sd__filter-option-box-item--selected" %}true{% else %}false{% endif %}' id='{{ actionId }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button' data-action='{{ dataAction }}'>  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if displayAllValuesInUppercaseForm %}   {{ value.label | escape | upcase }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span></button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionListItem"]=`{% if request.previewMode == true %}<li class="boost-sd__filter-option-item boost-sd__filter-option-list-option-item"><button role="checkbox" aria-checked="false" aria-label="{{ value.key | escape_once }}. Number of products: {{ value.doc_count }}" class="boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox">  {% if option.filterType == "variants_price" or option.filterType == "price" %}  {% if value.from == 0 %}  {{ "under" | translate: translations, "Under" }}  {{ value.to | format_currency: option.moneyFormatValue }}  {% elsif value.to == nil %}  {{ "above" | translate: translations, "Above" }}  {{ value.from | format_currency: option.moneyFormatValue }}  {% elsif value.from != 0 and value.to != nil %}  {{ value.from | format_currency: option.moneyFormatValue }} - {{ value.to | format_currency: option.moneyFormatValue }}  {% endif %}  {% elsif option.filterType == "percent_sale" %}  {% if value.from == nil %}  {{ "under" | translate: translations, "Under" }}  {{ value.to }}  {% elsif value.to == nil %}  {{ "above" | translate: translations, "Above" }}  {{ value.from }}  {% elsif value.from != 0 and value.to != nil %}  {{ value.from }}% - {{ value.to }}%  {% endif %}  {% else %}  <span class="boost-sd__filter-option-item-label">   {% if option.displayAllValuesInUppercaseForm %}   {% if option.filterType == "stock" or option.filterType == "collection" %}   {{ value.label | upcase | escape }}   {% else %}   {{ value.key | upcase | escape }}   {% endif %}   {% else %}   {% if option.filterType == "stock" or option.filterType == "collection" %}   {{ value.label | escape }}   {% else %}   {{ value.key | escape }}   {% endif %}   {% endif %}  </span>  {% endif %}  {% if filterSettings.showFilterOptionCount %}  <span aria-hidden="true" class="boost-sd__filter-option-item-amount">({{ value.doc_count }})</span>  {% endif %} </button></li>{% else %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' class='{{ className }}' data-action='{{ dataAction }}'>  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if displayAllValuesInUppercaseForm %}   {{ value.label | upcase | escape }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'>   ({{ value.doc_count }})</span>  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionSwatchItem"]=`{% assign swatchListStyle = option.swatchStyle == 'circle-list' or option.swatchStyle == 'square-list' %}{% if request.previewMode == true %}{% assign swatchTyleClass = "" %}{% if swatchListStyle %}{% assign swatchTyleClass = "list" %}{% else %}{% assign swatchTyleClass = "grid" %}{% endif %}<li class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'><button title='{{ value.key | strip_html | escape }}. Number of products: {{ value.doc_count }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  <span class='boost-sd__filter-option-swatch-item-img boost-sd__filter-option-swatch-item-img--{{ swatchTyleClass }} boost-sd__filter-option-swatch-item-img--circle' style='background-color: {{ value.key | escape }};'></span>  {% if swatchListStyle %}  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.key | escape | upcase }}   {% else %}   {{ value.key | escape }}   {% endif %}  </span>  <span aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %} </button></li>{% else %}<li data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' title='Find product with {{ label | escape }} is {{ value.label | escape | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  {% if swatchValue.backgroundColor == nil %}  {% assign swatchBackgroundColor = "none" %}  {% else %}  {% assign swatchBackgroundColor = swatchValue.backgroundColor | strip_html %}  {% endif %}  {% if swatchValue.backgroundImage == nil %}  {% assign swatchBackgroundImage = "none" %}  {% else %}  {% assign swatchBackgroundImage = swatchValue.backgroundImage | strip_html %}  {% endif %}  <span data-action='{{ dataAction }}' class='{{ className }}' style='background-color: {{ swatchBackgroundColor }}; background-image: {{ swatchBackgroundImage }}'></span>  {% if swatchType == 'list' %}  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.label | escape | upcase }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %}  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionMultiLevelCollectionItem"]=`{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'><div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'>  <a title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' href='/collections/{{ value.handle }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-link'>   <span class='boost-sd__filter-option-item-label'>    {% if option.displayAllValuesInUppercaseForm %}    {{ value.displayName | upcase }}    {% else %}    {{ value.displayName }}    {% endif %}   </span>  </a>  {% if showDocCount %}  <span role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %}  {% if value.existedTags %}  <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent'>   <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>    <path class="boost-sd__arrow-icon-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"></path>   </svg>  </button>  {% endif %} </div></li>{% else %}{% assign currentLocale = '' %}{% if locale != "" %}{% assign currentLocale = '/' | append: locale %}{% endif %}<li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'><div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'>  <a id='{{ actionId }}' metaData='{{ metaData | json | escape }}' title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/{{ value.handle }}' class='{{ className }}'>   <span style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'>    {% if option.displayAllValuesInUppercaseForm %}    {{ value.displayName | upcase }}    {% else %}    {{ value.displayName }}    {% endif %}   </span>   {% if showDocCount %}   <span role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>   {% endif %}  </a>  {% if value.existedTags %}  <button aria-label='Expand/Collapse {{ value.displayName }}' id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>   <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>    <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-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"></path>   </svg>  </button>  {% endif %} </div> {% if value.existedTags > 0 %} <ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-listitem boost boost-sd__g-hide'>  {% for tag in value.tags %}  <li class='boost-sd__filter-option-item-multilevel-collections-secondlevel'>   <div class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-secondlevel-title'>    <a id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json | escape }}' title='Link to {{ tag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/{{ value.handle }}/{{ tag.tag }}' class='{{ tag.className }}'>     <span data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>      {% if option.displayAllValuesInUppercaseForm %}      {{ tag.displayName | upcase }}      {% else %}      {{ tag.displayName }}      {% endif %}     </span>    </a>    {% if tag.existedSubTags %}    <button aria-label='Expand/Collapse {{ tag.displayName }}' id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>     <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='#222'>      <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-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"></path>     </svg>    </button>    {% endif %}   </div>   {% if tag.existedSubTags %}   <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-thirdlevel boost-sd__g-hide'>    {% for subTag in tag.subTags %}    <li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-thirdlevel-title'>     <a id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' title='Link to {{ subTag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/{{ value.handle }}/{{ subTag.tag }}' class='{{ subTag.className }}'>      <span data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>       {% if option.displayAllValuesInUppercaseForm %}       {{ subTag.displayName | upcase }}       {% else %}       {{ subTag.displayName }}       {% endif %}      </span>     </a>    </li>    {% endfor %}   </ul>   {% endif %}  </li>  {% endfor %} </ul> {% endif %}</li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionMultiLevelTagItem"]=`{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='false' aria-label='{{ value.displayName }}. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'>  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.displayName | upcase }}   {% else %}   {{ value.displayName }}   {% endif %}  </span></button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>  <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>   <path class="boost-sd__arrow-icon-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">   </path>  </svg></button> {% endif %}</li>{% else %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ value.displayName | escape | strip_html }}. Number of products: {{ value.doc_count }}' data-metadata='{{ metaData | json | escape }}' id='{{ actionId }}' class='{{ className }}'>  <span style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.displayName | upcase }}   {% else %}   {{ value.displayName }}   {% endif %}  </span>  {% if showProductCount %}  <span data-metadata='{{ metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %} </button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button aria-label='Expand/Collapse {{ value.displayName }}' type='button' data-metadata='{{ value.metaDataArrow | json | escape }}' id='{{ value.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>  <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'>   <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-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"></path>  </svg></button><ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'>  {% for tag in value.subTags %}  <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'>   <button role='checkbox' aria-checked='{% if tag.className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ tag.displayName | escape | strip_html }}. Number of products: {{ tag.doc_count }}' data-metadata='{{ tag.metaData | json | escape }}' id='{{ tag.actionId }}' class='{{ tag.className }}'>    <span style='{{ styleOptionItem }}' data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>     {% if option.displayAllValuesInUppercaseForm %}     {{ tag.displayName | upcase }}     {% else %}     {{ tag.displayName }}     {% endif %}    </span>    {% if showProductCount %}    <span data-metadata='{{ tag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ tag.doc_count }})</span>    {% endif %}   </button>   {% assign existedSubTags = tag.subTags | size %}   {% if existedSubTags > 0 %}   <button aria-label='Expand/Collapse {{ tag.displayName }}' type='button' data-metadata='{{ tag.metaDataArrow | json | escape }}' id='{{ tag.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>    <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'>     <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-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"></path>    </svg>   </button>      <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'>    {% for subTag in tag.subTags %}    <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'>     <button role='checkbox' aria-checked='{% if subTag.className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ subTag.displayName | escape | strip_html }}. Number of products: {{ subTag.doc_count }}' id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' class='{{ subTag.className }}'>      <span style='{{ styleOptionItem }}' data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>       {% if option.displayAllValuesInUppercaseForm %}       {{ subTag.displayName | upcase }}       {% else %}       {{ subTag.displayName }}       {% endif %}      </span>      {% if showProductCount %}      <span data-metadata='{{ subTag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ subTag.doc_count }})</span>      {% endif %}     </button>    </li>    {% endfor %}   </ul>   {% endif %}  </li>  {% endfor %} </ul> {% endif %}</li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionRatingItem"]=`{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'><button role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'>  <span role='presentation' class='boost-sd__filter-option-rating-item-presentation'>   {% for i in (0..4) %}   {% if i < value.from %}   <i class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i>   {% else %}   <i class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i>   {% endif %}   {% endfor %}   {% if showExactRating == false %}   <span>& Up</span>   {% endif %}  </span>  <span role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span></button></li>{% else %}<li data-value='{{ value.key }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'><button role='checkbox' aria-checked='{% if className contains "boost-sd__filter-option-item-button--selected" %}true{% else %}false{% endif %}' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='{{ className }}'>  <span data-action='{{ dataAction }}' role='presentation' class='boost-sd__filter-option-rating-item-presentation'>   {% for i in (0..4) %}   {% if i < value.from %}   <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i>   {% else %}   <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i>   {% endif %}   {% endfor %}   {% if showExactRating == false %}   <span data-action='{{ dataAction }}'>& Up</span>   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["productPrice"]=`{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%}{% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%}{% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}{% if product.variant_id != "" and product.variant_id != blank -%}{% assign currentVariantId = product.variant_id | times: 1 -%}{% for variant in product.variants -%}{% if variant.id == currentVariantId -%}{% assign minPrice = variant.price | times: 1.0 -%}{% assign maxPrice = variant.price | times: 1.0 -%}{% if variant.compare_at_price and variant.compare_at_price != "0.0" -%}{% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%}{% endif -%}{% break -%}{% endif -%}{% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%}{% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%}{% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%}{% if compareAtPriceMin > 0 %}{% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%}{% else %}{% assign salePercent = '0%' %}{% endif %}{% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%}{% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%}{% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%}{% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%}{% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%}{% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%}{% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}<div class="boost-sd__product-price-wrapper"><span class="boost-sd__visually-hidden">  {% if isSale %}  Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %}  {% else %}  Regular price {{ priceValueWithFormat }}  {% endif %} </span><span aria-hidden="true" class="boost-sd__product-price-content  boost-sd__product-price-content--text-align-left">  <span class="{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}">   <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span>  </span>  {% if compareAtPriceWithFormat != '' -%}  <span class="boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare">   <span class="boost-sd__format-currency">{{ compareAtPriceWithFormat }}</span>  </span>  {% endif -%} </span> {% if savingPriceWithFormat != '' -%} <span aria-hidden="true" class="boost-sd__product-price--saving">  <span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span></span> {% endif -%}</div>`;
        
      
      
      
        
    ;template["recommendation"]=`{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}{% assign widgetTitle = '' %}{% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}{% endif %}<div id='{{ widgetId }}' class='boost-sd__recommendation ' data-product-price='true'><div class='boost-sd__recommendation-title {{ widgetTitle }}'>  <span tabindex="0" role="heading" aria-level="2" class='boost-sd__recommendation-title-text'>   {{ widgetNameTranslationLabel | translate: translations, widgetName }}  </span></div> {% if widgetDesignSettings.layoutDisplay == 'carousel' %}  <div class="boost-sd__slider"><div class="boost-sd__slider-container">  {% for product in products %}   <div class="boost-sd__slide">    {% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %}    {% if product.original_images != nil %} {% assign imageArray = product.original_images %}{% else %} {% assign imageArray = product.images_info %}{% endif %}{% assign productId = product.id %}{% if product.variant_id %} {% assign productId = product.variant_id %}{% endif %}{% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% capture filterOptionIdImageBaseOn %}{% endcapture %}{% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %}{% assign filterValues = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% comment %}NEW LOGIC: Only find images based on filters IF that variant matches the item being displayed (for split products){% endcomment %}{% if product.variant_id %} {% assign targetVariantId = product.variant_id %} {% for variant in product.variants %}  {% if variant.id == product.variant_id %}   {% for filterValue in filterValues %}    {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %}    {% if variant.merged_options contains optionNameValue %}     {% if variant.image %}      {% assign selectedVariantImageByFilterOption = variant.image %}      {% break %}     {% endif %}    {% endif %}   {% endfor %}   {% if selectedVariantImageByFilterOption != nil %}    {% break %}   {% endif %}  {% endif %} {% endfor %}{% else %} {% for item in product.variants %}  {% for filterValue in filterValues %}   {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %}   {% if item.merged_options contains optionNameValue %}    {% if item.image %}     {% assign selectedVariantImageByFilterOption = item.image %}     {% break %}    {% endif %}   {% endif %}  {% endfor %}  {% if selectedVariantImageByFilterOption != nil %}{% break %}{% endif %} {% endfor %}{% endif %}{% capture productVariants %} [ {% for variant in product.variants %}  {% assign preorder = '{}' %}  {% if variant.preorder and variant.preorder != nil and variant.inventory_management != null %}  {% assign preorder = variant.preorder %}  {% else %}  {% assign preorder = '' %}  {% endif %}  {   "title": "{{ variant.title }}",   "id": "{{ variant.id }}",   "available": {{ variant.available }},   "preorder": {{ preorder | json }}  }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %}{% capture productData %} {  "handle": "{{ product.handle }}",  "variantId": "{{ product.variant_id }}",  "splitProduct": "{{ product.split_product }}",    "variants": {{ productVariants | json | escape }},    "priceMin": "{{ product.price_min }}",  "priceMax": "{{ product.price_max }}",  "compareAtPriceMin": "{{ product.compare_at_price_min }}",  "compareAtPriceMax": "{{ product.compare_at_price_max }}",  "images": {{ imageArray | json | escape }},  "options_with_values": {{ product.options_with_values | json | escape }},  "selectedVariantImageByFilterOption": "{{ selectedVariantImageByFilterOption | escape }}",  "category": "{{ product.product_type | escape }}",  "tags" : {{ product.tags | json | escape }} }{% endcapture %}{%- capture borderLayoutSetting %}noBorder{% endcapture -%}{% if borderLayoutSetting == 'noPadding' %} {% assign borderLayoutItem = 'no-padding' %}{% elsif borderLayoutSetting == 'hasPadding' %} {% assign borderLayoutItem = 'border-has-padding' %}{% elsif borderLayoutSetting == 'noPaddingImage' %} {% assign borderLayoutItem = 'border-no-padding-image' %}{% else %} {% assign borderLayoutItem = 'no-border' %}{% endif %}{% assign productLocale = '' %}{% if request.current_locale != "" or request.current_locale != null or request.current_locale != nil %} {% assign productLocale = request.current_locale %}{% endif %}{% assign variantUrl = '' %}{% if product.variant_id %} {% assign variantUrl = '?variant=' | append: product.variant_id %}{% endif %}<div class='boost-sd__product-item boost-sd__product-item--{{ borderLayoutItem }} boost-sd__product-item-grid-view-layout' id='{{ product.id }}' data-product-id='{{ productId }}' data-product='{{ productData | json_encode }}'>{%- capture aspectRatioSetting %}natural{% endcapture -%}{% capture hoverEffect %}reveal-second-image{% endcapture %}{% assign productImages = product.images_info %}{% if product.split_product %} {% assign productImages = product.original_images %}{% endif %}{%- comment -%} Consolidate GIF filtering logic based on settings {%- endcomment -%}{% assign noImageUrl = "https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" %}{% assign filteredImages = "" | split: "," %}{% assign nonGifImages = "" | split: "," %}{% if checkShowGif == false or checkShowGif == 'false' or checkShowGif == nil %} {% for img in productImages %}  {% assign img_url_clean = img.src | split: '?' | first | downcase %}  {% unless img_url_clean contains '.gif' %}   {% assign tmp = img.src | split: "___" %}   {% assign filteredImages = filteredImages | concat: tmp %}   {% assign nonGifImages = nonGifImages | concat: tmp %}  {% endunless %} {% endfor %}{% else %} {% assign filteredImages = productImages %} {% for img in productImages %}  {% assign img_url_clean = img.src | split: '?' | first | downcase %}  {% unless img_url_clean contains '.gif' %}   {% assign tmp = img.src | split: "___" %}   {% assign nonGifImages = nonGifImages | concat: tmp %}  {% endunless %} {% endfor %}{% endif %}<div class="boost-sd__product-item-grid-view-layout-image"><div class="boost-sd__product-link-image">  <div style="position: relative">            {%- comment -%} Consolidate hover effect logic {%- endcomment -%}   {% assign effectClasses = '' %}   {% assign hasSecondImage = false %}      {% if hoverEffect == 'zoom-in' or hoverEffect == 'reveal-second-image-and-zoom-in' %}    {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %}   {% endif %}      {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %}         {% if filteredImages.size > 1 %}      {% assign hasSecondImage = true %}     {% endif %}            {% comment %} Always add has-second-image class for reveal-second-image-and-zoom-in to ensure zoom works {% endcomment %}    {% if hasSecondImage or hoverEffect == 'reveal-second-image-and-zoom-in' %}     {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %}    {% endif %}   {% endif %}                {% assign aspectRatio = '' -%}   {% if aspectRatioSetting == 'natural' -%}    {% if hasGifData and mediaToDisplay.image %}     {% assign imageWidth = mediaToDisplay.image.width %}     {% assign imageHeight = mediaToDisplay.image.height %}    {% else %}     {% assign imageWidth = product.images_info[0].width %}     {% assign imageHeight = product.images_info[0].height %}    {% endif %}    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}   {% endif -%}   {%- comment -%} select video of gif prioritize {%- endcomment -%}   {% assign firstVideo = nil %}   {% assign firstGif = nil %}   {% assign hasVideoData = false %}   {% assign hasGifData = false %}   {% if product.media and product.media.size > 0 %}    {% for media_item in product.media %}     {% if media_item.mediaContentType == 'VIDEO' and firstVideo == nil %}      {% assign firstVideo = media_item %}      {% assign hasVideoData = true %}     {% elsif media_item.mediaContentType == 'IMAGE' and firstGif == nil %}      {% assign media_url_clean = media_item.image.originalSrc | split: '?' | first | lowercase %}      {% if media_url_clean contains '.gif' %}       {% assign firstGif = media_item %}       {% assign hasGifData = true %}      {% endif %}     {% endif %}    {% endfor %}   {% endif %}   {%- comment -%} prioritize video > gif > image {%- endcomment -%}   {% assign showMedia = false %}   {% assign mediaToDisplay = nil %}   {% if hasVideoData %}    {% assign mediaToDisplay = firstVideo %}    {% assign showMedia = true %}    {% assign mediaType = 'video' %}   {% elsif hasGifData %}    {% assign mediaToDisplay = firstGif %}    {% assign showMedia = true %}    {% assign mediaType = 'gif' %}   {% endif %}   {% assign finalShowMedia = false %}      <div class="boost-sd__product-image-wrapper {{ effectClasses }} boost-sd__product-image-wrapper--natural"    style="{{ aspectRatio }}">    {% assign firstImageObj = product.images_info[0] %}    {% assign hasImages = false %}    {% if firstImageObj and firstImageObj.src != blank %}     {% assign hasImages = true %}    {% endif %}    <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link boost-sd__product-image" {%- if request.previewMode != true %} href="{{ productLocale }}/products/{{ product.handle }}{{ variantUrl }}"{% endif -%}>     {% if finalShowMedia %}      {%- comment -%} CASE 1: VIDEO / GIF {%- endcomment -%}      {% if mediaType == 'video' %}       <div class="boost-sd__product-video-wrapper">        <video          class="boost-sd__product-image-img boost-sd__product-image-img--main"         muted loop playsinline         poster="{{ mediaToDisplay.preview.image.originalSrc }}"         preload="none"        >         {% for source in mediaToDisplay.sources %}          <source data-src="{{ source.url }}" type="{{ source.mime_type }}">         {% endfor %}        </video>       </div>      {% else %}       <img        id="product-image-{{ product.id }}"        class="boost-sd__product-image-img boost-sd__product-image-img--main"        alt="{{ product.title | escape }}"         src="{{ mediaToDisplay.image.originalSrc }}"        width="auto"        height="auto"       />      {% endif %}     {% elsif hasImages %}      {%- comment -%} NORMAL IMAGE {%- endcomment -%}      {% assign firstImageSrc = "" %}      {% if filteredImages.size > 0 %}       {% assign firstImageSrc = filteredImages[0] %}      {% else %}       {% assign firstImageSrc = noImageUrl %}      {% endif %}            {%- comment -%} Responsive image parameters {%- endcomment -%}      {% assign widthParam = "&width=" -%}      {% assign widths = "200,300,400,500,700,800" | split: "," -%}      {% assign maxWidth = 700 -%}      {% if request.device contains 'mobile' -%}       {% assign maxWidth = 400 -%}      {% endif -%}      {% assign productPerRow = 4 -%}      {% if request.productPerRow != blank -%}       {% assign productPerRow = request.productPerRow | plus: 0 -%}      {% endif -%}      {% if request.productImageWidth != blank -%}       {% assign imageWidth = request.productImageWidth | plus: 0 -%}       {% if imageWidth > maxWidth -%}        {% assign maxWidth = imageWidth -%}       {% endif -%}      {% endif -%}      {% if product.images_info[0] -%}       {% capture srcset -%}       {% for width in widths -%}        {% assign widthNo = width | plus: 0 %}        {% if widthNo < maxWidth -%}         {{ firstImageSrc }}{{ widthParam }}{{ width }} {{ width }}w,         {% else -%}          {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w         {% break -%}        {% endif -%}       {% endfor -%}      {% endcapture -%}       <img        id="product-image-{{ product.id }}"        class="boost-sd__product-image-img boost-sd__product-image-img--main"        {% if index and index < productPerRow -%}         loading="eager"        {% else -%}         loading="lazy"        {% endif -%}        decoding="async"        alt="{{ product.title | escape }}" src="{{ firstImageSrc }}&width=200" srcset="{{ srcset }}"        width="auto"        height="auto"       />      {% else %}       <img        class="boost-sd__product-image-img boost-sd__product-image-img--main"        alt="{{ product.title | escape }}"        src="{{ noImageUrl }}"        width="auto"        height="auto"       />      {% endif %}     {% else %}      {%- comment -%}CASE 3: NO IMAGE ONLY {%- endcomment -%}      <img       class="boost-sd__product-image-img boost-sd__product-image-img--main"       alt="{{ product.title | escape }}"       src="{{ noImageUrl }}"       width="auto"       height="auto"      />     {% endif %}     {% comment %} Only render second image block if there's potential for a second image {% endcomment %}     {% assign shouldRenderSecondImage = false %}     {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %}      {% if finalShowMedia and nonGifImages.size > 0 %}       {% assign shouldRenderSecondImage = true %}      {% elsif nonGifImages.size > 1 %}       {% assign shouldRenderSecondImage = true %}      {% endif %}     {% endif %}     {% if shouldRenderSecondImage %}      {% assign secondImage = nil %}      {% if finalShowMedia %}       {%- comment -%} When showing video/GIF, hover should show first normal image {%- endcomment -%}       {% if nonGifImages.size > 0 %}        {% assign secondImage = nonGifImages[0] %}       {% endif %}      {% else %}       {%- comment -%} When showing normal image, hover should show second image {%- endcomment -%}       {% if nonGifImages.size > 1 %}        {% assign secondImage = nonGifImages[1] %}       {% endif %}      {% endif %}      {% if secondImage != blank %}       {% capture secondImageSrcset %}        {% for width in widths %}         {% assign widthNo = width | plus: 0 %}         {% if widthNo < maxWidth %}          {{ secondImage }}{{ widthParam }}{{ width }} {{ width }}w,         {% else %}          {{ secondImage }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w          {% break %}         {% endif %}        {% endfor %}       {% endcapture %}       <img        width="auto"        height="auto"        {% if index and index < productPerRow -%}         loading="eager"        {% else -%}         loading="lazy"        {% endif -%}        class="boost-sd__product-image-img boost-sd__product-image-img--second"        alt="{{ product.title | escape }}"        aria-hidden="true"        src="{{ secondImage }}&width=200" srcset="{{ secondImageSrcset }}">      {% endif %}     {% endif %}    </a>                                    <div class="boost-sd__product-image-row boost-sd__product-image-row--top ">                        <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">        {% assign hideOtherLabelsWhenSoldOut = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign removePriceDecimal = false -%}{% assign showCentAsSuperscript = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% if hideOtherLabelsWhenSoldOut != true -%}   {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}  {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}   {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}   {% assign salePercent = percent | append: '%' -%}   {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}   {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">    <span class="boost-sd__product-label-text">     <span>{{ productItemSaleTranslated }}</span>    </span>   </div>  {% endif -%}    {% if product.available == false -%}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">    <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>   </div>  {% endif -%}  {% else -%} {% if product.available == false -%}     <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout">    <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>   </div>   {% else -%}     {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}   {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%}    {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}    {% assign salePercent = percent | append: '%' -%}    {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}    {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}    <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale">     <span class="boost-sd__product-label-text">      <span>{{ translatedText }}</span>     </span>    </div>   {% endif -%}     {% endif -%}{% endif -%}       </div>                                   </div>                 <div class="boost-sd__product-image-row boost-sd__product-image-row--bottom ">                                                                         <div class="boost-sd__product-image-column boost-sd__product-image-column--in-bottom boost-sd__product-image-column--right">                             {% assign currentVariant = product.variants[0] %} {% for v in product.variants %}  {% if v.id == product.variant_id %}   {% assign currentVariant = v %}   {% break %}  {% endif %} {% endfor %} {% capture metaData %}  {   "action": {    {% if product.variants.size == 1 or product.split_product %}     "addToCart": {      "productId": "{{ currentVariant.id }}",      {% assign sellingPlanId = '' %}      {% if currentVariant.preorder and currentVariant.preorder.sellingPlan %}       {% assign sellingPlanId = currentVariant.preorder.sellingPlan.id %}      {% endif %}      "selling_plan": {{ sellingPlanId | json | escape }}     }    {% else %}           {% if request.device contains 'mobile' %}       "quickView": {        "productId": "{{ product.id }}",        "fromSelectOptionBtn": true       }      {% else %}       "quickAddToCart": {        "productId": "{{ product.id }}",        "variant_id": "{{ product.variant_id }}"       }      {% endif %}                   {% endif %}   }  } {% endcapture %} {% assign variantPreorder = currentVariant.preorder %} {% assign buttonPreorder = '' %} {% if variantPreorder %}  {% assign buttonPreorder = buttonPreorder | append : ' boost-sd__button--preorder' %} {% endif %} {% assign buttonTextPreorder = '' %} {% if variantPreorder %}  {% assign buttonTextPreorder = buttonTextPreorder | append : ' boost-sd__button-text--preorder' %} {% endif %} {% assign preOrderLabel = 'Pre-Order' %} {% if variantPreorder.settings.buttonText != blank %}  {% assign preOrderLabel = variantPreorder.settings.buttonText %} {% endif %} {% assign selectOptionBtnLabel = '' %} {% if product.available == false %}  {% assign selectOptionBtnLabel = "productItem.soldoutLabel" | translate: translations, 'Sold out' %} {% elsif product.variants.size == 1 or product.split_product %}  {% assign selectOptionBtnLabel = "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' %}  {% if variantPreorder and currentVariant.inventory_management != null %}   {% assign selectOptionBtnLabel = preOrderLabel %}  {% endif %} {% else %}  {% assign selectOptionBtnLabel = "productItem.atcSelectOptionsLabel" | translate: translations, 'Choose options' %} {% endif %}   <button   aria-label='{{ selectOptionBtnLabel }}'   class='boost-sd__button boost-sd__button--select-option boost-sd__button--border boost-sd__button--show-on-hover boost-sd__button--hide-on-mobile boost-sd__button--rectangle{{ buttonPreorder }}'   type='button'   {% if product.available == false %}    disabled   {% endif %}   data-metadata='{{ metaData | json_encode }}'  >          <span class='boost-sd__icon boost-sd__icon--is-image boost-sd__icon--fill-current-color'></span>          <span class='boost-sd__button-text boost-sd__cta-button-text {{ buttonTextPreorder }}'>{{ selectOptionBtnLabel }}</span>           </button>                    {% capture metaData %}  {   "action": {    "quickView": {     "productId": "{{ product.id }}"    }   }  } {% endcapture %}   <button   aria-label='Quick view'   class='boost-sd__button boost-sd__button--border boost-sd__button--show-on-hover boost-sd__button--hide-on-mobile boost-sd__button--square boost-sd__button--quick-view'   type='button'   data-metadata='{{ metaData | json_encode }}'>       <span class='boost-sd__icon boost-sd__icon--is-image boost-sd__icon--fill-current-color'></span>                 </button>        </div>                       </div>       </div>             <div aria-modal="true" role="dialog" aria-label="Choose options for product {{ product.title | escape }}" class="boost-sd__popup-select-option" style="display: none">     <div tabindex="-1" class="boost-sd__popup-select-option-container">      {% for swatch in product.options_with_values -%}       <div class="boost-sd__product-swatch">        <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div>        <div class="boost-sd__product-swatch-options">        {% for value in swatch.values -%}          {% assign swatchBy = 'text' %}          {% assign backgroundSwatch = "background-color: " | append: value.title | strip_html | escape -%}          {% assign imageName = value.title | strip_html | downcase | strip | escape -%}          {% if imageName contains " " -%}           {% assign imageName = imageName | replace: ' ', "-" -%}          {% endif -%}          {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" -%}          {% if swatch.original_name == 'color' -%}           {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');" %}           {% assign swatchBy = 'color-and-image' %}          {% endif -%}          {% for variant in product.variants %}           {% assign options = variant.merged_options %}           {% if variant.original_merged_options != nil %}            {% assign options = variant.original_merged_options %}            {% endif %}           {% for option in options %}            {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %}            {% if currentOption contains " " %}             {% assign currentOption = currentOption | replace: ' ', "-" %}            {% endif %}            {% if currentOption == imageName and variant.image %}             {% assign backgroundSwatch = "background-image: url('" | append: variant.image | append: "');" %}              {% assign swatchBy = 'product-image' %}            {% endif %}           {% endfor %}          {% endfor %}         <div class="boost-sd__product-swatch-option" data-swatch-by="{{ swatchBy }}">          <div class="boost-sd__radio">           <div class="boost-sd__tooltip">            {% if swatch.original_name == 'color' -%}             <div class="boost-sd__tooltip-content" style="display: none;">{{ value.title | strip_html | escape }}</div>            {% endif -%}            <input             id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"             class="boost-sd__radio-input boost-sd__radio-input--hidden"             type="radio"             value="{{ value.title | strip_html | escape }}"             checked=""            />            {% if swatch.original_name == 'color' -%}             <label              role="radio"              tabindex="0"              aria-label="{{ swatch.original_name }}:{{ value.title }}"              for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"              class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large"              style="{{ backgroundSwatch }}"             >              {{ value.title | strip_html | escape }}             </label>            {% else -%}             <label              role="radio"              tabindex="0"              aria-label="{{ swatch.original_name }}:{{ value.title }}"              for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"              class="boost-sd__radio-label boost-sd__radio-label--in-quick-view"             >              {{ value.title | strip_html | escape }}             </label>            {% endif -%}           </div>          </div>         </div>        {% endfor -%}        </div>       </div>      {% endfor -%}     </div>     <button      type="button"      class="boost-sd__button boost-sd__button--primary boost-sd__button--add-to-cart boost-sd__button--full-width boost-sd__button--large boost-sd__btn-add-to-cart"     >      <span class="boost-sd__button-text boost-sd__cta-button-text">{{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}</span>     </button>     <button      type="button"      aria-label='{{ "close" | translate: translations, "Close" }}'      class="boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__popup-select-option-close-btn"     >      <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">       <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9024 3.56904C13.0325 3.43886 13.0325 3.22781 12.9024 3.09763C12.7722 2.96746 12.5611 2.96746 12.431 3.09763L8 7.5286L3.56904 3.09763C3.43886 2.96746 3.22781 2.96746 3.09763 3.09763C2.96746 3.22781 2.96746 3.43886 3.09763 3.56904L7.5286 8L3.09763 12.431C2.96746 12.5611 2.96746 12.7722 3.09763 12.9024C3.22781 13.0325 3.43886 13.0325 3.56904 12.9024L8 8.47141L12.431 12.9024C12.5611 13.0325 12.7722 13.0325 12.9024 12.9024C13.0325 12.7722 13.0325 12.5611 12.9024 12.431L8.47141 8L12.9024 3.56904Z" fill="#222222"></path>      </svg>     </button>    </div>        </div></div></div><div class="boost-sd__product-info-wrapper"><div class="boost-sd__product-info boost-sd__product-info--left">    <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link" {% if request.previewMode != true %} href="{{ productLocale }}/products/{{ product.handle }}{{ variantUrl }}"{% endif %}>   <div class="boost-sd__product-title" id="product-title-{{ product.id }}">    {{ product.title | escape }}   </div>  </a>       <div class="boost-sd__product-price" id="product-price-{{ product.id }}">    {% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}{% if product.variant_id != "" and product.variant_id != blank -%} {% assign currentVariantId = product.variant_id | times: 1 -%} {% for variant in product.variants -%}  {% if variant.id == currentVariantId -%}   {% assign minPrice = variant.price | times: 1.0 -%}   {% assign maxPrice = variant.price | times: 1.0 -%}   {% if variant.compare_at_price and variant.compare_at_price != "0.0" -%}    {% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%}   {% endif -%}   {% break -%}  {% endif -%} {% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%}  {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% if compareAtPriceMin > 0 %}  {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% else %}  {% assign salePercent = '0%' %} {% endif %}  {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%} {% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%} {% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}<div class="boost-sd__product-price-wrapper">  <span class="boost-sd__visually-hidden">   {% if isSale %}    Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %}   {% else %}    Regular price {{ priceValueWithFormat }}   {% endif %}  </span>  <span    aria-hidden="true"   class="boost-sd__product-price-content  boost-sd__product-price-content--text-align-left"  >   <span     class="{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}"    >    <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span>   </span>   {% if compareAtPriceWithFormat != '' -%}    <span     class="boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare"     >     <span class="boost-sd__format-currency">{{ compareAtPriceWithFormat }}</span>    </span>   {% endif -%}  </span>  {% if savingPriceWithFormat != '' -%}   <span     aria-hidden="true"    class="boost-sd__product-price--saving"   >    <span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span>   </span>  {% endif -%} </div>   </div>         {% assign swatches = '' %}   </div></div></div>   </div>  {% endfor %}  {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %}  {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %}  {% if numberOfRecommendProduct < numberOfProductPerRow %}   {% assign sliderPages = 1 %}   {% assign disable = "disabled" %}  {% else %}   {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %}   {% assign disable = "" %}  {% endif %} </div><div class="boost-sd__prev-button boost-sd__prev-button--inside">  <button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}>   <span class="boost-sd__icon">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__prev-button-icon">     <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>    </svg>   </span>  </button></div><div class="boost-sd__next-button boost-sd__next-button--inside">  <button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}>   <span class="boost-sd__icon" style="margin: 0px;">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__next-button-icon">     <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>    </svg>   </span>  </button></div>    <div class="boost-sd__watermark-powered-by-boost">  {{ "search.watermarkPoweredBy" | translate: translations, "Powered by" }}  <div class="boost-sd__watermark-highlight">   {{ "search.watermarkPoweredByBranch" | translate: translations, "Boost" }}  </div></div></div> {% else %}  {% assign bundleStyle = widgetDesignSettings.bundleStyle %}<div class="boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}"><div class="boost-sd__recommendation-bundle-left">  <div class="boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}">   {% for product in products %}    <div class="boost-sd__recommendation-bundle-image-item">     {% if product.checked %}      <a        aria-label="View product details for {{ product.title | escape }}"        class="boost-sd__product-link boost-sd__product-link-image"        href="/products/{{ product.handle }}">     {% endif %}      <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box">       <div class="boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}">        {% if product.images_info[0] %}         <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" />        {% else %}         <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" />        {% endif %}       </div>      </div>     {% if product.checked %}      </a>     {% endif %}     {% if bundleStyle == 'style2' %}      <div       class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}">       <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}">        <div class="boost-sd__recommendation-bundle-item-title">         {% if forloop.index0 == 0 %}          <span role="text" tabindex="0">           <b>This item:</b> {{ product.title | escape }}          </span>         {% elsif product.checked %}          <a class="boost-sd__product-link" href="/products/{{ product.handle }}">           {{ product.title | escape }}          </a>         {% else %}          <span role="text" tabindex="0">{{ product.title | escape }}</span>         {% endif %}        </div>        {%- if product.selectedOption.title != 'Default Title' -%}         <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">          <div            {% if product.checked %} tabindex="0" {% endif %}           role="combobox"           aria-label="Select an option"           aria-expanded="false"           aria-haspopup="true"            data-id="boost-sd__dropdown-{{ widgetId }}"           data-product-id="{{ product.id }}"           id="boost-sd__dropdown-{{ widgetId }}"            class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}">           <div class="boost-sd__dropdown-selected-option">            <span              aria-label="Current option: {{ product.selectedOption.title | escape }}"             class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span>            <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">             <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="#5C5F62"></path>            </svg>           </div>           <ul role="listbox"             data-id="boost-sd__dropdown-list-{{ widgetId }}"             id="boost-sd__dropdown-list-{{ widgetId }}"             class="boost-sd__dropdown-option-list">            {% for variant in product.variants %}            <li role="option"             aria-selected="{{ variant.title == product.selectedOption.title }}"              data-id="boost-sd__dropdown-option-{{ widgetId }}"             data-variant-id="{{ variant.id }}"             id="boost-sd__dropdown-option-{{ widgetId }}"              class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}">             {{ variant.title | escape }}            </li>            {% endfor %}           </ul>          </div>         </div>        {% endif %}        <div class="boost-sd__recommendation-bundle-checkbox">         <button type="button"          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 %}"          class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"          data-id="boost-sd__checkbox-{{ widgetId }}"          id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}"         ></button>        </div>        <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency">         <span>{{ product.selectedOption.price }}</span>        </span>       </div>      </div>     {% endif %}    </div>    {% unless forloop.last %}     <div      class="boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}">      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">       <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="#5C5F62"></path>      </svg>     </div>    {% endunless %}   {% endfor %}  </div>  {% if bundleStyle == 'style1' %}   {% for product in products %}    <div     class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}">     <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}">      <div class="boost-sd__recommendation-bundle-item-title">       <div class="boost-sd__recommendation-bundle-checkbox">        <button type="button"         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 %}"         class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"         data-id="boost-sd__checkbox-{{ widgetId }}"         id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}"        ></button>       </div>       {% if forloop.index0 == 0 %}        <span role="text" tabindex="0">         <b>This item:</b> {{ product.title | escape }}        </span>       {% elsif product.checked %}        <a class="boost-sd__product-link" href="/products/{{ product.handle }}">         {{ product.title | escape }}        </a>       {% else %}        <span role="text" tabindex="0">{{ product.title | escape }}</span>       {% endif %}      </div>      {%- if product.selectedOption.title != 'Default Title' -%}       <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">        <div          {% if product.checked %} tabindex="0" {% endif %}         role="combobox"         aria-label="Select an option"         aria-expanded="false"         aria-haspopup="true"          data-id="boost-sd__dropdown-{{ widgetId }}"         data-product-id="{{ product.id }}"         id="boost-sd__dropdown-{{ widgetId }}"          class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}">         <div class="boost-sd__dropdown-selected-option">          <span            aria-label="Current option: {{ product.selectedOption.title | escape }}"           class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span>          <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">           <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="#5C5F62"></path>          </svg>         </div>         <ul role="listbox"           data-id="boost-sd__dropdown-list-{{ widgetId }}"           id="boost-sd__dropdown-list-{{ widgetId }}"           class="boost-sd__dropdown-option-list">          {% for variant in product.variants %}          <li role="option"           aria-selected="{{ variant.title == product.selectedOption.title }}"            data-id="boost-sd__dropdown-option-{{ widgetId }}"           data-variant-id="{{ variant.id }}"           id="boost-sd__dropdown-option-{{ widgetId }}"            class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}">           {{ variant.title | escape }}          </li>          {% endfor %}         </ul>        </div>       </div>      {% endif %}      <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency">       <span>{{ product.selectedOption.price }}</span>      </span>          </div>    </div>   {% endfor %}  {% endif %} </div><div class="boost-sd__recommendation-bundle-right">  {% if hasSelectedProduct == true %}  <div role="text" tabindex="0" class="boost-sd__recommendation-bundle-total-price">   Total price:   <b class="boost-sd__recommendation-bundle-price-text">    <span class="boost-sd__format-currency">{{ totalPrice }}</span>   </b>  </div>  {% endif %}  <button type="button" {% if hasSelectedProduct == false %}disabled{% endif %}   class="boost-sd__button boost-sd__button--primary boost-sd__button--large boost-sd__button--round boost-sd__button--full-width boost-sd__btn-add-to-cart">   <span>Add to Cart</span>  </button></div></div> {% endif %}</div><style> #{{ widgetId }} .boost-sd__recommendation-title {  color: {{ widgetDesignSettings.titleTextColor }};  font-family: {{ widgetDesignSettings.titleFont }};  font-size: {{ widgetDesignSettings.titleFontSize }}px;  text-transform: {{ widgetDesignSettings.titleTextTransform }};  font-weight: {{ widgetDesignSettings.titleFontWeight }};  font-style: {{ widgetDesignSettings.titleFontStyle }}; }</style>`;
        
      
      
      
        
    ;template["searchTabCollectionsContent"]=`<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% assign currentLocale = '' %} {% if currentLocale != "" %} {% assign currentLocale = currentLocale %} {% endif %} {% for collection in collections %} <a tabindex="0" href="{{ currentLocale }}/collections/{{ collection.handle }}" class="boost-sd__search-result-panel-content-item">  <div class="boost-sd__search-result-panel-content-item-text">   <p class="boost-sd__search-result-panel-content-item-title">{{ collection.title | escape }}</p>  </div></a> {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize <= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize < totalCollection %} {% assign totalPage = totalCollection | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign toProduct = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center">  {% if currentPage != 1 %}  <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %}  {% for page_string in pagination %}  {% assign page = page_string | plus: 0 %}  {% if page == 0 %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button>  {% elsif page == request.page %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% else %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% endif %}  {% endfor %}  {% if currentPage != totalPage %}  <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %} </div> {% endif %}</div>`;
        
      
      
      
        
    ;template["searchTabPagesContent"]=`<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% for page in pages %} <a tabindex="0" href="{{ page.url }}" class="boost-sd__search-result-panel-content-item">  <div class="boost-sd__search-result-panel-content-item-text">   <p class="boost-sd__search-result-panel-content-item-title">{{ page.title | escape }}</p>  </div></a> {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize <= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize < totalPageTab %} {% assign totalPage = totalPageTab | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign toProduct = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center">  {% if currentPage != 1 %}  <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %}  {% for page_string in pagination %}  {% assign page = page_string | plus: 0 %}  {% if page == 0 %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button>  {% elsif page == request.page %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% else %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% endif %}  {% endfor %}  {% if currentPage != totalPage %}  <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %} </div> {% endif %}</div>`;
        
      
      
      
        
    ;template["searchTabCollectionsContentPagination"]=`{% assign pagination = currentPage | pagination_list: totalPage | split: "," %}{% assign toProduct = currentPage | times: pageSize %}<div class="boost-sd__pagination boost-sd__pagination--center"> {% if currentPage != 1 %} <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">  <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">    <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>   </svg>  </span></button> {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button> {% elsif page == request.page %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% else %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% endif %} {% endfor %} {% if currentPage != totalPage %} <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">  <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">    <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>   </svg>  </span></button> {% endif %}</div>`;
        
      
      
      
        
    ;template["placeholderFilterTree"]=`<div class='boost-sd-container'><div class='boost-sd-layout boost-sd-layout--has-filter-vertical'>  <div class='boost-sd-left boost-filter-tree-column'>      <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">    <div class="boost-sd__filter-tree-vertical boost-sd__filter-tree-vertical--hidden">     <div class="boost-sd__filter-tree-vertical-placeholder">      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-vertical-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span>       <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span>      </div>     </div>    </div>   </div>  </div>  <div class='boost-sd-right boost-product-listing-column'>      <div class="boost-sd__toolbar-container">    <div class="boost-sd__toolbar-inner">     <div class="boost-sd__toolbar-content">      <div class="boost-sd__toolbar boost-sd__toolbar--3_1">       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>      </div>     </div>    </div>   </div>      <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--3-col">    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>   </div>   <div class="boost-sd__pagination boost-sd__pagination--center">    <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span>   </div>  </div></div></div><style> .boost-sd__collection-header {  width: 100%;  height: 130px;  display: block;  background: -webkit-gradient(linear,    left top,    right top,    color-stop(8%, #eee),    color-stop(18%, #e6e6e6),    color-stop(33%, #eee));  background-color: #eee;  animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty {  display: block; } .boost-sd__collection-header .boost-sd__placeholder-item {  height: 130px; } @media only screen and (min-width: 992px) {  .boost-sd__collection-header,  .boost-sd__collection-header .boost-sd__placeholder-item {   height: 150px;  } } @keyframes banner-place-holder-shimmer {  0% {   background-position: -1500px 0;  }  100% {   background-position: 1500px 0;  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__filter-tree-vertical {  margin-top: 0;  margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder {  background: transparent;  width: 100%;  max-width: 100%;  display: none; } .boost-sd__filter-tree-vertical-placeholder-list {  margin: 30px 10px 0;  padding: 0;  list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item {  max-width: 100%;  padding: 20px 0;  display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child {  padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) {  border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder {  display: none; } @media only screen and (min-width: 992px) {  .boost-sd__filter-tree-vertical {   width: 272px;  }  .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical {   margin-right: 16px;   margin-left: 0;  }  .boost-sd__filter-tree-vertical-placeholder,  .boost-sd__filter-tree-horizontal-placeholder {   display: inline-block;  }  .boost-sd-layout--has-filter-horizontal {   flex-wrap: wrap;   margin-top: 0;  }  .boost-sd-layout--has-filter-horizontal .boost-sd-left,  .boost-sd-layout--has-filter-horizontal .boost-sd-right {   flex: 0 0 100%;  }  .boost-sd__filter-tree-horizontal {   width: 100%;  }  .boost-sd__filter-tree-horizontal-placeholder {   padding: 16px 0;   border-top: 1px solid #ebebeb;   width: 100%;   max-width: 100%;   background: transparent;  }  .boost-sd__filter-tree-horizontal-placeholder-list {   margin: 0;   padding: 0;   list-style: none;   border-bottom: 1px solid #e8e9eb;  }  .boost-sd__filter-tree-horizontal-placeholder-item {   border: none;   display: inline-block;   margin-right: 35px;   position: relative;  }  .boost-sd__filter-tree-horizontal-placeholder-button {   width: auto;   height: auto;   display: inline-block;   position: relative;   padding: 5px 15px 5px 0;   margin: 0;   min-height: auto;   min-width: 0;   border-radius: 0;   box-shadow: none;   background: none;   border: none;   letter-spacing: normal;   text-align: left;   cursor: pointer;  }  .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item {   width: 80px;   height: 10px;   display: inline-block;   margin: 0 15px 0 0;  }  .boost-sd__filter-tree-horizontal-placeholder-icon {   transform: rotate(-90deg);  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__toolbar-container {  width: 100%;  margin-bottom: 16px; } .boost-sd__toolbar-inner {  max-width: 1216px;  margin: 0 auto; } .boost-sd__toolbar-content {  border-bottom: 1px solid #ebebeb;  border-top: 1px solid #ebebeb;  padding: 16px 0; } .boost-sd__toolbar {  align-items: center;  width: 100%;  display: flex;  flex-wrap: wrap;  column-gap: 16px;  justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item {  flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child {  flex-basis: 100%;  margin-bottom: 16px; } @media only screen and (min-width: 992px) {  .boost-sd__toolbar-content {   display: flex;   align-items: center;   border-bottom: none;   padding: 16px 0 16px;   border-top: 1px solid #ebebeb;   border-bottom: 0;  }  .boost-sd__toolbar {   flex-wrap: inherit;  }  .boost-sd__toolbar .boost-sd__placeholder-item {   flex-basis: auto;  }  .boost-sd__toolbar .boost-sd__placeholder-item:first-child {   flex-basis: auto;   margin-bottom: 0;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item {   flex: 1;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) {   justify-content: center;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) {   justify-content: end;  } } .boost-sd__product-list-placeholder {  gap: 16px;  margin-bottom: 32px;  flex-wrap: wrap;  width: 100%;  display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item {  width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {  width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {  height: 222px; } .boost-sd__placeholder-list-item {  background: rgba(0, 0, 0, 0.07);  min-width: 50px;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item {  flex-direction: row;  display: flex;  width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group {  width: 100%;  padding-left: 16px;  display: flex;  flex-direction: column;  align-items: baseline;  gap: 16px;  text-align: left;  justify-content: center; } .boost-sd__placeholder-list-view-layout-image {  flex: 160px;  width: auto;  max-width: 160px;  height: 160px; } .boost-sd__pagination {  padding-top: 10px;  padding-bottom: 10px;  justify-content: center;  align-items: center;  display: flex; } @media only screen and (min-width: 576px) {  .boost-sd__product-list-placeholder {   gap: 32px;   margin-bottom: 64px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  } } @media only screen and (min-width: 992px) {  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) {   margin-bottom: 8px;  }  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child {   margin-bottom: 16px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 382px;  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 275px;  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 215px;  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 175px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item {   width: calc(25% - (32px - 32px / 4));  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item {   width: calc(20% - (32px - 32px / 5));  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(16.6666667% - (32px - 32px / 6));  } } .boost-sd-container * {  box-sizing: border-box; } .boost-sd__placeholder-item {  background: rgba(0, 0, 0, 0.07);  border-radius: 50rem;  min-width: 50px;  max-width: 100%;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__placeholder-item:empty {  display: block; } .boost-sd__placeholder-item:not(:last-child) {  margin-bottom: 18px; } .boost-sd-layout {  margin: 20px auto 0; } .boost-sd-left {  position: relative; } .boost-sd-layout .boost-sd-right {  width: 100%;  margin-bottom: 20px; } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } } @media only screen and (min-width: 992px) {  .boost-sd-layout {   display: flex;   max-width: 1216px;  }  .boost-sd-layout .boost-sd-right {   flex: auto;   max-width: 100%;  } }</style>`;
        
      
      
      
        
    ;template["preOrder"]=`<div class="boost-sd__product-form"><div class="boost-sd__product-form-quantity">  <p id="quantity-title" class="boost-sd__product-form-quantity-title">   {{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}  </p>  <div role="group" aria-labelledby="quantity-title" class="boost-sd__input-number boost-sd__input-number--md">   <div class="boost-sd__input-number-btn-wrapper">    <button type="button" aria-label="Decrease quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn">     <span aria-hidden="true">-</span>    </button>   </div>   <input id="item-quantity" type="number" aria-labelledby="quantity-title" aria-describedby="quantity-error" class="boost-sd__input-number-input" value="1" min="1" />   <div class="boost-sd__input-number-btn-wrapper">    <button type="button" aria-label="Increase quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn">     <span aria-hidden="true">+</span>    </button>   </div>  </div>  <div aria-live="assertive" id="quantity-error" class="boost-sd__product-form-quantity-error">   {{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}  </div></div><div class="boost-sd__preorder-options">      {% if product.variants %}  {% assign variants = product.variants %}  {% else %}  {% assign variants = variants %}  {% endif %}  {% for variant in variants %}  {% if variant.preorder and variant.inventory_management != null %}  {% assign paymentType = variant.preorder.payment.type %}  {% assign discountType = variant.preorder.payment.discountType %}  {% assign discountValue = variant.preorder.payment.discountValue %}  {% assign originalPrice = variant.price %}  {% assign paymentLabel = '' %}  {% if paymentType == 'full' %}  {% assign paymentLabel = 'Full payment' %}  {% endif %}  {% if paymentType == 'partial' %}  {% assign paymentLabel = 'Partial payment' %}  {% endif %}  {% if paymentType == 'none' %}  {% assign paymentLabel = 'No payment' %}  {% endif %}  {% capture showCurrencyCodes %}false{% endcapture %}  {% assign moneyFormat = request.money_format | strip_html -%}  {% if showCurrencyCodes == 'true' %}  {% assign moneyFormat = request.money_format_with_currency | strip_html -%}  {% endif %}  {% assign moneyRate = request.currency_rate | strip_html -%}  {% if discountType == 'percentage' %}  {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %}  {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %}  {% elsif discountType == 'amount' %}  {% assign discountValue = discountValue | times: moneyRate %}  {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %}  {% else %}  {% assign discountedPrice = originalPrice %}  {% endif %}  {% assign removePriceDecimal = false -%}  {% assign showCentAsSuperscript = false -%}  {% assign decimalDelimiter = '' -%}  {% assign withoutTrailingZeros = true -%}  {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}  {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}  {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %}  <div tabindex="0" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description" class="boost-sd__preorder" data-variant-id="{{ variant.id }}">   <div class="boost-sd__preorder-option">    <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2>    <div aria-live="polite" id="preorder-description" class="boost-sd__preorder-discount">     {% if discountType == 'percentage' %}     <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span>     {% elsif discountType == 'amount' %}     <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span>     {% endif %}     <div class="boost-sd__preorder-price">      {% if discountType != 'none' %}      <span aria-label="Original Price: {{ originalPriceFormat }}" class="boost-sd__preorder-original-price">{{ originalPriceFormat }}</span>      {% endif %}      <span aria-label="Discounted Price: {{ discountedPriceFormat }}" class="boost-sd__preorder-discounted-price">{{ discountedPriceFormat }}</span>     </div>    </div>   </div>  </div>  {% endif %}  {% endfor %}  {% assign buttonLabel = 'Pre-Order' %}  {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %}  {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %}  {% if preOrderButtonText and preOrderButtonText != '' %}  {% assign buttonLabel = preOrderButtonText %}  {% endif %}  <button type="button" aria-label='{{ buttonLabel }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder">   <span aria-hidden="true" class="boost-sd__button-text">    {{ buttonLabel }}   </span>  </button>  <p tabindex="0" class="boost-sd__preorder-note">   <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span>  </p></div><div class="boost-sd__purchase-options">  <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--purchase">   <span class="boost-sd__button-text">    {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}   </span>  </button>  <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now">   <span class="boost-sd__button-text">{{ "quickView.buyItNowBtnLabel" | translate: translations, 'Buy it now' }}</span>  </button></div></div>`;
        
      
      
      
        
    ;template["preOrderPlaceholder"]=`<div class="boost-sd__preorder-placeholder"><div class="boost-sd__preorder-placeholder-quantity-label">  <div class="boost-sd__placeholder-item" style="width: 65px; height: 20px;"></div></div><div class="boost-sd__preorder-placeholder-product-quantity">  <div class="boost-sd__placeholder-item" style="width: 160px; height: 38px;"></div></div><div class="boost-sd__preorder-placeholder-add-to-cart">  <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div></div><div class="boost-sd__preorder-placeholder-buy-it-now">  <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div></div></div>`;
        
      
      
      
        
    ;template["backInStock"]=`<div role="dialog" aria-hidden="true" aria-labelledby="boost-sd__bis-popup-title" aria-describedby="boost-sd__bis-popup-description" id="boost-sd__bis-notify-popup" class="boost-sd__bis-notify-popup"><div class="boost-sd__bis-popup-backdrop"></div><div class="boost-sd__bis-popup-container">  <div class="boost-sd__bis-popup-heading">      <button aria-label="Close popup" id="boost-sd__bis-close-popup" class="boost-sd__bis-close-button">    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label='{{ "close" | translate: translations, "Close" }}'>     <path d="M9.41385 8L15.7069 1.707C15.8944 1.51949 15.9997 1.26518 15.9997 1C15.9997 0.734825 15.8944 0.48051 15.7069 0.293002C15.5193 0.105494 15.265 0.000152588 14.9998 0.000152588C14.7347 0.000152588 14.4804 0.105494 14.2928 0.293002L7.99985 6.586L1.70685 0.293002C1.614 0.200157 1.50378 0.126509 1.38247 0.0762618C1.26117 0.0260146 1.13115 0.000152588 0.999849 0.000152588C0.868547 0.000152588 0.738531 0.0260146 0.617224 0.0762618C0.495916 0.126509 0.385694 0.200157 0.292849 0.293002C0.105341 0.48051 0 0.734825 0 1C0 1.26518 0.105341 1.51949 0.292849 1.707L6.58585 8L0.292849 14.293C0.105341 14.4805 0 14.7348 0 15C0 15.2652 0.105341 15.5195 0.292849 15.707C0.480357 15.8945 0.734673 15.9999 0.999849 15.9999C1.26503 15.9999 1.51934 15.8945 1.70685 15.707L7.99985 9.414L14.2928 15.707C14.3855 15.8002 14.4957 15.8741 14.617 15.9246C14.7383 15.9751 14.8684 16.001 14.9998 16.001C15.1313 16.001 15.2614 15.9751 15.3827 15.9246C15.504 15.8741 15.6142 15.8002 15.7069 15.707C15.7998 15.6142 15.8735 15.504 15.9238 15.3827C15.9742 15.2614 16 15.1313 16 15C16 14.8687 15.9742 14.7386 15.9238 14.6173C15.8735 14.496 15.7998 14.3858 15.7069 14.293L9.41385 8Z" fill="#5C5F62" />    </svg>   </button>      <p id="boost-sd__bis-popup-title" class="boost-sd__bis-popup-title">Notify me</p>  </div>  <div class="boost-sd__bis-popup-content">      <p id="boost-sd__bis-popup-description" class="boost-sd__bis-popup-description">    Get a notification as soon as this product is back in stock by signing up below!   </p>      {% if filteredVariants.size > 0 and filteredVariants[0].title != 'Default Title' %}   <label for="boost-sd__bis-dropdown-variant" class="boost-sd__bis-dropdown-label">Select variant</label>   <div aria-label="Select an option" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-controls="boost-sd__bis-dropdown-list" aria-activedescendant="" data-id="boost-sd__bis-dropdown-variant" id="boost-sd__bis-dropdown-variant" class="boost-sd__bis-dropdown-variant">    <div role="button" aria-labelledby="boost-sd__bis-dropdown-selected-option" aria-label="Press to toggle dropdown" tabindex="0" id="boost-sd__bis-dropdown-selected-option" class="boost-sd__bis-dropdown-selected-option">     <span aria-label="Current option: {{ filteredVariants[0].title | escape }}" class="boost-sd__bis-dropdown-option-text" title="{{ filteredVariants[0].title | escape }}">      {{ filteredVariants[0].title | escape }}     </span>     <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">      <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>     </svg>    </div>    <ul role="listbox" aria-labelledby="boost-sd__bis-dropdown-selected-option" data-id="boost-sd__bis-dropdown-list" tabindex="-1" id="boost-sd__bis-dropdown-list" class="boost-sd__bis-dropdown-option-list">     {% for variant in filteredVariants %}     <li role="option" tabindex="-1" aria-selected="false" data-id="boost-sd__bis-dropdown-option-item-{{ forloop.index }}" id="boost-sd__bis-dropdown-option-item-{{ forloop.index }}" class="boost-sd__bis-dropdown-option-item" data-variant-id="{{ variant.id }}">      {{ variant.title | escape }}     </li>     {% endfor %}    </ul>   </div>   {% endif %}      <label for="boost-sd__bis-email-input" class="boost-sd__bis-email-label">Email address</label>   <input type="email" aria-describedby="boost-sd__bis-email-error" id="boost-sd__bis-email-input" class="boost-sd__bis-email-input" placeholder="Enter your email" />   <span aria-live="polite" id="boost-sd__bis-email-error" class="boost-sd__bis-email-error">Please input a valid email address</span>      <label for="boost-sd__bis-phone-input" class="boost-sd__bis-phone-label">SMS</label>   <div class="boost-sd__bis-phone-container">    <button type="button" aria-haspopup="listbox" class="boost-sd__bis-phone-button">     <img id="boost-sd__bis-phone-selected-flag" class="boost-sd__bis-phone-selected-flag" src="{{ 'https://flagcdn.com/ca.svg' | asset_url }}" alt="Canada">     <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M7.09832 3.98e-07L0.901685 -1.43e-07C0.15069 -2.09e-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.63e-07 7.09832 3.98e-07Z" fill="#222222" />     </svg>    </button>    <input type="tel" aria-describedby="boost-sd__bis-phone-error" id="boost-sd__bis-phone-input" class="boost-sd__bis-phone-input" placeholder="(+1) XXX-XXXX" data-country-code="+1" data-country-format="(XXX) XXX-XXXX">   </div>   <div aria-expanded="false" class="boost-sd__bis-phone-dropdown" id="boost-sd__bis-phone-dropdown">    <input type="text" id="boost-sd__bis-search-country" class="boost-sd__bis-search-country" placeholder="Search country...">    <div id="boost-sd__bis-country-options" class="boost-sd__bis-country-options"></div>   </div>   <span aria-live="polite" id="boost-sd__bis-phone-error" class="boost-sd__bis-phone-error">Please input a valid phone number</span>      <button aria-disabled="true" id="boost-sd__bis-submit-button" class="boost-sd__bis-submit-button" disabled>    Notify me when available   </button>  </div></div></div><div aria-hidden="true" aria-live="polite" id="boost-sd__bis-success-banner" class="boost-sd__bis-success-banner"><svg id="boost-sd__bis-success-banner-icon" class="boost-sd__bis-success-banner-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0C4.486 0 0 4.486 0 10ZM15.2071 8.20711C15.5976 7.81658 15.5976 7.18342 15.2071 6.79289C14.8166 6.40237 14.1834 6.40237 13.7929 6.79289L9 11.5858L6.70711 9.29289C6.31658 8.90237 5.68342 8.90237 5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L15.2071 8.20711Z" fill="white" /></svg><span id="boost-sd__bis-success-banner-text" class="boost-sd__bis-success-banner-text">We will notify you when the item is available</span></div>`;
        
      
      
      
        
    ;template["countdownTimer"]=`<div class="boost-sd__countdown-timer" data-campaign-id="{{ campaignId }}" {% if cta.type == 'entire' and cta.link %} data-timer-cta-link="{{ cta.link | escape }}" role="link" tabindex="0" aria-label="{{ header | strip_html | escape }}" style="cursor: pointer;" {% endif %}><div class="boost-sd__countdown-timer-content">  {% if header != blank %}  <div class="boost-sd__countdown-timer-header">   {{ header | strip_html | escape }}  </div>  {% endif %}  {% if upsellTitle != blank %}  <div class="boost-sd__countdown-timer-upsell">   {{ upsellTitle | strip_html | escape }}  </div>  {% endif %} </div><div class="boost-sd__countdown-timer-digits" role="timer" aria-live="off" aria-atomic="true" aria-label="Countdown timer">  <div class="boost-sd__countdown-timer-unit {% if hideDays %}boost-sd__countdown-timer-unit--hidden{% endif %}" data-timer-unit-days>   <span class="boost-sd__countdown-timer-value" data-timer-days>{{ days }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.days }}</span>  </div>  <span class="boost-sd__countdown-timer-separator {% if hideDays %}boost-sd__countdown-timer-separator--hidden{% endif %}" data-timer-separator-days aria-hidden="true">:</span>  <div class="boost-sd__countdown-timer-unit">   <span class="boost-sd__countdown-timer-value" data-timer-hours>{{ hours }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.hours | escape }}</span>  </div>  <span class="boost-sd__countdown-timer-separator" aria-hidden="true">:</span>  <div class="boost-sd__countdown-timer-unit">   <span class="boost-sd__countdown-timer-value" data-timer-minutes>{{ minutes }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.minutes | escape }}</span>  </div>  <span class="boost-sd__countdown-timer-separator" aria-hidden="true">:</span>  <div class="boost-sd__countdown-timer-unit">   <span class="boost-sd__countdown-timer-value" data-timer-seconds>{{ seconds }}</span>   <span class="boost-sd__countdown-timer-label">{{ labels.seconds | escape }}</span>  </div></div> {% if cta.type == 'button' and cta.link %} <div class="boost-sd__countdown-timer-cta">  <a href="{{ cta.link | escape }}" class="boost-sd__button boost-sd__countdown-timer-button">   {{ cta.buttonText | escape }}  </a></div> {% endif %}</div>`;
        
      
      
      
        
    ;template["countdownTimerPlaceholder"]=`<div class="boost-sd__countdown-timer-pl"><div class="boost-sd__countdown-timer-pl-title skeleton"> </div><div class="boost-sd__countdown-timer-pl-subtitle skeleton"> </div><div class="boost-sd__countdown-timer-pl-digits">  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div>  <div class="boost-sd__countdown-timer-pl-separator">:</div>  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div>  <div class="boost-sd__countdown-timer-pl-separator">:</div>  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div>  <div class="boost-sd__countdown-timer-pl-separator">:</div>  <div class="boost-sd__countdown-timer-pl-box">   <div class="boost-sd__countdown-timer-pl-number skeleton"> </div>   <div class="boost-sd__countdown-timer-pl-label skeleton"> </div>  </div></div><div class="boost-sd__countdown-timer-pl-button skeleton"> </div></div><style> .boost-sd__countdown-timer-pl {  width: 100%;  max-width: 920px;  margin: 0 auto;  background: #f8f8f8;  border: 1px solid #dedede;  border-radius: 20px;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);  padding: 24px 24px 20px;  text-align: center; } .boost-sd__countdown-timer-pl .skeleton {  position: relative;  overflow: hidden;  background: #dcdcdc; } .boost-sd__countdown-timer-pl .skeleton::after {  content: "";  position: absolute;  inset: 0;  transform: translateX(-100%);  background: linear-gradient(90deg,    rgba(255, 255, 255, 0) 0%,    rgba(255, 255, 255, 0.65) 50%,    rgba(255, 255, 255, 0) 100%);  animation: boost-sd-countdown-shimmer 1.4s infinite; } .boost-sd__countdown-timer-pl-title {  width: 220px;  height: 28px;  border-radius: 8px;  margin: 0 auto 8px; } .boost-sd__countdown-timer-pl-subtitle {  width: 150px;  height: 20px;  border-radius: 8px;  margin: 0 auto 20px; } .boost-sd__countdown-timer-pl-digits {  display: flex;  align-items: center;  justify-content: center;  gap: 4px; } .boost-sd__countdown-timer-pl-box {  flex: 1 1 0;  min-width: 60px;  max-width: 130px;  aspect-ratio: 11 / 9;  background: linear-gradient(180deg, #e8e8e8 0%, #ffffff 100%);  border-radius: 20px;  border: 1px solid #ececec;  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  gap: 12px;  padding: 15px 0; } .boost-sd__countdown-timer-pl-separator {  font-weight: 400;  font-size: 20px;  line-height: 1;  color: #2a2a2a;  transform: translateY(-8px); } .boost-sd__countdown-timer-pl-number {  width: 50px;  height: 32px;  border-radius: 8px; } .boost-sd__countdown-timer-pl-label {  width: 40px;  height: 14px;  border-radius: 6px; } .boost-sd__countdown-timer-pl-button {  width: 100%;  height: 40px;  border-radius: 8px;  margin: 16px auto 0; } @keyframes boost-sd-countdown-shimmer {  100% {   transform: translateX(100%);  } } @media (max-width: 768px) {  .boost-sd__countdown-timer-pl {   padding: 16px 10px;  }  .boost-sd__countdown-timer-pl-subtitle {   margin: 0 auto 10px;  }  .boost-sd__countdown-timer-pl-separator {   transform: translateY(-10px);  } } @media (max-width: 520px) {  .boost-sd__countdown-timer-pl-separator {   display: none;  }  .boost-sd__countdown-timer-pl-title {   width: 180px;   height: 24px;  }  .boost-sd__countdown-timer-pl-subtitle {   width: 120px;   height: 16px;  } }</style>`;
        
      
    ;return{templateUrl:"https://services.mybcapps.com/bc-sf-filter/ssr-template",templateId,templateMetadata,template,templateSettings}}};TemplateManagement.moduleName="TemplateManagement";var TierDiscountBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const tierDiscountBundleDom=document.querySelector(".boost-sd__widget-tier-discount-bundle");if(!tierDiscountBundleDom){return}this.block={id:tierDiscountBundleDom.id||"bc-tier-discount-bundle",document:tierDiscountBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,tierDiscountBundleDom,"tierDiscountBundle");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};TierDiscountBundle.moduleName="TierDiscountBundle";var VolumeBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const volumeBundleDom=document.querySelector(".boost-sd__widget-volume-bundle");if(!volumeBundleDom){return}this.block={id:volumeBundleDom.id||"bc-volume-bundle",document:volumeBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,volumeBundleDom,"volumeBundle");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};VolumeBundle.moduleName="VolumeBundle";var application=new Application().loadModule(AppSettings).loadModule(ShopifyDataObject).loadModule(ShopifyMetafield).loadModule(TemplateManagement).loadModule(CollectionFilter).loadModule(AdditionalElement).loadModule(Search).loadModule(Recommendation).loadModule(Cart).loadModule(Analytics).loadModule(B2B).loadModule(BackInStock).loadModule(VolumeBundle).loadModule(TierDiscountBundle).loadModule(PredictiveBundle).loadModule(PreOrder).loadModule(CountdownTimer).loadModule(SimplifiedIntegration).loadModule(SEOEnhancement).loadModule(Fallback).loadModule(AssetFilesLoader).loadModule(BackwardCompatibilityV1);application.start();function getBoostTAE(){return application}})();</script><style>.boost-sd__filter-product-list img[loading=lazy]{display:none}</style><script type="text/javascript">(function a(){!window.boostWidgetIntegration&&(window.boostWidgetIntegration={});const b=window.boostWidgetIntegration;!b.taeSettings&&(b.taeSettings={});const c=b.taeSettings;c.instantSearch={enabled:!0}})()</script>
<link rel="preconnect" href="https://cdn.ecomposer.app" crossorigin>
<link rel="dns-prefetch" href="https://cdn.ecomposer.app">

<style class="ecom-theme-helper">.ecom-animation{opacity:0}.ecom-animation.animate,.ecom-animation.ecom-animated{opacity:1}.ecom-cart-popup{display:grid;position:fixed;inset:0;z-index:9999999;align-content:center;padding:5px;justify-content:center;align-items:center;justify-items:center}.ecom-cart-popup::before{content:' ';position:absolute;background:#e5e5e5b3;inset:0}.ecom-ajax-loading{cursor:not-allowed;pointer-events:none;opacity:.6}#ecom-toast{visibility:hidden;max-width:50px;height:60px;margin:auto;background-color:#333;color:#fff;text-align:center;border-radius:2px;position:fixed;z-index:1;left:0;right:0;bottom:30px;font-size:17px;display:grid;grid-template-columns:50px auto;align-items:center;justify-content:start;align-content:center;justify-items:start}#ecom-toast.ecom-toast-show{visibility:visible;animation:ecomFadein .5s,ecomExpand .5s .5s,ecomStay 3s 1s,ecomShrink .5s 4s,ecomFadeout .5s 4.5s}#ecom-toast #ecom-toast-icon{width:50px;height:100%;box-sizing:border-box;background-color:#111;color:#fff;padding:5px}#ecom-toast .ecom-toast-icon-svg{width:100%;height:100%;position:relative;vertical-align:middle;margin:auto;text-align:center}#ecom-toast #ecom-toast-desc{color:#fff;padding:16px;overflow:hidden;white-space:nowrap}@media(max-width:768px){#ecom-toast #ecom-toast-desc{white-space:normal;min-width:250px}#ecom-toast{height:auto;min-height:60px}}.ecom__column-full-height{height:100%}@keyframes ecomFadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes ecomExpand{from{min-width:50px}to{min-width:var(--ecom-max-width)}}@keyframes ecomStay{from{min-width:var(--ecom-max-width)}to{min-width:var(--ecom-max-width)}}@keyframes ecomShrink{from{min-width:var(--ecom-max-width)}to{min-width:50px}}@keyframes ecomFadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}</style>

<script id="ecom-theme-helpers" async>
window.EComposer=window.EComposer||{};(function(){if(!this.configs)this.configs={};this.configs.ajax_cart={enable:false};this.customer=false;this.initQuickview=function(){};
this.proxy_path='/apps/ecomposer-visual-page-builder';
this.popupScriptUrl='https://cdn.shopify.com/extensions/019e7143-52dc-7036-9424-f6c00b97284b/ecomposer-128/assets/ecom_popup.js';
this.routes={domain:'https://ewartwoods.com',root_url:'/de',collections_url:'/de/collections',all_products_collection_url:'/de/collections/all',cart_url:'/de/cart',cart_add_url:'/de/cart/add',cart_change_url:'/de/cart/change',cart_clear_url:'/de/cart/clear',cart_update_url:'/de/cart/update',product_recommendations_url:'/de/recommendations/products'};
this.queryParams={};
if(window.location.search.length){new URLSearchParams(window.location.search).forEach((value,key)=>{this.queryParams[key]=value})}
this.money_format="€{{amount_with_comma_separator}}";
this.money_with_currency_format="€{{amount_with_comma_separator}} EUR";
this.currencyCodeEnabled=null;this.abTestingData = [];this.formatMoney=function(t,e){const r=this.currencyCodeEnabled?this.money_with_currency_format:this.money_format;function a(t,e){return void 0===t?e:t}function o(t,e,r,o){if(e=a(e,2),r=a(r,","),o=a(o,"."),isNaN(t)||null==t)return 0;var n=(t=(t/100).toFixed(e)).split(".");return n[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+r)+(n[1]?o+n[1]:"")}"string"==typeof t&&(t=t.replace(".",""));var n="",i=/\{\{\s*(\w+)\s*\}\}/,s=e||r;switch(s.match(i)[1]){case"amount":n=o(t,2);break;case"amount_no_decimals":n=o(t,0);break;case"amount_with_comma_separator":n=o(t,2,".",",");break;case"amount_with_space_separator":n=o(t,2," ",",");break;case"amount_with_period_and_space_separator":n=o(t,2," ",".");break;case"amount_no_decimals_with_comma_separator":n=o(t,0,".",",");break;case"amount_no_decimals_with_space_separator":n=o(t,0," ");break;case"amount_with_apostrophe_separator":n=o(t,2,"'",".")}return s.replace(i,n)};
this.resizeImage=function(t,e){try{if(!e||"original"==e||"full"==e||"master"==e)return t;if(-1!==t.indexOf("cdn.shopify.com")||-1!==t.indexOf("/cdn/shop/")){var r=t.match(/\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif|webp)((\#[0-9a-z\-]+)?(\?v=.*)?)?$/gim);if(null==r)return null;var a=t.split(r[0]),o=r[0];return a[0]+"_"+e+o}}catch(r){return t}return t};
this.getProduct=function(t){if(!t)return!1;let e=("/"===this.routes.root_url?"":this.routes.root_url)+"/products/"+t+".js?shop="+Shopify.shop;return window.ECOM_LIVE&&(e="/shop/builder/ajax/ecom-proxy/products/"+t+"?shop="+Shopify.shop),window.fetch(e,{headers:{"Content-Type":"application/json"}}).then(t=>t.ok?t.json():false)};
const u=new URLSearchParams(window.location.search);if(u.has("ecom-redirect")){const r=u.get("ecom-redirect");if(r){let d;try{d=decodeURIComponent(r)}catch{return}d=d.trim().replace(/[\r\n\t]/g,"");if(d.length>2e3)return;const p=["javascript:","data:","vbscript:","file:","ftp:","mailto:","tel:","sms:","chrome:","chrome-extension:","moz-extension:","ms-browser-extension:"],l=d.toLowerCase();for(const o of p)if(l.includes(o))return;const x=[/<script/i,/<\/script/i,/javascript:/i,/vbscript:/i,/onload=/i,/onerror=/i,/onclick=/i,/onmouseover=/i,/onfocus=/i,/onblur=/i,/onsubmit=/i,/onchange=/i,/alert\s*\(/i,/confirm\s*\(/i,/prompt\s*\(/i,/document\./i,/window\./i,/eval\s*\(/i];for(const t of x)if(t.test(d))return;if(d.startsWith("/")&&!d.startsWith("//")){if(!/^[a-zA-Z0-9\-._~:/?#[\]@!$&'()*+,;=%]+$/.test(d))return;if(d.includes("../")||d.includes("./"))return;window.location.href=d;return}if(!d.includes("://")&&!d.startsWith("//")){if(!/^[a-zA-Z0-9\-._~:/?#[\]@!$&'()*+,;=%]+$/.test(d))return;if(d.includes("../")||d.includes("./"))return;window.location.href="/"+d;return}let n;try{n=new URL(d)}catch{return}if(!["http:","https:"].includes(n.protocol))return;if(n.port&&(parseInt(n.port)<1||parseInt(n.port)>65535))return;const a=[window.location.hostname];if(a.includes(n.hostname)&&(n.href===d||n.toString()===d))window.location.href=d}}
}).bind(window.EComposer)();
if(window.Shopify&&window.Shopify.designMode&&window.top&&window.top.opener){window.addEventListener("load",function(){window.top.opener.postMessage({action:"ecomposer:loaded"},"*")})}
</script>
<script type="text/template" id="ecom-template-html"><div id="ecom-toast"><div id="ecom-toast-icon"><svg xmlns="http://www.w3.org/2000/svg" class="ecom-toast-icon-svg ecom-toast-icon-info" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
<svg class="ecom-toast-icon-svg ecom-toast-icon-success" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z"/></svg>
</div><div id="ecom-toast-desc"></div></div></script><script src="https://cdn.shopify.com/extensions/019e8e5f-61b2-768e-ad45-f251bf474944/judgeme-553/assets/loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019e7143-52dc-7036-9424-f6c00b97284b/ecomposer-128/assets/ecom.js" type="text/javascript" defer="defer"></script>
</head>

Besondere Hinweise an den Verkäufer

Zwischensumme

€0,00

Rabattcodes, Versandkosten und Steuern werden bei der Bezahlung berechnet.

Ich stimme den Nutzungsbedingungen zu

Ihr Einkaufswagen ist im Moment leer.

SYROS Collection • 10% OFF with code SYROS10 • Until May 29

Schwebende Kollektion

72 Produkte

Sortieren

72 Produkte

Reduziert

Wood curved floating wall shelf in walnut color with white interior

Schwebendes Wandregal aus Holz Welle

€133,95 Von €101,95 Sparen €32,00

Reduziert

Wood floating curved wall shelf in wenge color

Schwebendes Wandregal CurveLine

€102,95 Von €71,95 Sparen €31,00

Wood wall mounted floating nightstand with white interior

Schwebender Nachttisch Klein

€155,95

Reduziert

Schwebendes Wandregal klein CurveLine

€64,95 Von €45,95 Sparen €19,00

Wall mounted towel holder with shelf wenge

Handtuchhalter mit Ablage in Wellenform

Von €64,95

metal floating nightstand rusted design with walnut surface

Verrosteter schwebender Nachttisch

€155,95

Wooden floating toilet roll holder in ash color

Toilettenpapierhalter - Brücke

Von €64,95

Wall mounted floating set of 3 rusted metal shelves in different dimensions

Rustikale Metallregale (Set von 3)

Von €46,95

Toilettenpapierhalter mit Regal

€36,95

Wall mounted metal floating brass shelf in geometric shape

Wandregal aus Messing

€275,95

Reduziert

toilet paper holder from wood wall mounted wave form white color

Toilettenpapier-Aufbewahrungswand - WAVE

€57,95 Von €43,95 Sparen €14,00

Wooden wall mounted toilet roll holder drop

Toilettenpapierhalter – DROP

€52,95

Wooden wall shelf with a cloud-like, curved design holding five rolls of toilet paper, mounted on white tiled walls in a modern bathroom next to a toilet and towel rack.

Weißer Toilettenpapierhalter - CLOUD

€48,95

Schwebende Wandregale 3er-Set LOOP

Von €161,95

Weißer schwebender kleiner Nachttisch

€155,95

wall mounted toilet paper holder in U form in walnut wood

Toilettenpapierhalter U-Form

€43,95

Wood curved floating shelf with solid middle wave section

Close-up view of wood curved floating shelf with solid middle wave section, along with manufacturer specifics

Schwebendes Wellen-Wandregal, gefüllt

Von €177,95

Front view of a cherry wood curved toilet paper holder, holding five rolls of toilet paper in a neat arrangement.

Toilettenpapier regal holz-SMILE

€46,95

Curved wooden floating shelf with solid middle wave section

Close-up of wood curved floating propeller design shelf with manufacturer specifics

Skulpturales Wellenregal

Von €177,95

Floating nightstand set of 2 in oak color with white interior

Weiße schwebende Nachttische, 2er-Set

€353,95

Rustikale Metallregale (Set von 3)

Von €46,95

wooden wall hooks for hats, helmets, bags

Motorrad-Helm-Haken, Holzhaken

Von €41,95

Reduziert

Simple wooden floating shelf in ash wood finish

Weißes klassisches schwebendes Wandregal - Einfache Wellenform

€91,95 Von €84,95 Sparen €7,00

Wall mounted wooden toilet paper holder hexagon wall mounted for 2 rolls

Wall mounted wooden toilet roll holder in hexagon shape with manufacturer specifics

Toilettenpapierhalter MINI Honeycomb

Von €37,95

Reduziert

Unique geometric floating wall shelf wooden from a different angle

Connecting parts for curved wooden shelf close-up look with item details

Schwebendes Wandregal im S-Design

€158,95 Von €127,95 Sparen €31,00

Reduziert

Schwebendes Wandregal aus Holz Welle

€133,95 Von €101,95 Sparen €32,00

Reduziert

Red half-circle wall shelf with a white vase holding a plant, attached to the wall with visible screws, set against a plain white background.

Kleines Metall-Wandregal, Pflanzenregal, Regal für Dekorationen

€42,95 €41,95 Sparen €1,00

Reduziert

Close-up of a white ceramic vase and a gold-painted pinecone displayed on a sleek white metal floating shelf with an elliptical shape, showcasing a minimalist design.

Metall-Wandregal ELLIPSE

€47,95 Von €37,95 Sparen €10,00

Three floating wooden shelves with geometric, zigzag designs mounted on a dark gray wall. The shelves hold a variety of items, including books, small potted cacti, and framed photographs.

Close-up of a zigzag shelf made of light-colored wood, with clean, sharp edges, mounted on a gray wall. The shelf holds a small potted cactus.

Schwebende Wandregale Geometrisch (Set von 3)

€198,95

Minimalist wall shelf featuring a sleek, powder-coated metal surface with contrasting dark wood accents, ideal for modern decor.

Floating metal shelf with golden screws and manufacturer specifics

Schwebendes Metalls Regal mit Holzpaneelen, Wandmontage

Von €35,95

Reduziert

Wall hanging shelf with rounded edges - EWART WOODS

Wandregal mit abgerundeten Kanten

€31,95 Von €23,95 Sparen €8,00

Reduziert

Holz-Klassisches Schweberegal – Simple Wave

€91,95 Von €84,95 Sparen €7,00

Reduziert

Hexagonal shelf with dark green metal sides and wooden surfaces, featuring a potted plant on the top shelf and a framed minimalist line drawing alongside a reed diffuser on the bottom shelf.

Schwebendes Wandregal Sechseck

€88,95 €70,95 Sparen €18,00

Toilet paper holder wall mounted Bricks - EWART WOODS

Wandmontierter Toilettenpapierhalter Bricks

Von €48,95

Three teal metal cactus-shaped wall hooks holding a pink tote bag, a colorful towel, and a black and white tote bag against a white wall.

Turquoise metal wall hook in the shape of a cactus, featuring a perforated texture and visible screws, mounted on a white wall, holding a pink tote bag.

Kaktus-Haken (Set aus 6)

€49,95

Reduziert

Sleek black metal wall bracket with a curved design, offering durability and a minimalist look. It holds a ribbed green container and a glass reed diffuser, blending functionality with contemporary style.

Schwebendes Wandregal aus Metall

€20,95 €16,95 Sparen €4,00

Reduziert

Black wall-mounted half-circle shelf holding stacked hexagonal wooden office organizers.

Color variations for a wall-mounted half-circle shelf, available in white, green, yellow, red, blue, black, and untreated metal.

Schwebendes Metall-Wandregal für Pflanzen

€40,95 €36,95 Sparen €4,00

Reduziert

Elegant wall-mounted planter with a semi-circular, matte black metal base, perfect for adding greenery to modern spaces.

Matte black, semi-circular metal wall planter with a minimalist design and concealed mounting screws.

Schwebendes Metall-Wandregal für Pflanzen (MIT LOCH)

€40,95 €36,95 Sparen €4,00

Reduziert

White metal wall shelf shaped like a face, featuring three shelves for displaying objects such as a glass jar.

Creative white wall shelf in the shape of a face, with three floating shelves for decorative items or storage.

Einzigartiges Regal in Form eines Gesichts

€35,95 €25,95 Sparen €10,00

Reduziert

Wall floating plant shelf with spaces - EWART WOODS

Schwebendes Pflanzenregal mit Zwischenräumen für die Wandmontage

€42,95 €38,95 Sparen €4,00

Reduziert

Modern, semicircular black metal shelf with a matte finish and a striped, arched back, holding a ribbed dark green container.

Overview of a half-circle metal shelf with a striped, curved back, presented in white. A list of available colors includes White, Green, Yellow, Red, Blue, Black, and Raw Metal.

Schwebendes Wandregal, Halbkreis mit Abständen

€23,95 €20,95 Sparen €3,00

Reduziert

Black metal decorative shelf with a modern, arch design, holding a green candle holder on a round base.

Black metal wall shelf with an arch design, holding a green decorative item, displayed with color variations including white, green, yellow, red, blue, black, and untreated metal.

Schwebendes Wandpflanzenregal aus Metall mit Abständen

€32,95 €30,95 Sparen €2,00

Front view of a walnut wood curved toilet paper holder with a dark stained side, holding five rolls of toilet paper in a neat arrangement.

Toilettenpapier regal holz-SMILE

€46,95

Close-up of a curved wooden toilet paper holder with three toilet paper rolls neatly stacked. The holder features a smooth, natural wood finish, designed for a minimalist and functional display.

Toilettenpapier Aufbewahrung Wandmontage - MINI SMILE

€36,95

Front view of white floating wall metal shelf in geometric shape

Schwebendes Wandregal Metall Sechseck

€47,95

Reduziert

White, capsule-shaped metal shelf with a glossy finish, mounted on a wall with screws. It holds two orange, ribbed vases with green palm leaves, highlighting a minimalist design.

Beige, capsule-shaped metal rack with a powder-coated finish, wall-mounted, holding a ribbed container with wooden utensils. Text indicates it's made in Europe, holds 5 kg, and is made of high-quality steel.

Schwebendes Wandregal KAPSEL

€33,95 €29,95 Sparen €4,00

Reduziert

Floating black metal wall shelf with two tiers, crafted from durable steel with a matte finish and rounded edges. Designed for secure wall mounting with visible screws.

White floating metal shelf with dual level structure, crafted from durable steel. Secured with visible fasteners, it displays a ribbed glass candle holder and an orange vase with flowers.

Schwebendes Wandregal aus Metall

€37,95 €34,95 Sparen €3,00

Three floating rectangular shelves stained in dark brown with smooth edges and wood grain texture. The top shelf holds a vintage car model, and the bottom shelf has a notebook and a book.

Set of three floating light wood shelves with rounded edges and visible wood grain. The top shelf holds a potted plant, the middle shelf has a wooden box with a latch, and the bottom shelf displays a book titled 'EWART WOODS.

Schwebende Wandregale, Set aus 3, Regale für das Wohnzimmer

€55,95

Reduziert

floating wall shelf with curved edge light wood attached to white wall with books, vase and painting on the shelving

Wooden wall shelf with a curved, beveled edge, holding a blue vase, a framed photo, and a small glass jar. The shelf features a dark wood finish.

Schwebendes Wandregal Gebogen - Edge

€64,95 Von €54,95 Sparen €10,00

Reduziert

Thin, dark wooden floating shelf with a curve in the middle, holding decor items. The shelf has a stained edge and a modern look.

Close-up of a dark wooden shelf, highlighting its detailed grain pattern and sharp, stained edge. The shelf has a polished, smooth surface.

Schwebendes Wandregal, Kurven-Design – Dünne Welle

€64,95 Von €54,95 Sparen €10,00

Smoked oak wooden wall shelf with a cloud-shaped, curved design holding five rolls of toilet paper, mounted on white tiled walls in a modern bathroom next to a toilet and towel rack.

WC Rollen Aufbewahrung Wand - CLOUD

€48,95

Reduziert

Two white metal corner shelves attached in white corner candles and a plant placed on the shelves

Two minimalist white wall-mounted shelves in a corner, one solid and the other perforated metal, arranged in a geometric style.

Metall-Eckregale (Set aus 2 Stück)

€58,95 €41,95 Sparen €17,00

Reduziert

Minimalist perforated metal wall shelf holding two folded white towels, a small brown bottle, and a larger amber pump bottle, showcasing a clean and organized look.

Functional perforated metal wall decor, perfect for organizing towels and bottles with a minimalist and durable design.

Metall-Wandregal Perforiertes Display

€64,95 €51,95 Sparen €13,00

Reduziert

Perforated metal wall shelf with a unique triangular design, featuring a minimalist white ceramic vase as decor.

Perforated metal wall shelf with a triangular design, paired with a round white ceramic vase. A functional and stylish addition to any space.

Metall-Wandregal Perforiert Gefaltet

€73,95 €56,95 Sparen €17,00

Wooden floating rolled towel holder in walnut color

Gerollter Handtuchhalter Brücke

Von €64,95

Reduziert

two metal corner shelves on white background with blue vase and plant decor in it and circular vase on top of it

closeup of corner shelf wall mount screws visible white background

Metalleckregale Diamant (Set aus 2 Stück)

€59,95 €43,95 Sparen €16,00

Ash wood corner shelf with curved edge design

Wooden wall-mounted corner shelf with curved edge design

Holz Eckregal - Edge

€31,95

Minimalist wooden shelf with a torso-shaped vase holding flowers and a circular green ceramic object. The shelf has a natural wood finish.

Curved wooden shelf with a smooth, light wood finish, mounted on a wall, viewed from a side angle.

Schweberegal - Flach (5 Stile)

€51,95

Semicircular rusted metal wall shelves showcasing plants, decor, and framed pictures, adding industrial charm to modern interiors.

Close-up view of a rusted metal wall shelf highlighting its textured surface and screw detail, showcasing its industrial aesthetic and sturdy construction.

Rustikales Metallregal für die Wand, Industrielles Design Ellipse

Von €47,95

Children's wooden nursery bookshelf with two tiers

Children's nursery bookshelf in cherry wood finish

Kinder Holzregale KAPSEL

Von €95,95

Floating nightstand set of 2 smoked oak color with white interior elegant layout

German Schwebendes Nachttisch-Set, 2-teilig

€353,95

Reduziert

Modern picture ledge shelf design for displaying photo frames and wall art

Close-up of picture ledge shelf design and material with manufacturer details

Bilderleiste

€56,95 Von €39,95 Sparen €17,00

Elegant wooden oval shelf design with connection points

Wooden oval shelf with Ewart Woods branding and specifications close-up

Ovales schwebendes Wandregal

Von €111,95

Adjustable wooden wave shaped floating shelf sculptural style with functionality

Floating wall mounted sculptural shelf with functional design and manufacturer details

Schwebendes Wandregal aus Holz - Luno

Von €132,95

Floating wall shelf wooden half circle functional and stylish design

Floating wall shelf wooden half circle curved joint close-up

Schwebendes Wandregal aus Holz - Pie

Von €68,95

Unique wooden floating wall shelf in fish form

Wooden floating shelf fish form tail end design close-up

Schwebendes Wandregal aus Holz - Fisch

Von €129,95

Plant stand indoor wood set of 3 ashwood design

Plant stand indoor wood unique design and craftsmanship

Schwebendes Wandregal-Set aus Holz - Nordic Blocks

Von €122,95

Floating wall mounted display shelf with closed back and curved form modern design

Wood floating wall display shelf with closed back craftsmanship

Schwebendes Wandregal, geschlossen U

Von €56,95

1 2 Vorwärts

Es gibt etwas Besonderes an Möbeln, die den Boden nicht berühren.

Schwebende Regale und Wand-Nachttische schaffen Raum – visuell und physisch. Sie lassen Räume leichter, ruhiger und bewusster wirken. Der Boden bleibt frei, die Wände werden Teil des Designs. Jede Linie wirkt klarer und aufgeräumter.

In dieser Kollektion findest du unsere handgefertigten schwebenden Wandregale und wandmontierten Nachttische, gefertigt aus sorgfältig ausgewählten Holzfurnieren und veredelt mit der Präzision und Liebe zum Detail, für die EWART WOODS bekannt ist. Funktionale Stücke, die den Raum nicht überladen – sondern ihn aufwerten.

Vom 10. März bis 17. März erhältst du 10 % Rabatt auf alle schwebenden Möbel mit dem Code:

FLOATING10

Egal, ob du eine Ecke im Schlafzimmer neu gestaltest oder deine Wohnzimmerwand auffrischst – jetzt ist der perfekte Moment, deinem Zuhause mehr Leichtigkeit zu verleihen.

Minimale Form. Durchdachte Funktion. Für die Ewigkeit gemacht.

Unser Team kennenlernen

Jedes Produkt wird von unserem leidenschaftlichen Team handgefertigt.

Über uns

100.000+ zufriedene Kunden

Mehr als 100.000 zufriedene Kunden weltweit

Bewertungen

KOSTENLOSER STANDARDVERSAND

Wir bieten für jede Bestellung weltweit eine kostenlose Standardlieferung mit dem besten Service an.

Versandinformationen

<div id="shopify-block-AWTZhbW00S0txY2tBM__15181020662106344915" class="shopify-block shopify-app-block"><div class='jdgm-popup-widget-wrapper' role='complementary'>
  <div class='jdgm-widget jdgm-popup-widget'> <style>
    .jdgm-popup-widget .jdgm-popup-widget__cards-container{top:unset;bottom:40px;left:0;right:unset}@media only screen and (max-width: 767px){.jdgm-popup-widget .jdgm-popup-widget__cards-container{left:24px;right:unset}}.jdgm-popup-widget .jdgm-popup-card{border-radius:8px;height:147px}.jdgm-popup-widget .jdgm-popup-card__close-btn{border-radius:8px}.jdgm-popup-widget .jdgm-popup-card__pic-wrapper{border-radius:8px 0 0 8px}.jdgm-popup-widget .jdgm-popup-card__rev-prod-wrapper{width:66%;max-width:238px}.jdgm-popup-widget .jdgm-popup-card__rev-content{-webkit-box-orient:vertical;-webkit-line-clamp:3}.jdgm-popup-widget .jdgm-popup-card__reviewer{display:none}

</style> <div class='jdgm-popup-widget__cards-container' data-position='bottom_left'> <div class='jdgm-popup-card' data-review-id='4d296696-2870-479f-9c7a-001bf0e1b176' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://judgeme.imgix.net/ewart-woods-design/1779262001__img_8294__original.jpeg?auto=format&w=240'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Davin Rockstad </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-title'> Great and sturdy mug stand </span>  <span class='jdgm-popup-card__rev-body'> <p>Great and well made mug stand. Shipping took forever but they were responsive and the stand is great .</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Mug holder stand </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='e7308471-7102-4b07-9e9a-d97c9b7a5b43' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://judgeme.imgix.net/ewart-woods-design/1772109049__1772109046394-susanvanunen__original.png?auto=format&w=240'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> susanvanunen </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>Great quality and material floating toilet roll holder and looks amazing in our powder room</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Toilet Paper Holder - SMILE </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='f29b73c5-0c65-4adc-b9b1-ca7afce8d6f6' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://cdn.shopify.com/s/files/1/0277/9253/9682/files/JPG_WEB_FULL_PRODUCT_20_240x240.jpg?v=1772099746'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Zarli </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>Really well built curved floating shelf, easy to install and looks great!</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Wooden floating wall hanging shelf wave </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='d3f3c76b-f329-4d7f-aa43-0e91d7a3c858' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://judgeme.imgix.net/ewart-woods-design/1772109081__1772109078214-franco__original.png?auto=format&w=240'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Franco </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>On time delivery, Excellent product, I would recommend it. I'll install it now, I don't think I'll have any problems. Thank you so much 👌👏. I'll send the photo after installation.</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Floating Shelf CurveLine </div> </div> </div> </div><div class='jdgm-popup-card' data-review-id='2ad8d313-9cb9-45e7-acd2-290bdfd2f0ca' style='display: none;'> <span class='jdgm-popup-card__close-btn' aria-label='Close popup widget' role='button'> </span>  <div class='jdgm-popup-card__pic-wrapper'> <img class='jdgm-popup-card__pic' title='Review picture' alt='Review picture' data-src='https://cdn.shopify.com/s/files/1/0277/9253/9682/files/LISTING_TP_honeycomb_all_colors_1_240x240.png?v=1772117076'/> </div>  <div class='jdgm-popup-card__rev-prod-wrapper'> <div class='jdgm-popup-card__rev-content-wrapper'> <div class='jdgm-popup-card__reviewer'> Claire </div> <div class='jdgm-popup-card__rev-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-popup-card__rev-content'>  <span class='jdgm-popup-card__rev-body'> <p>Smart, unusual, and easy to assemble this floating honeycomb toilet roll holder</p> </span> </div> </div> <div class='jdgm-popup-card__prod-wrapper'> <div class='jdgm-popup-card__prod-title'> Wooden toilet paper shelf HONEYCOMB </div> </div> </div> </div> </div> </div>
</div>

</div></body>

Sprache

Währung

Melde dich an und erhalte 10 % Rabatt

Add to Wishlist

Subscribe and get alert about your Wishlist

Are you sure you want to delete the wishlist?