1<!doctype html> 2<html class="no-js" lang="en"> 3 4 <head> 5<!--LOOMI SDK--> 6<!--DO NOT EDIT--> 7<!--Start - Anti Flicker--> 8<style id="vslyAntiFlickerStyle-AE29"> 9 body { 10 opacity: 0!important; 11 } 12</style> 13<style id="vslyAntiFlickerStyle-BC82"> 14 body { 15 16 animation: vslyAntiFlickerFadeIn 0.1s linear; 17 -moz-animation: vslyAntiFlickerFadeIn 0.1s linear; 18 -o-animation: vslyAntiFlickerFadeIn 0.1s linear; 19 -webkit-animation: vslyAntiFlickerFadeIn 0.1s linear; 20 21 animation-fill-mode: forwards; 22 -moz-animation-fill-mode: forwards; 23 -o-animation-fill-mode: forwards; 24 -webkit-animation-fill-mode: forwards; 25 26 animation-delay: 300ms; 27 -moz-animation-delay: 300ms; 28 -o-animation-delay: 300ms; 29 -webkit-animation-delay: 300ms; 30 } 31 32 @keyframes vslyAntiFlickerFadeIn { 33 to { 34 opacity: 1; 35 } 36 } 37</style>
38<script id="vslyAntiFlickerScript-OJ93" data-em-disable> 39 console.debug('vsly-anti-flicker', 'Anti Flicker Script Loaded'); 40 let fallbackTimer = -1; 41 let retryTimer = -1; 42 let retries = 0; 43 44 function _vslyAntiFlickerRevealInner() { 45 try { 46 console.debug('vsly-anti-flicker', 'Revealing'); 47 const hideElem = document.querySelector('#vslyAntiFlickerStyle-AE29'); 48 if (hideElem) { 49 hideElem.remove(); 50 } 51 clearTimeout(fallbackTimer); 52 console.debug('vsly-anti-flicker', 'Revealing done'); 53 } catch (ex) { 54 console.error('vsly-anti-flicker', ex); 55 if (retries > 15) { 56 setTimeout(window.vslyAntiFlickerReveal, 10); 57 retries += 1; 58 } 59 } 60 } 61 62 window.vslyAntiFlickerReveal = function () { 63 setTimeout(_vslyAntiFlickerRevealInner, 10); 64 } 65 66 fallbackTimer = setTimeout(() => { 67 console.debug('vsly-anti-flicker', 'Falling back after timeout'); 68 window._vslyAntiFlickerRevealInner() 69 clearTimeout(retryTimer) 70 }, 300) 71</script>
71 72<!--End - Anti Flicker--> 73<link rel="preconnect" href="https://live.visually-io.com" crossorigin data-em-disable> 74<link rel="dns-prefetch" href="https://live.visually-io.com" data-em-disable>
75<script type="text/javascript" data-em-disable data-vsly> 76 (()=> { 77 const env = 2; 78 var store = "kitschllc.myshopify.com"; 79 var alias = store.replace(".myshopify.com", "").replaceAll("-", "_").toUpperCase(); 80 var jitsuKey = "js.10469048384"; 81 var themeId = 192042008757; 82 var role = "main"; 83 window.loomi_ctx = {...(window.loomi_ctx || {}),storeAlias:alias,jitsuKey,env,themeId,role}; 84 85 86 87 88 89 window.loomi_ctx.blockingConcent = false; 90 loomi_ctx.ttl=1792859075; 91 loomi_ctx.embeddedTests=[]; 92 })() 93</script>
vendor: 1 bytes, line 93
93
94<script type="text/javascript" data-em-disable> 95 !function(){var e,t,n;!function(e){e.JSCondition="jsCondition",e.JSFunction="jsFunction",e.JSEvent="jsEvent",e.Selector="selector",e.ElementEvent="elementEvent",e.PageLoad="pageLoad",e.Timeout="timeout",e.Inactivity="inactivity",e.ExitIntent="exitIntent",e.Conjunction="conjunction"}(e||(e={})),function(e){e[e.PAUSED=4]="PAUSED"}(t||(t={})),function(e){e[e.LOCAL=0]="LOCAL",e[e.STAGE=1]="STAGE",e[e.PROD=2]="PROD",e[e.TEST=3]="TEST"}(n||(n={}));const r="lmi_preview";var o;!function(e){e.USE_CASE="USE_CASE",e.ADD_TO_CART="ADD_TO_CART"}(o||(o={}));const i=function(e){void 0===e&&(e=()=>window);try{return Promise.resolve(v(()=>void 0!==_(()=>e().removeEventListener),100,100)).then(function(){return Promise.resolve()})}catch(e){return Promise.reject(e)}},s=function(e,t){void 0===e&&(e=()=>window),void 0===t&&(t=!1);try{function n(){return Promise.resolve()}const r=t&&a()?Promise.resolve(v(()=>c,1e3,10)).then(function(){}):Promise.resolve(v(()=>void 0!==_(()=>e().addEventListener),10,1e3)).then(function(){});return Promise.resolve(r&&r.then?r.then(n):n())}catch(o){return Promise.reject(o)}};let c=!1;function a(){return!0===_(()=>window.vslyDeferResources)}function u(e,t){void 0===t&&(t=20);let n=0;return function(){clearTimeout(n),n=setTimeout(()=>e(...[].slice.call(arguments)),t)}}window.addEventListener("load",()=>{setTimeout(()=>{c=!0},2e3)});const l="vsly-hide-theme-preview",d="vslyCtags",m=()=>{_(()=>{const e=window.loomi_ctx.ctags||[];0===e.length?window.loomi_ctx.ctags=JSON.parse(localStorage.getItem(d)||"[]"):localStorage.setItem(d,JSON.stringify(e)),_(()=>{const e=JSON.parse(localStorage.getItem("vslyCustomCtags")||"[]");e&&e.length>0&&(window.loomi_ctx.ctags=[...window.loomi_ctx.ctags||[],...e])})})},f=()=>new Date(1e3*Math.floor(Date.now()/1e3));function h(e,t){void 0===t&&(t={async:!1,defer:!1});const n=_(()=>window.visually.flags["bunny-cdn"]),r=A();return p(`vsly-lib-${e}`,`https://${n?"assets.visually.io":r}/vsly/lib/${e}.js`,t)}function p(e,t,n){return void 0===n&&(n={async:!1,defer:!1}),new Promise((r,o)=>{let i=document.getElementById(e);i?r(document.getElementById(e)):(i=document.createElement("script"),i.id=e,i.src=t,i.async=n.async||!1,i.defer=n.defer||!1,i.setAttribute("data-em-disable",""),i.onload=()=>r(i),i.onerror=()=>o(new Error(`Failed to load ${t}`)),document.head.appendChild(i))})}function v(e,t,n,r){return void 0===t&&(t=500),void 0===n&&(n=4),new Promise((o,i)=>{e()?o(0):0!==n?setTimeout(()=>{r&&r()&&i(`condition rejected ${_(()=>e.toString())}`),v(e,t,n-1).then(o).catch(i)},t):i(`condition rejected ${_(()=>e.toString())}`)})}function w(e,t){void 0===t&&(t=500);const n=_(()=>window.visually_io_editor)?Date.now()+1e4:Infinity;function r(o){try{const i=e();i?o(i):Date.now()>=n?o(void 0):setTimeout(()=>r(o),t)}catch(e){console.error("vsly-when",e),Date.now()>=n?o(void 0):setTimeout(()=>r(o),t)}}return new Promise(e=>{r(e)})}function y(e){return!Array.isArray(e)||0===e.length}function g(e){return btoa(unescape(encodeURIComponent(JSON.stringify(e))))}function _(e,t){void 0===t&&(t=void 0);try{return e()}catch{return t}}const S=e=>e&&decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(e).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null;function E(){const e=window.loomi_ctx?.clientId;return e?(window.localStorage.setItem("vsly__st",String(e)),String(e)):window.localStorage.getItem("vsly__st")}function P(e,t,n){void 0===t&&(t=5),void 0===n&&(n=500),t>=0&&!_(e)&&setTimeout(()=>{_(e)||P(e,t-1)},n)}const A=function(e){return void 0===e&&(e=window.loomi_ctx.env),e===n.STAGE?"sdk.loomi-stg.xyz":"live.visually-io.com"};function I(e){return e.replace(/[^a-z_A-Z0-9]/gi,"_")}const b=()=>!!_(()=>C()()),C=()=>_(()=>window.Shopify.customerPrivacy.analyticsProcessingAllowed)||_(()=>window.Shopify.customerPrivacy.userCanBeTracked)||_(()=>window.visually.analyticsProcessingAllowed);function x(){const e=function(){try{return Promise.resolve(v(()=>!!_(()=>window.loomi.jitsu),a()?1e3:500,120)).then(function(){return _(()=>window.loomi.jitsu)})}catch(e){return Promise.reject(e)}}();return{register(t,n,r,o){e.then(e=>_(()=>e.register(t,n,r,o)))},track:function(t,n,r){return Promise.resolve(e).then(function(e){return Promise.resolve(_(()=>e.track(t,n,r))).then(function(){})})},trackExt:function(t,n){return Promise.resolve(e).then(function(e){return Promise.resolve(_(()=>e.trackExt(t,n))).then(function(){})})}}}let k=!1,T=!1;function N(e,t,n){return{id:T?"lmi-000":"lmi-"+ ++j,isApplied:!1,kind:e,selector:t,value:n}}function O(e,t){let n,r=!1;return null!==e.previousElementSibling?n=e.previousElementSibling:(n=e.parentElement,r=!0),n?(e.outerHTML=t,r?n.firstElementChild:n.nextElementSibling):e}let j=Math.round(1e4*Math.random()),L=[],$=new Map;const R="lmid",D="lmwv";function U(){return!!_(()=>window.vsly_fbs)}function M(){return window.location.search.includes("lmi_debug")||U()}function q(){M()&&console.debug("loomi-editor",...[].slice.call(arguments))}function F(){M()&&console.error("loomi-editor",...[].slice.call(arguments))}let B=!0,J={};class V{constructor(e,t){this._value=void 0,this._addedAt=void 0,this._value=e,this._addedAt=t||(new Date).getTime()}value(){return this._value}addedAt(){return this._addedAt}}class H{constructor(e,t){this.backend=void 0,this.ttlMillis=void 0,this.backend=e,this.ttlMillis=t}isValid(e){return!!e&&(new Date).getTime()-e.addedAt()<=this.ttlMillis}get(e){const t=this.backend.get(e),n=this.isValid(t);if(t&&n)return t.value();n||this.backend.remove(e)}set(e,t,n){const r=new V(t,n);this.backend.set(e,r)}}class G{constructor(e){this.namespace=void 0,this.namespace=`vsly_cache_${e}`,window[this.namespace]={}}get(e){return _(()=>window[this.namespace][e])}remove(e){_(()=>delete window[this.namespace][e])}set(e,t){window[this.namespace][e]=t}}class z{constructor(e){this.namespace=void 0,this.namespace=`vsly_cache_${e}`}get(e){return _(()=>{const t=sessionStorage.getItem(`${this.namespace}_${e}`);if(!t)return;const n=JSON.parse(t);return new V(n._value,n._addedAt)})}remove(e){sessionStorage.removeItem(`${this.namespace}_${e}`)}set(e,t){sessionStorage.setItem(`${this.namespace}_${e}`,JSON.stringify(t))}}class K extends H{constructor(e,t){super(new G(e),t)}}const W=function(e,t){void 0===t&&(t=8397271938200529);let n=3735928559^t,r=1103547991^t;for(let t,o=0;o<e.length;
95o++)t=e.charCodeAt(o),n=Math.imul(n^t,2654435761),r=Math.imul(r^t,1597334677);return n=Math.imul(n^n>>>16,2246822507)^Math.imul(r^r>>>13,3266489909),r=Math.imul(r^r>>>16,2246822507)^Math.imul(n^n>>>13,3266489909),`${4294967296*(2097151&r)+(n>>>0)}`},Q="targeting-changed",Y="vslyThemeTest",Z="0891c521a9aa47c6a9fd965198b7ed44",X="_203";function ee(e,t,n,r,o){void 0===n&&(n=10),void 0===r&&(r=!1),void 0===o&&(o="none");const{_USE_CASE:i,_USE_CASE_VARIANT:s,_USE_CASE_AUDIENCES:c,_USE_CASE_VERSION:a,_USE_CASE_GA_VARIANT:u,_USE_CASE_GA:l}=e;if(U()||ie())return;if(!function(e){try{const t=location.pathname,n=new URL(e);if(location.search.includes("vsly-redirected-from"))return!1;if(!0===_(()=>window.visually.flags["sdk-kill-advanced-redirect-checks"]))return!0;{let e=!1;const r=decodeURIComponent(location.search);return n.searchParams.forEach((t,n)=>{const o=decodeURIComponent(`${n}=${t}`);r.includes(o)||(e=!0)}),!!((_(()=>Array.from(n.searchParams.values()).length)||0)>0&&e)||t!==n.pathname}}catch(e){return!1}}(t))return;if(!function(e,t,n){const r=`vsly-redirect-${W(`${n._USE_CASE}-${n._USE_CASE_VARIANT}-${n._USE_CASE_VERSION}-${e}`)}`;return"session"===t?"true"!==sessionStorage.getItem(r)&&(sessionStorage.setItem(r,"true"),!0):"user"!==t||"true"!==localStorage.getItem(r)&&(localStorage.setItem(r,"true"),!0)}(t,o,e))return;h();const d=`${i}-${s}`,m={type:"USE_CASE",ts:f().valueOf(),payload:{sid:_(()=>window.loomi_ctx.session.id),user:{anonymous_id:_(()=>window.loomi_ctx.userId)},use_case:i,use_case_variant:s,...a?{version:a}:{},...c?{audiences:c}:{}},options:{gaName:_(()=>I(l)),gaVariant:_(()=>I(u))}};function h(){document.body&&(document.body.style.opacity=0)}_(()=>{ce(i)&&(m.payload.clickId="redirect",m.options.isRedirect=!0)}),window.vsly_redirecting=!0,setTimeout(function(){try{h();const e=JSON.stringify(m),n=g(m),o=!d.includes(re);let i=t;try{new URLSearchParams(location.search).forEach((e,t)=>{(r||oe(t))&&(i=te(i,t,e))})}catch(t){q("e87",{redirectUrl:i,key:d,event:e,ex:t})}return i=te(i,"vsly-redirected-from",d),o&&(i=te(i,"vsly-redirected-event",n)),location.replace&&location.replace(i),Promise.resolve()}catch(e){return Promise.reject(e)}},n)}function te(e,t,n){try{const r=new URL(e);return r.searchParams.append(t,n),r.href}catch(t){return`${e}${e.includes("?")?"&":"?"}key=${n}`}}function ne(e){return{_USE_CASE:e.experienceId,_USE_CASE_VARIANT:e.variantId,_USE_CASE_VERSION:e.version,_USE_CASE_AUDIENCES:_(()=>window.loomi_ctx.audiences.join("|"),""),_USE_CASE_GA:e.gaExperienceName,_USE_CASE_GA_VARIANT:e.gaVariantName}}const re="theme_test_redirect_back_to_main",oe=e=>e.toLowerCase().startsWith("utm");function ie(){return _(()=>window.Shopify.designMode,!1)}function se(){return _(()=>window.Shopify.country)||_(()=>window.visually.country)}const ce=e=>window.loomi.conf.experiments.find(t=>t.name===e).isRedirect,ae=(e,t)=>{_(()=>!0===window.visually.flags["sdk-disable-dynamic-height-strategy"],!1)||e&&function(e,t,n){let r=e,o=0;for(;r.parentElement&&o<10;)n(r.parentElement),r=r.parentElement,o+=1}(e,0,e=>{const t=e.style.height;var n;(n=t)&&""!==n&&(e.style.removeProperty("height"),e.style.minHeight=t)})};function ue(e,t,n,r){if(!document.body.contains(r)){const r=document.querySelector(n);return r?(t(),e(),{element:r,isDetached:!0}):{isDetached:!1}}return{isDetached:!1}}function le(e){if(!_(()=>window.visually.flags["visibility-redo"]))return document.querySelector(e);const t=document.querySelectorAll(e);for(let e=0;e<t.length;e++){const n=t.item(e);if(de(n))return n}return _(()=>t[0])}function de(e){try{if(!_(()=>window.visually.flags["visibility-redo"]))return!0;if(!e)return!1;const t=e.getBoundingClientRect(),n=getComputedStyle(e);return!_(()=>"none"==n.display||"0"==n.opacity||"hidden"==n.visibility||t.width<=5&&t.height<=5||"none"==e.style.display||"0"==e.style.opacity||"hidden"==e.style.visibility)}catch(e){return!0}}function me(e){return _(()=>window.visually.flags[e],!1)}function fe(){return _(()=>!0===window.vslyDeferWidgets||me("sdk-defer-widgets"),!1)}const he="visually",pe="widgets";let ve;function we(e,t){const n=e+t,r=`vslyw-${n}`;if(!document.getElementById(r)){const e=document.createElement("script");e.id=r,e.type="text/javascript";
95const t=_(()=>window.visually.flags["bunny-cdn"]),o=A();e.src=`https://${t?"assets.visually.io":o}/widgets/${n}.js`,document.head.appendChild(e)}}window.IntersectionObserver&&(ve=new IntersectionObserver((e,t)=>{e.forEach(e=>{if(e.isIntersecting){const n=e.target;(function(e){const t=e.getAttribute("lmw"),n=e.getAttribute(D);if(t&&n){const r=t+n;return v(()=>_(()=>!!window[he][pe][r])&&_(()=>!!window.preact),50,500).then(()=>{_(()=>window[he][pe][r](`#${e.id}`))}),!0}return!1})(n)&&t.unobserve(n)}})},{root:null,rootMargin:window.vslyDeferWidgetsMargin||"100px",threshold:.1}));const ye="vsly-orig-sel";function ge(e,t){try{var n=e()}catch(e){return t(e)}return n&&n.then?n.then(void 0,t):n}const _e=function(e){try{return Promise.resolve(ge(function(){return Promise.resolve(v(()=>!!_(()=>document.querySelector(e)),250,100)).then(function(){return Promise.resolve(document.querySelector(e))})},function(e){return Promise.reject(e)}))}catch(e){return Promise.reject(e)}};function Se(e,t,n){const r=t.extra;return n&&n>=3?void 0!==r&&!!_(()=>e.childNodes[r]):!!r&&!!_(()=>e.childNodes[r])}function Ee(e,t,n){void 0===n&&(n=10),me("kill-theme-testing")||Pe(t)||(Ae(e,t),ee(e,Ie(t).href,n,!0,"session"))}const Pe=e=>{if(Ce())return!0;_(function(){try{return Promise.resolve(v(()=>!!document&&!!document.head,10,2e3)).then(function(){const e=document.head||document.getElementsByTagName("head")[0];if(!e.querySelector(`#${l}`)){const t=document.createElement("style");t.id=l,t.appendChild(document.createTextNode("#preview-bar-iframe,#PBarNextFrameWrapper,#PBarNextFrame { display: none !important;}")),e.appendChild(t)}})}catch(e){return Promise.reject(e)}});const t=window.loomi_ctx.themeId||_(()=>window.Shopify.theme.id),n=window.loomi_ctx.role||_(()=>window.Shopify.theme.role),r=!Ne({id:t,role:n}),o=_(()=>!window.loomi_ctx.testedThemes.includes(t));return!(!r||!o)||Te({id:t,role:n},e)},Ae=(e,t)=>{const n=e._USE_CASE!==re;Le(t)&&n&&[sessionStorage,localStorage].forEach(e=>Oe(e))},Ie=e=>{const t=Re();return t.searchParams.append("preview_theme_id",`${e||""}`),t},be=()=>{const e="vsly-tts";if($e(e))return;ke();const t=Ie("");t.searchParams.append(e,"1"),document.body.style.opacity=0,location.replace(t.href)},Ce=()=>
95{const e="vsly_disableThemeTest",t=$e("disableThemeTest")||!!sessionStorage.getItem(e);return t&&sessionStorage.setItem(e,"1"),ie()||t},xe=()=>!me("allow-embed-redirect-tests")||0===(window.loomi_ctx.embeddedTests||[]).filter(e=>e.experiment.isThemeTest).length,ke=()=>[sessionStorage,localStorage].forEach(e=>e.removeItem(Y)),Te=(e,t)=>e.id===t||Ne(e)&&!t,Ne=e=>"main"===e.role,Oe=e=>e.setItem(Y,"1"),je=e=>e.getItem(Y),Le=e=>!!e,$e=e=>_(()=>Re().searchParams.has(e)),Re=()=>_(()=>new URL(window.location.href)),De="data-rid",Ue="data-alchemy-element-root";let Me,qe=0;function Fe(e){return e.hasAttribute(De)||e.hasAttribute(Ue)}const Be=function(e,t){try{return Promise.resolve(v(()=>!!document&&!!document.body&&!!document.querySelector,50,200)).then(function(){!function(){if("undefined"==typeof document)return;Je||(Je=new MutationObserver(Ve)),Ve();const e="spa"===_(()=>window.vslyIntegrationType,"static")?document:document.body;Je.observe(e,{childList:!0,subtree:!0,characterData:!0,attributes:!1})}(),e&&(k=e),t&&(T=t)})}catch(e){return Promise.reject(e)}};let Je;function Ve(){L.filter(e=>!e.isApplied).forEach(e=>{try{const t=_(()=>document.body.querySelector(e.selector));if(!t)return void function(e,t,n,r,o){void 0===r&&(r=100),void 0===o&&(o=10);const i=!!t,s=_(()=>J[e])||0;!i&&B&&s<o&&(B=!1,J[e]=(_(()=>J[e])||0)+1,setTimeout(()=>{try{n()}catch(t){F("failed to run setTimeout on refreshAllElementsSets",e,t)}B=!0},r+50*s))}(e.selector,t,Ve,100,10);if($.has(e.id))return;if(function(e,t){if(e&&(void 0===Me&&(Me=!!document.querySelector(`[${Ue}],[${De}]`)),Me)&&function(e){return["replace","appendBefore","appendAfter","compound","widget","moveElem"].includes(e.kind)}(t))for(let t=e;t;t=t.parentElement)if(Fe(t))return!0;return!1}(t,e)&&!function(){if(U())return!0;const e=window.vslyHydrationSize||1,t=!!window.elementIdToRuntimeInitialized&&Object.values(window.elementIdToRuntimeInitialized).length>=e;t&&0===qe&&(qe=Date.now());const n=Date.now()-qe,r=window.vslyHydrationGrace||500;return t&&n>r}())return;const n=He(e,t);n&&($.set(e.id,n),e.isApplied=!0)}catch(t){!function(){M()&&console.warn("loomi-editor",...[].slice.call(arguments))}("failed to resolve command from mutation request with exception.",t,e)}}),ze()}function He(e,t){if("replace"===e.kind)return function(e,t,n,r,o){let i=o||e,s=!1;const c=n.outerHTML;return{id:e,isApplied:()=>s,kind:"replace",do:()=>{s||(k&&n.setAttribute(R,i),n.outerHTML!==r&&(n=O(n,r),ae(n),k&&n.setAttribute(R,i),s=!0))},undo:()=>{s&&n.outerHTML!==c&&(n=O(n,c),s=!1)},redoIfNeeded:()=>!1,setDebugId:e=>i=e}}(e.id,0,t,e.value,e.id);if("appendBefore"===e.kind||"appendAfter"===e.kind)return function(e,t,n,r,o){let i=o||e,s=!1,c=document.querySelector(t),a=document.createElement("div");const u=()=>{s||("appendBefore"===r&&(c=document.querySelector(t),_(()=>c.parentNode.insertBefore(a,c)),ae(c),a=O(a,n),k&&a.setAttribute(R,i),s=!0),"appendAfter"===r&&(s||(c=document.querySelector(t),c.nextSibling?(_(()=>c.parentNode.insertBefore(a,c.nextSibling)),ae(c)):(_(()=>c.parentNode.appendChild(a)),ae(c)),a=O(a,n),k&&a.setAttribute(R,i),s=!0)),s=!0)},l=()=>{s&&(a.remove(),s=!1)};return{id:e,isApplied:()=>s,kind:r,do:u,undo:l,redoIfNeeded:()=>{const e=ue(u,l,t,c);return e.element&&(c=e.element),e.isDetached},setDebugId:e=>i=e}}(e.id,e.selector,e.value,e.kind,e.id);if("appendCss"===e.kind)return function(e,t,n,r){let o=r||e,i=!1,s=document.querySelector(t);const c=document.createElement("style"),a=()=>{i||(c.innerHTML=n,k&&c.setAttribute(R,o),document.head.appendChild(c),i=!0)},u=()=>{i&&(c.remove(),i=!1)};return{id:e,kind:"appendCss",isApplied:()=>i,do:a,undo:u,redoIfNeeded:()=>{const e=ue(a,u,t,s);return e.element&&(s=e.element),e.isDetached},setDebugId:e=>o=e}}(e.id,e.selector,e.value,e.id);if("appendJs"===e.kind)return function(e,t,n,r,o){let i=r||e,s=!1,c=document.querySelector(t),a=null;const u=()=>{s||(a||(a=document.createElement("script")),a.setAttribute("type","application/javascript"),a.innerHTML=function(e,t){return e&&t?`(async () => {\n const _USE_CASE = "${t.experienceId}";\n const _USE_CASE_VARIANT = "${t.variantId}";\n const _USE_CASE_VERSION = ${_(()=>t.version||0,0)};\n const _USE_CASE_AUDIENCES = "${_(()=>window.loomi_ctx.audiences.join("|"),"")}";\n const _USE_CASE_GA = "${_(()=>t.gaExperienceName.replace(/"/g,'\\"'),t.gaExperienceName)}";\n const _USE_CASE_GA_VARIANT = "${_(()=>t.gaVariantName.replace(/"/g,'\\"'),t.gaVariantName)}";\n const _USE_CASE_CTX = {_USE_CASE,_USE_CASE_VARIANT,_USE_CASE_VERSION,_USE_CASE_AUDIENCES,_USE_CASE_GA,_USE_CASE_GA_VARIANT};\n const __currentScriptElement = document.currentScript;\n ${e}\n if (typeof vslyCleanup !== 'undefined') { \n if (__currentScriptElement) {\n __currentScriptElement.__vslyCleanup = vslyCleanup;\n }\n }\n })()`:!t&&e?`\n(async () => {\n const __currentScriptElement = document.currentScript;\n ${e}\n if (typeof vslyCleanup !== 'undefined') { \n if (__currentScriptElement) {\n __currentScriptElement.__vslyCleanup = vslyCleanup;\n }\n }\n})();\n`:e}(n,o),k&&(a.id=i),document.body.appendChild(a),s=!0)},l=()=>{if(!s)return;const e=(()=>{try{const e=a.__vslyCleanup;if(e)return e(),!0}catch(e){k&&console.error("vslyCleanup error:",e)}return!1})();a&&a.remove(),e&&(a=null),s=!1};return{id:e,kind:"appendJs",isApplied:()=>s,do:u,undo:l,redoIfNeeded:()=>{const e=ue(u,l,t,c);return e.element&&(c=e.element),e.isDetached},setDebugId:e=>i=e}}
95(e.id,e.selector,e.value,e.id,e.options);if("appendFont"===e.kind){const t=JSON.parse(e.value);if(t&&t.family&&t.weights)return function(e,t,n){n=n||e;let r=!1;const o=document.createElement("link"),i=(c=t.weights,(s=t.family).toLowerCase().includes("jetbrains")&&(s="JetBrains Mono"),`https://fonts.googleapis.com/css2?family=${encodeURIComponent(s)}:wght@${_(()=>c.join(";"))}&display=block`);var s,c;return o.setAttribute("href",i),o.setAttribute("rel","stylesheet"),{id:e,isApplied:()=>r,kind:"appendFont",do:()=>{r||(k&&o.setAttribute(R,n),document.head.appendChild(o),r=!0)},undo:()=>{r&&(o.remove(),r=!1)},redoIfNeeded:()=>!1}}(e.id,t,e.id)}else{if("compound"===e.kind){const n=e.value.map(n=>(n.options=e.options,He(n,t))).filter(e=>e);return function(e,t,n){let r=!1;return{id:e,isApplied:()=>r,kind:"compound",do:()=>{r||(t.filter(e=>!e.isApplied()).forEach(e=>{e.setDebugId&&e.setDebugId(n),e.do()}),r=!0)},undo:()=>{r&&(t.filter(e=>e.isApplied()).reverse().forEach(e=>e.undo()),r=!1)},redoIfNeeded:()=>t.map(e=>e.redoIfNeeded()).filter(e=>e).length>0}}(e.id,n,e.id)}if("widget"===e.kind){const t=_(()=>e.block.value),n=_(()=>t.env.sectionId.substring(1),e.id);return function(e,t,n,r,o,i,s){void 0===s&&(s="");const c=i||t;let a=!1;const u=`vslyp-${t}`;let l=null,d=null,m=[];const f=()=>{a||(we(r,s),"replace"===e?w():y(),fe()&&ve||h(),a=!0)},h=()=>{const e=r+s;v(()=>_(()=>!!window[he][pe][e])&&_(()=>!!window.preact),50,500).then(()=>{ae(l),_(()=>window[he][pe][e](`#${t}`))})},p=()=>{if(!a)return;d&&d.remove();const t=document.getElementById(u);if(t&&t.remove(),"replace"===e&&l&&l.children&&l.children.length>0){let e=0;for(const t of l.children)t.style.display=m[e],e+=1}a=!1},w=()=>
95{if(l=le(n),l){if(m=[],l.children&&l.children.length>0)for(const e of l.children){const t=e;t&&!t.getAttribute("preact")&&(m.push(t.style.display),t.style.display="none")}g(),l.appendChild(d),fe()&&ve&&ve.observe(d)}else F("vsly",`failed to find element with selector: ${n} when trying to replace with widget`)},y=()=>{l=le(n),l?(g(),l.insertAdjacentElement("appendBefore"===e?"beforebegin":"afterend",d),fe()&&ve&&ve.observe(d)):F("vsly",`failed to find element with selector: ${n} when trying to append widget`)},g=()=>{if(d=document.getElementById(t),!d){d=document.createElement("section"),d.style.all="unset",d.style.width="100%",d.setAttribute("preact","1"),k&&d.setAttribute(R,c),d.setAttribute("lmw",r),d.setAttribute(D,s),d.id=t;const e=document.createElement("script");e.id=u,e.setAttribute("type","text/props"),e.innerHTML=JSON.stringify(o),_(()=>document.body.appendChild(e))}};return{id:t,isApplied:()=>a,kind:"widget",do:f,undo:p,redoIfNeeded:()=>{const e=ue(f,p,n,l);return e.element&&(l=e.element),e.isDetached}}}(t.htmlKind,n,e.selector,t.widgetId,t.env,n,t.version)}if("moveElem"===e.kind){const t=_(()=>e.block.value);return function(e,t,n,r){let o=!1,i={display:""},s=null,c=null;const a=()=>{o||v(()=>(s=document.querySelector(t),c=document.querySelector(n),!!s&&!!c),50,500).then(()=>{s=document.querySelector(t),c=document.querySelector(n),u()})},u=()=>{c&&s&&(i={display:c.style.display,parentNode:s.parentElement,nextSib:s.nextElementSibling,prevSib:s.previousElementSibling},"appendBefore"===r?c.insertAdjacentElement("beforebegin",s):"appendAfter"===r?c.insertAdjacentElement("afterend",s):"replace"===r&&(c.style.display="none!important",c.insertAdjacentElement("afterend",s)),s.setAttribute(ye,t),o=!0)};return{id:e,isApplied:()=>o,kind:"moveElem",do:a,undo:()=>{o&&c&&s&&(i&&i.prevSib?i.prevSib.insertAdjacentElement("afterend",s):i&&i.nextSib?i.nextSib.insertAdjacentElement("beforebegin",s):i&&i.parentNode&&i.parentNode.appendChild(s),"replace"===r&&(c.style.display=i.display),s.removeAttribute(ye),o=!1)},redoIfNeeded:()=>!(_(()=>s.hasAttribute(ye))&&document.body.contains(s)||(o=!1,a(),0))}}(e.id,e.selector,t.destSelector,_(()=>t.htmlKind))}if("automation"===e.kind)return function(e){let t=!1;return{id:`automation-${(new Date).getDate()}`,kind:"automation",isApplied:()=>t,do:()=>{if(!t){t=!0;try{e.sort((e,t)=>e.order-t.order).map(e=>{switch(e.kind){case"click":return()=>function(e){try{return Promise.resolve(ge(function(){return q("fake-click","about to click on:",e.selector),Promise.resolve(_e(e.selector)).then(function(e){return e&&e.click(),Promise.resolve()})},function(e){return Promise.reject(e)}))}catch(e){return Promise.reject(e)}}(e);case"type":return()=>function(e){try{return Promise.resolve(ge(function(){return q("fake-click","about to type on:",e.selector,"with text: ",e.data),Promise.resolve(_e(e.selector)).then(function(t){const n=_(()=>Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set);_(()=>n.call(t,e.data||""));const r=new Event("input",{bubbles:!0});return t.dispatchEvent(r),Promise.resolve()})},function(e){return Promise.reject(e)}))}catch(e){return Promise.reject(e)}}(e);case"scroll":return()=>function(e){try{return Promise.resolve(ge(function(){return q("fake-click","about to scroll to:",e.selector),Promise.resolve(_e(e.selector)).then(function(e){return e.scrollIntoView(!0),Promise.resolve()})},function(e){return Promise.reject(e)}))}catch(e){return Promise.reject(e)}}(e);case"wait":return()=>function(e){try{try{return q("fake-click",`about to wait for: ${e.data}ms`),Promise.resolve(new Promise(t=>{setTimeout(()=>t(),_(()=>e.data)||1e3)}))}catch(e){return Promise.reject(e)}}catch(e){return Promise.reject(e)}}(e);default:return()=>Promise.resolve()}}).reduce((e,t)=>e.then(e=>t()),Promise.resolve()).then()}catch(e){F("failed to run automation with exception:",e)}}},undo:()=>{},redoIfNeeded:()=>!1}}(_(()=>e.block.value).steps);if("visualEdit"===e.kind){const t=_(()=>e.block.value);return function(e,t){let n=!1,r={};const o=function(e,t,n){void 0===n&&(n=!0);const o=t.subChanges.map(n=>{switch(n.kind){case"text":return((e,t,n)=>{if(!e)return()=>{};const r=t.extra;if(Se(e,t,n)){const n=e.childNodes[r].textContent;return e.childNodes[r].textContent=t.value,()=>e.childNodes[r].textContent=n}{const n=e.textContent;return e.textContent=t.value,()=>e.textContent=n}})(e,n,t.version);case"style":return((e,t)=>{if(!e)return()=>{};const n=_(()=>e.style[t.key],null);return e.style.setProperty(t.key,t.value,"important"),()=>e.style.setProperty(t.key,n)})(e,n);case"image":return((e,t)=>{if(!e||!e.removeAttribute||!e.getAttribute)return()=>{};const n=e.getAttribute("srcset")||"";e.removeAttribute("srcset");const r=_(()=>e.src,void 0);e.src=t.value;const o=e.parentElement,i=o&&"PICTURE"===o.nodeName,s=[];
95return i&&o.querySelectorAll("source").forEach(e=>{s.push(e.getAttribute("srcset")||""),e.removeAttribute("srcset")}),()=>{e.setAttribute("srcset",n),e.src=r,i&&o.querySelectorAll("source").forEach((e,t)=>{e.setAttribute("srcset",s[t])})}})(e,n);case"video":return((e,t)=>{if(!e||!e.setAttribute)return()=>{};const n=e.innerHTML;e.innerHTML="";const r=e.getAttribute("src")||"";return e.setAttribute("src",t.value),()=>{e.innerHTML=n,e.setAttribute("src",r)}})(e,n);case"attr":return((e,t)=>{if(!e||!e.setAttribute||!e.getAttribute)return()=>{};const n=e.getAttribute(t.key);return e.setAttribute(t.key,t.value),()=>n?e.setAttribute(t.key,n):e.removeAttribute(t.key)})(e,n)}});n&&(r[t.selector]={ve:t,elem:e,reverts:o})};return{id:e,kind:"visualEdit",isApplied:()=>n,do:()=>{n||(n=!0,t.forEach(e=>{v(()=>!!document.querySelector(e.selector),250,300).then(()=>{const t=document.querySelector(e.selector);o(t,e)})}))},undo:()=>{n&&(n=!1,Object.values(r).forEach(e=>e.reverts.forEach(e=>e())),r={})},redoIfNeeded:()=>{if(!n)return!1;let e=!1;return Object.values(r).forEach(t=>{e=document.body.contains(t.elem)?function(e,t){return e.ve.subChanges.forEac
95h((n,r)=>{n.value!==((e,t,n)=>{switch(t.kind){case"text":return((e,t,n)=>{const r=t.extra;return Se(e,t,n)?e.childNodes[r].textContent:e.textContent})(e,t,n);case"attr":return((e,t)=>e.getAttribute(t.key))(e,t);case"style":return((e,t)=>_(()=>e.style[t.key],null))(e,t);case"image":case"video":return(e=>e.src)(e)}})(e.elem,n,e.ve.version)&&(_(()=>e.reverts[r]()),o(e.elem,{selector:e.ve.selector,subChanges:[n]},!1),t=!0)}),t}(t,e):function(e){e.reverts.forEach(e=>e());const t=document.querySelector(e.ve.selector);return t&&o(t,e.ve),!0}(t)}),e}}}(e.id,t.changes)}if("pageRedirect"===e.kind){const t=_(()=>e.block.value);if(t)return n=t,r=e.options,{id:e.id,kind:"pageRedirect",isApplied:()=>!1,do:()=>{ee(ne(r),n.destUrl,n.redirectAfter,!0===n.retainQueryParams,n.stickinessMode)},undo:()=>{},redoIfNeeded:()=>!1,setDebugId:e=>""}}else if("themeTest"===e.kind){const t=_(()=>e.block.value);if(t)return function(e,t,n){const r=()=>!1;return{id:e,kind:"themeTest",isApplied:r,do:()=>Ee(ne(n),t.targetThemeId),undo:r,redoIfNeeded:r,setDebugId:r}}(e.id,t,e.options)}}var n,r}let Ge=!1;function ze(){Ge||(Ge=!0,requestAnimationFrame(Ke))}function Ke(){$.forEach(e=>{try{e.isApplied()?e.redoIfNeeded():e.do()}catch(t){F("failed to apply mutation command with exception:",t,e)}}),Ge=!1}function We(e){try{const n=$.get(e),r=n&&n.undo();$.delete(e);const o=L.findIndex(t=>t.id==e);return(t=_(()=>L[o].selector))&&_(()=>J[t])&&delete J[t],L.splice(o,1),ze(),r}catch(e){return}var t}function Qe(e){return"div"===e.selector&&(e.selector="body div"),L.push(e),Ve(),{revert:()=>We(e.id),mutationId:e.id}}function Ye(){const e=_(()=>window.loomi_ctx.cart);if(e)return e;const t=localStorage.getItem("loomi-cart");if(t)try{return JSON.parse(t)}catch(e){}}var Ze;!function(e){e.CART_CHANGE="CART_CHANGE",e.LOYALTY_CHANGE="LOYALTY_CHANGE"}(Ze||(Ze={}));const Xe=u((e,t)=>{const n=function(e,t){const n=new Event(Q);return n.key=e,n.value=t,n}(e,t);document.dispatchEvent(n),console.debug("Targeting has changed:",n)},80),et=()=>window.loomi_ctx.session.id;function tt(e){return _(()=>e.items.map(e=>_(()=>e.selling_plan_allocation.selling_plan.name.toLowerCase())).filter(e=>!!e),[])}function nt(){return JSON.parse(localStorage.getItem("loomi-cart-history")||"[]")}function rt(){const e=_(()=>window.loomi_ctx.sessionProducts);if(e)return e;const t=localStorage.getItem("loomi_session_products"),n=t?JSON.parse(t):[];return _(()=>n.filter(e=>""!=e.handle).reverse().slice(0,20))}function ot(e){return JSON.parse(localStorage.getItem(e)||"[]")}function it(e,t,n,r){e=e||[],t=t||[];const o=_(()=>t.filter(t=>!e.find(n(t))))||[],i=[...e,...o].slice(0,25);return i.length>0&&localStorage.setItem(r,JSON.stringify(i)),i}function st(){return JSON.parse(localStorage.getItem("loomi_purchased_products")||"[]")}const ct="vsly_params_history",at="vsly_visited_pages",ut=function(e){try{const t=e.matches?ft.MOBILE:ft.DESKTOP,n=function(){if(lt!=t){q("device-listener",`device changed to ${t} from ${lt}`),window.loomi_ctx.deviceOverride=t===ft.MOBILE?"m":"d",lt=t;const e=_(()=>window.visually.reload),n=function(){if(e)return Promise.resolve(e()).then(function(){});F("device-listener","can't find reload function")}();if(n&&n.then)return n.then(function(){})}}();return Promise.resolve(n&&n.then?n.then(function(){}):void 0)}catch(e){return Promise.reject(e)}};let lt;function dt(){a()?function(){try{return Promise.resolve(v(()=>c,1e3,10)).then(function(){return mt(),Promise.resolve()})}catch(e){return Promise.reject(e)}}().catch(console.error):mt()}function mt(){let e=_(()=>window.vslyDesktopBreakpoint)||960;e<=0&&(e=960);const t=window.matchMedia(`(max-width: ${e}px)`);t.removeEventListener("change",ut),t.addEventListener("change",ut)}var ft;!function(e){e.MOBILE="MOBILE",e.DESKTOP="DESKTOP"}(ft||(ft={}));const ht=()=>edgetag("getUserId");function pt(){const e="vsly_edgetag";return P(()=>(ht()&&localStorage.setItem(e,ht()),!0)),_(ht)||localStorage.getItem(e)}const vt="lmi_type",wt="lmi_from",yt="lmi_class",gt="lmi_utm_data",_t={utm_source:"source",utm_medium:"medium",utm_campaign:"campaign",utm_term:"term",utm_content:"content"},St=function(e,t){void 0===t&&(t=3);let n=e;for(let e=0;e<t;e++)try{const e=decodeURIComponent(n);if(e===n)break;n=e}catch{break}return n},Et=function(e){void 0===e&&(e=window.location.search);const t={utm:{},lmi_params:{}};return _(()=>
95new URLSearchParams(e)).forEach((e,n)=>{if(e){const r=_t[n],o=St(e);r?t.utm[r]=o:function(e){return _(()=>[yt,wt,vt].includes(e))}(n)&&(t.lmi_params[n]=o)}}),t};function Pt(){const e=function(e){let t=[];const n=localStorage.getItem(gt);return null!=n&&(t=[...JSON.parse(n)].slice(0,20)),e&&(e.ts=f(),t=[e,...t]),t}(function(e){if(function(e){return!e||"{}"===JSON.stringify(e)}(e))return null;const t={};return e.campaign&&(t.campaign=e.campaign),e.medium&&(t.medium=e.medium),e.source&&(t.source=e.source),e.term&&(t.term=e.term),e.content&&(t.content=e.content),t}(_(()=>Et().utm)));return localStorage.setItem(gt,JSON.stringify(e)),e}function At(){const e=_(()=>Pt(),[]);if(!Array.isArray(e)||0===e.length)return"";const t=e.filter(e=>e.campaign);return 0===t.length?"":_(()=>t.reduce((e,t)=>t.ts>e.ts?t:e,t[0]).campaign,"")||""}const It=function(e){return Promise.resolve(bt()).then(function(t){return new Promise((n,r)=>{const o=t.transaction([xt],"readonly").objectStore(xt).get(e);o.onerror=e=>{r("IDB e:r"+e.target.error)},o.onsuccess=e=>{n(e.target.result)}})})},bt=function(){try{const e=function(){if(!kt)return Promise.resolve(new Promise((e,t)=>{const n=indexedDB.open(Ct,1);n.onerror=e=>{t("IDB e:o"+e.target.error)},n.onsuccess=t=>{kt=t.target.result,e(kt)},n.onupgradeneeded=e=>{e.target.result.createObjectStore(xt,{keyPath:"id"}).createIndex("id","id",{unique:!0})}})).then(function(){})}();return Promise.resolve(e&&e.then?e.then(function(){return kt}):kt)}catch(e){return Promise.reject(e)}},Ct="VISUALLY_IO",xt=Ct;let kt=null;function Tt(){const e={},t=window.loomi_ctx||{};t.productId&&(e.productId=t.productId);const n=_(()=>{const e=new URL(location.href).searchParams,t="variant";return e.has(t)&&function(e){const t=Number(e),n=isNaN(t)?Number(`${e}`.replace(/[^\d.]+/g,""))||void 0:t;if(void 0!==n&&0!==n)return`${n}`}(e.get(t))})||t.variantId;return n&&(e.variantId=n),e}function Nt(){return _(()=>Ye().items.map(e=>({variantId:e.variant_id||0,quantity:e.quantity||0,productId:e.product_id||0,price:e.price||0})))||[]}const Ot=function(e){return void 0===e&&(e=Ye()),_(()=>(("spa"==window.vslyIntegrationType?_(()=>e.attributes.map(e=>e.key)):_(()=>Object.keys(e.attributes)))||[]).filter(e=>!e.startsWith("vsly")&&e.length<20).slice(0,50))||[]};function jt(){const e=new URL(window.location.href);return e.protocol+"//"+e.hostname+e.pathname}const Lt=function(e,t){try{let n;const r=this.cart;if(!r)return Promise.resolve(0);const o=function(){try{var o=r.currency===e?(n=1,r.total_price/100):function(){if(t)return Promise.resolve(v(()=>!!window.loomi_ctx.Currency,100,10)).then(function(){const t=(window.loomi_ctx.Currency.convert(r.total_price,r.currency,e)||0)/100;return n=1,t})}()}catch(e){return}return o&&o.then?o.then(void 0,function(){}):o}();return Promise.resolve(o&&o.then?o.then(function(e){return n?e:0}):n?o:0)}catch(e){return Promise.reject(e)}};function $t(){const e=_(()=>this.cart.items);if(e&&e.length>0){const t=et(),n=localStorage.getItem("vsly-last-atc-sid");if(!n)return!1;if(n!==t)return!0;const r=e.map(e=>`${e.variant_id}`);return!!_(()=>nt().find(e=>!!e.sid&&r.includes(`${e.variant_id}`)&&`${e.sid}`!=t))}return!1}function Rt(e){return Ot(this.cart).includes(e)}function Dt(e,t){function n(e){return e.toLowerCase()}const r={"==":t=>n(t)==n(e),"!=":t=>n(t)!=n(e),contains:t=>n(t).includes(n(e)),matches:t=>new RegExp(e).test(t)};return!!this.CartSubs().find(e=>r[t](e))}function Ut(){return tt(this.cart)}function Mt(e){const t=this.cart;return!!_(()=>t.items.find(t=>t.handle===e))}function qt(e){const t=this.cart;return!!_(()=>t.items.find(t=>!!t.tags&&t.tags.includes(e)))}function Ft(e){const t=this.cart;if(t.items.length<=0)return!1;const n=_(()=>t.items.filter(t=>!!t.tags&&t.tags.includes(e)));return _(()=>n.length===t.items.length,!1)}function Bt(e){const t=this.cart;return!!_(()=>t.items.find(t=>!!t.collections&&t.collections.includes(e)))}function Jt(){return!0===_(()=>window.loomi_ctx.loyalty.isMember,!1)}function Vt(){return _(()=>window.loomi_ctx.loyalty.pointsBalance,0)}function Ht(){return _(()=>window.loomi_ctx.loyalty.earnedPoints,0)}const Gt="__eventn_id";function zt(){const{id:e,firstSeen:t}=function(e){const t=function(e){try{const t=S(e),{firstSeen:n,id:r}=Qt(t);if(t)return{id:r,firstSeen:n||Zt()}}catch(e){}}(e),n=function(e){const t=window.localStorage.getItem(e),{id:n,firstSeen:r}=Qt(t);if(t)return{id:n,firstSeen:r||Zt()}}(e);if(!t&&!n){const{newId:t,newEpoch:n}=function(){const e=Math.random().toString(36).substring(2,12),t=Zt();return{newId:e,newEpoch:t,value:Yt(e,t)}}();return Kt(t,n,e),{id:t,firstSeen:n}}if(!n&&t)return Kt(t.id,t.firstSeen,e),t;if(!t&&n)return Kt(n.id,n.firstSeen,e),n;const r=Math.min(t.firstSeen,n.firstSeen);let o=t.firstSeen<=n.firstSeen?t.id:n.id;return Wt(t,n)&&(o=t.id<=n.id?t.id:n.id),n.id==t.id&&n.firstSeen==t.firstSeen||Kt(o,r,e),{id:o,firstSeen:r}}(Gt);return{id:e,firstSession:Xt(t),firstSeen:t}}function Kt(e,t,n){void 0===n&&(n=Gt);const r=Yt(e,t);_(()=>localStorage.setItem(n,r)),((e,t,n,r)=>{_(()=>window.loomi_ctx.cc)&&!b()||(document.cookie=encodeURIComponent(e)+"="+t+"; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT"+(n?"; domain="+n:"")+(r?"; secure":""))})(n,r,document.location.hostname.replace("www.","").replace("checkout.",""),"http:"!==document.location.protocol)}const Wt=(e,t)=>e.firstSeen===t.firstSeen&&e.id!==t.id;function Qt(e){return{firstSeen:_(()=>parseInt(e.split(".")[1]),null),id:_(()=>e.split(".")[0])}}function Yt(e,t){return`${e}.${t}`}function Zt(){return Math.trunc((new Date).getTime()/1e3)}const Xt=e=>(new Date).getTime()/1e3-e<=7200,en="vsly_vid",tn="lmi_debug";function nn(e){return _(()=>new URL(window.location.href).searchParams.get(e)||void 0)}const rn=["Roboto","Open Sans","Fredoka","Fredoka","Smooch Sans","Rubik","Lato","Poppins","Oswald","League Spartan","Noto Sans","Raleway","Merriweather","Playfair Display","Inter","JetBrains Mono","Jetbrains Mono"];function on(e){try{(function(e){const t=e.flatMap(e=>_(()=>e.code)).filter(e=>!!e).filter(e=>"widget"===e.kind).map(e=>sn(e.value.env)),n=new Map;
95return function(e,t){e.forEach(e=>{!function(e,t){const n=new Map;e.forEach(e=>{let[t,r]=e;const o=".font.";if(t.includes(o)){const e=t.split(o)[0]+o;n.has(e)||n.set(e,{families:new Set,weights:new Set});const i=n.get(e);if(t.endsWith(".fontFamily"))i.families.add(r);else if(t.endsWith(".fontWeight")){const e=parseInt(r,10)||500;i.weights.add(e)}}}),function(e,t){e.forEach(e=>{if(e.families.size>0){const n=e.weights.size>0?e.weights:new Set([500]);e.families.forEach(e=>{cn(t,e,n)})}})}(n,t)}(Object.entries(e),t),function(e,t){const n=function(e){const t=".text.isRichText",n=new Set;return e.forEach(e=>{let[r,o]=e;if(r.endsWith(t)&&!0===o){const e=`${r.split(t)[0]}.text.value`;n.add(e)}}),n}(e);0!==n.size&&e.filter(e=>{let[t]=e;return n.has(t)}).forEach(e=>{let[n,r]=e;return function(e,t){var n;if(e)try{!function(e,t){e.querySelectorAll("[style]").forEach(e=>{const n=e.style;if(n.fontFamily){const e=n.fontFamily,r=parseInt(n.fontWeight,10)||500;cn(t,e,new Set([r]))}})}((n=decodeURIComponent(e),(new DOMParser).parseFromString(n,"text/html")),t)}catch(e){console.error("Failed to parse rich text HTML",e)}}(r,t)})}(Object.entries(e),t)})}(t,n),function(e){return Array.from(e.entries()).map(e=>{let[t,n]=e;return{family:t,weights:Array.from(n).sort()}})}(n)})(e).forEach(e=>{let{family:t,weights:n}=e;return function(e,t){return Qe(N("appendFont","div",JSON.stringify({family:e,weights:t})))}(t,n)})}catch(e){F("failed to install custom fonts",e)}}function sn(e){const t={};for(const n in e)if("object"!=typeof e[n]||Array.isArray(e[n]))t[n]=e[n];else{const r=sn(e[n]);for(const e in r)t[`${n}.${e}`]=r[e]}return t}function cn(e,t,n){if(!t)return;const r=t.replaceAll("'","").replaceAll('"',"");if(!function(e){return rn.includes(e)}(r))return;e.has(r)||e.set(r,new Set);const o=e.get(r);
95o.add(400),n.forEach(e=>{o.add(e)})}const an=function(e,t,n,r){void 0===n&&(n=!0),void 0===r&&(r=void 0);try{const o=_(()=>window.loomi_api.addToCart),i=function(){if(o)return Promise.resolve(window.loomi_api.addToCart(e,t,n,r)).then(function(){})}();return Promise.resolve(i&&i.then?i.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},un=function(e){try{let n;function t(t){return n?t:e.map(e=>{const t=String(e.id),n=dn.get(pn(e.id))||r[t];return n?{...e,variants:Array.isArray(e.variants)?e.variants.map(e=>{const t=vn(e,n);return t?{...e,fixed_price_currency:t.price.currencyCode,price:parseFloat(t.price.amount),compare_at_price:t.compareAtPrice?parseFloat(t.compareAtPrice.amount):e.compare_at_price}:e}):e.variants}:e})}if(!e||0===e.length)return Promise.resolve(e);let r={};const{productIdsToFetch:o}=wn(e),i=function(){if(o.length>0)return function(t,n){try{var o=Promise.resolve(ln(e)).then(function(e){r=e,Object.entries(r).forEach(e=>{let[t,n]=e;return dn.set(pn(t),n)})})}catch(e){return n(e)}return o&&o.then?o.then(void 0,n):o}(0,function(t){return console.error("vsly",t),n=1,e})}();return Promise.resolve(i&&i.then?i.then(t):t(i))}catch(s){return Promise.reject(s)}},ln=function(e){try{return Promise.resolve(fetch(`https://${fn()}/api/2025-10/graphql.json`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:mn(e)})})).then(function(e){if(!e.ok)throw new Error(`Shopify API error: ${e.status}`);return Promise.resolve(e.json()).then(function(e){if(e.errors)throw new Error(`GraphQL errors: ${JSON.stringify(e.errors)}`);const t={};for(const n in e.data){const r=e.data[n];if(!r)continue;const o=hn(r.id);t[o]={variants:{}}
95,r.variants.edges.forEach(e=>{const n=hn(e.node.id);t[o].variants[n]={price:e.node.price,compareAtPrice:e.node.compareAtPrice}})}return t})})}catch(e){return Promise.reject(e)}},dn=new class extends H{constructor(e,t){super(new z(e),t)}}("p",18e5);function mn(e){const{productIdsToFetch:t,maxVariantsPerProduct:n}=wn(e),r=se();return`\n query GetProductPrices ${r?`@inContext(country: ${r})`:""} {\n ${t.map(e=>`\n product_${e}: product(id: "gid://shopify/Product/${e}") {\n id\n variants(first: ${n}) {\n edges {\n node {\n id\n price {\n amount\n currencyCode\n }\n compareAtPrice {\n amount\n currencyCode\n }\n }\n }\n }\n }\n `).join("\n")}\n }\n `}const fn=()=>window.loomi_ctx.storeAlias.toLowerCase().replaceAll("_","-")+".myshopify.com";function hn(e){const t=e.match(/\/(\d+)$/);return t?t[1]:e}const pn=e=>String(e)+se(),vn=(e,t)=>{let n=String(e.variant_id);const r=Object.keys(t.variants);return 1==r.length&&(n=r[0]),t.variants[n]},wn=e=>{let t=1,n=!0;return{productIdsToFetch:e.map(e=>{if(!Array.isArray(e.variants))return{id:String(e.id),needsFetch:!1};const r=new Set(e.variants.map(e=>e.price)).size>1;r&&(n=!1),e.variants.length>t&&(t=e.variants.length);const o=((e,t,n)=>{if(!e)return!0;if(!n)return!1;const r=e.variants||{};return t.some(e=>void 0===r[e])})(dn.get(pn(e.id)),e.variants.map(e=>String(e.variant_id)),r);return{id:String(e.id),needsFetch:o}}).filter(e=>e.needsFetch).map(e=>e.id),maxVariantsPerProduct:n?1:t}},yn=new K("recs_cache",300001),gn=function(e,t){try{const n=Promise.resolve([]);return Promise.resolve(function(r,o){try{var i=function(){if(!e)return n;let r=_(()=>e.recommendationOptions);if(!r)return n;var o;!function(e){const{productId:t,variantId:n}=Tt();(t||n)&&(e.productId={productId:t,variantId:n})}(r),r.cartItems=(o=Nt(),_(()=>o.filter(e=>!!e.productId).map(e=>({productId:`${e.productId}`,variantId:`${e.variantId}`,quantity:e.quantity||1})))),r.currency=_(()=>Ye().currency||"USD","USD"),r.cart_total=_(()=>Ye().total_price,0),_(()=>+Date.now()-window.loomi_ctx.last_vid_atc.ts<5e3)&&(r.last_vid_atc=window.loomi_ctx.last_vid_atc),r.respSize=_(()=>window.visually.recsPerVariant[t.variantId]),["RECENTLY_VIEWED","VIEWED_WITH_RECENTLY_VIEWED"].find(e=>_n(r,e))&&(r.recentlyViewed=rt().filter(e=>!!e.productId).map(e=>({productId:`${e.productId}`,variantId:`${e.variantId||""}`,...e.ts?{ts:e.ts}:{}})));const i=st();return i.length>0&&(r.pastPurchases=i),(_n(r,"CART_ITEMS")||function(e){return _(()=>!!e.layeredRuling.find(e=>"latest_added"==e.ruleCond.itemSelection))}(r))&&(r.cartHistory=In()),r.userId=_(()=>window.loomi_ctx.userId,""),t&&(r.widgetContext=t),_(()=>!!window.loomi_ctx.storeAlias)&&(r.storeAlias=window.loomi_ctx.storeAlias),r.locale=_(()=>window.Shopify.locale)||_(()=>window.visually.locale),E()&&(r.clientId=E()),r.country=se(),Promise.resolve(function(e,t){const n=_(()=>window.loomi_api.updateRecsOpts),r=_(()=>n.get(function(e){return e.widgetId+e.experienceId+e.variantId+e.sectionId}(e))(t),t);return _(()=>n.get(window.loomi_ctx.storeAlias)(r),r)}(t,r)).then(function(e){return r=e,Promise.resolve(An(r))})}()}catch(e){return o(e)}return i&&i.then?i.then(void 0,o):i}(0,function(e){return F("loomi-widget,recProducts failed:",e),n}))}catch(e){return Promise.reject(e)}};function _n(e,t){return e.type===t||_(()=>e.strategyPerSlot.find(e=>e.strategy===t))||_(()=>!!Object.values(e.conditions).find(e=>e.qbProps.envKey===t))||_(()=>!!e.layeredRuling.find(e=>e.strategy===t||!!_(()=>e.strategyPerSlot.slots.find(e=>e.strategy===t))))}function Sn(e){const t=function(){const e=window.innerWidth;return e<=360?200:e<=480?360:e<=640?480:e<=768?640:e<=960?768:1024}();e.products.forEach(e=>{const n=new URL(e.image.src);n.searchParams.set("width",`${Math.min(t,e.image.width||1280)}`),e.image.src=n.href})}function En(){return`https://${A(window.loomi_ctx.env)}/api/recommendations/web/public/v2/recommend`}const Pn=new Map,An=function(e){try{function t(){return _(()=>o.products)}const n=g(e),r=W(n);let o=yn.get(r);const i=function(){if(!o){let e=!0;return me("kill-locale-currency")&&(e=!1),Promise.resolve(((e,t,n)=>{if(Pn.has(e))return Pn.get(e);const r=window.vslyNativeFetch||window.fetch,o=function(){try{return Promise.resolve(function(e,o){try{var i=function(){function e(){return Promise.resolve(o.json()).then(function(e){const t=function(){if(e.fetchPrices&&n)return Promise.resolve(un(e.products)).then(function(t){e.products=t})}();return t&&t.then?t.then(function(){return e}):e})}let o;const i=t.length>1e4&&!me("disable-recs-post")?Promise.resolve(r(En(),{method:"POST",headers:{"Content-Type":"text/plain"},body:t})).then(function(e){o=e}):Promise.resolve(r(`${En()}?q=${t}`)).then(function(e){o=e});return i&&i.then?i.then(e):e()}()}catch(e){return o(!0,e)}return i&&i.then?i.then(o.bind(null,!1),o.bind(null,!0)):o(!1,i)}(0,function(t,n){if(Pn.delete(e),t)throw n;return n}))}catch(e){return Promise.reject(e)}}();return Pn.set(e,o),o})(r,n,e)).then(function(e){o=e,_(()=>
95[Sn,window.loomi_api.onRecsResp].forEach(e=>e&&e(o))),yn.set(r,o)})}}();return Promise.resolve(i&&i.then?i.then(t):t())}catch(s){return Promise.reject(s)}},In=()=>nt().map(e=>{const t={...e};return delete t.sid,t});function bn(e){return`vsly_pi_${e}`}function Cn(e){return`vsly_hbt_${e}`}function xn(e){return`vsly_hbc_${e}`}function kn(e){return Array(e).fill(0).map(()=>Math.floor(10*Math.random())).join("")}function Tn(){try{const e=_(()=>window.vslyAntiFlickerReveal,void 0);e&&e()}catch(e){}}const Nn=function(e,t){try{if(y(e)||y(t))return Promise.resolve({products:[]});const n=function(e,t){const n=window.loomi_ctx.storeAlias||"",r=new URLSearchParams({byHandle:g({handles:e}),al:n,slimResp:"1"});return t&&t.length>0&&r.set("metafields",g({fields:t})),`${En()}?${r.toString()}`}(e,t);return Promise.resolve(fetch(n)).then(function(e){if(!e.ok)throw new Error(`vsly 400 ${e.statusText}`);return e.json()})}catch(e){return Promise.reject(e)}},On=function(e){try{try{const t=g(e),n=window.loomi_ctx.storeAlias,r=W(`${n}_${t}_${se()}`),o=Ln.get(r);if(o)return Promise.resolve(o);if($n.has(r))return Promise.resolve($n.get(r));const i=function(){try{return Promise.resolve(function(e,o){try{var i=function(e,o){try{var i=function(){const e=new URL(En());e.searchParams.set("al",n),e.searchParams.set("productQuery",t);const o=window.vslyNativeFetch||window.fetch;return Promise.resolve(o(e.toString(),{method:"GET",headers:{Accept:"application/json"}})).then(function(e){return e.ok?Promise.resolve(e.json()).then(function(e){return Promise.resolve(function(e){try{if(!e||!e.results||"object"!=typeof e.results)return Promise.resolve({results:{}});const t=e.results,n=function(e){return Object.keys(e).map(t=>{const n=e[t];return n&&n.id?{key:t,product:n}:null}).filter(e=>!!e)}(t);if(0===n.length)return Promise.resolve({...e,results:t});let r=n.map(e=>e.product);return r=function(e){const t={products:e};return Sn(t),t.products}(r),Promise.resolve(jn(r)).then(function(o){return r=o,r=function(e){const t=window.loomi_api;if(!t||!t.onRecsResp)return e;try{const n={products:e};return t.onRecsResp(n),n.products}catch(t){return F("onRecsResp hook failed",t),e}}(r),function(e,t,n){t.forEach((t,r)=>{const o=n[r];o&&o.id&&(e[t.key]=o)})}(t,n,r),{...e,results:t}})}catch(e){return Promise.reject(e)}}(e)).then(function(e){return Ln.set(r,e),e})}):{results:{}}})}()}catch(e){return o(e)}return i&&i.then?i.then(void 0,o):i}(0,function(e){return F("queryProducts failed:",e),{results:{}}})}catch(e){return o(!0,e)}return i&&i.then?i.then(o.bind(null,!1),o.bind(null,!0)):o(!1,i)}(0,function(e,t){if($n.delete(r),e)throw t;return t}))}catch(e){return Promise.reject(e)}}();return $n.set(r,i),Promise.resolve(i)}catch(e){return F("queryProducts setup failed:",e),Promise.resolve({results:{}})}}catch(e){return Promise.reject(e)}},jn=function(e){try{return me("kill-locale-currency")||_(()=>!Array.isArray(e[0].variants))?Promise.resolve(e):Promise.resolve(un(e))}catch(e){return Promise.reject(e)}},Ln=new K("ai_recs_cache",300001),$n=new Map,Rn=function(e,t,n){try{const o=zt(),i=function(e,t,n){const r=function(){const e=Nt(),t={path:window.location.pathname,host:window.location.hostname};_(()=>e.length)>0&&(t.cartItems=e);const n=_(()=>Ye().token);n&&(t.cartToken=n);const r=Pt();r&&(t.trafficSources=r),t.productsSeenInSession=rt(),t.isCustomer=!!E(),t.query=window.location.search||"",t.hash=window.location.hash||"";const o=Ot();return o&&(t.cartAttributes=o),t}();r.storeAlias=e;const o=E();o&&(r.clientId=o),r.anonymousId=t.id,r.firstSeen=t.firstSeen,r.firstSession=t.firstSession,r.gaId=_(()=>document.cookie.split(";").map(e=>e.split("=")).find(e=>{let[t,n]=e;return"_ga"==t.trim()})[1],"");const i=window.loomi_ctx;r.customerTags=_(()=>i.ctags.slice(0,20)),r.landingPage=_(()=>i.session.landing_page),r.hasSubs=!!_(()=>tt(Ye()).length>0);const s=pt();s&&(r.edgetag=s);const c=function(){try{const e=_(()=>new URL(window.location.href));if(_(()=>e.searchParams.get("forceOverride"))){const t=_(()=>e.searchParams.get("targeting"));if(t)return JSON.parse(decodeURIComponent(escape(atob(t))))}}catch(e){F("preview overrides",e)}return{}}(),a=ot(ct),u=function(){const e=ot(at);function t(e){return new Date(e.ts).valueOf()}function n(){const e=new URL(location.href);return["vslyvid","vslywgid","vslysid","lmi_preview","targeting","vsly_vid"].forEach(t=>e.searchParams.delete(t)),e.search||""}return It(at).then(r=>{const o={ts:new Date,name:jt(),search:_(n,"")},i=!!o.search,s=(_(()=>r.visits)||e||[]).filter(e=>!i||!(e.name===o.name&&!e.search)).filter(e=>
95!(e.name===o.name&&(o.search===e.search||i&&!e.search))).sort((e,n)=>t(n)-t(e)).slice(0,500);var c;s.unshift(o),(c={id:at,visits:s},Promise.resolve(bt()).then(function(e){return new Promise((t,n)=>{const r=e.transaction([xt],"readwrite").objectStore(xt).put(c);r.onerror=e=>{n("IDB e:w"+e.target.error)},r.onsuccess=()=>{t("")}})})).catch()}).catch(),it([{ts:f(),name:jt()}],e,e=>t=>e.name===t.name,at)}(),l=st(),d={deviceKind:_(()=>window.loomi_ctx.deviceOverride,void 0),...n||{}},m=!!_(()=>navigator.userAgent.includes("Macintosh")&&"ontouchend"in document),h=_(()=>window.innerWidth,0),p=_(()=>window.vslyDesktopBreakpoint)||960,v=_(()=>S("cart_currency"))||_(()=>Ye().currency)||"",w=_(()=>i.current_product);if(w){r.oos=_(()=>w.oos),r.price=_(()=>w.price),r.iq=_(()=>w.variants.reduce((e,t)=>t.iq+e,0)),r.productId=_(()=>{const e=Tt().productId;return Number.isFinite(Number(e))?e.toString():""},"");const e=1*i.variantId;Number.isFinite(e)&&(r.vid=e)}const y=_(et);"spa"==window.vslyIntegrationType&&(r.spa=!0);const g=_(()=>i.ttl);return{cartCurrency:v,...r,queryHistory:a,isIPadPro:m,windowInnerWidth:h,desktopBreakpoint:p,visitedPages:u,ttl:Number.isFinite(g)?g:0,purchasedLineItems:l,sid:y,...d||{},...c||{}}}(e,o,n);return Promise.resolve(function(e,t){try{const n=g(t),o=function(e){const{previewKey:t,debugAllocator:n,previewVariantId:o}=function(){[r,en].map(e=>{const t=nn(e);t&&sessionStorage.setItem(e,t)});const e=sessionStorage.getItem(r),t=sessionStorage.getItem(en);return{previewKey:e,debugAllocator:nn(tn),previewVariantId:t}}();let i=new URL(e);return t&&i.searchParams.append(r,t),n&&i.searchParams.append(tn,"true"),o&&i.searchParams.append(en,o),i}(qn(e).cfgUrl);o.searchParams.append("q",n);const i=W(o.href),s=window.vslyNativeFetch||window.fetch,c=Un.has(i)?Un.get(i):s(o.href,{priority:"high"}).finally(()=>Un.delete(i));return Un.set(i,c),Promise.resolve(c).then(function(e){if(e.ok)return Promise.resolve(e.json());throw new Error(`failed to load config: ${e.statusText}`)})}catch(e){return Promise.reject(e)}}(t,i)).then(function(e){return _(()=>{window.loomi_ctx.audiences=e.audiences,_(()=>e.audiences&&localStorage.setItem("vsly_audiences",JSON.stringify(e.audiences))),window.loomi_ctx.testedThemes=e.testedThemes||[]}),function(e){const t=e.currentVariant;window.loomi_ctx={...window.loomi_ctx||{}};const n=_(()=>t.pid);n&&(window.loomi_ctx.productId=`${n}`);const r=_(()=>t.vid);r&&(window.loomi_ctx.variantId=`${r}`);const o=_(()=>t.price);o&&(window.loomi_ctx.variantPrice=o);const i=_(()=>t.meta);i&&(window.loomi_ctx.productMeta=`${i}`)}(e),it(e.queryHistory,i.queryHistory,e=>t=>t.v===e.v&&t.k===e.k,ct),function(e){var t;(t=e.experiments)&&t.findIndex(e=>{const t=_(()=>e.clientTargetingFormula.toString(),"")||"";return t.includes("CartItemHasTag")||t.includes("CartItemHasCollection")||t.includes("AllCartItemsHasTag")})>-1||!0===_(()=>e.flags["sdk-enable-cart-enrichment"],!1)&&(e.flags["sdk-enable-cart-enrichment"]=!1)}(e),{configuration:e,tracking:o}})}catch(e){return Promise.reject(e)}},Dn="vslyb",Un=new Map;function Mn(e){if("number"==typeof e.chance&&e.chance<100){const t={experienceId:e.name,variantId:e.variant,storeAlias:_(()=>window.loomi_ctx.storeAlias),anonymousId:_(()=>window.loomi_ctx.userId)};e.version&&(t.version=e.version);const r=g(t),o=_(()=>window.loomi_ctx.env,n.PROD),i=new URL(qn(o).cfgUrl.replace("/allocate","/match"));i.searchParams.append("q",r),fetch(i)}}function qn(e){let t="/api/allocator/web/public/v2/allocate";return Bn(e)&&(t="/allocate"),{cfgUrl:`${Fn(e)}${t}`}}function Fn(e){return Bn(e)?"http://localhost:8080":`https://${A()}`}function Bn(e){return[n.TEST,n.LOCAL].includes(e)}function Jn(e){window.visually={..._(()=>window.visually)||{},flags:e},localStorage.setItem("loomi-flags",JSON.stringify(e))}function Vn(e,t,n){const r=function(r){_(()=>!!r.persisted)&&(window.loomi_ctx.cart=void 0,n(e,t,500).catch(e=>{F("failed reloading sdk",e)}))};_(()=>!window.loomi_ctx.pageshow)&&(q("pageshow initialized"),s().then(()=>{window.addEventListener("pageshow",r),window.loomi_ctx.pageshow=!0}))}function Hn(e){return`${e.name}-${e.variant}`}function Gn(e){return`${e.name}-${e.variant}-${e.version||0}`}function zn(e){$.forEach(t=>{e&&!e(t)||(t.undo(),t.do())})}const Kn=(e,t)=>!!_(()=>e.audiences.includes(t)),Wn=e=>{const t={},n=Kn(e,"d"),r=Kn(e,"m");return n||r?(_(()=>e.experiments.filter(e=>
95!!e.code).forEach(e=>e.code.forEach(r=>{const o=_(()=>r.value.env.general.recsCount),i=_(()=>n?o.desktop.value:o.value);i>(t[e.variant]||0)&&"number"==typeof i&&(t[e.variant]=i)}))),t):t},Qn=function(e){void 0===e&&(e={});try{const t=Z+X;return we(Z,X),Promise.resolve(v(()=>_(()=>window.visually.widgets[t]),100,50)).then(function(){const n="#vsly-overlay",r="#vslyp-vsly-overlay";if(!document.querySelector(r)){const e=document.createElement("div");e.id=n.replace("#",""),e.textContent=".",e.style.opacity="0",e.style.display="none",document.body.appendChild(e);const t=document.createElement("script");t.id=r.replace("#",""),t.type="text/props",t.textContent="{}",document.body.appendChild(t)}return window.visually.widgets[t](n),Promise.resolve(v(()=>!!window.loomi_api._openProductOverlay,100,50)).then(function(){window.loomi_api._openProductOverlay((e=>{const t=_(()=>e.widgetContext)||_(()=>e.mpCtx)||_(()=>e.overlay.mpCtx);return t?{...e,overlay:{...e.overlay||{},mpCtx:t}}:e})(e))})})}catch(e){return Promise.reject(e)}};function Yn(e,t,n,r){const[o,i]=t.split(",");return new Promise(t=>{It(at).then(n=>{for(const s of function(e,t,n){const r=(new Date).valueOf();return(_(()=>e.visits,[])||[]).filter(e=>{const o=new Date(e.ts).valueOf(),i=36e5,s=parseInt(t);switch(n.replaceAll('"',"")){case"hours":return o>r-s*i;case"weeks":return o>r-s*i*24*7;case"days":return o>r-s*i*24;default:return!1}})}(n,o,i))if(r||rr(e)){if(Xn(s,e))return void t(!0)}else if(Zn(s,e))return void t(!0);t(!1)})})}function Zn(e,t){return!![er(e),nr(er(e))].find(e=>e.includes(t))}function Xn(e,t){const n=e.search||"",r=er(e)+n;return!![r,nr(r)].find(e=>e.includes(tr(t)))}function er(e){return tr(function(e){const t=_(()=>new URL(e));if(!t)return e;const n=t.pathname.split("/");return/^[a-z]{2}-[a-z]{2}$/.test(n[1])&&(t.pathname=n.slice(2).join("/")),tr(t.href)}(e.name))}function tr(e){const t=_(()=>new URL(e));return t&&t.pathname.endsWith("/")?"/"===t.pathname?t.href.slice(0,-1):(t.pathname=t.pathname.slice(0,-1),t.href):e}function nr(e){return e.includes("/products/")&&e.includes("/collections/")?e.replace(/\/collections\/[^/]+/,""):e}function rr(e){return _(()=>!!new URL(e).search)}const or=function(e){try{return yr(),hr(e.clientTargetingFormula)&&(ar[lr(e)]=e),Promise.resolve(wr(e)).then(function(t){return t?(mr(e),!0):(q(`exp: ${e.gaName} not run client targeting: ${e.clientTargetingFormula} => false`),!1)})}catch(e){return Promise.reject(e)}},ir=function(e){try{const t=Object.entries(ar).map(t=>{let[n,r]=t;return hr(r.clientTargetingFormula)&&(ar[lr(r)]=r),{exp:r,shouldBeApplied:sr(r.clientTargetingFormula,e,r.name),hasBeenApplied:()=>!!ur[lr(r)]}});return Promise.resolve(pr(t)).then(function(e){!function(e){e.filter(e=>e.hasBeenApplied()&&!e.shouldBeApplied).flatMap(e=>{const t=_(()=>ur[lr(e.exp)]);return t&&delete ur[lr(e.exp)],t}).forEach(e=>{_(e.revert)})}(e),function(e){e.filter(e=>e.shouldBeApplied&&!e.hasBeenApplied()).forEach(e=>{var t,n,r;mr(e.exp),t=e.exp,n=fr,void 0===r&&(r=x()),n.has(t.variant)||(Pr(r,t),n.add(t.variant),Mn(t))})}(e)})}catch(e){return Promise.reject(e)}},sr=function(e,t,n){void 0===n&&(n="");try{if(void 0===t&&(t=dr()),hr(e)){t.Total=Lt,t.CartHasSubs=Dt,t.CartSubs=Ut,t.CartHasItem=Mt,t.CartItemHasTag=qt,t.AllCartItemsHasTag=Ft,t.CartItemHasCollection=Bt,t.IsLoyaltyCustomer=Jt,t.LoyaltyPointsBalance=Vt,t.LoyaltyPointsEarned=Ht,t.PageVisit=Yn,t.CustomerTag=gr,t.IsGuest=_r,t.AbandonedCart=$t,t.CartAttrName=Rt,t.UseCaseId=n;const r=()=>new Function(`\n const c = arguments[0];\n return ${function(e){const t=t=>_(()=>e.includes(t));for(const n of["PageVisit","Total"])t(`c.${n}`)&&!t(`await c.${n}`)&&(e=`( ${e.replaceAll(`c.${n}`,`await c.${n}`)} )`);return!t("(async ()")&&t("await")?`(async () => (${e}))()`:e}(e)}`)(t);return Promise.resolve(new Promise(e=>e(r())).catch(e=>(F("client side formula err",e),!1)))}return Promise.resolve(!0)}catch(e){return Promise.reject(e)}};let cr=!1;const ar={},ur={},lr=e=>`${e.name}-${e.variant}`;function dr(){return{cart:Ye(),Total:Lt,CartHasSubs:Dt,CartSubs:Ut,CartHasItem:Mt,CartItemHasTag:qt,AllCartItemsHasTag:Ft,CartItemHasCollection:Bt,IsLoyaltyCustomer:Jt,LoyaltyPointsBalance:Vt,LoyaltyPointsEarned:Ht,PageVisit:Yn,CustomerTag:gr,IsGuest:_r,AbandonedCart:$t,CartAttrName:Rt}}function mr(e){const t={experienceId:e.name,variantId:e.variant,gaExperienceName:e.gaName,gaVariantName:e.gaVariant,reportGa:e.ga,publishedAt:e.publishedAt,version:e.version};var n;n=_(()=>e.code.map(e=>{try{return function(e,t){if("compound"===e.kind){const n=e.value,r=function(e,t,n,r,o){const i=[];return n&&""!==n&&i.push(N(e,t,n)),r&&""!==r&&i.push(N("appendCss",t,r)),o&&""!==o&&i.push(N("appendJs",t,o)),i}(n.htmlKind,e.selector,n.html,n.css,n.js),o=N(e.kind,e.selector,r);o.options=t;const i=Qe(o);return i.htmlId=r[0].id,r[1]&&(i.cssId=r[1].id),r[2]&&(i.jsId=r[2].id),i}if("widget"===e.kind){const n=N(e.kind,e.selector,"");n.options=t,n.block=e;const r=function(e,t){const n=_(()=>e.block.value);return{...t,sectionId:_(()=>n.env.sectionId),widgetId:_(()=>n.widgetId),widgetVersion:_(()=>n.version)}}(n,t);!function(e,t){const n=_(()=>e.block.value.env);
95n&&Object.entries(t).forEach(e=>{let[t,r]=e;return n[t]=r})}(n,r);const o=Qe(n);return o.htmlId=n.id,o}if(["pageRedirect","themeTest"].includes(e.kind)){const n=N(e.kind,e.selector,"");return n.options=t,n.block=e,Qe(n)}if(["moveElem","automation","visualEdit"].includes(e.kind)){const n=N(e.kind,e.selector,"");n.options=t,n.block=e;const r=Qe(n);return r.htmlId=n.id,r}const n=N(e.kind,e.selector,e.value);return n.options=t,Qe(n)}(e,t)}catch(e){}}).filter(e=>!!e),[]),ur[lr(e)]=n}const fr=new Set;function hr(e){return!!e&&""!==e}const pr=function(e){try{return Promise.resolve(Promise.all(e.map(function(e){try{return Promise.resolve(e.shouldBeApplied).then(function(t){return{...e,shouldBeApplied:t}})}catch(e){return Promise.reject(e)}})))}catch(e){return Promise.reject(e)}},vr=e=>{const t=_(()=>e.key),n=_(()=>e.value),r=dr();t===Ze.CART_CHANGE?(ir({...r,cart:n}),_(()=>window.loomi_ctx.maintainCartAttributes(n))):t===Ze.LOYALTY_CHANGE&&ir(r)};function wr(e){return sr(e.clientTargetingFormula,void 0,e.name)}function yr(){cr||s(()=>document).then(()=>{document.addEventListener(Q,vr),cr=!0})}function gr(e,t){void 0===t&&(t="");const n=["!","not in"].some(e=>t.includes(e)),r=_(()=>window.loomi_ctx.ctags.includes(e))||!1;return n?!r:r}function _r(){return Promise.resolve(_(()=>!window.loomi_ctx.clientId))}function Sr(e){const t=lr(e),n=ur[t];n&&(n.forEach(e=>_(e.revert)),delete ur[t]),delete ar[t]}const Er=function(e,t,n){try{let r;return Promise.resolve(n()).then(function(n){n?(Pr(t,e),(hr(e.clientTargetingFormula)||function(e){return!!me("trigger-delayed-allocation")&&_(()=>["jsFunction","jsCondition"].includes(e.trigger.type))}(e))&&Mn(e)):r=1})}catch(e){return Promise.reject(e)}};function Pr(e,t){return _(()=>{e.register(t.name,t.variant,t.gaVariant,t.gaName);const n=t.ga;return e.track(o.USE_CASE,{use_case:t.name,use_case_variant:t.variant,...t.version?{version:t.version}:{}},{isAudience:t.isAudience,isRedirect:t.isRedirect,immediate:t.immediate,gaName:t.gaName,gaVariant:t.gaVariant,...n?{reportGa:n}:{}})})}const Ar=new Set,Ir=new Set,br=new Set,Cr=new Set;let xr;function kr(e){void 0===xr&&(xr=new MutationObserver(Tr(e)),xr.observe(document.body,{childList:!0,subtree:!0,attributes:!1,characterData:!1}))}function Tr(e){return()=>{Nr(Ar,br,(t,n)=>{Er(n,e,()=>(t.add(Or(n.trigger.selector,n)),or(n)))}),Nr(Ir,Cr,(t,n,r)=>{const o=n.trigger;t.add(Or(o.selector,n)),r.addEventListener(o.name,()=>Er(n,e,()=>or(n)),{once:void 0!==o.once&&o.once})})}}function Nr(e,t,n){e.forEach(e=>{_(()=>{const r=e.trigger.selector;document.body.querySelectorAll(r).forEach(o=>{t.has(Or(r,e))||n(t,e,o)})})})}function Or(e,t){return`${e}-${t.name}`}function jr(e){const t=JSON.stringify({ts:(new Date).getTime(),...e});let n,r,o=0;if(0===t.length)return o;for(n=0;n<t.length;n++)r=t.charCodeAt(n),o=(o<<5)-o+r,o|=0;return o}function Lr(e){const t=jr(e);return Ur(t),v(()=>new Function(e.code)(window),e.timeoutMillis,e.retries,()=>void 0===Mr(t))}function $r(e){return JSON.parse(localStorage.getItem(e)||"[]")}let Rr=[];const Dr=function(e,t,n){_(()=>t.experiments.forEach(t=>{n&&n.matches(t)?n.onSubscribeCall(t):Br(t,e)}))},Ur=(e,t)=>{Rr.push({handler:e,experienceKey:t})},Mr=e=>Rr.find(t=>t.handler===e),qr=function(e){Rr.filter(t=>t.experienceKey===e).forEach(e=>{try{"number"!=typeof e.handler&&e.handler()}catch(e){}}),Rr=Rr.filter(t=>t.experienceKey!==e)};function Fr(e,t){Br(e,t)}function Br(t,n){switch(_(()=>t.trigger.type)){case e.PageLoad:!function(e,t){Er(e,t,()=>or(e))}(t,n);break;case e.Timeout:!function(e,t){const n=setTimeout(()=>{Er(e,t,()=>or(e))},e.trigger.timeoutMillis);Ur(()=>{n&&clearTimeout(n)})}(t,n);break;case e.Inactivity:!function(e,t){const n=e.trigger.timeoutMillis;let r;function o(){clearTimeout(r),r=setTimeout(()=>{Er(e,t,function(){try{return Promise.resolve(wr(e)).then(function(t){return t&&or(e),t})}catch(e){return Promise.reject(e)}})},n)}o();const c=["mousemove","keypress","scroll","touchstart","touchmove"];Ur(()=>{clearTimeout(r),i(()=>document).then(()=>c.forEach(e=>document.removeEventListener(e,o)))}),s(()=>document,!0).then(()=>
95{c.forEach(e=>document.addEventListener(e,o,{passive:!0}))})}(t,n);break;case e.Selector:!function(e,t){kr(e),Ar.add(t),Tr(e)()}(n,t);break;case e.ExitIntent:!function(e,t){const n=r=>{_(()=>!r.toElement&&!r.relatedTarget)&&Er(e,t,()=>{const t=or(e);return i(()=>document).then(()=>{document.removeEventListener("mouseout",n)}),t})};s(()=>document,!0).then(()=>{document.addEventListener("mouseout",n,{passive:!0})}),Ur(()=>{i(()=>document).then(()=>{document.removeEventListener("mouseout",n)})})}(t,n);break;case e.JSCondition:!function(e,t){Lr(e.trigger).then(()=>{Er(e,t,()=>or(e))}).catch(()=>{})}(t,n);break;case e.JSFunction:!function(e,t){!function(n){try{const r=new Function(`return async function() { ${n.code} }`)()(),o=jr(n);Ur(o),r.then(()=>void 0!==Mr(o)&&void Er(e,t,()=>or(e)))}catch(e){}}(e.trigger)}(t,n);break;case e.JSEvent:!function(e,t){const n=e.trigger,r="vsly-js-events";function o(n){n&&Er(e,t,()=>or(e))}const c=e=>{let t;try{t=new Function(n.jsEvent.matchCode)(e),localStorage.setItem(r,JSON.stringify([...$r(r),{event:{detail:e.detail},ts:(new Date).valueOf()/1e3}].splice(0,25)))}catch(e){F("handleJsEvent",e),t=!1}o(t)};o(function(e,t){return _(()=>!!$r(e).find(e=>{const n=e.ts;return(new Date).valueOf()/1e3-n<2628e3&&new Function(t)(e.event)}))}(r,n.jsEvent.matchCode)),s(()=>window).then(()=>{window.addEventListener(n.jsEvent.name,c)}),Ur(()=>{i().then(()=>{window.removeEventListener(n.jsEvent.name,c)})})}(t,n);break;case e.Conjunction:!function(t,n){if(function(t){return[e.ExitIntent,e.Selector,e.Timeout].includes(t.trigger.condition.type)}(t)){const e=t.trigger;Lr(e.jsCond).then(()=>{Br({...t,trigger:e.condition},n)}).catch(()=>{})}}(t,n);break;case e.ElementEvent:!function(e,t){kr(t),Ir.add(e),Tr(t)()}(t,n)}}const Jr=["vsly-backdrop-container","__loomi_crosshair_container"];function Vr(e){let t=_(()=>e.target),n=!1;for(;t;){if(Jr.includes(_(()=>t.id))){n=!0;break}t=_(()=>t.parentElement)}n&&(q("vsly","about to stop propagation of event",e),_(()=>e.stopImmediatePropagation()),_(()=>e.stopPropagation()))}function Hr(e,t){const n=_(()=>window.Shopify.currency.active,"USD"),r=_(()=>window.Shopify.locale,"en-US"),o=new Intl.NumberFormat(r,{style:"currency",currency:n,minimumFractionDigits:!0===_(()=>window.visually.flags["op-locale-currency-always-show-decimals"],!1)?2:0,maximumFractionDigits:2});if(t){if(Kr()){const t=_(()=>window.visually.priceRound)||Math.round;return o.format(t(e,n))}return o.format(e)}const i=_(()=>window.Shopify.currency.rate,"1");let s=Number.parseFloat(i);s=Number.isNaN(s)?1:s;let c=e*s;return 1!=s&&me("exchange-fee")&&(c*=1.02),c=Gr(s,c,n),o.format(c)}const Gr=(e,t,n)=>1!==e&&me("exchange-round")||Kr()?(_(()=>window.visually.priceRound)||Math.round)(t,n):t;function zr(){const e=_(()=>!0===window.visually.flags["kill-locale-currency"]),t=_(()=>window.Shopify.currency,{}),n=!!_(()=>t.active),r=_(()=>t.rate),o=!!r&&!Number.isNaN(Number.parseFloat(r));return!e&&n&&o}const Kr=()=>!me("op-locale-currency-no-round");let Wr=window.location.href;const Qr=()=>{requestAnimationFrame(()=>{Wr!==window.location.href&&(Wr=window.location.href,window.dispatchEvent(new CustomEvent("vslyUrlChanged",{detail:{prev:Wr,curr:window.location.href}})))})};var Yr;!function(e){e.NONE="none",e.YOTPO="yotpo"}(Yr||(Yr={}));const Zr={isMember:!1,provider:Yr.NONE};function Xr(e,t){try{var n=e()}catch(e){return t(e)}return n&&n.then?n.then(void 0,t):n}const eo="vsly-loyalty-ctx",to=(()=>{const e=["swell:customer:updated","swell:redemption","swell:initialized","swell:setup","vsly:loyalty-changed"];let t;const n=()=>{const e=_(()=>window.swellConfig.customer);return e?{id:e.local_customer_id,providerId:e.id,email:e.email,earnedPoints:e.points_earned,isMember:!0===e.is_member,pointsBalance:e.points_balance,adjustedPointsBalance:_(()=>e.adjusted_points_balance,0),provider:Yr.YOTPO}:Zr},r=e=>{_(()=>"vsly:loyalty-changed"===e.type)&&_(()=>window.swellAPI.refreshCustomerDetails()),t(n())};return{provide:n,onChange:function(n){try{t=n;const o=Xr(function(){return Promise.resolve(v(()=>
95!!window.jQuery,50,200)).then(function(){e.forEach(e=>{window.jQuery(document).on(e,r)})})},function(){e.forEach(e=>{document.addEventListener(e,r)})});return Promise.resolve(o&&o.then?o.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},connect:()=>v(()=>!!_(()=>window.swellConfig.customer.local_customer_id),400,20),disconnect:function(){try{const t=Xr(function(){return Promise.resolve(v(()=>!!window.jQuery,50,200)).then(function(){e.forEach(e=>{window.jQuery(document).off(e,r)})})},function(){e.forEach(e=>{document.removeEventListener(e,r)})});return Promise.resolve(t&&t.then?t.then(function(){}):void 0)}catch(e){return Promise.reject(e)}}}})();function no(e){Xe(Ze.LOYALTY_CHANGE,e),sessionStorage.setItem(eo,JSON.stringify({ts:(new Date).getTime(),ctx:e})),window.loomi_ctx={...window.loomi_ctx||{},loyalty:e}}const ro="vsly_session";function oo(e){return St((e||"").replace("+"," "))}function io(){const e=window.loomi_ctx.storeAlias,t={id:W(e+window.loomi_ctx.userId+f()+At()+ao()),utm_campaign:At(),last_interaction:new Date,landing_page:_(()=>location.href,""),start_at:new Date};return so(t),t}function so(e){const t=JSON.stringify(e);localStorage.setItem(ro,t),window.loomi_ctx.session=e}function co(){const e=function(){window.loomi_ctx=window.loomi_ctx||{};let e=window.loomi_ctx.session||_(()=>{const e=JSON.parse(localStorage.getItem(ro));return e.last_interaction=new Date(e.last_interaction),e.start_at=new Date(e.start_at),e})||io();return function(e){const t=new Date,n=e.last_interaction;return(t.valueOf()-n.valueOf())/6e4>30||oo(At())!==oo(e.utm_campaign)||e.last_interaction.getDate()!==t.getDate()}(e)&&(e=io()),window.loomi_ctx.session=e,e}();e.last_interaction=new Date,so(e)}const ao=()=>Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15);function uo(e,t){try{var n=e()}catch(e){return t(!0,e)}return n&&n.then?n.then(t.bind(null,!1),t.bind(null,!0)):t(!1,n)}const lo=function(e,t,r){void 0===r&&(r=1e3);try{return mo?(console.debug("vsly-sdk","cannot reload since another reload is in progress"),Promise.resolve()):(mo=!0,Promise.resolve(uo(function(){console.debug("vsly-sdk","about to reload sdk");const o=me("sdk-reconcile")?Promise.resolve(function(e,t,n){try{return Promise.resolve(n(t,e)).then(function(e){let{configuration:t}=e;const n=_(()=>window.loomi.conf.experiments)||[],r=new Map,o=t.experiments||[],i=new Map,s=new Set(Object.keys(ur)),c=x();n.forEach(e=>r.set(Hn(e),e)),o.forEach(e=>i.set(Hn(e),e)),(e=>{window.loomi={..._(()=>window.loomi)||{},conf:e},window.visually={..._(()=>window.visually)||{},flags:e.flags,recsPerVariant:Wn(e)},Jn(e.flags)})(t),((e,t,n)=>{e.forEach((e,r)=>{t.has(r)||(n.has(r)&&Sr(e),qr(r))})})(r,i,s),document.dispatchEvent(Object.assign(new Event("reset-widget"),{value:"reload"})),document.dispatchEvent(Object.assign(new Event("targeting-changed"),{value:"#reload",key:"CART_CHANGE"})),((e,t,n,r)=>{e.forEach((e,o)=>{const i=t.get(o);i?Gn(i)!==Gn(e)&&(r.has(o)&&Sr(i),qr(o),on([e]),Fr(e,n)):(on([e]),Fr(e,n))})})(i,r,c,s)})}catch(e){return Promise.reject(e)}}(e,t,fo)).then(function(){}):Promise.resolve(function(){try{return cr&&i(()=>document).then(()=>{document.removeEventListener(Q,vr),cr=!1}),Rr.forEach(e=>{try{"number"!=typeof e.handler&&e.handler()}catch(e){}}),Rr=[],Array.from($.keys()).forEach(e=>{We(e)}),Je&&Je.disconnect(),Promise.resolve()}catch(e){return Promise.reject(e)}}()).then(function(){return Promise.resolve((o=r,void 0===o&&(o=40),new Promise(e=>setTimeout(e,o)))).then(function(){return Promise.resolve(function(e,t){try{return void 0===e&&(e=n.PROD),Promise.resolve(uo(function(){return function(r,o){try{var i=(function(){if(window.vsly_blocked)throw Tn(),new Error(Dn)}(),function(e,t){window.loomi_ctx=window.loomi_ctx||{},window.loomi_ctx.env=window.loomi_ctx.env||e,window.loomi_ctx.storeAlias=window.loomi_ctx.storeAlias||t}(e,t),Promise.resolve(function(e,t){try{return void 0===e&&(e=n.PROD),Promise.resolve(ho(t,e,void 0)).then(function(n){let{configuration:r,tracking:o}=n;return po(r,t,e,o)})}catch(e){return Promise.reject(e)}}(e,t)).then(function(n){let{jitsu:r,configuration:o}=n;if(!_(()=>o.flags["kill-switch"]))return Promise.resolve(Be()).then(function(){on(o.experiments),Dr(r,o),Vn(e,t,lo),dt()})}))}catch(e){return o(e)}return i&&i.then?i.then(void 0,o):i}(0,function(e){_(()=>e.message)!==Dn&&F("failed initialising sdk",e)})},function(e,t){if(Tn(),e)throw t;return t}))}catch(e){return Promise.reject(e)}}(e,t)).then(function(){})});var o});if(o&&o.then)return o.then(function(){})},function(e,t){if(mo=!1,e)throw t;return t})))}catch(e){return Promise.reject(e)}};let mo=!1;const fo=function(e,t,n){try{return m(),Promise.resolve(Rn(e,t,n))}catch(e){return Promise.reject(e)}},ho=function(e,t,n){try{return _(co),m(),Promise.resolve(Rn(e,t,n))}catch(e){return Promise.reject(e)}},po=function(e,t,n,r){try{return Jn(e.flags),function(e,t,n,r,o,i){yr(),window.loomi_ctx={..._(()=>window.loomi_ctx)||{},env:t,storeAlias:e,apply:e=>{on([e]),or(e)},shouldApply:sr};const s=_(()=>
95o.productId),c=window.loomi_ctx;s&&!c.productId&&(c.productId=s);const a=_(()=>o.variantId);a&&!c.variantId&&(c.variantId=a),window.loomi={..._(()=>window.loomi)||{},conf:n},window.visually={..._(()=>window.visually)||{},flags:n.flags,enabledIntegrations:n.integrations,recsPerVariant:Wn(n),sdk_api:{addToCart:an,recommendProducts:gn,getProductsMetafields:Nn,fetchRecs:An},reAllocate:i,rerender:zn,reload:function(){try{return Promise.resolve(r(t,e,1e3)).then(function(){})}catch(e){return Promise.reject(e)}}}}(t,n,e,lo,Tt(),fo),function(e){try{if(e.noActiveThemeTests){if(Pe(0))return;be()}else(e=>!(e.experiments||[]).find(e=>e.isThemeTest)&&_(xe)&&!![localStorage,sessionStorage].find(je))(e)&&be()}catch(e){}}(e),Promise.resolve(yo()).then(function(){var o,c,a,l;(function(e,t,n){window.loomi_api||(window.loomi_api={}),window.loomi_api.when=w,window.loomi_api.awaitCondition=v,window.loomi_api.loadVisuallyLib=h,window.loomi_api.queryProducts=On,window.loomi_api.debounce=u,window.loomi_api.allocatorQuery=e=>function(e,t){try{function n(){return Promise.resolve(r)}const r={results:{}},o={...e};o.queries=function(e,t){return e.queries.filter(e=>{const n=_(()=>e.oneOf.productInfo);if(n){const r=bn(n.handle),o=sessionStorage.getItem(r);if(!o)return!0;const i=JSON.parse(o);return!!function(e,t){return!((!e.includeCollections||t.collections)&&(!e.includeTags||t.tags)&&(!e.includeSales||t.sales)&&(!e.includeVariants||t.variants))}(n,i)||(i.cached=!0,t.results[e.name]=i,!1)}const r=_(()=>e.oneOf.handlesByTag);if(r){const n=Cn(r),o=sessionStorage.getItem(n);if(!o)return!0;const i=JSON.parse(o);return i.cached=!0,t.results[e.name]=i,!1}const o=_(()=>e.oneOf.handlesByCollection);if(o){const n=xn(o),r=sessionStorage.getItem(n);if(!r)return!0;const i=JSON.parse(r);return i.cached=!0,t.results[e.name]=i,!1}return!0})}(e,r);const i=function(){if(o.queries.length>0){const{query:e,hashedQuery:n}=function(e,t){e.timestamp=`${kn(4)}${t}${kn(5)}`,e.alias=window.loomi_ctx.storeAlias||"",e.userId=window.loomi_ctx.userId||"";const n=g(e);return{query:n,hashedQuery:(n+window.loomi_ctx.userId+window.loomi_ctx.storeAlias+t).split("").reduce((e,t)=>(e=(e<<5)-e+t.charCodeAt(0))&e,0)}}(o,t),i=qn(window.loomi_ctx.env).cfgUrl.replace("/allocate",`/query?q=${e}&h=${n}`);return Promise.resolve(fetch(i)).then(function(e){const t=function(){if(e.ok)return Promise.resolve(e.json()).then(function(e){e.results&&Object.entries(e.results).forEach(e=>{let[t,n]=e;!function(e,t,n){if(t)if("ProductInfo"===t.kind){const r=n.queries.find(t=>t.name===e);r&&(_(()=>r.oneOf.productInfo.includeTags,!1)&&!t.tags&&(t.tags=[]),_(()=>r.oneOf.productInfo.includeCollections,!1)&&!t.collections&&(t.collections=[]),_(()=>r.oneOf.productInfo.includeSales,!1)&&!t.sales&&(t.sales=""),_(()=>r.oneOf.productInfo.includeVariants,!1)&&!t.variants&&(t.variants=[]),sessionStorage.setItem(bn(t.handle),JSON.stringify(t)))}else if("HandlesByCollection"===t.kind){const r=n.queries.find(t=>t.name===e);if(r){const e=_(()=>r.oneOf.handlesByCollection,"")||"";sessionStorage.setItem(xn(e),JSON.stringify(t))}}else if("HandlesByTag"===t.kind){const r=n.queries.find(t=>t.name===e);if(r){const e=_(()=>r.oneOf.handlesByTag,"")||"";sessionStorage.setItem(Cn(e),JSON.stringify(t))}}}(t,n,o),r.results[t]=n})})}();if(t&&t.then)return t.then(function(){})})}}();return Promise.resolve(i&&i.then?i.then(n):n())}catch(s){return Promise.reject(s)}}(e,`${(new Date).getTime()+Math.round(1e6*Math.random())}`),window.loomi_api.openProductOverlay=Qn,_(()=>e.shopApi.forEach(e=>{let{js:t,windowKey:n}=e;try{window.loomi_api[n]=new Function(t)}catch(e){}})),window.loomi_api.formatLocaleMoney=function(){var e=[].slice.call(arguments);return n()?t(...e):(_(()=>window.loomi_api.formatMoney)||(()=>`${_(()=>e[0],"")}`))(...e)},window.loomi_api.redirectTest=ee})(e,Hr,zr),a=e.first_seen,(c=e.uid)!==(l=r.id)&&c&&a>0?(window.loomi_ctx.userId=c,Kt(c,a)):window.loomi_ctx.userId=l,function(e,t){try{return _(()=>window.loomi_ctx.cc)&&v(b,1e3,120).then(()=>Kt(e,t||(new Date).getTime()/1e3)),Promise.resolve()}catch(e){return Promise.reject(e)}}(window.loomi_ctx.userId,a),(o=e.flags)["sdk-auto-clean"]&&!o["sdk-kill-auto-clean"]&&h("price_test_cleanup_v2",{async:!1,defer:!0}).then(),_(()=>!0===window.visually.flags["op-focus-trap-removal"])&&s(()=>document,!0).then(()=>{document.addEventListener("focusin",Vr,{capture:!0,passive:!0}),document.addEventListener("mousedown",Vr,{capture:!0,passive:!0}),document.addEventListener("touchstart",Vr,{capture:!0,passive:!0}),document.addEventListener("touchend",Vr,{capture:!0,passive:!0})}),function(e,t){if(me("kill-sdk-reload-url-detection")||!me("sdk-reload")&&!["/products/","/collections/"].find(e=>window.location.href.includes(e)))return;const n=function(){const r=(()=>{requestAnimationFrame(()=>{(me("sdk-reload-url-detection-href")?wo!==window.location.href:new URL(wo).pathname!==new URL(window.location.href).pathname)&&(wo=window.location.href,n(),vo(e,t,10))})})||Qr,o=["click","touchend","pdpresp"];return s(()=>document.body,!0).then(()=>
95{o.forEach(e=>document.body.addEventListener(e,r,!0))}),()=>{i(()=>document.body).then(()=>{o.forEach(e=>{document.body.removeEventListener(e,r,!0)})})}}()}(n,t),function(){try{return Promise.resolve(function(e,t){try{var n=function(){no(function(){const e=sessionStorage.getItem(eo);if(e){const t=_(()=>JSON.parse(e));if(t&&t.ts>(new Date).getTime()-3e5)return t.ctx}}()||Zr);const e=_(()=>!0===window.visually.flags["loyalty-targeting"]),t=function(){if(e)return Promise.resolve(function(e){try{return e.onChange(e=>{no(e)}),Promise.resolve(e.connect()).then(function(){const t=e.provide();return no(t),{ctx:t,disconnect:e.disconnect}})}catch(e){return Promise.reject(e)}}(to)).then(function(){const e=document.querySelectorAll('[href*="/account/logout"]');e&&Array.from(e).forEach(e=>{e.addEventListener("click",()=>(sessionStorage.removeItem(eo),!0))})})}();if(t&&t.then)return t.then(function(){})}()}catch(e){return t(e)}return n&&n.then?n.then(void 0,t):n}(0,function(e){console.debug("vsly-loyalty","unable to find loyalty provider",e)}))}catch(e){return Promise.reject(e)}}();const d=x();return{configuration:e,jitsu:d}})}catch(e){return Promise.reject(e)}},vo=u(lo,10);let wo=window.location.href;const yo=function(){try{return Promise.resolve(function(){if(me("block-do-not-track"))return Promise.resolve(C()).then(function(e){if(!e)throw new Error(Dn)})}())}catch(e){return Promise.reject(e)}};function go(e){return e.startsWith("https://")?e.substring(8):e}function _o(e){try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return""}}var So;!function(e){e.SIGNUP="SIGNUP",e.ADD_TO_CART="ADD_TO_CART",e.CHANGE_QTY="CHANGE_QTY",e.REMOVE_FROM_CART="REMOVE_FROM_CART",e.PAGE_LOAD="PAGE_LOAD",e.CLICK="CLICK",e.LOGIN="LOGIN",e.LOGOUT="LOGOUT",e.TIME_SPENT="TIME_SPENT",e.USE_CASE="USE_CASE",e.LEAD_SUBMISSION_EMAIL="LEAD_SUBMISSION_EMAIL",e.LEAD_SUBMISSION_PHONE="LEAD_SUBMISSION_PHONE"}(So||(So={}));let Eo=[];const Po=function(e,t){if(void 0===t&&(t=0),0===Eo.length)return;const n=Eo;Eo=[];const r=Io(n),o=Ao(n);e({bulk:o,shared:r},!0).catch(()=>{const r=n.concat(Eo);r.length<100&&(Eo=r,t<2&&setTimeout(()=>Po(e,t+1),500*Math.pow(2,t)))})};u(Po,100);const Ao=e=>e.map(e=>{const t=JSON.parse(JSON.stringify(e));return delete t.user,delete t.event_id,delete t.user_agent,delete t.utc_time,delete t.local_tz_offset,delete t.doc_host,delete t.ids_ga,delete t.alias,delete t.userCanBeTracked,delete t.userDataCanBeSold,delete t.edgetag,delete t.api_key,delete t.src,t}),Io=e=>{const t=_(()=>String(e[0].user.anonymous_id),""),n=_(()=>String(e[0].user_agent),""),r=_(()=>String(e[0].event_id),""),o=_(()=>String(e[0].utc_time),""),i=_(()=>Number(e[0].local_tz_offset)||0),s=_(()=>String(e[0].doc_host),""),c=_(()=>String(e[0].ids_ga),""),a=_(()=>String(e[0].alias),""),u=_(()=>Boolean(e[0].userCanBeTracked),!0),l=_(()=>Boolean(e[0].userDataCanBeSold),!0),d=_(()=>String(e[0].edgetag),""),m=_(()=>String(e[0].api_key),""),f=_(()=>String(e[0].src),"");return Object.entries({anonymous_id:t,event_id:r,user_agent:n,utc_time:o,local_tz_offset:i,doc_host:s,ids_ga:c,alias:a,userCanBeTracked:u,userDataCanBeSold:l,edgetag:d,api_key:m,src:f}).reduce((e,t)=>{let[n,r]=t;if(r){if("undefined"===r)return e;e[n]=r}return e},{})},bo=function(e){try{let r;function t(e){return r?e:Promise.resolve(!1)}const o=function(){if(_(()=>e.eventPayload.bulk.length>0,!1)){const t=_(()=>JSON.parse(JSON.stringify(e.eventPayload.bulk[0])),void 0);if(!t){const e=Promise.resolve(!1);return r=1,e}const o=_(()=>JSON.parse(JSON.stringify(t.ga)),void 0);return delete t.ga,Promise.resolve(function(e){try{return Promise.resolve(function(t,r){try{var o=function(){const t=window.loomi_ctx.jitsuKey,r=function(e){const t={trackingHost:"https://live.visually-io.com"};return e===n.TEST&&(t.trackingHost="http://localhost:8088"),e===n.STAGE&&(t.trackingHost="https://sdk.loomi-stg.xyz"),t}(window.loomi_ctx.env).trackingHost;return Promise.resolve(fetch(`${r}/api/s?token=${t}&bulk=1`,{headers:{"content-type":"text/plain"},body:JSON.stringify(e.eventPayload),method:"POST",mode:"cors",credentials:"omit",keepalive:!0})).then(function(e){return e.ok})}()}catch(e){return r(e)}return o&&o.then?o.then(void 0,r):o}(0,function(e){return console.error("vsly: Failed to send event",e),!1}))}catch(e){return Promise.reject(e)}}(e)).then(function(n){return Promise.resolve(function(e){try{try{const t=e.eventPayload,n=t.bulk[0],r=window.loomi_ctx.env,o=t.shared,i=g({experienceId:n.use_case,variantId:n.use_case_variant,storeAlias:o.alias,anonymousId:o.anonymous_id,version:n.version}),s=new URL(qn(r).cfgUrl.replace("/allocate","/match"));s.searchParams.append("q",i),fetch(s.toString())}catch(e){console.error("vsly: Failed to persist allocation",e)}return Promise.resolve()}catch(e){return Promise.reject(e)}}(e)).then(function(){return o&&x().trackExt(t,o).then().catch(e=>{console.error("vsly: Failed track ext event",e,t,o)}),r=1,n})})}}();return Promise.resolve(o&&o.then?o.then(t):t(o))}catch(i){return Promise.reject(i)}},Co="vsly_analytics_queue";
95function xo(e,t,n){void 0===n&&(n=!1);try{const r=window.loomi_ctx,o=r.storeAlias,i=r.jitsuKey,s=Et(),c={id:`${Date.now()}-${Math.random().toString(36).substring(2,9)}`,timestamp:Date.now(),eventPayload:{bulk:[{url:location.href,doc_path:location.pathname,doc_search:location.search,sid:r.session.id,sid_start:r.session.start_at,utm:s.utm,lmi_params:s.lmi_params,event_type:"USE_CASE",use_case:e._USE_CASE,use_case_variant:e._USE_CASE_VARIANT,version:e._USE_CASE_VERSION||1,ga:{isAudience:!1,gaName:e._USE_CASE_GA||e._USE_CASE,gaVariant:e._USE_CASE_GA_VARIANT||e._USE_CASE_VARIANT,reportGa:n}}],shared:{anonymous_id:t.id,user_agent:navigator.userAgent,utc_time:(new Date).toISOString(),local_tz_offset:(new Date).getTimezoneOffset(),doc_host:location.host,alias:o,api_key:i}},retries:0},a=ko();a.push(c),To(a)}catch(e){console.error("vsly: Failed to queue analytics event",e)}}function ko(){try{const e=localStorage.getItem(Co);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t:[]}catch(e){return console.error("vsly: Failed to read analytics queue",e),[]}}function To(e){try{localStorage.setItem(Co,JSON.stringify(e))}catch(e){console.error("vsly: Failed to save analytics queue",e)}}const No=(e,t)=>{try{localStorage.setItem(e,JSON.stringify({variant:t.experiment.variant,version:t.experiment.version||0}))}catch(e){}},Oo=(e,t)=>{let n=null;try{const r=localStorage.getItem(e);if(r){let e;const o=JSON.parse(r);if(o&&"object"==typeof o&&"variant"in o){e=o;const r=t.find(t=>t.experiment.variant===e.variant);r&&(r.experiment.version||0)===(e.version||0)&&(n=r)}}}catch(e){}return n},jo=e=>`vsly_redirect_test_${e[0].experiment.name}`,Lo=(e,t)=>{if(e){const n=e.experiment;t.some(e=>{const t=e.experiment;return t.variant===n.variant&&t.version===n.version})||(e=!1)}if(!e){const n=100*Math.random();let r=0;for(const o of t)if(r+=o.targeting.chance,n<=r){e=o;break}}return e},$o=function(e){void 0===e&&(e=!0);const t=window.loomi_ctx.consent;t.allowed=e,t.fin||(t.fin=Ro())},Ro=()=>(new Date).getTime(),Do=()=>window.Shopify.customerPrivacy,Uo=["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","RO","SK","SI","ES","SE","NO","IS","LI"],Mo=function(e){void 0===e&&(e=!0);const t=window.loomi_ctx.consent;t.allowed=e,t.fin||(t.fin=qo())},qo=()=>(new Date).getTime(),Fo=()=>window.Shopify.customerPrivacy,Bo=()=>Promise.resolve(),Jo=()=>(window.loomi_ctx=window.loomi_ctx||{},window.loomi_ctx.performanceMetrics=window.loomi_ctx.performanceMetrics||{},window.loomi_ctx.performanceMetrics);function Vo(){try{const e=Jo().as;if(void 0===e)return;const t=performance.now();Object.assign(Jo(),{ae:t,ad:t-e}),(e=>{try{if("function"!=typeof performance.getEntriesByType)return;const t=performance.getEntriesByType("resource").filter(t=>t.startTime>=e&&(e=>{try{return new URL(e.name).pathname.endsWith("/allocate")}catch{return!1}})(t)).pop();if(!t)return;Object.assign(Jo(),{ars:t.startTime,afs:t.fetchStart,aqs:t.requestStart,aps:t.responseStart,ape:t.responseEnd,ard:t.duration,ardl:t.startTime-e,aprd:t.requestStart-t.startTime,arwd:t.responseStart-t.requestStart,ardd:t.responseEnd-t.responseStart})}catch{}})(e)}catch(e){}}function Ho(e,t){try{var n=e()}catch(e){return t(e)}return n&&n.then?n.then(void 0,t):n}function Go(){return _(co),zt(),function(e){void 0===e&&(e=window.loomi_ctx.embeddedTests);try{if(!e)return;if(0===e.length)return;const t=e.filter(e=>e.experiment.isThemeTest);t.length>0&&function(e){const t=jo(e);let n=Oo(t,e);if(n=Lo(n,e),!n)return;if(!n.experiment)return;No(t,n);const r=n.experiment,o=_(()=>r.code.find(e=>"themeTest"===e.kind).value.targetThemeId)||0,i=ne({experienceId:r.name,variantId:r.variant,version:r.version,gaExperienceName:r.gaName,gaVariantName:r.gaVariant});xo(i,zt(),_(()=>!!r.ga)||!1),Ee(i,o)}(t);const n=e.filter(e=>!e.experiment.isThemeTest);n.length>0&&function(e){const t=e.filter(e=>function(e){if(!e)return!0;try{const t=e.match(/UrlTarget\(([^)]+)\)/);if(!t)return!1;const n=function(e){try{const t=e.match(/^"([^"]*)",\s*"([^"]*)",\s*(true|false)$/);return t?{value:t[1],op:t[2],includeQueryParam:"true"===t[3]}:null}catch{return null}}(t[1]);return!!n&&function(e,t,n){const r=window.location.search||"",o=window.location.href||"",i=(s=function(e){const t=e.startsWith("/")?e:"/"+e,n=t.split("/");if(n.length<2)return t;const r=n[1];let o=!1;return r.length>0&&r.length<=7&&(2===r.length||r.length>2&&"-"===r[2])&&(o=!0),o?"/"+n.slice(2).join("/"):t}(window.location.pathname),["STORY_IL","MAYVEN_GLOBAL","JDSPORT_IL"].includes(window.loomi_ctx.storeAlias)?s.toLowerCase():s);var s;const{hostPath:c,rawQuery:a}=function(e){const t=go(e),n=t.indexOf("?");return-1!==n?{hostPath:t.substring(0,n),rawQuery:t.substring(n+1)}:{hostPath:t,rawQuery:""}}(e),u=c.toLowerCase();let l=go(o.split("?")[0]).toLowerCase(),d="",m=u;if(d=(new URL(o).host+i).toLowerCase(),n){const e=r?_o(r.substring(1)):"";if(e&&(l+="?"+e,d+="?"+e),a){const e=_o(a);e&&(m+="?"+e)}}return function(e,t,n,r){switch(r){case"contains":return e.includes(n)||t.includes(n);case"matches":try{const r=new RegExp(n);return r.test(e)||r.test(t)}catch{return!1}case"==":return e===n||t===n;case"!=":return e===t?e!==n:t!==n;default:return!1}}(l,d,m,t)}
95(n.value,n.op,n.includeQueryParam)}catch(e){return console.error("vsly: Failed to evaluate targeting formula",e),!1}}(e.targeting.formula));if(0===t.length)return;const n=jo(t);let r=Oo(n,t);if(r=Lo(r,t),!r)return;if(!r.experiment)return;No(n,r);const o=r.experiment,i=ne({experienceId:o.name,variantId:o.variant,version:o.version,gaExperienceName:o.gaName,gaVariantName:o.gaVariant});xo(i,zt(),_(()=>!!o.ga)||!1);const s=_(()=>o.code.find(e=>"pageRedirect"===e.kind).value);s&&ee(i,s.destUrl,s.redirectAfter||1,s.retainQueryParams,s.stickinessMode)}(n)}catch(e){console.error("vsly ETT",e)}}(),window.vsly_redirecting}const zo=()=>window.loomi_ctx.blockingConcent;(function(){try{let t;function e(e){if(t)return e;(function(){const e=ko();e.length>0&&Promise.allSettled(e.map(bo)).then(t=>{To(e.filter((e,n)=>{const r=t[n];return("fulfilled"!==r.status||!r.value)&&(e.retries++,(e=>!(Date.now()-e.timestamp>18e5||e.retries>3))(e))}))}).catch(e=>{console.error("vsly: Failed to process analytics queue",e)})})(),(()=>{const e=()=>{const e=se();return!!e&&!Uo.includes(e)};return new Promise((t,n)=>{const r=window.loomi_ctx.consent||={};r.init=qo(),(se()?Bo():v(se,50,200)).then(()=>{e()&&(Mo(),t())}),(_(()=>Fo().analyticsProcessingAllowed)?Bo():v(()=>_(()=>Fo().analyticsProcessingAllowed),50,200)).then(()=>{const r=Fo().analyticsProcessingAllowed()||e();Mo(r),r?t():n()}),r.ccListener||(document.addEventListener("visitorConsentCollected",r=>{const o=r.detail.analyticsAllowed||e();Mo(o),o?t():n()}),r.ccListener=!0)})})().catch(),function(){try{Jo().as=performance.now()}catch(e){}}();const s=ho(o,i);return s.then(Vo),s.then(e=>{let{configuration:t,tracking:r}=e;return(e=>{p("vsly-a",`${(e=>e==n.STAGE?"https://sdk.loomi-stg.xyz/":"https://assets.visually.io/")(e)}v/visually-a.js?cb=${window.loomi_ctx.sdk_version}`,{defer:!0}).catch()})(i),function(e){let{configuration:t,tracking:n}=e;try{return Promise.resolve(function(e,t){try{const{storeAlias:n,env:r}=window.loomi_ctx;return Promise.resolve(Ho(function(){return Promise.resolve(po(e,n,r,t)).then(function(e){let{jitsu:t,configuration:o}=e;if(!_(()=>o.flags["kill-switch"]))return Promise.resolve(Be()).then(function(){on(o.experiments),Dr(t,o),Vn(r,n,lo),dt()})})},function(e){_(()=>e.message)!==Dn&&F("fail initialising sdk",e)}))}catch(e){return Promise.reject(e)}}(t,n)).then(function(){window.dispatchEvent(new Event("visually_loaded"))})}catch(e){return Promise.reject(e)}}({configuration:t,tracking:r})}).catch(r).finally(Tn)}const r=e=>console.error(e);if(window.fetch&&(window.vslyNativeFetch=window.fetch),window.vsly_init=!0,window.vslyIntegrationType="static",(()=>{if(_(()=>window.visually_io_editor))return!0;const e=_(()=>window.loomi_ctx.ttl);return!("number"!=typeof e||!Number.isFinite(e)||e<=0)&&e<Math.floor(Date.now()/1e3)})())return console.log("sdk blocked"),Promise.resolve();window.loomi_ctx.sdk_version="0.12.163";const{storeAlias:o,env:i}=window.loomi_ctx;if(!zo()&&Go())return Promise.resolve();const s=function(){if(zo()){function e(e){return t?e:window.loomi_ctx.consent.allowed?void(Go()&&(t=1)):(Tn(),void(t=1))}const n=Ho(function(){return Promise.resolve((console.log("consent api init"),new Promise((e,t)=>{const n=window.loomi_ctx.consent||={};n.init=Ro(),(_(()=>Do().analyticsProcessingAllowed)?Promise.resolve():v(()=>_(()=>Do().analyticsProcessingAllowed),50,200)).then(()=>{const n=window.Shopify.customerPrivacy.analyticsProcessingAllowed();console.log("consent api",n),$o(n),n?e():t()}),n.ccListener||(document.addEventListener("visitorConsentCollected",()=>{const n=window.Shopify.customerPrivacy.analyticsProcessingAllowed();console.log("visitorConsentCollected",n),$o(n),n?e():t()}),n.ccListener=!0)}))).then(function(){})},function(){Tn(),t=1});return n&&n.then?n.then(e):e(n)}}();return Promise.resolve(s&&s.then?s.then(e):e(s))}catch(c){return Promise.reject(c)}})().then(()=>console.log("vsly sdk with embed init"))}(); 96 97</script>
vendor: 1 bytes, line 97
97
vendor: 6,199 bytes, lines 98-100
98<script data-vsly="preact2" type="text/javascript" data-em-disable> 99 // Preact 100!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):n(e.preact={})}(this,function(e){var b,n,t,_,o,r,l,x={},C=[],u=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function w(e,n){for(var t in n)e[t]=n[t];return e}function g(e){var n=e.parentNode;n&&n.removeChild(e)}function i(e,n,t){var _,o=arguments,l={};for(_ in n)"key"!==_&&"ref"!==_&&(l[_]=n[_]);if(3<arguments.length)for(t=[t],_=3;_<arguments.length;_++)t.push(o[_]);if(null!=t&&(l.children=t),"function"==typeof e&&null!=e.defaultProps)for(_ in e.defaultProps)void 0===l[_]&&(l[_]=e.defaultProps[_]);return k(e,l,n&&n.key,n&&n.ref,null)}function k(e,n,t,_,o){var l={type:e,props:n,key:t,ref:_,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:o};return null==o&&(l.__v=l),b.vnode&&b.vnode(l),l}function S(e){return e.children}function P(e,n){this.props=e,this.context=n}function N(e,n){if(null==n)return e.__?N(e.__,e.__.__k.indexOf(e)+1):null;for(var t;n<e.__k.length;n++)if(null!=(t=e.__k[n])&&null!=t.__e)return t.__e;return"function"==typeof e.type?N(e):null}function c(e){var n,t;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,n=0;n<e.__k.length;n++)if(null!=(t=e.__k[n])&&null!=t.__e){e.__e=e.__c.base=t.__e;break}return c(e)}}function s(e){(!e.__d&&(e.__d=!0)&&t.push(e)&&!p.__r++||o!==b.debounceRendering)&&((o=b.debounceRendering)||_)(p)}function p(){for(var e;p.__r=t.length;)e=t.sort(function(e,n){return e.__v.__b-n.__v.__b}),t=[],e.some(function(e){var n,t,_,o,l,r,u;e.__d&&(r=(l=(n=e).__v).__e,(u=n.__P)&&(t=[],o=D(u,l,(_=w({},l)).__v=_,n.__n,void 0!==u.ownerSVGElement,null,t,null==r?N(l):r),d(t,l),o!=r&&c(l)))})}function E(e,n,t,_,o,l,r,u,i,c){var s,p,f,a,d,h,y,v=_&&_.__k||C,m=v.length;for(i==x&&(i=null!=r?r[0]:m?N(_,0):null),t.__k=[],s=0;s<n.length;s++)if(null!=(a=t.__k[s]=null==(a=n[s])||"boolean"==typeof a?null:"string"==typeof a||"number"==typeof a?k(null,a,null,null,a):Array.isArray(a)?k(S,{children:a},null,null,null):null!=a.__e||null!=a.__c?k(a.type,a.props,a.key,null,a.__v):a)){if(a.__=t,a.__b=t.__b+1,null===(f=v[s])||f&&a.key==f.key&&a.type===f.type)v[s]=void 0;else for(p=0;p<m;p++){if((f=v[p])&&a.key==f.key&&a.type===f.type){v[p]=void 0;break}f=null}d=D(e,a,f=f||x,o,l,r,u,i,c),(p=a.ref)&&f.ref!=p&&(y=y||[],f.ref&&y.push(f.ref,null,a),y.push(p,a.__c||d,a)),null!=d?(null==h&&(h=d),i=U(e,a,f,v,r,d,i),"option"==t.type?e.value="":"function"==typeof t.type&&(t.__d=i)):i&&f.__e==i&&i.parentNode!=e&&(i=N(f))}if(t.__e=h,null!=r&&"function"!=typeof t.type)for(s=r.length;s--;)null!=r[s]&&g(r[s]);for(s=m;s--;)null!=v[s]&&W(v[s],v[s]);if(y)for(s=0;s<y.length;s++)T(y[s],y[++s],y[++s])}function U(e,n,t,_,o,l,r){var u,i,c;if(void 0!==n.__d)u=n.__d,n.__d=void 0;else if(o==t||l!=r||null==l.parentNode)e:if(null==r||r.parentNode!==e)e.appendChild(l),u=null;else{for(i=r,c=0;(i=i.nextSibling)&&c<_.length;c+=2)if(i==l)break e;e.insertBefore(l,r),u=r}return void 0!==u?u:l.nextSibling}function f(e,n,t){"-"===n[0]?e.setProperty(n,t):e[n]="number"==typeof t&&!1===u.test(n)?t+"px":null==t?"":t}function A(e,n,t,_,o){var l,r,u,i,c;if(o?"className"===n&&(n="class"):"class"===n&&(n="className"),"style"===n)if(l=e.style,"string"==typeof t)l.cssText=t;else{if("string"==typeof _&&(l.cssText="",_=null),_)for(i in _)t&&i in t||f(l,i,"");if(t)for(c in t)_&&t[c]===_[c]||f(l,c,t[c])}else"o"===n[0]&&"n"===n[1]?(r=n!==(n=n.replace(/Capture$/,"")),n=((u=n.toLowerCase())in e?u:n).slice(2),t?(_||e.addEventListener(n,a,r),(e.l||(e.l={}))[n]=t):e.removeEventListener(n,a,r)):"list"!==n&&"tagName"!==n&&"form"!==n&&"type"!==n&&"size"!==n&&!o&&n in e?e[n]=null==t?"":t:"function"!=typeof t&&"dangerouslySetInnerHTML"!==n&&(n!==(n=n.replace(/^xlink:?/,""))?null==t||!1===t?e.removeAttributeNS("http://www.w3.org/1999/xlink",n.toLowerCase()):e.setAttributeNS("http://www.w3.org/1999/xlink",n.toLowerCase(),t):null==t||!1===t&&!/^ar/.test(n)?e.removeAttribute(n):e.setAttribute(n,t))}function a(e){this.l[e.type](b.event?b.event(e):e)}function D(e,n,t,_,o,l,r,u,i){var c,s,p,f,a,d,h,y,v,m,g,k=n.type;if(void 0!==n.constructor)return null;(c=b.__b)&&c(n);try{e:if("function"==typeof k){if(y=n.props,v=(c=k.contextType)&&_[c.__c],m=c?v?v.props.value:c.__:_,t.__c?h=(s=n.__c=t.__c).__=s.__E:("prototype"in k&&k.prototype.render?n.__c=s=new k(y,m):(n.__c=s=new P(y,m),s.constructor=k,s.render=L),v&&v.sub(s),s.props=y,s.state||(s.state={}),s.context=m,s.__n=_,p=s.__d=!0,s.__h=[]),null==s.__s&&(s.__s=s.state),null!=k.getDerivedStateFromProps&&(s.__s==s.state&&(s.__s=w({},s.__s)),w(s.__s,k.getDerivedStateFromProps(y,s.__s))),f=s.props,a=s.state,p)null==k.getDerivedStateFromProps&&null!=s.componentWillMount&&s.componentWillMount(),null!=s.componentDidMount&&s.__h.push(s.componentDidMount);else{if(null==k.getDerivedStateFromProps&&y!==f&&null!=s.componentWillReceiveProps&&s.componentWillReceiveProps(y,m),!s.__e&&null!=s.shouldComponentUpdate&&!1===s.shouldComponentUpdate(y,s.__s,m)||n.__v===t.__v){s.props=y,s.state=s.__s,n.__v!==t.__v&&(s.__d=!1),(s.__v=n).__e=t.__e,n.__k=t.__k,s.__h.length&&r.push(s),function e(n,t,_){for(var o,l=0;l<n.__k.length;l++)(o=n.__k[l])&&(o.__=n,o.__e&&("function"==typeof o.type&&1<o.__k.length&&e(o,t,_),t=U(_,o,o,n.__k,null,o.__e,t),"function"==typeof n.type&&(n.__d=t)))}(n,u,e);break e}null!=s.componentWillUpdate&&s.componentWillUpdate(y,s.__s,m),null!=s.componentDidUpdate&&s.__h.push(function(){s.componentDidUpdate(f,a,d)})}s.context=m,s.props=y,s.state=s.__s,(c=b.__r)&&c(n),s.__d=!1,s.__v=n,s.__P=e,c=s.render(s.props,s.state,s.context),s.state=s.__s,null!=s.getChildContext&&(_=w(w({},_),s.getChildContext())),p||null==s.getSnapshotBeforeUpdate||(d=s.getSnapshotBeforeUpdate(f,a)),g=null!=c&&c.type==S&&null==c.key?c.props.children:c,E(e,Array.isArray(g)?g:[g],n,t,_,o,l,r,u,i),s.base=n.__e,s.__h.length&&r.push(s),h&&(s.__E=s.__=null),s.__e=!1}else null==l&&n.__v===t.__v?(n.__k=t.__k,n.__e=t.__e):n.__e=function(e,n,t,_,o,l,r,u){var i,c,s,p,f,a=t.props,d=n.props;if(o="svg"===n.type||o,null!=l)for(i=0;i<l.length;i++)if(null!=(c=l[i])&&((null===n.type?3===c.nodeType:c.localName===n.type)||e==c)){e=c,l[i]=null;break}
vendor: 1,593 bytes, line 100
100if(null==e){if(null===n.type)return document.createTextNode(d);e=o?document.createElementNS("http://www.w3.org/2000/svg",n.type):document.createElement(n.type,d.is&&{is:d.is}),l=null,u=!1}if(null===n.type)a!==d&&e.data!=d&&(e.data=d);else{if(null!=l&&(l=C.slice.call(e.childNodes)),s=(a=t.props||x).dangerouslySetInnerHTML,p=d.dangerouslySetInnerHTML,!u){if(null!=l)for(a={},f=0;f<e.attributes.length;f++)a[e.attributes[f].name]=e.attributes[f].value;(p||s)&&(p&&s&&p.__html==s.__html||(e.innerHTML=p&&p.__html||""))}(function(e,n,t,_,o){var l;for(l in t)"children"===l||"key"===l||l in n||A(e,l,null,t[l],_);for(l in n)o&&"function"!=typeof n[l]||"children"===l||"key"===l||"value"===l||"checked"===l||t[l]===n[l]||A(e,l,n[l],t[l],_)})(e,d,a,o,u),p?n.__k=[]:(i=n.props.children,E(e,Array.isArray(i)?i:[i],n,t,_,"foreignObject"!==n.type&&o,l,r,x,u)),u||("value"in d&&void 0!==(i=d.value)&&i!==e.value&&A(e,"value",i,a.value,!1),"checked"in d&&void 0!==(i=d.checked)&&i!==e.checked&&A(e,"checked",i,a.checked,!1))}return e}(t.__e,n,t,_,o,l,r,i);(c=b.diffed)&&c(n)}catch(e){n.__v=null,b.__e(e,n,t)}return n.__e}function d(e,n){b.__c&&b.__c(n,e),e.some(function(n){try{e=n.__h,n.__h=[],e.some(function(e){e.call(n)})}catch(e){b.__e(e,n.__v)}})}function T(e,n,t){try{"function"==typeof e?e(n):e.current=n}catch(e){b.__e(e,t)}}function W(e,n,t){var _,o,l;if(b.unmount&&b.unmount(e),(_=e.ref)&&(_.current&&_.current!==e.__e||T(_,null,n)),t||"function"==typeof e.type||(t=null!=(o=e.__e)),e.__e=e.__d=void 0,null!=(_=e.__c)){if(_.componentWillUnmount)try{_.componentWillUnmount()}catch(e){b.__e(e,n)}
100_.base=_.__P=null}if(_=e.__k)for(l=0;l<_.length;l++)_[l]&&W(_[l],n,t);null!=o&&g(o)}function L(e,n,t){return this.constructor(e,t)}function h(e,n,t){var _,o,l;b.__&&b.__(e,n),o=(_=t===r)?null:t&&t.__k||n.__k,e=i(S,null,[e]),l=[],D(n,(!_&&t||n).__k=e,o||x,x,void 0!==n.ownerSVGElement,t&&!_?[t]:!o&&n.childNodes.length?C.slice.call(n.childNodes):null,l,t||x,_),d(l,e)}b={__e:function(e,n){for(var t,_;n=n.__;)if((t=n.__c)&&!t.__)try{if(t.constructor&&null!=t.constructor.getDerivedStateFromError&&(_=!0,t.setState(t.constructor.getDerivedStateFromError(e))),null!=t.componentDidCatch&&(_=!0,t.componentDidCatch(e)),_)return s(t.__E=t)}catch(n){e=n}throw e}},n=function(e){return null!=e&&void 0===e.constructor},P.prototype.setState=function(e,n){var t=this.__s!==this.state?this.__s:this.__s=w({},this.state);"function"==typeof e&&(e=e(t,this.props)),e&&w(t,e),null!=e&&this.__v&&(n&&this.__h.push(n),s(this))},P.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),s(this))},P.prototype.render=S,t=[],_="function"==typeof Promise?Promise.prototype.then.bind(Prom
100ise.resolve()):setTimeout,p.__r=0,r=x,l=0,e.render=h,e.hydrate=function(e,n){h(e,n,r)},e.createElement=i,e.h=i,e.Fragment=S,e.createRef=function(){return{current:null}},e.isValidElement=n,e.Component=P,e.cloneElement=function(e,n){var t,_;for(_ in n=w(w({},e.props),n),2<arguments.length&&(n.children=C.slice.call(arguments,2)),t={},n)"key"!==_&&"ref"!==_&&(t[_]=n[_]);return k(e.type,t,n.key||e.key,n.ref||e.ref,null)},e.createContext=function(e){var n={},o={__c:"__cC"+l++,__:e,Consumer:function(e,n){return e.children(n)},Provider:function(e){var t,_=this;return this.getChildContext||(t=[],this.getChildContext=function(){return n[o.__c]=_,n},this.shouldComponentUpdate=function(n){_.props.value!==n.value&&t.some(function(e){e.context=n.value,s(e)})},this.sub=function(e){t.push(e);var n=e.componentWillUnmount;e.componentWillUnmount=function(){t.splice(t.indexOf(e),1),n&&n.call(e)}}),e.children}};return(o.Consumer.contextType=o).Provider.__=o},e.toChildArray=function e(n){return null==n||"boolean"==typeof n?[]:Array.isArray(n)?C.concat.apply([],n.map(e)):[n]},e.__u=W,e.options=b}); 101// Preact Hooks 102!function(_,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("preact")):n(_.preactHooks={},_.preact)}(this,function(_,o){var e,u,t,i=0,r=[],c=o.options.__r,f=o.options.diffed,n=o.options.__c,s=o.options.unmount;function a(_,n){o.options.__h&&o.options.__h(u,_,i||n),i=0;var t=u.__H||(u.__H={__:[],__h:[]});return _>=t.__.length&&t.__.push({}),t.__[_]}function p(_){return i=1,h(b,_)}function h(_,n,t){var o=a(e++,2);return o.t=_,o.__c||(o.__c=u,o.__=[t?t(n):b(void 0,n),function(_){var n=o.t(o.__[0],_);o.__[0]!==n&&(o.__=[n,o.__[1]],o.__c.setState({}))}]),o.__}function m(_,n){var t=a(e++,4);!o.options.__s&&E(t.__H,n)&&(t.__=_,t.__H=n,u.__h.push(t))}function v(_,n){var t=a(e++,7);return E(t.__H,n)?(t.__H=n,t.__h=_,t.__=_()):t.__}function H(){r.some(function(n){if(n.__P)try{n.__H.__h.forEach(l),n.__H.__h.forEach(y),n.__H.__h=[]}catch(_){return n.__H.__h=[],o.options.__e(_,n.__v),!0}}),r=[]}o.options.__r=function(_){c&&c(_),e=0;var n=(u=_.__c).__H;n&&(n.__h.forEach(l),n.__h.forEach(y),n.__h=[])},o.options.diffed=function(_){f&&f(_);var n=_.__c;n&&n.__H&&n.__H.__h.length&&(1!==r.push(n)&&t===o.options.requestAnimationFrame||((t=o.options.requestAnimationFrame)||function(_){function n(){clearTimeout(o),d&&cancelAnimationFrame(t),setTimeout(_)}var t,o=setTimeout(n,100);d&&(t=requestAnimationFrame(n))})(H))},o.options.__c=function(_,t){t.some(function(n){try{n.__h.forEach(l),n.__h=n.__h.filter(function(_){return!_.__||y(_)})}catch(_){t.some(function(_){_.__h&&(_.__h=[])}),t=[],o.options.__e(_,n.__v)}}),n&&n(_,t)},o.options.unmount=function(_){s&&s(_);var n=_.__c;if(n&&n.__H)try{n.__H.__.forEach(l)}catch(_){o.options.__e(_,n.__v)}};var d="function"==typeof requestAnimationFrame;function l(_){"function"==typeof _.u&&_.u()}function y(_){_.u=_.__()}function E(t,_){return!t||_.some(function(_,n){return _!==t[n]})}function b(_,n){return"function"==typeof n?n(_):n}_.useState=p,_.useReducer=h,_.useEffect=function(_,n){var t=a(e++,3);!o.options.__s&&E(t.__H,n)&&(t.__=_,t.__H=n,u.__H.__h.push(t))},_.useLayoutEffect=m,_.useRef=function(_){return i=5,v(function(){return{current:_}},[])},_.useImperativeHandle=function(_,n,t){i=6,m(function(){"function"==typeof _?_(n()):_&&(_.current=n())},null==t?t:t.concat(_))},_.useMemo=v,_.useCallback=function(_,n){return i=8,v(function(){return _},n)},_.useContext=function(_){var n=u.context[_.__c],t=a(e++,9);return t.__c=_,n?(null==t.__&&(t.__=!0,n.sub(u)),n.props.value):_.__},_.useDebugValue=function(_,n){o.options.useDebugValue&&o.options.useDebugValue(n?n(_):_)},_.useErrorBoundary=function(_){var n=a(e++,10),t=p();return n.__=_,u.componentDidCatch||(u.componentDidCatch=function(_){n.__&&n.__(_),t[1](_)}),[t[0],function(){t[1](void 0)}]}}); 103// Preact Compat 104!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("preact/hooks"),require("preact")):t(e.compat={},e.preactHooks,e.preact)}(this,function(t,n,u){function r(e,t){for(var n in t)e[n]=t[n];return e}function i(e,t){for(var n in e)if("__source"!==n&&!(n in t))return!0;for(var o in t)if("__source"!==o&&e[o]!==t[o])return!0;return!1}var o,e,a,l=(o=u.Component,a=o,(e=c).prototype=Object.create(a.prototype),(e.prototype.constructor=e).__proto__=a,c.prototype.shouldComponentUpdate=function(e,t){return i(this.props,e)||i(this.state,t)},c);function c(e){var t;return(t=o.call(this,e)||this).isPureReactComponent=!0,t}function p(t,o){function n(e){var t=this.props.ref,n=t==e.ref;return!n&&t&&(t.call?t(null):t.current=null),o?!o(this.props,e)||!n:i(this.props,e)}function e(e){return this.shouldComponentUpdate=n,u.createElement(t,e)}return e.prototype.isReactComponent=!0,e.displayName="Memo("+(t.displayName||t.name)+")",e.t=!0,e}var f=u.options.__b;u.options.__b=function(e){e.type&&e.type.t&&e.ref&&(e.props.ref=e.ref,e.ref=null),f&&f(e)};var s="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function d(o){function e(e,t){var n=r({},e);return delete n.ref,o(n,(t=e.ref||t)&&("object"!=typeof t||"current"in t)?t:null)}return e.$$typeof=s,(e.render=e).prototype.isReactComponent=e.t=!0,e.displayName="ForwardRef("+(o.displayName||o.name)+")",e}function _(e,o){return e?u.toChildArray(e).reduce(function(e,t,n){return e.concat(o(t,n))},[]):null}var h={map:_,forEach:_,count:function(e){return e?u.toChildArray(e).length:0},only:function(e){if(1!==(e=u.toChildArray(e)).length)throw new Error("Children.only() expects only one child.");return e[0]},toArray:u.toChildArray},m=u.options.__e;function v(e){return e&&((e=r({},e)).__c=null,e.__k=e.__k&&e.__k.map(v)),e}function y(){this.__u=0,this.u=null,this.__b=null}function C(e){var t=e.__.__c;return t&&t.o&&t.o(e)}function b(t){var n,o,r;function e(e){if(n||(n=t()).then(function(e){o=e.default||e},function(e){r=e}),r)throw r;if(!o)throw n;return u.createElement(o,e)}return e.displayName="Lazy",e.t=!0,e}function k(){this.i=null,this.l=null}u.options.__e=function(e,t,n){if(e.then)for(var o,r=t;r=r.__;)if((o=r.__c)&&o.__c)return o.__c(e,t.__c);m(e,t,n)},(y.prototype=new u.Component).__c=function(e,t){var n=this;null==n.u&&(n.u=[]),n.u.push(t);function o(){i||(i=!0,r?r(u):u())}var r=C(n.__v),i=!1;t.__c=t.componentWillUnmount,t.componentWillUnmount=function(){o(),t.__c&&t.__c()};var u=function(){var e;if(!--n.__u)for(n.__v.__k[0]=n.state.o,n.setState({o:n.__b=null});e=n.u.pop();)e.forceUpdate()};n.__u++||n.setState({o:n.__b=n.__v.__k[0]}),e.then(o,o)},y.prototype.render=function(e,t){return this.__b&&(this.__v.__k&&
104(this.__v.__k[0]=v(this.__b)),this.__b=null),[u.createElement(u.Fragment,null,t.o?null:e.children),t.o&&e.fallback]};function g(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(n=e.i;n;){for(;3<n.length;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}}(k.prototype=new u.Component).o=function(n){var o=this,r=C(o.__v),i=o.l.get(n);return i[0]++,function(e){function t(){o.props.revealOrder?(i.push(e),g(o,n,i)):e()}r?r(t):t()}},k.prototype.render=function(e){this.i=null,this.l=new Map;var t=u.toChildArray(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this.l.set(t[n],this.i=[1,0,this.i]);return e.children},k.prototype.componentDidUpdate=k.prototype.componentDidMount=function(){var n=this;n.l.forEach(function(e,t){g(n,t,e)})};var E,N=((E=S.prototype).getChildContext=function(){return this.props.context},E.render=function(e){return e.children},S);function S(){}function x(e){var t=this,n=e.container,o=u.createElement(N,{context:t.context},e.vnode);return t.s&&t.s!==n&&(t.h.parentNode&&t.s.removeChild(t.h),u.__u(t.v),t.p=!1),e.vnode?t.p?(n.__k=t.__k,u.render(o,n),t.__k=n.__k):(t.h=document.createTextNode(""),u.hydrate("",n),n.appendChild(t.h),t.p=!0,t.s=n,u.render(o,n,t.h),t.__k=t.h.__k):t.p&&(t.h.parentNode&&t.s.removeChild(t.h),u.__u(t.v)),t.v=o,t.componentWillUnmount=function(){t.h.parentNode&&t.s.removeChild(t.h),u.__u(t.v)},null}function w(e,t){return u.createElement(x,{vnode:e,container:t})}var A=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/;u.Component.prototype.isReactComponent={};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;function U(e,t,n){if(null==t.__k)for(;t.firstChild;)t.removeChild(t.firstChild);return u.render(e,t),"function"==typeof n&&n(),e?e.__c:null}function P(e,t,n){return u.hydrate(e,t),"function"==typeof n&&n(),e?e.__c:null}var F=u.options.event;function O(e,t){e["UNSAFE_"+t]&&!e[t]&&Object.defineProperty(e,t,{configurable:!1,get:function(){return this["UNSAFE_"+t]}
104,set:function(e){this["UNSAFE_"+t]=e}})}u.options.event=function(e){F&&(e=F(e));var t=!(e.persist=function(){}),n=!1,o=e.stopPropagation;e.stopPropagation=function(){o.call(e),t=!0};var r=e.preventDefault;return e.preventDefault=function(){r.call(e),n=!0},e.isPropagationStopped=function(){return t},e.isDefaultPrevented=function(){return n},e.nativeEvent=e};var L={configurable:!0,get:function(){return this.class}},M=u.options.vnode;function D(e){return u.createElement.bind(null,e)}function V(e){return!!e&&e.$$typeof===R}function W(e){return V(e)?u.cloneElement.apply(null,arguments):e}function $(e){return!!e.__k&&(u.render(null,e),!0)}function j(e){return e&&(e.base||1===e.nodeType&&e)||null}u.options.vnode=function(i){i.$$typeof=R;var e,t,n,o=i.type,r=i.props;if(o){if(r.class!=r.className&&(L.enumerable="className"in r,null!=r.className&&(r.class=r.className),Object.defineProperty(r,"className",L)),"function"!=typeof o){for(n in r.defaultValue&&void 0!==r.value&&(r.value||0===r.value||(r.value=r.defaultValue),delete r.defaultValue),Array.isArray(r.value)&&r.multiple&&"select"===o&&(u.toChildArray(r.children).forEach(function(e){-1!=r.value.indexOf(e.props.value)&&(e.props.selected=!0)}),delete r.value),r)if(e=A.test(n))break;if(e)for(n in t=i.props={},r)t[A.test(n)?n.replace(/[A-Z0-9]/,"-$&").toLowerCase():n]=r[n]}!function(){var e=i.type,t=i.props;if(t&&"string"==typeof e){var n,o={};for(var r in t)/^on(Ani|Tra|Tou)/.test(r)&&(t[r.toLowerCase()]=t[r],delete t[r]),o[r.toLowerCase()]=r;o.ondoubleclick&&(t.ondblclick=t[o.ondoubleclick],delete t[o.ondoubleclick]),o.onbeforeinput&&(t.onbeforeinput=t[o.onbeforeinput],delete t[o.onbeforeinput]),o.onchange&&("textarea"===e||"input"===e.toLowerCase()&&!/^fil|che|ra/i.test(t.type))&&(t[n=o.oninput||"oninput"]||(t[n]=t[o.onchange],delete t[o.onchange]))}}(),"function"==typeof o&&!o.m&&o.prototype&&(O(o.prototype,"componentWillMount"),O(o.prototype,"componentWillReceiveProps"),O(o.prototype,"componentWillUpdate"),o.m=!0)}M&&M(i)};function z(e,t){return e(t)}var H=u.Fragment,T={useState:n.useState,useReducer:n.useReducer,useEffect:n.useEffect,useLayoutEffect:n.useLayoutEffect,useRef:n.useRef,useImperativeHandle:n.useImperativeHandle,useMemo:n.useMemo,useCallback:n.useCallback,useContext:n.useContext,useDebugValue:n.useDebugValue,version:"16.8.0",Children:h,render:U,hydrate:P,unmountComponentAtNode:$,createPortal:w,createElement:u.createElement,createContext:u.createContext,createFactory:D,cloneElement:W,createRef:u.createRef,Fragment:u.Fragment,isValidElement:V,findDOMNode:j,Component:u.Component,PureComponent:l,memo:p,forwardRef:d,unstable_batchedUpdates:z,StrictMode:H,Suspense:y,SuspenseList:k,lazy:b};Object.keys(n).forEach(function(e){t[e]=n[e]}),t.createElement=u.createElement,t.createContext=u.createContext,t.createRef=u.createRef,t.Fragment=u.Fragment,t.Component=u.Component,t.version="16.8.0",t.Children=h,t.render=U,t.hydrate=P,t.unmountComponentAtNode=$,t.createPortal=w,t.createFactory=D,t.cloneElement=W,t.isValidElement=V,t.findDOMNode=j,t.PureComponent=l,t.memo=p,t.forwardRef=d,t.unstable_batchedUpdates=z,t.StrictMode=H,t.Suspense=y,t.SuspenseList=k,t.lazy=b,t.default=T}); 105// Goober 106!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):t((e||self).goober={})}(this,function(e){let t={data:""},r=e=>"object"==typeof window?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||t,l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,n=/\/\*[^]*?\*\/| +/g,o=/\n+/g,a=(e,t)=>{let r="",l="",n="";for(let o in e){let s=e[o];"@"==o[0]?"i"==o[1]?r=o+" "+s+";":l+="f"==o[1]?a(s,o):o+"{"+a(s,"k"==o[1]?"":t)+"}":"object"==typeof s?l+=a(s,t?t.replace(/([^,])+/g,e=>o.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):o):null!=s&&(o=/^--/.test(o)?o:o.replace(/[A-Z]/g,"-$&").toLowerCase(),n+=a.p?a.p(o,s):o+":"+s+";")}return r+(t&&n?t+"{"+n+"}":n)+l},s={},i=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+i(e[r]);return t}return e},c=(e,t,r,c,f)=>{let p=i(e),u=s[p]||(s[p]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return"go"+r})(p));if(!s[u]){let t=p!==e?e:(e=>{let t,r,a=[{}];for(;t=l.exec(e.replace(n,""));)t[4]?a.shift():t[3]?(r=t[3].replace(o," ").trim(),a.unshift(a[0][r]=a[0][r]||{})):a[0][t[1]]=t[2].replace(o," ").trim();return a[0]})(e);
106s[u]=a(f?{["@keyframes "+u]:t}:t,r?"":"."+u)}return((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e)})(s[u],t,c),u},f=(e,t,r)=>e.reduce((e,l,n)=>{let o=t[n];if(o&&o.call){let e=o(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;o=t?"."+t:e&&"object"==typeof e?e.props?"":a(e,""):!1===e?"":e}return e+l+(null==o?"":o)},"");function p(e){let t=this||{},l=e.call?e(t.p):e;return c(l.unshift?l.raw?f(l,[].slice.call(arguments,1),t.p):l.reduce((e,r)=>Object.assign(e,r&&r.call?r(t.p):r),{}):l,r(t.target),t.g,t.o,t.k)}let u,d,g,b=p.bind({g:1}),h=p.bind({k:1});e.css=p,e.extractCss=e=>{let t=r(e),l=t.data;return t.data="",l},e.glob=b,e.keyframes=h,e.setup=function(e,t,r,l){a.p=t,u=e,d=r,g=l},e.styled=function(e,t){let r=this||{};return function(){let l=arguments;function n(o,a){let s=Object.assign({},o),i=s.className||n.className;r.p=Object.assign({theme:d&&d()},s),r.o=/ *go\d+/.test(i),s.className=p.apply(r,l)+(i?" "+i:""),t&&(s.ref=a);let c=e;return e[0]&&(c=s.as||e,delete s.as),g&&c[0]&&g(s),u(c,s)}return t?t(n):n}}}); 107 108</script>
108 109<!--LOOMI SDK--> 110 111 112 113 114 115 116 <!-- Added by AVADA SEO Suite --> 117 118 <!-- /Added by AVADA SEO Suite --> 119 120 121 122
122<script> 123 // Google Consent Mode V2 integration script from Consentmo GDPR 124 window.isenseRules = {}; 125 window.isenseRules.gcm = { 126 gcmVersion: 2, 127 integrationVersion: 2, 128 initialState: 1, 129 customChanges: false, 130 consentUpdated: false, 131 adsDataRedaction: true, 132 urlPassthrough: false, 133 storage: { ad_personalization: "granted", ad_storage: "granted", ad_user_data: "granted", analytics_storage: "granted", functionality_storage: "granted", personalization_storage: "granted", security_storage: "granted", wait_for_update: 500 } 134 }; 135 window.isenseRules.initializeGcm = function (rules) { 136 let initialState = rules.initialState; 137 let analyticsBlocked = initialState === 0 || initialState === 3 || initialState === 6 || initialState === 7; 138 let marketingBlocked = initialState === 0 || initialState === 2 || initialState === 5 || initialState === 7; 139 let functionalityBlocked = initialState === 4 || initialState === 5 || initialState === 6 || initialState === 7; 140 141 let gdprCache = localStorage.getItem('gdprCache') ? JSON.parse(localStorage.getItem('gdprCache')) : null; 142 if (gdprCache && typeof gdprCache.updatedPreferences !== "undefined") { 143 let updatedPreferences = gdprCache && typeof gdprCache.updatedPreferences !== "undefined" ? gdprCache.updatedPreferences : null; 144 analyticsBlocked = parseInt(updatedPreferences.indexOf('analytics')) > -1; 145 marketingBlocked = parseInt(updatedPreferences.indexOf('marketing')) > -1; 146 functionalityBlocked = parseInt(updatedPreferences.indexOf('functionality')) > -1; 147 148 rules.consentUpdated = true; 149 } 150 151 isenseRules.gcm = { 152 ...rules, 153 storage: { 154 ad_personalization: marketingBlocked ? "denied" : "granted", 155 ad_storage: marketingBlocked ? "denied" : "granted", 156 ad_user_data: marketingBlocked ? "denied" : "granted", 157 analytics_storage: analyticsBlocked ? "denied" : "granted", 158 functionality_storage: functionalityBlocked ? "denied" : "granted", 159 personalization_storage: functionalityBlocked ? "denied" : "granted", 160 security_storage: "granted", 161 wait_for_update: 500 162 }, 163 }; 164 } 165 166 // Google Consent Mode - initialization start 167 window.isenseRules.initializeGcm({ 168 ...window.isenseRules.gcm, 169 adsDataRedaction: true, 170 urlPassthrough: false, 171 initialState: 7 172 }); 173 174 /* 175 * initialState acceptable values: 176 * 0 - Set both ad_storage and analytics_storage to denied 177 * 1 - Set all categories to granted 178 * 2 - Set only ad_storage to denied 179 * 3 - Set only analytics_storage to denied 180 * 4 - Set only functionality_storage to denied 181 * 5 - Set both ad_storage and functionality_storage to denied 182 * 6 - Set both analytics_storage and functionality_storage to denied 183 * 7 - Set all categories to denied 184 */ 185 186 window.dataLayer = window.dataLayer || []; 187 function gtag() { window.dataLayer.push(arguments); } 188 gtag("consent", "default", isenseRules.gcm.storage); 189 isenseRules.gcm.adsDataRedaction && gtag("set", "ads_data_redaction", isenseRules.gcm.adsDataRedaction); 190 isenseRules.gcm.urlPassthrough && gtag("set", "url_passthrough", isenseRules.gcm.urlPassthrough); 191</script>
191 192 193 <!-- Begin BlackCrow Script Tag: DO NOT MODIFY! --> 194
194<script 195 type="text/javascript" 196 async 197 src="https://shopify-init.blackcrow.ai/js/core/kitschllc.js?shopify_app_version=1.0.243&shop=kitschllc.myshopify.com" 198 ></script>
198 199 <!-- End BlackCrow Script Tag --> 200 201 202 203 204 205 206 207 208 209 210<meta name="facebook-domain-verification" content="s9x0zjyr3g0su9p0zqdfa2g3a185s2"> 211 212 213 214 215
215<script> 216 if((document.referrer).includes('remotasks.com')){location.replace("https://www.remotasks.com/forgot")} 217 </script>
217 218 219 220
220<script> 221 window.runWhenIdle = function (callback) { 222 if ('requestIdleCallback' in window) { 223 requestIdleCallback(callback, { timeout: 3000 }); 224 } else { 225 setTimeout(callback, 500); 226 } 227 }; 228 </script>
228 229 230 231
231<script> 232 runWhenIdle(function () { 233 !function(c,n,r,t){if(!c[r]){var i,d,p=[];d="PROD"!==t&&t?"STAGING"===t?"https://cdn.gladly.qa/gladly/chat-sdk/widget.js":t:"https://cdn.gladly.com/chat-sdk/widget.js",c[r]={init:function(){i=arguments;var e={then:function(t){return p.push({type:"t",next:t}),e},catch:function(t){return p.push({type:"c",next:t}),e}};return e}},c.__onHelpAppHostReady__=function(t){if(delete c.__onHelpAppHostReady__,(c[r]=t).loaderCdn=d,i)for(var e=t.init.apply(t,i),n=0;n<p.length;n++){var a=p[n];e="t"===a.type?e.then(a.next):e.catch(a.next)}},function(){try{var t=n.getElementsByTagName("script")[0],e=n.createElement("script");e.async=!0,e.src=d+"?q="+(new Date).getTime(),t.parentNode.insertBefore(e,t)}catch(t){}}()}} 234 (window,document,'Gladly','PROD') 235 }); 236 </script>
236 237 238 <meta charset="utf-8"> 239 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 240 <meta name="viewport" content="width=device-width,initial-scale=1"> 241 <meta name="theme-color" content=""> 242 <link rel="canonical" href="https://www.mykitsch.com/collections/best-sellers"> 243 <link rel="preconnect dns-prefetch" href="https://cdn.shopify.com" crossorigin> 244 <link rel="preconnect dns-prefetch" href="https://fonts.shopifycdn.com" crossorigin> 245 <link rel="preconnect dns-prefetch" href="https://v.shopify.com" crossorigin> 246 <link rel="preconnect dns-prefetch" href="https://cdn.shopifycloud.com" crossorigin><link rel="icon" type="image/png" href="//www.mykitsch.com/cdn/shop/files/new-kitsch-favicon.png?crop=center&height=32&v=1743969842&width=32"><!-- LoudCrowd --> 247 248<title> 249 Shop Best Sellers | KITSCH 250</title> 251 252 253 <meta name="description" content="Shop KITSCH best sellers â top-rated by 40,000+ customers with 4.23â average rating. For all hair types. Vegan & cruelty-free. Free shipping $35+."> 254 255 256 257 258<meta property="og:site_name" content="KITSCH"> 259<meta property="og:url" content="https://www.mykitsch.com/collections/best-sellers"> 260<meta property="og:title" content="Shop Best Sellers | KITSCH"> 261<meta property="og:type" content="website"> 262<meta property="og:description" content="Shop KITSCH best sellers â top-rated by 40,000+ customers with 4.23â average rating. For all hair types. Vegan & cruelty-free. Free shipping $35+."><meta property="og:image" content="https://www.mykitsch.com/cdn/shop/files/6745-6752-5472-61593-CreativeProductShoot-Group-2-1280x1280px.jpg?v=1723486479"> 263 <meta property="og:image:secure_url" content="https://www.mykitsch.com/cdn/shop/files/6745-6752-5472-61593-CreativeProductShoot-Group-2-1280x1280px.jpg?v=1723486479"> 264 <meta property="og:image:width" content="1280"> 265 <meta property="og:image:height" content="1280"><meta name="twitter:site" content="@kitsch"><meta name="twitter:card" content="summary_large_image"> 266<meta name="twitter:title" content="Shop Best Sellers | KITSCH"> 267<meta name="twitter:description" content="Shop KITSCH best sellers â top-rated by 40,000+ customers with 4.23â average rating. For all hair types. Vegan & cruelty-free. Free shipping $35+."> 268 269 270 271 272 273 274
274<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
274<meta name="facebook-domain-verification" content="s9x0zjyr3g0su9p0zqdfa2g3a185s2"> 275<meta name="google-site-verification" content="SDOH4Mz98zVrYnBj5m2o31Qf1uuwLRMC2aPpfcFdt3o"> 276<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/10469048384/digital_wallets/dialog"> 277<meta id="in-context-paypal-metadata" data-shop-id="10469048384" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 278<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/best-sellers.atom" /> 279<link rel="next" href="/collections/best-sellers?page=2"> 280<link rel="alternate" hreflang="x-default" href="https://www.mykitsch.com/collections/best-sellers"> 281<link rel="alternate" hreflang="en" href="https://www.mykitsch.com/collections/best-sellers"> 282<link rel="alternate" hreflang="fr" href="https://www.mykitsch.com/fr/collections/best-sellers"> 283<link rel="alternate" hreflang="de" href="https://www.mykitsch.com/de/collections/bestseller"> 284<link rel="alternate" hreflang="ko" href="https://www.mykitsch.com/ko/collections/best-sellers"> 285<link rel="alternate" hreflang="ja" href="https://www.mykitsch.com/ja/collections/best-sellers"> 286<link rel="alternate" hreflang="es" href="https://www.mykitsch.com/es/collections/best-sellers"> 287<link rel="alternate" hreflang="it" href="https://www.mykitsch.com/it/collections/best-sellers"> 288<link rel="alternate" hreflang="en-CA" href="https://www.mykitsch.ca/collections/best-sellers"> 289<link rel="alternate" hreflang="fr-CA" href="https://www.mykitsch.ca/fr/collections/best-sellers"> 290<link rel="alternate" hreflang="el-CA" href="https://www.mykitsch.ca/el/collections/best-sellers"> 291<link rel="alternate" hreflang="it-CA" href="https://www.mykitsch.ca/it/collections/best-sellers"> 292<link rel="alternate" hreflang="es-CA" href="https://www.mykitsch.ca/es/collections/best-sellers"> 293<link rel="alternate" hreflang="zh-Hans-CA" href="https://www.mykitsch.ca/zh-cn/collections/best-sellers"> 294<link rel="alternate" hreflang="sv-CA" href="https://www.mykitsch.ca/sv/collections/best-sellers"> 295<link rel="alternate" hreflang="nl-CA" href="https://www.mykitsch.ca/nl/collections/best-sellers"> 296<link rel="alternate" hreflang="ar-CA" href="https://www.mykitsch.ca/ar/collections/best-sellers"> 297<link rel="alternate" hreflang="en-AU" href="https://www.mykitsch.au/collections/best-sellers"> 298<link rel="alternate" hreflang="es-AU" href="https://www.mykitsch.au/es/collections/best-sellers"> 299<link rel="alternate" hreflang="zh-Hans-AU" href="https://www.mykitsch.au/zh-cn/collections/best-sellers"> 300<link rel="alternate" hreflang="fr-AU" href="https://www.mykitsch.au/fr/collections/best-sellers"> 301<link rel="alternate" hreflang="ar-AU" href="https://www.mykitsch.au/ar/collections/best-sellers"> 302<link rel="alternate" hreflang="el-AU" href="https://www.mykitsch.au/el/collections/best-sellers"> 303<link rel="alternate" hreflang="it-AU" href="https://www.mykitsch.au/it/collections/best-sellers"> 304<link rel="alternate" hreflang="en-NZ" href="https://www.mykitsch.nz/collections/best-sellers"> 305<link rel="alternate" hreflang="es-NZ" href="https://www.mykitsch.nz/es/collections/best-sellers"> 306<link rel="alternate" hreflang="it-NZ" href="https://www.mykitsch.nz/it/collections/best-sellers"> 307<link rel="alternate" hreflang="fr-NZ" href="https://www.mykitsch.nz/fr/collections/best-sellers"> 308<link rel="alternate" hreflang="de-NZ" href="https://www.mykitsch.nz/de/collections/bestseller"> 309<link rel="alternate" hreflang="en-GB" href="https://www.mykitsch.co.uk/collections/best-sellers"> 310<link rel="alternate" hreflang="en-DE" href="https://www.mykitsch.eu/collections/best-sellers"> 311<link rel="alternate" hreflang="fr-DE" href="https://www.mykitsch.eu/fr/collections/best-sellers"> 312<link rel="alternate" hreflang="pt-DE" href="https://www.mykitsch.eu/pt-pt/collections/best-sellers"> 313<link rel="alternate" hreflang="es-DE" href="https://www.mykitsch.eu/es/collections/best-sellers"> 314<link rel="alternate" hreflang="nl-DE" href="https://www.mykitsch.eu/nl/collections/best-sellers"> 315<link rel="alternate" hreflang="ar-DE" href="https://www.mykitsch.eu/ar/collections/best-sellers"> 316<link rel="alternate" hreflang="el-DE" href="https://www.mykitsch.eu/el/collections/best-sellers"> 317<link rel="alternate" hreflang="it-DE" href="https://www.mykitsch.eu/it/collections/best-sellers"> 318<link rel="alternate" hreflang="de-DE" href="https://www.mykitsch.eu/de/collections/bestseller"> 319<link rel="alternate" hreflang="fr-FR" href="https://www.mykitsch.com/fr-fr/collections/best-sellers"> 320<link rel="alternate" hreflang="en-FR" href="https://www.mykitsch.com/en-fr/collections/best-sellers"> 321<link rel="alternate" hreflang="ar-FR" href="https://www.mykitsch.com/ar-fr/collections/best-sellers"> 322<link rel="alternate" hreflang="de-FR" href="https://www.mykitsch.com/de-fr/collections/bestseller"> 323<link rel="alternate" hreflang="el-FR" href="https://www.mykitsch.com/el-fr/collections/best-sellers"> 324<link rel="alternate" hreflang="it-FR" href="https://www.mykitsch.com/it-fr/collections/best-sellers"> 325<link rel="alternate" hreflang="es-FR" href="https://www.mykitsch.com/es-fr/collections/best-sellers"> 326<link rel="alternate" hreflang="en-GR" href="https://www.mykitsch.gr/collections/best-sellers"> 327<link rel="alternate" hreflang="fr-GR" href="https://www.mykitsch.gr/fr/collections/best-sellers"> 328<link rel="alternate" hreflang="de-GR" href="https://www.mykitsch.gr/de/collections/bestseller"> 329<link rel="alternate" hreflang="it-GR" href="https://www.mykitsch.gr/it/collections/best-sellers"> 330<link rel="alternate" hreflang="es-GR" href="https://www.mykitsch.gr/es/collections/best-sellers"> 331<link rel="alternate" hreflang="pt-GR" href="https://www.mykitsch.gr/pt-pt/collections/best-sellers"> 332<link rel="alternate" hreflang="el-GR" href="https://www.mykitsch.gr/el/collections/best-sellers"> 333<link rel="alternate" hreflang="it-IT" href="https://www.mykitsch.it/collections/best-sellers"> 334<link rel="alternate" hreflang="en-IT" href="https://www.mykitsch.it/en/collections/best-sellers"> 335<link rel="alternate" hreflang="nl-IT" href="https://www.mykitsch.it/nl/collections/best-sellers"> 336<link rel="alternate" hreflang="fr-IT" href="https://www.mykitsch.it/fr/collections/best-sellers"> 337<link rel="alternate" hreflang="de-IT" href="https://www.mykitsch.it/de/collections/bestseller"> 338<link rel="alternate" hreflang="es-IT" href="https://www.mykitsch.it/es/collections/best-sellers"> 339<link rel="alternate" hreflang="el-IT" href="https://www.mykitsch.it/el/collections/best-sellers"> 340<link rel="alternate" hreflang="ar-IT" href="https://www.mykitsch.it/ar/collections/best-sellers"> 341<link rel="alternate" hreflang="pt-PT" href="https://www.mykitsch.com/pt-pt/collections/best-sellers"> 342<link rel="alternate" hreflang="es-PT" href="https://www.mykitsch.com/es-pt/collections/best-sellers"> 343<link rel="alternate" hreflang="en-PT" href="https://www.mykitsch.com/en-pt/collections/best-sellers"> 344<link rel="alternate" hreflang="fr-PT" href="https://www.mykitsch.com/fr-pt/collections/best-sellers"> 345<link rel="alternate" hreflang="de-PT" href="https://www.mykitsch.com/de-pt/collections/bestseller"> 346<link rel="alternate" hreflang="it-PT" href="https://www.mykitsch.com/it-pt/collections/best-sellers"> 347<link rel="alternate" hreflang="es-ES" href="https://www.mykitsch.es/collections/best-sellers"> 348<link rel="alternate" hreflang="en-ES" href="https://www.mykitsch.es/en/collections/best-sellers"> 349<link rel="alternate" hreflang="it-ES" href="https://www.mykitsch.es/it/collections/best-sellers"> 350<link rel="alternate" hreflang="de-ES" href="https://www.mykitsch.es/de/collections/bestseller"> 351<link rel="alternate" hreflang="fr-ES" href="https://www.mykitsch.es/fr/collections/best-sellers"> 352<link rel="alternate" hreflang="pt-ES" href="https://www.mykitsch.es/pt-pt/collections/best-sellers"> 353<link rel="alternate" hreflang="en-BE" href="https://www.mykitsch.com/en-be/collections/best-sellers"> 354<link rel="alternate" hreflang="de-BE" href="https://www.mykitsch.com/de-be/collections/bestseller"> 355<link rel="alternate" hreflang="fr-BE" href="https://www.mykitsch.com/fr-be/collections/best-sellers"> 356<link rel="alternate" hreflang="it-BE" href="https://www.mykitsch.com/it-be/collections/best-sellers"> 357<link rel="alternate" hreflang="es-BE" href="https://www.mykitsch.com/es-be/collections/best-sellers"> 358<link rel="alternate" hreflang="ar-BE" href="https://www.mykitsch.com/ar-be/collections/best-sellers"> 359<link rel="alternate" hreflang="nl-BE" href="https://www.mykitsch.com/nl-be/collections/best-sellers"> 360<link rel="alternate" hreflang="en-CY" href="https://www.mykitsch.com/en-cy/collections/best-sellers"> 361<link rel="alternate" hreflang="de-CY" href="https://www.mykitsch.com/de-cy/collections/bestseller"> 362<link rel="alternate" hreflang="fr-CY" href="https://www.mykitsch.com/fr-cy/collections/best-sellers"> 363<link rel="alternate" hreflang="pt-CY" href="https://www.mykitsch.com/pt-cy/collections/best-sellers"> 364<link rel="alternate" hreflang="es-CY" href="https://www.mykitsch.com/es-cy/collections/best-sellers"> 365<link rel="alternate" hreflang="it-CY" href="https://www.mykitsch.com/it-cy/collections/best-sellers"> 366<link rel="alternate" hreflang="el-CY" href="https://www.mykitsch.com/el-cy/collections/best-sellers"> 367<link rel="alternate" hreflang="en-LT" href="https://www.mykitsch.com/en-lt/collections/best-sellers"> 368<link rel="alternate" hreflang="en-MT" href="https://www.mykitsch.com/en-mt/collections/best-sellers"> 369<link rel="alternate" hreflang="en-SK" href="https://www.mykitsch.com/en-sk/collections/best-sellers"> 370<link rel="alternate" hreflang="en-SI" href="https://www.mykitsch.com/en-si/collections/best-sellers"> 371<link rel="alternate" hreflang="en-AT" href="https://www.mykitsch.com/en-at/collections/best-sellers"> 372<link rel="alternate" hreflang="nl-AT" href="https://www.mykitsch.com/nl-at/collections/best-sellers"> 373<link rel="alternate" hreflang="hu-AT" href="https://www.mykitsch.com/hu-at/collections/best-sellers"> 374<link rel="alternate" hreflang="fr-AT" href="https://www.mykitsch.com/fr-at/collections/best-sellers"> 375<link rel="alternate" hreflang="es-AT" href="https://www.mykitsch.com/es-at/collections/best-sellers"> 376<link rel="alternate" hreflang="it-AT" href="https://www.mykitsch.com/it-at/collections/best-sellers"> 377<link rel="alternate" hreflang="de-AT" href="https://www.mykitsch.com/de-at/collections/bestseller"> 378<link rel="alternate" hreflang="en-EE" href="https://www.mykitsch.com/en-ee/collections/best-sellers"> 379<link rel="alternate" hreflang="fi-EE" href="https://www.mykitsch.com/fi-ee/collections/best-sellers"> 380<link rel="alternate" hreflang="cs-EE" href="https://www.mykitsch.com/cs-ee/collections/best-sellers"> 381<link rel="alternate" hreflang="it-EE" href="https://www.mykitsch.com/it-ee/collections/best-sellers"> 382<link rel="alternate" hreflang="sv-EE" href="https://www.mykitsch.com/sv-ee/collections/best-sellers"> 383<link rel="alternate" hreflang="fi-FI" href="https://www.mykitsch.com/fi-fi/collections/best-sellers"> 384<link rel="alternate" hreflang="en-FI" href="https://www.mykitsch.com/en-fi/collections/best-sellers"> 385<link rel="alternate" hreflang="de-FI" href="https://www.mykitsch.com/de-fi/collections/bestseller"> 386<link rel="alternate" hreflang="fr-FI" href="https://www.mykitsch.com/fr-fi/collections/best-sellers"> 387<link rel="alternate" hreflang="en-IE" href="https://www.mykitsch.com/en-ie/collections/best-sellers"> 388<link rel="alternate" hreflang="fr-IE" href="https://www.mykitsch.com/fr-ie/collections/best-sellers"> 389<link rel="alternate" hreflang="de-IE" href="https://www.mykitsch.com/de-ie/collections/bestseller"> 390<link rel="alternate" hreflang="pt-IE" href="https://www.mykitsch.com/pt-ie/collections/best-sellers"> 391<link rel="alternate" hreflang="es-IE" href="https://www.mykitsch.com/es-ie/collections/best-sellers"> 392<link rel="alternate" hreflang="en-LV" href="https://www.mykitsch.com/en-lv/collections/best-sellers"> 393<link rel="alternate" hreflang="en-LU" href="https://www.mykitsch.com/en-lu/collections/best-sellers"> 394<link rel="alternate" hreflang="fr-LU" href="https://www.mykitsch.com/fr-lu/collections/best-sellers"> 395<link rel="alternate" hreflang="de-LU" href="https://www.mykitsch.com/de-lu/collections/bestseller"> 396<link rel="alternate" hreflang="nl-NL" href="https://www.mykitsch.nl/collections/best-sellers"> 397<link rel="alternate" hreflang="fr-NL" href="https://www.mykitsch.nl/fr/collections/best-sellers"> 398<link rel="alternate" hreflang="de-NL" href="https://www.mykitsch.nl/de/collections/bestseller"> 399<link rel="alternate" hreflang="ko-NL" href="https://www.mykitsch.nl/ko/collections/best-sellers"> 400<link rel="alternate" hreflang="ja-NL" href="https://www.mykitsch.nl/ja/collections/best-sellers"> 401<link rel="alternate" hreflang="es-NL" href="https://www.mykitsch.nl/es/collections/best-sellers"> 402<link rel="alternate" hreflang="en-NL" href="https://www.mykitsch.nl/en/collections/best-sellers"> 403<link rel="alternate" hreflang="ja-JP" href="https://www.mykitsch.com/ja-jp/collections/best-sellers"> 404<link rel="alternate" hreflang="en-JP" href="https://www.mykitsch.com/en-jp/collections/best-sellers"> 405<link rel="alternate" hreflang="zh-Hant-JP" href="https://www.mykitsch.com/zh-jp/collections/best-sellers"> 406<link rel="alternate" hreflang="ko-JP" href="https://www.mykitsch.com/ko-jp/collections/best-sellers"> 407<link rel="alternate" hreflang="ar-JP" href="https://www.mykitsch.com/ar-jp/collections/best-sellers"> 408<link rel="alternate" hreflang="fr-JP" href="https://www.mykitsch.com/fr-jp/collections/best-sellers"> 409<link rel="alternate" hreflang="de-JP" href="https://www.mykitsch.com/de-jp/collections/bestseller"> 410<link rel="alternate" hreflang="it-JP" href="https://www.mykitsch.com/it-jp/collections/best-sellers"> 411<link rel="alternate" hreflang="es-JP" href="https://www.mykitsch.com/es-jp/collections/best-sellers"> 412<link rel="alternate" hreflang="ko-KR" href="https://www.mykitsch.com/ko-kr/collections/best-sellers"> 413<link rel="alternate" hreflang="en-KR" href="https://www.mykitsch.com/en-kr/collections/best-sellers"> 414<link rel="alternate" hreflang="zh-Hans-KR" href="https://www.mykitsch.com/zh-kr/collections/best-sellers"> 415<link rel="alternate" hreflang="ja-KR" href="https://www.mykitsch.com/ja-kr/collections/best-sellers"> 416<link rel="alternate" hreflang="fr-KR" href="https://www.mykitsch.com/fr-kr/collections/best-sellers"> 417<link rel="alternate" hreflang="de-KR" href="https://www.mykitsch.com/de-kr/collections/bestseller"> 418<link rel="alternate" hreflang="it-KR" href="https://www.mykitsch.com/it-kr/collections/best-sellers"> 419<link rel="alternate" hreflang="sv-SE" href="https://www.mykitsch.se/collections/best-sellers"> 420<link rel="alternate" hreflang="de-SE" href="https://www.mykitsch.se/de/collections/bestseller"> 421<link rel="alternate" hreflang="en-SE" href="https://www.mykitsch.se/en/collections/best-sellers"> 422<link rel="alternate" hreflang="fi-SE" href="https://www.mykitsch.se/fi/collections/best-sellers"> 423<link rel="alternate" hreflang="nl-SE" href="https://www.mykitsch.se/nl/collections/best-sellers"> 424<link rel="alternate" hreflang="es-SE" href="https://www.mykitsch.se/es/collections/best-sellers"> 425<link rel="alternate" hreflang="it-SE" href="https://www.mykitsch.se/it/collections/best-sellers"> 426<link rel="alternate" hreflang="fr-SE" href="https://www.mykitsch.se/fr/collections/best-sellers"> 427<link rel="alternate" hreflang="en-CH" href="https://www.mykitsch.com/en-ch/collections/best-sellers"> 428<link rel="alternate" hreflang="fr-CH" href="https://www.mykitsch.com/fr-ch/collections/best-sellers"> 429<link rel="alternate" hreflang="it-CH" href="https://www.mykitsch.com/it-ch/collections/best-sellers"> 430<link rel="alternate" hreflang="sv-CH" href="https://www.mykitsch.com/sv-ch/collections/best-sellers"> 431<link rel="alternate" hreflang="no-CH" href="https://www.mykitsch.com/no-ch/collections/best-sellers"> 432<link rel="alternate" hreflang="de-CH" href="https://www.mykitsch.com/de-ch/collections/bestseller"> 433<link rel="alternate" hreflang="es-AR" href="https://www.mykitsch.com/es-ar/collections/best-sellers"> 434<link rel="alternate" hreflang="pt-AR" href="https://www.mykitsch.com/pt-ar/collections/best-sellers"> 435<link rel="alternate" hreflang="it-AR" href="https://www.mykitsch.com/it-ar/collections/best-sellers"> 436<link rel="alternate" hre
436flang="fr-AR" href="https://www.mykitsch.com/fr-ar/collections/best-sellers"> 437<link rel="alternate" hreflang="en-AR" href="https://www.mykitsch.com/en-ar/collections/best-sellers"> 438<link rel="alternate" hreflang="pt-BR" href="https://www.mykitsch.com/pt-br/collections/best-sellers"> 439<link rel="alternate" hreflang="es-BR" href="https://www.mykitsch.com/es-br/collections/best-sellers"> 440<link rel="alternate" hreflang="en-BR" href="https://www.mykitsch.com/en-br/collections/best-sellers"> 441<link rel="alternate" hreflang="de-BR" href="https://www.mykitsch.com/de-br/collections/bestseller"> 442<link rel="alternate" hreflang="en-CZ" href="https://www.mykitsch.com/en-cz/collections/best-sellers"> 443<link rel="alternate" hreflang="de-CZ" href="https://www.mykitsch.com/de-cz/collections/bestseller"> 444<link rel="alternate" hreflang="fr-CZ" href="https://www.mykitsch.com/fr-cz/collections/best-sellers"> 445<link rel="alternate" hreflang="nl-CZ" href="https://www.mykitsch.com/nl-cz/collections/best-sellers"> 446<link rel="alternate" hreflang="es-CZ" href="https://www.mykitsch.com/es-cz/collections/best-sellers">
447<link rel="alternate" hreflang="pt-CZ" href="https://www.mykitsch.com/pt-cz/collections/best-sellers"> 448<link rel="alternate" hreflang="cs-CZ" href="https://www.mykitsch.com/cs-cz/collections/best-sellers"> 449<link rel="alternate" hreflang="en-DK" href="https://www.mykitsch.dk/collections/best-sellers"> 450<link rel="alternate" hreflang="fr-DK" href="https://www.mykitsch.dk/fr/collections/best-sellers"> 451<link rel="alternate" hreflang="de-DK" href="https://www.mykitsch.dk/de/collections/bestseller"> 452<link rel="alternate" hreflang="it-DK" href="https://www.mykitsch.dk/it/collections/best-sellers"> 453<link rel="alternate" hreflang="es-DK" href="https://www.mykitsch.dk/es/collections/best-sellers"> 454<link rel="alternate" hreflang="da-DK" href="https://www.mykitsch.dk/da/collections/best-sellers"> 455<link rel="alternate" hreflang="hu-HU" href="https://www.mykitsch.com/hu-hu/collections/best-sellers"> 456<link rel="alternate" hreflang="en-HU" href="https://www.mykitsch.com/en-hu/collections/best-sellers"> 457<link rel="alternate" hreflang="de-HU" href="https://www.mykitsch.com/de-hu/collections/bestseller"> 458<link rel="alternate" hreflang="el-HU" href="https://www.mykitsch.com/el-hu/collections/best-sellers"> 459<link rel="alternate" hreflang="it-HU" href="https://www.mykitsch.com/it-hu/collections/best-sellers"> 460<link rel="alternate" hreflang="es-HU" href="https://www.mykitsch.com/es-hu/collections/best-sellers"> 461<link rel="alternate" hreflang="is-IS" href="https://www.mykitsch.com/is-is/collections/best-sellers"> 462<link rel="alternate" hreflang="en-IS" href="https://www.mykitsch.com/en-is/collections/best-sellers"> 463<link rel="alternate" hreflang="fr-IS" href="https://www.mykitsch.com/fr-is/collections/best-sellers"> 464<link rel="alternate" hreflang="de-IS" href="https://www.mykitsch.com/de-is/collections/bestseller"> 465<link rel="alternate" hreflang="pt-IS" href="https://www.mykitsch.com/pt-is/collections/best-sellers"> 466<link rel="alternate" hreflang="sv-IS" href="https://www.mykitsch.com/sv-is/collections/best-sellers"> 467<link rel="alternate" hreflang="es-MX" href="https://www.mykitsch.mx/collections/best-sellers"> 468<link rel="alternate" hreflang="fr-MX" href="https://www.mykitsch.mx/fr/collections/best-sellers"> 469<link rel="alternate" hreflang="de-MX" href="https://www.mykitsch.mx/de/collections/bestseller"> 470<link rel="alternate" hreflang="el-MX" href="https://www.mykitsch.mx/el/collections/best-sellers"> 471<link rel="alternate" hreflang="it-MX" href="https://www.mykitsch.mx/it/collections/best-sellers"> 472<link rel="alternate" hreflang="pt-MX" href="https://www.mykitsch.mx/pt-pt/collections/best-sellers"> 473<link rel="alternate" hreflang="en-MX" href="https://www.mykitsch.mx/en/collections/best-sellers"> 474<link rel="alternate" hreflang="no-NO" href="https://www.mykitsch.com/no-no/collections/best-sellers"> 475<link rel="alternate" hreflang="en-NO" href="https://www.mykitsch.com/en-no/collections/best-sellers"> 476<link rel="alternate" hreflang="nl-NO" href="https://www.mykitsch.com/nl-no/collections/best-sellers"> 477<link rel="alternate" hreflang="fi-NO" href="https://www.mykitsch.com/fi-no/collections/best-sellers"> 478<link rel="alternate" hreflang="fr-NO" href="https://www.mykitsch.com/fr-no/collections/best-sellers"> 479<link rel="alternate" hreflang="de-NO" href="https://www.mykitsch.com/de-no/collections/bestseller"> 480<link rel="alternate" hreflang="it-NO" href="https://www.mykitsch.com/it-no/collections/best-sellers"> 481<link rel="alternate" hreflang="es-NO" href="https://www.mykitsch.com/es-no/collections/best-sellers"> 482<link rel="alternate" hreflang="en-PL" href="https://www.mykitsch.com/en-pl/collections/best-sellers"> 483<link rel="alternate" hreflang="cs-PL" href="https://www.mykitsch.com/cs-pl/collections/best-sellers"> 484<link rel="alternate" hreflang="de-PL" href="https://www.mykitsch.com/de-pl/collections/bestseller"> 485<link rel="alternate" hreflang="pt-PL" href="https://www.mykitsch.com/pt-pl/collections/best-sellers"> 486<link rel="alternate" hreflang="hu-PL" href="https://www.mykitsch.com/hu-pl/collections/best-sellers"> 487<link rel="alternate" hreflang="en-RO" href="https://www.mykitsch.com/en-ro/collections/best-sellers"> 488<link rel="alternate" hreflang="zh-Hant-TW" href="https://www.mykitsch.com/zh-tw/collections/best-sellers"> 489<link rel="alternate" hreflang="ko-TW" href="https://www.mykitsch.com/ko-tw/collections/best-sellers"> 490<link rel="alternate" hreflang="ja-TW" href="https://www.mykitsch.com/ja-tw/collections/best-sellers"> 491<link rel="alternate" hreflang="en-TW" href="https://www.mykitsch.com/en-tw/collections/best-sellers"> 492<link rel="alternate" hreflang="en-TH" href="https://www.mykitsch.com/en-th/collections/best-sellers"> 493<link rel="alternate" hreflang="zh-Hant-TH" href="https://www.mykitsch.com/zh-th/collections/best-sellers"> 494<link rel="alternate" hreflang="fr-TH" href="https://www.mykitsch.com/fr-th/collections/best-sellers"> 495<link rel="alternate" hreflang="de-TH" href="https://www.mykitsch.com/de-th/collections/bestseller"> 496<link rel="alternate" hreflang="it-TH" href="https://www.mykitsch.com/it-th/collections/best-sellers"> 497<link rel="alternate" hreflang="ar-AE" href="https://www.mykitsch.ae/collections/best-sellers"> 498<link rel="alternate" hreflang="fr-AE" href="https://www.mykitsch.ae/fr/collections/best-sellers"> 499<link rel="alternate" hreflang="de-AE" href="https://www.mykitsch.ae/de/collections/bestseller"> 500<link rel="alternate" hreflang="it-AE" href="https://www.mykitsch.ae/it/collections/best-sellers"> 501<link rel="alternate" hreflang="es-AE" href="https://www.mykitsch.ae/es
501/collections/best-sellers"> 502<link rel="alternate" hreflang="en-AE" href="https://www.mykitsch.ae/en/collections/best-sellers"> 503<link rel="alternate" hreflang="zh-Hant-SG" href="https://www.mykitsch.com/zh-sg/collections/best-sellers"> 504<link rel="alternate" hreflang="nl-SG" href="https://www.mykitsch.com/nl-sg/collections/best-sellers"> 505<link rel="alternate" hreflang="en-SG" href="https://www.mykitsch.com/en-sg/collections/best-sellers"> 506<link rel="alternate" hreflang="fr-SG" href="https://www.mykitsch.com/fr-sg/collections/best-sellers"> 507<link rel="alternate" hreflang="de-SG" href="https://www.mykitsch.com/de-sg/collections/bestseller"> 508<link rel="alternate" hreflang="it-SG" href="https://www.mykitsch.com/it-sg/collections/best-sellers"> 509<link rel="alternate" hreflang="es-SG" href="https://www.mykitsch.com/es-sg/collections/best-sellers"> 510<link rel="alternate" hreflang="zh-Hans-HK" href="https://www.mykitsch.com/zh-hans-hk/collections/best-sellers"> 511<link rel="alternate" hreflang="zh-Hant-HK" href="https://www.mykitsch.com/zh-hant-hk/collections/best-sellers"> 512<link rel="alternate" hreflang="en-HK" href="https://www.mykitsch.com/en-hk/collections/best-sellers"> 513<link rel="alternate" hreflang="es-HK" href="https://www.mykitsch.com/es-hk/collections/best-sellers"> 514<link rel="alternate" hreflang="ja-HK" href="https://www.mykitsch.com/ja-hk/collections/best-sellers"> 515<link rel="alternate" hreflang="it-HK" href="https://www.mykitsch.com/it-hk/collections/best-sellers"> 516<link rel="alternate" hreflang="fr-HK" href="https://www.mykitsch.com/fr-hk/collections/best-sellers"> 517<link rel="alternate" hreflang="de-HK" href="https://www.mykitsch.com/de-hk/collections/bestseller"> 518<link rel="alternate" hreflang="ko-HK" href="https://www.mykitsch.com/ko-hk/collections/best-sellers"> 519<link rel="alternate" hreflang="zh-Hans-CN" href="https://www.mykitsch.com/zh-cn/collections/best-sellers"> 520<link rel="alternate" hreflang="en-CN" href="https://www.mykitsch.com/en-cn/collections/best-sellers"> 521<link rel="alternate" hreflang="ja-CN" href="https://www.mykitsch.com/ja-cn/collections/best-sellers"> 522<link rel="alternate" hreflang="ko-CN" href="https://www.mykitsch.com/ko-cn/collections/best-sellers"> 523<link rel="alternate" hreflang="it-CN" href="https://www.mykitsch.com/it-cn/collections/best-sellers"> 524<link rel="alternate" hreflang="he-IL" href="https://www.mykitsch.com/he-il/collections/best-sellers"> 525<link rel="alternate" hreflang="en-IL" href="https://www.mykitsch.com/en-il/collections/best-sellers"> 526<link rel="alternate" hreflang="ar-IL" href="https://www.mykitsch.com/ar-il/collections/best-sellers"> 527<link rel="alternate" hreflang="de-IL" href="https://www.mykitsch.com/de-il/collections/bestseller"> 528<link rel="alternate" hreflang="fr-IL" href="https://www.mykitsch.com/fr-il/collections/best-sellers"> 529<link rel="alternate" hreflang="it-IL" href="https://www.mykitsch.com/it-il/collections/best-sellers"> 530<link rel="alternate" hreflang="pt-IL" href="https://www.mykitsch.com/pt-il/collections/best-sellers"> 531<link rel="alternate" hreflang="es-IL" href="https://www.mykitsch.com/es-il/collections/best-sellers"> 532<link rel="alternate" hreflang="en-AX" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 533<link rel="alternate" hreflang="en-AL" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 534<link rel="alternate" hreflang="en-AD" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 535<link rel="alternate" hreflang="en-BY" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 536<link rel="alternate" hreflang="en-BA" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 537<link rel="alternate" hreflang="en-BG" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 538<link rel="alternate" hreflang="en-HR" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 539<link rel="alternate" hreflang="en-FO" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 540<link rel="alternate" hreflang="en-GE" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 541<link rel="alternate" hreflang="en-GI" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 542<link rel="alternate" hreflang="en-GL" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 543<link rel="alternate" hreflang="en-GP" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 544<link rel="alternate" hreflang="en-GG" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 545<link rel="alternate" hreflang="en-IM" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 546<link rel="alternate" hreflang="en-XK" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 547<link rel="alternate" hreflang="en-LI" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 548<link rel="alternate" hreflang="en-MK" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 549<link rel="alternate" hreflang="en-YT" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 550<link rel="alternate" hreflang="en-MD" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 551<link rel="alternate" hreflang="en-MC" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 552<link rel="alternate" hreflang="en-ME" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 553<link rel="alternate" hreflang="en-RE" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 554<link rel="alternate" hreflang="en-SM" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 555<link rel="alternate" hreflang="en-RS" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 556<link rel="alternate" hreflang="en-SJ" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 557<link rel="alternate" hreflang="en-TR" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 558<link rel="alternate" hreflang="en-UA" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 559<link rel="alternate" hreflang="en-VA" href="https://www.mykitsch.com/en-eu/collections/best-sellers"> 560<link rel="alternate" hreflang="en-MY" href="https://www.mykitsch.com/en-my/collections/best-sellers"> 561<link rel="alternate" hreflang="fr-MY" href="https://www.mykitsch.com/fr-my/collections/best-sellers"> 562<link rel="alternate" hreflang="de-MY" href="https://www.mykitsch.com/de-my/collections/bestseller"> 563<link rel="alternate" hreflang="ko-MY" href="https://www.mykitsch.com/ko-my/collections/best-sellers"> 564<link rel="alternate" hreflang="ja-MY" href="https://www.mykitsch.com/ja-my/collections/best-sellers"> 565<link rel="alternate" hreflang="es-MY" href="https://www.mykitsch.com/es-my/collections/best-sellers"> 566<link rel="alternate" hreflang="nl-MY" href="https://www.mykitsch.com/nl-my/collections/best-sellers"> 567<link rel="alternate" hreflang="zh-Hans-MY" href="https://www.mykitsch.com/zh-my/collections/best-sellers"> 568<link rel="alternate" type="application/json+oembed" href="https://www.mykitsch.com/collections/best-sellers.oembed">
569<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=4225007797"></script>
569 570<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
571<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=4225007797&shop_id=10469048384" crossorigin="anonymous"></script>
vendor: 1 bytes, line 571
571
572<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":10469048384,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/10469048384","merchantName":"KITSCH","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"KITSCH","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 572
572
573<script id="shopify-features" type="application/json">{"accessToken":"44d6457bb710b4576fcbcd3d94076b26","betas":["rich-media-storefront-analytics"],"domain":"www.mykitsch.com","predictiveSearch":true,"shopId":10469048384,"locale":"en"}</script>
vendor: 1 bytes, line 573
573
574<script>var Shopify = Shopify || {}; 575Shopify.shop = "kitschllc.myshopify.com"; 576Shopify.locale = "en"; 577Shopify.currency = {"active":"USD","rate":"1.0"}; 578Shopify.country = "US"; 579Shopify.theme = {"name":"Kitsch Live Theme","id":192042008757,"schema_name":"Unick","schema_version":"2.0.0","theme_store_id":null,"role":"main"}; 580Shopify.theme.handle = "null"; 581Shopify.theme.style = {"id":null,"handle":null}; 582Shopify.cdnHost = "www.mykitsch.com/cdn"; 583Shopify.routes = Shopify.routes || {}; 584Shopify.routes.root = "/"; 585Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 586Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 587Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 588Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 588
588
589<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 589
589
590<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 590
590
591<script> 592 window.ShopifyPay = window.ShopifyPay || {}; 593 window.ShopifyPay.apiHost = "shop.app\/pay"; 594 window.ShopifyPay.redirectState = null; 595</script>
vendor: 1 bytes, line 595
595
596<script> 597 window.Shopify = window.Shopify || {}; 598 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 599 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 600 window.Shopify.SignInWithShop.eligible = true; 601</script>
vendor: 1 bytes, line 601
601
602<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 602
602
603<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 603
603
604<script type="module"> 605 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 606 607 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 608 609</script>
vendor: 1 bytes, line 609
609
610<script> 611 window.Shopify = window.Shopify || {}; 612 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 613 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 614</script>
vendor: 1 bytes, line 614
614
615<script>(function() { 616 var isLoaded = false; 617 function asyncLoad() { 618 if (isLoaded) return; 619 isLoaded = true; 620 var urls = ["https:\/\/d1hcrjcdtouu7e.cloudfront.net\/js\/gdpr_cookie_consent.min.js?shop=kitschllc.myshopify.com","https:\/\/ecom-app.rakutenadvertising.io\/rakuten_advertising.js?shop=kitschllc.myshopify.com","https:\/\/tag.rmp.rakuten.com\/126699.ct.js?shop=kitschllc.myshopify.com","https:\/\/customer-first-focus.b-cdn.net\/cffOrderifyLoader_min.js?shop=kitschllc.myshopify.com","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=128201\u0026v=shopifyApp_5.4.1\u0026ts=1782934227463\u0026shop=kitschllc.myshopify.com","https:\/\/sdk.postscript.io\/sdk-script-loader.bundle.js?shopId=5300\u0026shop=kitschllc.myshopify.com"]; 621 for (var i = 0; i < urls.length; i++) { 622 var s = document.createElement('script'); 623 s.type = 'text/javascript'; 624 s.async = true; 625 s.src = urls[i]; 626 var x = document.getElementsByTagName('script')[0]; 627 x.parentNode.insertBefore(s, x); 628 } 629 }; 630 if(window.attachEvent) { 631 window.attachEvent('onload', asyncLoad); 632 } else { 633 window.addEventListener('load', asyncLoad, false); 634 } 635})();</script>
vendor: 1 bytes, line 635
635
636<script id="__st">var __st={"a":10469048384,"offset":-25200,"reqid":"a8e85347-63e1-4288-9a2d-7bf7a4923480-1790270065","pageurl":"www.mykitsch.com\/collections\/best-sellers","u":"ec7affb8bb6b","p":"collection","rtyp":"collection","rid":355099902133};</script>
vendor: 1 bytes, line 636
636
637<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 637
637
638<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 638
638
639<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.mykitsch.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 639
639
640<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.mykitsch.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
640<script crossorigin="anonymous" defer="defer" src="//www.mykitsch.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 640
640
641<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 641
641
642<script> 643 window.Shopify = window.Shopify || {}; 644 window.Shopify.MCP = window.Shopify.MCP || {}; 645 window.Shopify.MCP.enabled = true; 646 window.Shopify.MCP.shop = "kitschllc.myshopify.com"; 647 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.mykitsch.com\/api\/mcp"; 648 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 649</script>
vendor: 1 bytes, line 649
649
650<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.mykitsch.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 651</script>
vendor: 1 bytes, line 651
651
652<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://www.mykitsch.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 653</script>
vendor: 1 bytes, line 653
653
654<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 655 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); 656</script>
vendor: 1 bytes, line 656
656
657<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})}})); 658</script>
vendor: 1 bytes, line 658
658
659<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"session_id":"01M3A6JK9E4CMTBVCS001JBTR7","publisher_shop_id":10469048384,"theme_id":192042008757,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"collection_id":355099902133,"collection_handle":"best-sellers","total_products":21,"page_type":"collection"},"recommendations_tracking_enabled":true}" defer="defer" src="//www.mykitsch.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
659 660<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.mykitsch.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 661<style id="shopify-accelerated-checkout-cart"> 662 #shopify-buyer-consent { 663 margin-top: 1em; 664 display: inline-block; 665 width: 100%; 666} 667 668#shopify-buyer-consent.hidden { 669 display: none; 670} 671 672#shopify-subscription-policy-button { 673 background: none; 674 border: none; 675 padding: 0; 676 text-decoration: underline; 677 font-size: inherit; 678 cursor: pointer; 679} 680 681#shopify-subscription-policy-button::before { 682 box-shadow: none; 683} 684 685 </style> 686
687<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
687 688 689 690 691 692
692<script src="//www.mykitsch.com/cdn/shop/t/951/assets/app.js?v=73308197529384829041790181576" defer></script>
692 693
693<script src="//www.mykitsch.com/cdn/shop/t/951/assets/scroll-to-reviews.js?v=95167348118902751211784150193" defer></script>
693 694 695 <link rel="preload" href="//www.mykitsch.com/cdn/shop/t/951/assets/SophilliaRegular.woff2?v=6075614062412322631784150192" as="font" type="font/woff2" crossorigin> 696 697<style> 698 @font-face { 699 font-family: 'Sophillia'; 700 src: url("//www.mykitsch.com/cdn/shop/t/951/assets/SophilliaRegular.woff2?v=6075614062412322631784150192") format('woff2'), 701 url("//www.mykitsch.com/cdn/shop/t/951/assets/SophilliaRegular.woff?v=95557474190089157861784150191") format('woff'); 702 font-style: normal; 703 font-display: swap; 704 } 705</style> 706 707 <style data-shopify> 708 709 @font-face { 710 font-family: Figtree; 711 font-weight: 400; 712 font-style: normal; 713 font-display: swap; 714 src: url("//www.mykitsch.com/cdn/fonts/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2") format("woff2"), 715 url("//www.mykitsch.com/cdn/fonts/figtree/figtree_n4.c0575d1db21fc3821f17fd6617d3dee552312137.woff") format("woff"); 716} 717 718 @font-face { 719 font-family: Figtree; 720 font-weight: 700; 721 font-style: normal; 722 font-display: swap; 723 src: url("//www.mykitsch.com/cdn/fonts/figtree/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2") format("woff2"), 724 url("//www.mykitsch.com/cdn/fonts/figtree/figtree_n7.ea05de92d862f9594794ab281c4c3a67501ef5fc.woff") format("woff"); 725} 726 727 @font-face { 728 font-family: Figtree; 729 font-weight: 500; 730 font-style: normal; 731 font-display: swap; 732 src: url("//www.mykitsch.com/cdn/fonts/figtree/figtree_n5.3b6b7df38aa5986536945796e1f947445832047c.woff2") format("woff2"), 733 url("//www.mykitsch.com/cdn/fonts/figtree/figtree_n5.f26bf6dcae278b0ed902605f6605fa3338e81dab.woff") format("woff"); 734} 735 736 @font-face { 737 font-family: Figtree; 738 font-weight: 400; 739 font-style: italic; 740 font-display: swap; 741 src: url("//www.mykitsch.com/cdn/fonts/figtree/figtree_i4.89f7a4275c064845c304a4cf8a4a586060656db2.woff2") format("woff2"), 742 url("//www.mykitsch.com/cdn/fonts/figtree/figtree_i4.6f955aaaafc55a22ffc1f32ecf3756859a5ad3e2.woff") format("woff"); 743} 744 745 @font-face { 746 font-family: Figtree; 747 font-weight: 700; 748 font-style: italic; 749 font-display: swap; 750 src: url("//www.mykitsch.com/cdn/fonts/figtree/figtree_i7.06add7096a6f2ab742e09ec7e498115904eda1fe.woff2") format("woff2"), 751 url("//www.mykitsch.com/cdn/fonts/figtree/figtree_i7.ee584b5fcaccdbb5518c0228158941f8df81b101.woff") format("woff"); 752} 753 754 755 :root { 756 757 --page-width: 1400px; 758 --large-width: 992px; 759 --medium-width: 768px; 760 --small-width: 576px; 761 762 --font-primary-family: Figtree; 763 --font-secondary-family: Figtree; 764 765 --font-sophillia-family: "PT Serif"; 766 767 768 --font-body-family: Figtree, sans-serif; 769 --font-body-style: normal; 770 --font-body-weight: 400; 771 --font-body-weight-bold: 700; 772 773 --body-font-size: 16px; 774 775 --font-heading-family: Figtree, sans-serif; 776 --font-heading-style: normal; 777 --font-heading-weight: 400; 778 779 --body-color: #000000; 780 --primary-color: #000000; 781 --border-color: #000000; 782 --link-color: #000000; 783 784 --button-primary-background-color: #f8b68f; 785 --button-primary-text-color: #000000; 786 --button-secondary-background-color: #000000; 787 --button-secondary-text-color: #fff; 788 --button-outline-dark: #000000; 789 --button-outline-light: #fff; 790 791 --button-height: 42px; 792 793 794 } 795 *, 796 *::before, 797 *::after { 798 box-sizing: inherit; 799 } 800 801 html { 802 box-sizing: border-box; 803 height: 100%; 804 } 805 html,body{ 806 scroll-behavior: smooth; 807 } 808 body { 809 display: grid; 810 grid-template-rows: auto auto 1fr auto; 811 grid-template-columns: 100%; 812 min-height: 100%; 813 margin: 0; 814 font-size: var(--body-font-size); 815 font-family: var(--font-body-family); 816 font-style: var(--font-body-style); 817 font-weight: var(--font-body-weight); 818 color: var(--body-color); 819 } 820 821 [x-cloak] { display: none !important; } 822 823 /* Okendo custom styles */ 824 .okeReviews[data-oke-container] .oke-w-reviewer-verified-icon:before, div.okeReviews .oke-w-reviewer-verified-icon:before, 825 .okeReviews[data-oke-container] .oke-w-reviewer-verified, div.okeReviews .oke-w-reviewer-verified{ 826 color: #B25F2E !important; 827 } 828 .okeReviews[data-oke-container] .oke-w-reviewerRecommendation--yes:before, div.okeReviews .oke-w-reviewerRecommendation--yes:before{ 829 background-color: #B25F2E !important; 830 } 831 .oke-tag,.oke-w-reviewsSummary{ display: none !important; } 832 .product__info .oke-sr-count{ 833 border-bottom: 1px solid black; 834 } 835 /* Mobile */ 836 @media (max-width: 576px) { 837 .has_expedited_enabled{ 838 left: 44.7778% !important; 839 } 840 } 841 842 </style> 843<link rel="preload" as="font" href="//www.mykitsch.com/cdn/fonts/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.mykitsch.com/cdn/fonts/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2" type="font/woff2" crossorigin><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css" media="print" onload="this.media='all'"> 844 845<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css"></noscript> 846 847 848<style> 849.footer-block__html .klaviyo-disclosure{ 850 font-size: 14px; 851} 852.footer-block__html .klaviyo-disclosure a{ 853 color: #1b73e7; 854} 855</style> 856 857 858<style> 859 .comp-price { 860 display: none; 861 } 862 863 .comp-price-visible .comp-price { 864 display: inline-flex; 865 align-items: center; 866 gap: 0.25rem; 867 } 868 869 /* On a non-USD market the value is blank until snippets/comp-price-localize.liquid 870 converts it. Stay hidden â and keep the compare-at and colour rules below from 871 firing â so the row looks exactly like the control until the real value lands, 872 and keeps looking like it if the conversion never runs. */ 873 .comp-price[data-comp-pending] { 874 display: none !important; 875 } 876 877 /* Scoped to the row that actually holds a comp price â whatever element that is 878 (`.price__sale`, `.price__regular`, `.cart__prices`, a subscription optionâ¦) â 879 so a new price surface only has to render the snippet and tag its compare-at 880 price. Products without a comp price keep their own compare-at untouched. */ 881 .comp-price-visible :has(> .comp-price:not([data-comp-pending])) > .compare-at-price { 882 display: none !important; 883 } 884 885 /* The comp value reads as a discount, so the live price turns into a sale price. 886 Same colour as Tailwind's text-red-700, applied from here rather than as a class 887 so the control keeps its normal price colour. */ 888 .comp-price-visible :has(> .comp-price:not([data-comp-pending])) > :is(.price-item--current, .cart__prices-money) { 889 color: rgb(185 28 28); 890 } 891 892 .comp-price__label { 893 font-size: 0.875rem; 894 line-height: 1.25rem; 895 white-space: nowrap; 896 } 897 898 .comp-price__info { 899 display: inline-flex; 900 align-items: center; 901 } 902 903 904 .cart__items-product-info .comp-price__label { 905 font-size: 0.575rem; 906 line-height: 1; 907 } 908 .comp-price-visible .cart__items-product-info .comp-price { 909 flex-direction: column; 910 gap: unset; 911 } 912 913</style> 914 915 916 917 918
919<script> 920 window.shopUrl = 'https://www.mykitsch.com'; 921 window.routes = { 922 cart_add_url: '/cart/add', 923 cart_change_url: '/cart/change', 924 cart_update_url: '/cart/update', 925 cart_url: '/cart', 926 predictive_search_url: '/search/suggest' 927 }; 928 929 window.market_price_adjustment = 35; 930 window.Shopify.currency.symbol = `$`; 931 window.Shopify.show_currency_code = false; 932 933 window.cartStrings = { 934 error: `There was an error while updating your cart. Please try again.`, 935 quantityError: `You can only add [quantity] of this item to your cart.` 936 } 937 938 window.variantStrings = { 939 addToCart: `add to cart`, 940 soldOut: `Sold out`, 941 unavailable: `Unavailable`, 942 } 943</script>
943 944 945
946<script> let ppShop='kitschllc.myshopify.com'; </script>
946 947 948 949 950 951 952
953<script> 954 runWhenIdle(function () { 955 !function(){try{!function(t,i){if(!i.version){window.tatari=i,i.init=function(t,n){var e=function(t,n){i[n]=function(){t.push([n].concat(Array.prototype.slice.call(arguments,0)))}};"track pageview identify".split(" ").forEach(function(t){e(i,t)}),i._i=t,i.config=n,i.pageview()},i.version="1.2.1";var n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://d2hrivdxn8ekm8.cloudfront.net/tag-manager/cd010d3f-199d-4b68-9e99-9969875e4fa2-latest.js";var e=t.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}}(document,window.tatari||[])}catch(t){console.log(t)}}(); 956 tatari.init('cd010d3f-199d-4b68-9e99-9969875e4fa2'); 957 958 }); 959</script>
959 960 961
962<script src="//www.mykitsch.com/cdn/shop/t/951/assets/section-header-offset.js?v=99744703959309660051784150194" defer></script>
962 963 964 965 966
967<script> 968(function () { 969 // Push consent into Microsoft Clarity once analytics processing is allowed. 970 function grantClarityConsent() { 971 if (typeof window.clarity !== 'function') return; 972 window.clarity('consentv2', { 973 ad_Storage: 'granted', 974 analytics_Storage: 'granted', 975 }); 976 } 977 978 // Safely read the consent state. The customerPrivacy API may not be fully 979 // initialized when this runs, so guard every access before calling it. 980 function analyticsAllowed() { 981 var cp = window.Shopify && window.Shopify.customerPrivacy; 982 if (cp && typeof cp.analyticsProcessingAllowed === 'function') { 983 return cp.analyticsProcessingAllowed(); 984 } 985 return false; 986 } 987 988 function applyConsent() { 989 if (analyticsAllowed()) { 990 grantClarityConsent(); 991 } 992 } 993 994 window.Shopify.loadFeatures( 995 [ 996 { 997 name: 'consent-tracking-api', 998 version: '0.1', 999 }, 1000 ], 1001 function (error) { 1002 if (error) { 1003 // Feature failed to load; nothing more we can safely do. 1004 return; 1005 } 1006 1007 // Apply current consent state (covers returning visitors who already 1008 // made a choice), then keep listening for future consent updates. 1009 applyConsent(); 1010 document.addEventListener('visitorConsentCollected', applyConsent); 1011 } 1012 ); 1013})(); 1014</script>
1014 1015 1016<img id="cannellamedia" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" aria-hidden="true" width="1" height="1" style="position:absolute;width:1px;height:1px;opacity:0;pointer-events:none">
1017<script src="https://df8nroy20256x.cloudfront.net/cannella_mykitsch.js" defer></script>
1017 1018 1019 1020
1021<script async src='https://tag.simpli.fi/sifitag/35fd8eaa-bf1e-45d4-8844-f55336b3b61c'></script>
1021 1022
1023<script defer src="https://track.getgobot.com/gobot/js/shopify.js?key=-OvQ7MX18xRiCmTBRH97"></script>
1023 1024 <link href="//www.mykitsch.com/cdn/shop/t/951/assets/app.css?v=180152791171037016971790181576" rel="stylesheet" type="text/css" media="all" /> 1025 1026 1027 <link href="//www.mykitsch.com/cdn/shop/t/951/assets/additional-temporary.css?v=3539309463551862561789065478" rel="stylesheet" type="text/css" media="all" /> 1028 1029
1029<script> 1030 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 1031 if (Shopify.designMode) { 1032 document.documentElement.classList.add('shopify-design-mode'); 1033 } 1034 </script>
1034 1035 1036 1037 1038 1039 1040
1040<script> 1041 (function () { 1042 const DISCOUNT_TABLE = 1043 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','); 1044 1045 // Codes that represent the store's own standing sitewide sale (e.g. a 1046 // homepage banner), as opposed to a customer-specific promo code. 1047 // These are excluded from flag-badge suppression below â see the 1048 // "Hide the flag: tag badge" comment further down for why. 1049 // .filter(Boolean) matters here: a blank setting would otherwise split 1050 // to [''], which excludes nothing and silently over-suppresses every 1051 // badge sitewide (including the sitewide sale's own code) instead of 1052 // failing loudly. 1053 const SITEWIDE_CODES = 1054 [] 1055 .map((c) => c.trim().toLowerCase()) 1056 .filter(Boolean); 1057 1058 // Exact match on the code segment before ':' â not a substring match 1059 // against the whole "CODE:PCT" entry. A substring match would let a 1060 // prefix of one code (e.g. "LABORDAY" vs. table entry "LABORDAY30:30") 1061 // false-match, and it's also how a short code like "30" used to hit 1062 // an unrelated row ("SUMMER30:30"). 1063 function tablePercent(code) { 1064 if (!code) return 0; 1065 const normalizedCode = code.toLowerCase(); 1066 const hit = DISCOUNT_TABLE.find((item) => { 1067 const entryCode = item.toString().split(':')[0]?.trim().toLowerCase(); 1068 return entryCode === normalizedCode; 1069 }); 1070 return Number(hit?.split(':')[1]) || 0; 1071 } 1072 1073 // Cached so late-inserted badges (recommendations carousel, quick-shop 1074 // modal â anything fetched after the sync triggers below have already 1075 // run) can be brought in line without waiting for another cart event. 1076 let lastShouldHideDiscountFlags = false; 1077 function applyDiscountFlagVisibility() { 1078 document.querySelectorAll('.discount-flag').forEach((el) => { 1079 el.classList.toggle('hidden', lastShouldHideDiscountFlags); 1080 }); 1081 } 1082 1083 let syncInFlight = false; 1084 1085 async function syncCartDiscountCookie(isInitial) { 1086 if (syncInFlight) return; 1087 syncInFlight = true; 1088 try { 1089 const response = await fetch(`${window.location.origin}/cart.js`); 1090 const cart = await response.json(); 1091 // Applied discount codes always show up here regardless of whether 1092 // the discount targets the whole cart or specific line items â 1093 // cart_level_discount_applications only covers the former. Codes 1094 // count even when applicable: false (empty cart, minimum not met, 1095 // targeted products not in cart); price.liquid decides whether one 1096 // affects the displayed price. 1097 const codes = cart.discount_codes || []; 1098 const currentCookie = Unick.getCookie('discount_code'); 1099 1100 // The cart can hold several codes and cart.js does not guarantee 1101 // their order, so pick deterministically: highest discount-table 1102 // percentage wins, ties stick with the current cookie, then prefer 1103 // an applicable code. Anything unstable here makes the displayed 1104 // price flip between codes on every cart update. 1105 const score = (d) => 1106 tablePercent(d.code) * 4 + 1107 (d.code === currentCookie ? 2 : 0) + 1108 (d.applicable ? 1 : 0); 1109 const codeDiscount = codes.reduce( 1110 (best, d) => (!best || score(d) > score(best) ? d : best), 1111 null 1112 ); 1113 1114 if (codeDiscount && codeDiscount.code) { 1115 const changed = currentCookie !== codeDiscount.code; 1116 if (changed) { 1117 Unick.setCookie('discount_code', codeDiscount.code, 1); 1118 } 1119 // Broadcast when the code changed, and once on the initial sync 1120 // even if it did not: PDP widgets (subscription form, bundle buy 1121 // button) dispatch their own tag-based price-update during init, 1122 // which overwrites the code-discounted price price.liquid 1123 // computed. The initial broadcast lets it re-assert whichever 1124 // discount wins. Later update-cart syncs stay silent unless the 1125 // code changes â unconditional re-broadcasts feed back into 1126 // components that update the cart and loop forever. 1127 if (changed || isInitial) { 1128 window.dispatchEvent(new CustomEvent('discount-applied')); 1129 } 1130 } else if (currentCookie) { 1131 // No code registered on the cart â it was removed (e.g., at 1132 // checkout), so the promo price must not show on PDP/PLP. 1133 // Clear the stale cookie. 1134 Unick.eraseCookie('discount_code'); 1135 window.dispatchEvent(new CustomEvent('discount-removed')); 1136 } 1137 1138 // Hide the flag: tag badge (.discount-flag) whenever ANY discount 1139 // CODE is applied that isn't the store's own standing sitewide 1140 // sale (SITEWIDE_CODES) â e.g. a customer promo like SecretSale 1141 // that changes the price beyond what the badge already claims. 1142 // The sitewide sale code is excluded on purpose: it's the same 1143 // discount the badge is tagged to represent, so there's no 1144 // mismatch to hide. cart.total_discount is deliberately NOT used 1145 // here â it goes non-zero for the sitewide sale too as soon as 1146 // there's a line item, which would hide every badge sitewide for 1147 // the whole sale. Checking cart.discount_codes directly (not just 1148 // the "winning" codeDiscount) catches a code even when cart.js 1149 // reports it as applicable: false (empty cart) â the same reason 1150 // this whole check lives here instead of in Liquid. 1151 // 1152 // Deliberately NOT gated on tablePercent(d.code) > 0: that would 1153 // make suppression depend on settings.discount_table listing 1154 // every live promo code, which is exactly the failure mode that 1155 // took this feature down in production (the table was cleared 1156 // after a sale ended) and the reason codes like ashley25, 1157 // BACK4MORE, HELLO20, and creator codes didn't suppress even 1158 // with the table populated â they were simply never added to it. 1159 // cart.discount_codes only ever contains codes Shopify itself 1160 // recognizes as real discounts on this shop, so presence there 1161 // is already sufficient signal â no percentage lookup needed. 1162 // discount_table/tablePercent are unchanged and still used above 1163 // for the unrelated price-preview cookie (score()). 1164 const nonSitewideCode = codes.find((d) => { 1165 if (!d || !d.code) return false;
1166 return !SITEWIDE_CODES.includes(d.code.toLowerCase()); 1167 }); 1168 lastShouldHideDiscountFlags = !!nonSitewideCode; 1169 applyDiscountFlagVisibility(); 1170 } catch (e) { 1171 console.error('[discount-sync] Failed to sync cart discount code:', e); 1172 } finally { 1173 syncInFlight = false; 1174 } 1175 } 1176 1177 document.addEventListener('DOMContentLoaded', () => syncCartDiscountCookie(true)); 1178 window.addEventListener('update-cart', () => syncCartDiscountCookie(false)); 1179 // bfcache restore (back from checkout) doesn't fire DOMContentLoaded. 1180 window.addEventListener('pageshow', (event) => { 1181 if (event.persisted) syncCartDiscountCookie(true); 1182 }); 1183 1184 // syncCartDiscountCookie only re-runs on the three triggers above, so 1185 // a .discount-flag inserted afterward â the PDP recommendations 1186 // carousel and the quick-shop modal both fetch and inject their 1187 // markup after those have already fired â never got the current 1188 // visibility state. Apply the last computed state to newly-added 1189 // nodes directly, without waiting for another cart event. Watching 1190 // documentElement (not body) since this script runs in <head>, before 1191 // <body> necessarily exists yet. 1192 new MutationObserver(() => applyDiscountFlagVisibility()).observe( 1193 document.documentElement, 1194 { childList: true, subtree: true } 1195 ); 1196 })(); 1197 </script>
1197 1198 1199
1199<script type="text/javascript"> 1200 var script = document.createElement('script'); 1201 script.src = "https://xp2023-pix.s3.amazonaws.com/px_VJRpk.js"; 1202 document.getElementsByTagName('head')[0].appendChild(script); 1203 </script>
1203 1204 <!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 1205<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app"> 1206<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers"> 1207<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage"> 1208<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner"> 1209 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog"> 1210 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box"> 1211 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart"> 1212 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
1212<script> 1213(function () { 1214 try { 1215 document.documentElement.classList.add('csm-cookie-embed'); 1216 } catch (e) {} 1217})(); 1218</script>
1218<script data-consentmo-data-src-bootstrap> 1219(function () { 1220 'use strict'; 1221 if (window.__consentmoDataSrcBootstrapInit) return; 1222 window.__consentmoDataSrcBootstrapInit = true; 1223 1224 var DATA_SRC_SELECTOR = [ 1225 'script[data-src*="consentmo_cookie_consent"]', 1226 'script[data-src*="gdpr_cookie_consent.min"]', 1227 'script[data-src*="gdrp_cookie_consent_unlimited"]' 1228 ].join(','); 1229 1230 function activateConsentmoDataSrcScripts() { 1231 if (!window.Shopify || !window.Shopify.shop) return; 1232 document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) { 1233 // getAttribute: src="" must not count as "already has src" (.src === page URL). 1234 if (scriptEl.getAttribute('src')) return; 1235 var url = scriptEl.getAttribute('data-src'); 1236 if (!url) return; 1237 if (scriptEl.getAttribute('type') === 'text/plain') { 1238 scriptEl.removeAttribute('type'); 1239 } 1240 scriptEl.src = url; 1241 }); 1242 } 1243 function scheduleActivation() { 1244 activateConsentmoDataSrcScripts(); 1245 // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first. 1246 setTimeout(activateConsentmoDataSrcScripts, 0); 1247 } 1248 if (document.readyState === 'loading') { 1249 document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true }); 1250 } else { 1251 scheduleActivation(); 1252 } 1253})(); 1254</script>
1254 1255 1256 1257<!-- END app block --><!-- BEGIN app block: shopify://apps/langify/blocks/langify/b50c2edb-8c63-4e36-9e7c-a7fdd62ddb8f --><!-- BEGIN app snippet: ly-switcher-factory --> 1258 1259 1260 1261 1262<style> 1263 .ly-switcher-wrapper.ly-hide, .ly-recommendation.ly-hide, .ly-recommendation .ly-submit-btn { 1264 display: none !important; 1265 } 1266 1267 #ly-switcher-factory-template { 1268 display: none; 1269 } 1270 1271 1272 1273 1274 /* Accessibility: Focus indicators - only visible for keyboard navigation */ 1275 .ly-languages-switcher:focus-visible, 1276 .ly-languages-switcher *:focus-visible, 1277 .ly-currency-switcher:focus-visible, 1278 .ly-currency-switcher *:focus-visible, 1279 .ly-country-switcher:focus-visible, 1280 .ly-country-switcher *:focus-visible, 1281 .ly-custom-dropdown-current:focus-visible, 1282 .ly-custom-dropdown-list-element:focus-visible, 1283 .ly-languages-switcher-link:focus-visible, 1284 .ly-popup-current:focus-visible, 1285 .ly-close:focus-visible, 1286 .ly-submit-btn:focus-visible, 1287 .ly-text-input:focus-visible { 1288 outline: 2px solid #005fcc; 1289 outline-offset: 2px; 1290 } 1291 1292 @media (prefers-color-scheme: dark) { 1293 .ly-languages-switcher:focus-visible, 1294 .ly-languages-switcher *:focus-visible, 1295 .ly-currency-switcher:focus-visible, 1296 .ly-currency-switcher *:focus-visible, 1297 .ly-country-switcher:focus-visible, 1298 .ly-country-switcher *:focus-visible, 1299 .ly-custom-dropdown-current:focus-visible, 1300 .ly-custom-dropdown-list-element:focus-visible, 1301 .ly-languages-switcher-link:focus-visible, 1302 .ly-popup-current:focus-visible, 1303 .ly-close:focus-visible, 1304 .ly-submit-btn:focus-visible, 1305 .ly-text-input:focus-visible { 1306 outline-color: #66b3ff; 1307 } 1308 } 1309</style> 1310 1311 1312<template id="ly-switcher-factory-template"> 1313<div data-breakpoint="" class="ly-switcher-wrapper ly-breakpoint-1 fixed bottom_right ly-hide" style="font-size: 14px; margin: 0px 0px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;"> 1314 <span role="button" tabindex="0" aria-label="Selected language: English" aria-expanded="false" aria-controls="languagesSwitcherList-1" class="ly-custom-dropdown-current" style="background: #ffffff; color: #000000; "><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/gb.svg" alt="English" aria-hidden="true"><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text">English 1315</span> 1316<div aria-hidden="true" class="ly-arrow ly-arrow-black stroke" style="vertical-align: middle; width: 14.0px; height: 14.0px;"> 1317 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.0 14.0" height="14.0px" width="14.0px" style="position: absolute;"> 1318 <path d="M1 4.5 L7.0 10.5 L13.0 4.5" fill="transparent" stroke="#000000" stroke-width="1px"/> 1319 </svg> 1320 </div> 1321 </span> 1322 <ul id="languagesSwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #ffffff; color: #000000; "><li key="en" style="color: #000000; margin: 0px 0px;"> 1323 <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" 1324 href="#" 1325 data-language-code="en" 1326 1327 1328 lang="en" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/gb.svg" alt="English" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">English</span></a> 1329 </li><li key="fr" style="color: #000000; margin: 0px 0px;"> 1330 <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" 1331 href="#" 1332 data-language-code="fr" 1333 1334 1335 lang="fr" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/fr.svg" alt="French" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">French</span></a> 1336 </li><li key="de" style="color: #000000; margin: 0px 0px;"> 1337 <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" 1338 href="#" 1339 data-language-code="de" 1340 1341 1342 lang="de" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/de.svg" alt="German" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">German</span></a> 1343 </li><li key="ko" style="color: #000000; margin: 0px 0px;"> 1344 <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" 1345 href="#" 1346 data-language-code="ko" 1347 1348 1349 lang="ko" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/kr.svg" alt="Korean" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">Korean</span></a> 1350 </li><li key="ja" style="color: #000000; margin: 0px 0px;"> 1351 <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" 1352 href="#" 1353 data-language-code="ja" 1354 1355 1356 lang="ja" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/jp.svg" alt="Japanese" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">
1356Japanese</span></a> 1357 </li><li key="es" style="color: #000000; margin: 0px 0px;"> 1358 <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" 1359 href="#" 1360 data-language-code="es" 1361 1362 1363 lang="es" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/es.svg" alt="Spanish" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">Spanish</span></a> 1364 </li><li key="it" style="color: #000000; margin: 0px 0px;"> 1365 <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" 1366 href="#" 1367 data-language-code="it" 1368 1369 1370 lang="it" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/it.svg" alt="Italian" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">Italian</span></a> 1371 </li></ul> 1372 </div></div> 1373</template> 1374<!-- END app snippet --> 1375
1376<script> 1377 // langify lib v2.0.0 1378 var langify = window.langify || {}; 1379 var customContents = {}; 1380 var customContents_image = {}; 1381 var langifySettingsOverwrites = {}; 1382 var defaultSettings = { 1383 debug: false, // BOOL : Enable/disable console logs 1384 observe: true, // BOOL : Enable/disable the entire mutation observer (off switch) 1385 observeLinks: false, 1386 observeImages: true, 1387 observeCustomContents: true, 1388 maxMutations: 5, 1389 timeout: 100, // INT : Milliseconds to wait after a mutation, before the next mutation event will be allowed for the element 1390 linksBlacklist: [], 1391 usePlaceholderMatching: false 1392 }; 1393 1394 if(langify.settings) { 1395 langifySettingsOverwrites = Object.assign({}, langify.settings); 1396 langify.settings = Object.assign(defaultSettings, langify.settings); 1397 } else { 1398 langify.settings = defaultSettings; 1399 } 1400 1401 langify.settings.theme = null; 1402 langify.settings.switcher = null; 1403 if(langify.settings.switcher === null) { 1404 langify.settings.switcher = {}; 1405 } 1406 langify.settings.switcher.customIcons = null; 1407 1408 langify.locale = langify.locale || { 1409 country_code: "US", 1410 language_code: "en", 1411 currency_code: null, 1412 primary: true, 1413 iso_code: "en", 1414 root_url: "\/", 1415 language_id: "ly193431", 1416 shop_url: "https:\/\/www.mykitsch.com", 1417 domain_feature_enabled: {"www.mykitsch.com":[]}, 1418 languages: [{ 1419 iso_code: "en", 1420 root_url: "\/", 1421 domain: null, 1422 },{ 1423 iso_code: "fr", 1424 root_url: "\/fr", 1425 domain: null, 1426 },{ 1427 iso_code: "de", 1428 root_url: "\/de", 1429 domain: null, 1430 },{ 1431 iso_code: "ko", 1432 root_url: "\/ko", 1433 domain: null, 1434 },{ 1435 iso_code: "ja", 1436 root_url: "\/ja", 1437 domain: null, 1438 },{ 1439 iso_code: "es", 1440 root_url: "\/es", 1441 domain: null, 1442 },{ 1443 iso_code: "it", 1444 root_url: "\/it", 1445 domain: null, 1446 },] 1447 }; 1448 1449 langify.localization = { 1450 available_countries: ["Afghanistan","à land Islands","Albania","Algeria","Andorra","Angola","Anguilla","Antigua \u0026amp; Barbuda","Argentina","Armenia","Aruba","Ascension Island","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bosnia \u0026amp; Herzegovina","Botswana","Brazil","British Indian Ocean Territory","British Virgin Islands","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Caribbean Netherlands","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo - Brazzaville","Congo - Kinshasa","Cook Islands","Costa Rica","Côte dâIvoire","Croatia","Curaçao","Cyprus","Czechia","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Eswatini","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Honduras","Hong Kong SAR","Hungary","Iceland","India","Indonesia","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Kosovo","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao SAR","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar (Burma)","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","North Macedonia","Norway","Oman","Pakistan","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn Islands","Poland","Portugal","Qatar","Réunion","Romania","Rwanda","Samoa","San Marino","São Tomé \u0026amp; PrÃncipe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia \u0026amp; South Sandwich Islands","South Korea","South Sudan","Spain","Sri Lanka","St. Barthélemy","St. Helena","St. Kitts \u0026amp; Nevis","St. Lucia","St. Martin","St. Pierre \u0026amp; Miquelon","St. Vincent \u0026amp; Grenadines","Sudan","Suriname","Svalbard \u0026amp; Jan Mayen","Sweden","Switzerland","Taiwan","Tajikistan","Tanzania","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad \u0026amp; Tobago","Tristan da Cunha","Tunisia","Türkiye","Turkmenistan","Turks \u0026amp; Caicos Islands","Tuvalu","U.S. Outlying Islands","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Wallis \u0026amp; Futuna","Western Sahara","Yemen","Zambia","Zimbabwe"], 1451 available_languages: [{"shop_locale":{"locale":"en","enabled":true,"primary":true,"published":true}},{"shop_locale":{"locale":"fr","enabled":true,"primary":false,"published":true}},{"shop_locale":{"locale":"de","enabled":true,"primary":false,"published":true}},{"shop_locale":{"locale":"ko","enabled":true,"primary":false,"published":true}},{"shop_locale":{"locale":"ja","enabled":true,"primary":false,"published":true}},{"shop_locale":{"locale":"es","enabled":true,"primary":false,"published":true}},{"shop_locale":{"locale":"it","enabled":true,"primary":false,"published":true}}], 1452 country: "United States", 1453 language: {"shop_locale":{"locale":"en","enabled":true,"primary":true,"published":true}}, 1454 market: { 1455 handle: "us", 1456 id: 3965109, 1457 metafields: {"error":"json not allowed for this object"}, 1458 } 1459 }; 1460 1461 // Disable link correction ALWAYS on languages with mapped domains 1462 1463 if(langify.locale.root_url == '/') { 1464 langify.settings.observeLinks = false;
1465 } 1466 1467 1468 function extractImageObject(val) { 1469 if (!val || val === '') return false; 1470 1471 // Handle src-sets (e.g., "image_600x600.jpg 1x, image_1200x1200.jpg 2x") 1472 if (val.search(/([0-9]+w?h?x?,)/gi) > -1) { 1473 val = val.split(/([0-9]+w?h?x?,)/gi)[0]; 1474 } 1475 1476 const hostBegin = val.indexOf('//') !== -1 ? val.indexOf('//') : 0; 1477 const hostEnd = val.lastIndexOf('/') + 1; 1478 const host = val.substring(hostBegin, hostEnd); 1479 let afterHost = val.substring(hostEnd); 1480 1481 // Remove query/hash fragments 1482 afterHost = afterHost.split('#')[0].split('?')[0]; 1483 1484 // Extract name before any Shopify modifiers or file extension 1485 // e.g., "[email protected]" â "photo" 1486 const name = afterHost.replace( 1487 /(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?(\.(png\.jpg|jpe?g|png|gif|webp))?$/i, 1488 '' 1489 ); 1490 1491 // Extract file extension (if any) 1492 let type = ''; 1493 const match = afterHost.match(/\.(png\.jpg|jpe?g|png|gif|webp)$/i); 1494 if (match) { 1495 type = match[1].replace('png.jpg', 'jpg'); // fix weird double-extension cases 1496 } 1497 1498 // Clean file name with extension or suffixes normalized 1499 const file = afterHost.replace( 1500 /(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?(\.(png\.jpg|jpe?g|png|gif|webp))?$/i, 1501 type ? '.' + type : '' 1502 ); 1503 1504 return { host, name, type, file }; 1505} 1506 1507 1508 1509 /* Custom Contents Section*/ 1510 var customContents = {}; 1511 1512 // Images Section 1513 1514 1515</script>
1515<link rel="preload stylesheet" href="https://cdn.shopify.com/extensions/019f845b-ea0a-7f6d-b8bd-14dcbe496e11/langify-91/assets/langify-lib.css" as="style" media="print" onload="this.media='all'; this.onload=null;"><!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528
1528<script async src="https://static.klaviyo.com/onsite/js/Qic3kf/klaviyo.js?company_id=Qic3kf"></script>
1528 1529
1529<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1529 1530 1531 1532 1533 1534 1535 1536
1536<script> 1537 window.klaviyoReviewsProductDesignMode = false 1538 </script>
1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1549<script type="text/javascript"> 1550 (function (c, l, a, r, i, t, y) { 1551 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 1552 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 1553 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 1554 1555 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 1556 if (error) { 1557 console.error("Error loading Shopify features:", error); 1558 return; 1559 } 1560 1561 c[a]('consentv2', { 1562 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 1563 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 1564 source: 101, 1565 }); 1566 }); 1567 1568 l.addEventListener("visitorConsentCollected", function (e) { 1569 c[a]('consentv2', { 1570 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 1571 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 1572 source: 101, 1573 }); 1574 }); 1575 })(window, document, "clarity", "script", "prwonq9hya"); 1576</script>
1576 1577 1578 1579 1580<!-- END app block --><!-- BEGIN app block: shopify://apps/ablestar-link-manager/blocks/redirects/26ef6009-1faf-421e-947d-c345b32a0646 --> 1581<!-- normal page, check to see if we have logs to send -->
1582<script> 1583const abstUrlEndpoint = "https://linkmanager.ablestar.app/public/log"; 1584 1585if (window.localStorage['ablestar_redirect_log'] !== undefined) { 1586 var xhr = new XMLHttpRequest(); 1587 1588 // Specify the request type (POST), URL, and asynchronous flag 1589 xhr.open("POST", abstUrlEndpoint, true); 1590 1591 // Set the request headers to indicate that you are sending JSON data 1592 xhr.setRequestHeader("Content-Type", "application/json"); 1593 1594 // Set up a callback function to handle the response 1595 xhr.onreadystatechange = function () { 1596 if (xhr.readyState === 4 && xhr.status === 200) { 1597 localStorage.removeItem('ablestar_redirect_log'); 1598 } 1599 }; 1600 xhr.send(window.localStorage['ablestar_redirect_log']); 1601} 1602</script>
1602 1603 1604 1605</script>
1605 1606 1607<!-- END app block --><!-- BEGIN app block: shopify://apps/loudcrowd/blocks/embed/0afc7a0d-9f70-43a2-81e1-c20306ea13bd --> 1608 <!-- BEGIN app snippet: vite-tag --> 1609 1610 1611
1611<script data-em-disable src="https://cdn.shopify.com/extensions/01a0c6fa-eb6e-7095-92f7-586dfbed2edf/loudcrowd-1-1388/assets/embed-1b998869.js" type="module" crossorigin="anonymous"></script>
1611 1612 <link data-em-disable rel="modulepreload" href="https://cdn.shopify.com/extensions/01a0c6fa-eb6e-7095-92f7-586dfbed2edf/loudcrowd-1-1388/assets/shopifyAPI-696ee7f0.js" crossorigin="anonymous"> 1613 <link data-em-disable rel="modulepreload" href="https://cdn.shopify.com/extensions/01a0c6fa-eb6e-7095-92f7-586dfbed2edf/loudcrowd-1-1388/assets/index-12cf53b4.js" crossorigin="anonymous"> 1614 <link data-em-disable rel="modulepreload" href="https://cdn.shopify.com/extensions/01a0c6fa-eb6e-7095-92f7-586dfbed2edf/loudcrowd-1-1388/assets/utils-105c9c21.js" crossorigin="anonymous"> 1615 <link data-em-disable rel="modulepreload" href="https://cdn.shopify.com/extensions/01a0c6fa-eb6e-7095-92f7-586dfbed2edf/loudcrowd-1-1388/assets/features-3c7ae9b7.js" crossorigin="anonymous"> 1616 <link data-em-disable rel="modulepreload" href="https://cdn.shopify.com/extensions/01a0c6fa-eb6e-7095-92f7-586dfbed2edf/loudcrowd-1-1388/assets/utils-309956cf.js" crossorigin="anonymous"> 1617 <link data-em-disable rel="modulepreload" href="https://cdn.shopify.com/extensions/01a0c6fa-eb6e-7095-92f7-586dfbed2edf/loudcrowd-1-1388/assets/lit-element-445dadb1.js" crossorigin="anonymous"> 1618 1619<!-- END app snippet --> 1620
1620<script> 1621 1622 function initLoudcrowd() { 1623 if ('kitschllc.myshopify.com' === 'pashionfootweardev.myshopify.com') return 1624 window.loudcrowd.init('kitschllc.myshopify.com', 1625 1626 ) 1627 } 1628 if (window.loudcrowd) { 1629 initLoudcrowd() 1630 } else { 1631 document.addEventListener('loudcrowd-global-loaded', initLoudcrowd) 1632 } 1633 </script>
1633 1634 1635 1636 1637 1638 1639<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 1640<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1641<script> 1642/* >> TriplePixel :: start*/ 1643window.TriplePixelData={TripleName:"kitschllc.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"355099902133",cart:"drawer",template:"collection",curr:"USD" || "USD", market:"3965109"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 1644/* << TriplePixel :: end*/ 1645</script>
1645 1646 1647 1648 1649<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --> 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 <style data-oke-reviews-version="0.102.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/okendo-reviews-styles.6dbb2446.css"></style><style data-oke-reviews-version="0.102.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.102.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-reviews-keywords.0942444f.css"></style><style data-oke-reviews-version="0.102.0" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:"î¤"}
1663.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:"î¤
"}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:"î¤"}@font-face{font-family:oke-widget-icons;src:url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://cdn-static.okendo.io/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
1663or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 12px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 24px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
1663to{opacity:1}}.layout-panel-flex>div:has([data-oke-container]){width:100%} 1664.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"} 1665.oke-rk{display:block}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading,div.okeReviews .oke-reviewsKeywords-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading-skeleton,div.okeReviews .oke-reviewsKeywords-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list,div.okeReviews .oke-reviewsKeywords-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category,div.okeReviews .oke-reviewsKeywords-list-category{background-color:var(--oke-filter-backgroundColor);color:var(--oke-filter-textColor);border:1px solid var(--oke-filter-borderColor);border-radius:var(--oke-filter-borderRadius);padding:6px 16px;transition:background-color .1s ease-out,border-color .1s ease-out;white-space:nowrap}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-clickable,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-clickable{cursor:pointer}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-active,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-active{background-color:var(--oke-filter-backgroundColorActive);color:var(--oke-filter-textColorActive);border-color:var(--oke-filter-borderColorActive)}.okeReviews[data-oke-container] .oke-reviewsKeywords .oke-translateButton,div.okeReviews .oke-reviewsKeywords .oke-translateButton{margin-top:12px} 1666.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style> 1667 1668
1668<script type="application/json" id="oke-reviews-settings">{"subscriberId":"d6312d4e-5031-44a7-aff3-078705d35983","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":true,"provider":"gtag"},"locale":"en","localeAndVariant":{"code":"en"},"widgetSettings":{"global":{"dateSettings":{"format":{"type":"relative"}},"hideOkendoBranding":true,"reviewTranslationsMode":"on-load","showIncentiveIndicator":false,"searchEnginePaginationEnabled":true,"stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#000000","interspace":2,"shape":{"type":"default"},"showBorder":false},"font":{"fontType":"inherit-from-page"}},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"slide","style":{"showDates":true,"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"arrows":{"color":"#676986","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#FFFFFF","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":false},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":true},"stars":{"height":{"value":18,"unit":"px"}},"productImageSize":{"value":48,"unit":"px"},"layout":{"name":"testimonial","reviewDetailsPosition":"below","showProductName":false,"showAttributeBars":true,"testimonialAlignment":"center","showProductDetails":"only-when-grouped"},"highlightColor":"#F8B68F","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#2C3E50","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#676986"},"spaceBelow":{"value":20,"unit":"px"}},"defaultSort":"rating desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"truncateAll":true,"enabled":true}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","backgroundColor":"#CA9185","borderColor":"#000000","stars":{},"textColor":"#FFFFFF","colorScheme":"custom"},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":true},"header":{"columnDistribution":"space-between","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"three-line"},{"name":"attributes","layout":"stacked","stretchMode":"stretch"},{"name":"reviews-summary","heading":"Reviews Summary","maxTextLines":5}],"textAlignment":"center"},{"columnWidth":"two-thirds","modules":[{"name":"recommended"},{"name":"media-carousel","imageGap":{"value":4,"unit":"px"},"imageHeight":{"value":120,"unit":"px"}}],"textAlignment":"left"}]},"style":{"showDates":true,"border":{"color":"#E1E1E1","width":{"value":1,"unit":"px"}},"bodyFont":{"fontSize":{"value":16,"unit":"px"},"fontType":"custom","fontFamily":"\"Avenir Next\", sans-serif;","fontWeight":500,"hasCustomFontSettings":true},"headingFont":{"fontSize":{"value":18,"unit":"px"},"fontType":"custom","fontFamily":"\"Avenir Next\", sans-serif;","fontWeight":700,"hasCustomFontSettings":true},"filters":{"backgroundColorActive":"#F8B68F","backgroundColor":"#FFFFFF","borderColor":"#F8B68F","borderRadius":{"value":100,"unit":"px"},"borderColorActive":"#F8B68F","textColorActive":"#FFFFFF","textColor":"#F8B68F","searchHighlightColor":"#B2F9E9"},"avatar":{"backgroundColor":"#000000","placeholderTextColor":"#FFFFFF","size":{"value":48,"unit":"px"},"enabled":true},"stars":{"height":{"value":15,"unit":"px"},"globalOverrideSettings":{"backgroundColor":"#E5E5E5","foregroundColor":"#000000","interspace":2,"showBorder":false}},"shadingColor":"#FFFFFF","productImageSize":{"value":30,"unit":"px"},"button":{"backgroundColorActive":"#FFFFFF","borderColorHover":"#F8B68F","backgroundColor":"#F8B68F","borderColor":"#F8B68F","backgroundColorHover":"#FFFFFF","textColorHover":"#000000","borderRadius":{"value":0,"unit":"rem"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#F8B68F","textColorActive":"#000000","textColor":"#000000","font":{"fontSize":{"value":16,"unit":"px"},"fontType":"custom","fontFamily":"\"Avenir Next\", sans-serif;
1668","fontWeight":700,"hasCustomFontSettings":true}},"highlightColor":"#F8B68F","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#000000","fontSizeRegular":{"value":16,"unit":"px"},"fontSizeLarge":{"value":22,"unit":"px"},"fontSizeSmall":{"value":14,"unit":"px"},"secondaryColor":"#000000"},"spaceBelow":{"value":50,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#D3D4DD","shadingColor":"#F8B68F","markerColor":"#F8B68F"}},"showWhenEmpty":true,"reviews":{"list":{"layout":{"collapseReviewerDetails":false,"columnAmount":4,"name":"default","showAttributeBars":true,"borderStyle":"minimal","showProductVariantName":false,"showProductDetails":"never"},"loyalty":{"maxInitialAchievements":3},"initialPageSize":10,"replyTruncation":{"bodyMaxLines":4,"enabled":true},"media":{"layout":"featured","size":{"value":200,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true},"loadMorePageSize":10},"controls":{"filterMode":"closed","featuredReviewsTags":["u10hU2F"],"freeTextSearchEnabled":true,"writeReviewButtonEnabled":true,"defaultSort":"tags desc","secondarySort":"helpful desc"}}},"starRatings":{"showWhenEmpty":false,"style":{"globalOverrideSettings":{"backgroundColor":"#E5E5E5","foregroundColor":"#000000","interspace":2,"showBorder":false},"spaceAbove":{"value":0,"unit":"px"},"text":{"content":"review-count","style":"number-and-text","brackets":false},"singleStar":false,"height":{"value":17,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"}},"clickBehavior":"scroll-to-widget"}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true,"reviewsKeywordsEnabled":true,"reviewsSummariesEnabled":true}}</script>
1668 1669 <style id="oke-css-vars">:root{--oke-widget-spaceAbove:20px;--oke-widget-spaceBelow:50px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#f8b68f;--oke-button-backgroundColorHover:#fff;--oke-button-backgroundColorActive:#fff;--oke-button-textColor:#000;--oke-button-textColorHover:#000;--oke-button-textColorActive:#000;--oke-button-borderColor:#f8b68f;--oke-button-borderColorHover:#f8b68f;--oke-button-borderColorActive:#f8b68f;--oke-button-borderRadius:0;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:16px;--oke-button-fontFamily:"Avenir Next",sans-serif;,sans-serif;--oke-border-color:#e1e1e1;--oke-border-width:1px;--oke-text-primaryColor:#000;--oke-text-secondaryColor:#000;--oke-text-small:14px;--oke-text-regular:16px;--oke-text-large:22px;--oke-text-fontFamily:inherit;--oke-avatar-size:48px;--oke-avatar-backgroundColor:#000;--oke-avatar-placeholderTextColor:#fff;--oke-highlightColor:#f8b68f;--oke-shadingColor:#fff;--oke-productImageSize:30px;--oke-attributeBar-shadingColor:#f8b68f;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d3d4dd;--oke-attributeBar-markerColor:#f8b68f;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#f8b68f;--oke-filter-borderColor:#f8b68f;--oke-filter-borderColorActive:#f8b68f;--oke-filter-textColor:#f8b68f;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:100px;--oke-filter-searchHighlightColor:#b2f9e9;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#000;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,.oke-modal{--oke-stars-foregroundColor:#000;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-sr{--oke-stars-foregroundColor:#000;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,.oke-modal{--oke-title-fontWeight:700;--oke-title-fontSize:18px;--oke-title-fontFamily:"Avenir Next",sans-serif;,sans-serif;--oke-bodyText-fontWeight:500;--oke-bodyText-fontSize:16px;--oke-bodyText-fontFamily:"Avenir Next",sans-serif;,sans-serif}</style> 1670 <style id="oke-reviews-custom-css">.product__info-wrapper .oke-sr{padding-top:10px}[data-oke-widget] div.okeReviews.oke-w a[target=_blank]:after{display:none}[data-oke-widget] div.okeReviews.oke-w{padding-bottom:50px !important}.okeReviews[data-oke-container].oke-w .oke-reviewContent-title,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-title{font-family:inherit;font-weight:700;line-height:2.25rem;font-size:19px}[data-oke-widget] div.okeReviews .oke-button:not(.oke-is-loading){height:100%;transition:.2s ease-in-out;text-transform:lowercase}[data-oke-widget] div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{box-shadow:none}div.okeReviews[data-oke-container] .oke-modal .oke-modal-content,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content p{color:var(--oke-text-primaryColor)}div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-helpful,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-helpful-vote-button,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-reviewContent-date{color:var(--oke-text-secondaryColor)}.okeReviews.oke-w .oke-is-small .oke-button,.okeReviews.oke-w .oke-is-small .oke-w-reviews-writeReview,.okeReviews.oke-w .oke-is-small .oke-qw-askQuestion{width:100%}.okeReviews.oke-w .oke-is-small .oke-w-reviews-writeReview{margin-top:15px}.okeReviews.oke-w .oke-is-small .oke-qw-header-askQuestion{margin-left:0;width:100%}.okeConnect .c-questions-header-subtitle{display:none}</style> 1671 <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template>
1671<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
1671 1672 1673 1674 1675 1676 1677
1677<script type="application/json" id="oke-surveys-settings">{"subscriberId":"d6312d4e-5031-44a7-aff3-078705d35983","style":{}}</script>
1677<script src="https://surveys.okendo.io/js/client-setup.js" async></script>
1677 1678 1679 1680 1681 1682 1683 1684
1684<script src="https://surveys.okendo.io/js/init-quizzes.js" defer></script>
1684 1685 1686 1687 1688 1689 1690 1691 1692<!-- END app snippet --> 1693 1694 <!-- BEGIN app snippet: okendo-reviews-json-ld --> 1695<!-- END app snippet --> 1696 1697<!-- BEGIN app snippet: widget-plus-initialisation-script --> 1698 1699 1700 1701 1702
1702<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
1702 1703 1704<!-- END app snippet --> 1705 1706 1707<!-- END app block -->
1707<script src="https://cdn.shopify.com/extensions/019f845b-ea0a-7f6d-b8bd-14dcbe496e11/langify-91/assets/langify-lib.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1707
1707
1708<script src="https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/rivo-app-embed.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1708
1708
1709<script src="https://cdn.shopify.com/extensions/01a0cea5-f48c-77e6-82d1-fa498b728463/gdpr-backpack-895/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1709
1709
1710<script src="https://cdn.shopify.com/extensions/019f09e1-4231-72d9-a47e-27caa16a614d/smart-accessibility-1-26/assets/sa-widget.js" type="text/javascript" defer="defer"></script>
1710 1711<link href="https://cdn.shopify.com/extensions/019f09e1-4231-72d9-a47e-27caa16a614d/smart-accessibility-1-26/assets/sa-widget.css" rel="stylesheet" type="text/css" media="all"> 1712<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1713<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 10469048384,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1713
1713
1714<script> 1715 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1716</script>
vendor: 1 bytes, line 1716
1716
1717<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1717).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 10469048384,storefrontBaseUrl: "https://www.mykitsch.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.mykitsch.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"3599335605","configuration":"{\"vibePixelId\":\"bMa0b7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"72859894ec8aa8d5e0246c40aaed9466","type":"APP","apiClientId":132266098689,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3576299701","configuration":"{\"apiKey\":\"10469048384\",\"alias\":\"KITSCHLLC\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"089c563d4539df58b1e71259ac47d388","type":"APP","apiClientId":6779637,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3561390261","configuration":"{\"advertiserId\":\"128201\",\"shopDomain\":\"kitschll
1717c.myshopify.com\",\"appVersion\":\"shopifyApp_5.4.1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c287d09bac7e7a912a76f3941fab1c2f","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3534553269","configuration":"{\"teamID\": \"0\", \"eventsUrl\": \"https:\/\/webhook.refunnel.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1ba7af26e659fbb17a659456616ec7d6","type":"APP","apiClientId":7083425793,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3353182389","configuration":"{\"subscriberId\":\"d6312d4e-5031-44a7-aff3-078705d35983\",\"pixelEventTrackingEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6b895957af95fad0949492fddd8076f4","type":"APP","apiClientId":1576377,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3312713909","configuration":"{\"accountID\":\"33501\",\"micrositeDomain\":\"mykitsch.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"3284926645","configuration":"{\"shopId\":\"kitschllc.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3208839349","configuration":"{\"token\":\"cd010d3f-199d-4b68-9e99-9969875e4fa2\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a11948d157c1c71bab368db7465b61ce","type":"APP","apiClientId":149080899585,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3200909493","configuration":"{\"tenantId\":\"150300\",\"tenantIdSign\":\"v1_9f034a7c67a715053df441d8d727560b4b9b3f71\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"07f832d1c7a598f6666d7fd5554ed235","type":"APP","apiClientId":53516632065,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2839314613","configuration":"{\"companyID\":\"gid:\/\/shopify\/Shop\/104
171769048384\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"53a564b8574378237642302dbd2cb842","type":"APP","apiClientId":91426783233,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2713551029","configuration":"{\"accountID\":\"Qic3kf\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"2530345141","configuration":"{\"projectId\":\"prwonq9hya\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2528346293","configuration":"{\"eventKey\":\"8be8299b-f9ce-4297-a133-2e785c45c087\",\"name\":\"offline_kitschllc.myshopify.com - Axon Pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"59063c86dca90ebaa562063a0c13be50","type":"APP","apiClientId":256560922625,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2453143733","configuration":"{\"accountId\":\"acc_5fe83d8c-6f39-4c6b-92e0-00ff50a102c5\",\"siteId\":\"site_36d7fc5e-8b13-473e-b64e-ff2272c03ecc\",\"baseURL\":\"https:\\\/\\\/api.notfoundbot.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3cd0ed39323d7605803c33e6f96319a0","type":"APP","apiClientId":61829513217,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2445967541","configuration":"{\"shopId\":\"5300\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"2eedfe5ca9c7d4954f200bfa1ffb380d","type":"APP","apiClientId":2328352,"privacyPurposes":["MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2404253877","configuration":"{\"accountID\":\"kitschllc.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2403500213","configuration":"{\"tagID\":\"2612357822123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1717,"dataSharingState":"unrestricted"},{"id":"940834997","configuration":"{\"dummy\":\"dummyValue\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"95e4efbd1b218c0fdb84a6d11c9ba2c2","type":"APP","apiClientId":3328713,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"892928181","configuration":"{\"accountID\": \"account_id\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"901814e9ab9e2f0550f708980c697ac6","type":"APP","apiClientId":244731576321,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"662306997","configuration":"{\"Enabled\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3e1fb0d730dfc2b8de389dcad7cc0133","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"645955765","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"6e342a8b-5c0d-4e37-a4f2-f779c2f1c925\",\"projectId\":\"ca52f6cc-83b0-47b8-94c4-4495ec17a7d1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"564592821","configuration":"{\"pixelCode\":\"BU70CVMOR60MCLDF97B0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"530120885","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"AW-1018947496\\\",\\\"GT-NSS64KZD\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"AW-1018947496\\\/YQ6_CKOV2rAcEKjP7-UD\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"AW-1018947496\\\/QzjnCJqV2rAcEKjP7-UD\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-ZFRVNPRPT6\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"AW-1018947496\\\/Z_X0CKCV2rAcEKjP7-UD\\\",\\\"MC-D52HEEZGF9\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"MC-D52HEEZGF9\\\",\\\"AW-1018947496\\\/36ZSCNi95OwaEKjP7-UD\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-ZFRVNPRPT6\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"AW-1018947496\\\/oi9NCJ2V2rAcEKjP7-UD\\\",\\\"MC-D52HEEZGF9\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-ZFRVNPRPT6\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"AW-1018947496\\\/R1ywCKaV2rAcEKjP7-UD\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-ZFRVNPRPT6\\\",\\\"AW-1018947496\\\/KfnuCNu95OwaEKjP7-UD\\\",\\\"G-ZTQ0G4S9V8\\\",\\\"G-4ZCCENF068\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-ZFRVNPRPT6\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1717,"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"424247477","configuration":"{\"pixelId\":\"299a23c8-c7ec-418b-b68b-23e3e0b1e0e7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"423231669","configuration":"{\"pixel_id\":\"923274347711234\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"281411765","configuration":"{\"loggingEnabled\":\"true\",\"serverPixelEnabled\":\"true\",\"useShopifyItemLevelTax\":\"false\",\"ranMid\":\"53336\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3c4e0707a22db0bd439a5e4b720ea9d0","type":"APP","apiClientId":2531653,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"27263157","configuration":"{ \"bundleName\": \"kitschllc\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d69af31d151d9c0dc4842dc2c8531ca","type":"APP","apiClientId":5106349,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"9928885","configuration":"{\"myshopifyDomain\":\"kitschllc.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"7897269","configuration":"{\"northbeamId\": \"c80b28f2-2525-49dc-941f-1fab044c2cf7\", \"collectorDomain\": \"i.mykitsch.com\", \"collectPageViews\": \"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d61872741fc8f56c57e9c2a1393365e","type":"APP","apiClientId":3188721,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"36831413","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"33","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"New Customer event (Meta)"},{"id":"39420085","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Bing Custom Pixel"},{"id":"39878837","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Northbeam Custom Pixel"},{"id":"106627253","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"25","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Channel lift tracking (Meta)"}
1717,{"id":"127762613","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Constructor Pixel"},{"id":"147849397","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"15","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Klaviyo Custom Events"},{"id":"161841333","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Cannella Pixel"},{"id":"162103477","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"CTV Pixel"},{"id":"163512501","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"GiddyUp Events"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"KITSCH","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"kitschllc.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.mykitsch.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7688221229237","handle":"rice-water-shampoo-conditioner-combo-pack","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43738284884149","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10318808088757","handle":"rosemary-biotin-volumizing-shampoo-conditioner-combo","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52115216892085","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7839889817781","handle":"rosemary-biotin-shampoo-conditioner-2pc-combo-pack","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44115587727541","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8060554215605","handle":"tart-cherry-hair-perfume","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44763767537845","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10399449743541","handle":"coastal-cottage-hair-perfume-duo","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52385860714677","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8022086385845","handle":"warm-sugar-hair-perfume","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44624969040053","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8143720153269","handle":"kitsch-smoothing-air-dry-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45039437578421","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10318931329205","handle":"rice-water-shampoo-conditioner-combo-for-hair-growth","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52115768180917","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10429561962677","handle":"brooke-monks-marathon-tested-hair-bundle","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52483829170357","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1717,{"id":"10179685843125","handle":"kitsch-moisturizing-curl-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51297649524917","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6967152345269","handle":"rice-water-protein-shampoo-bar-strengthening","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40960797999285","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7720880930997","handle":"moisturizing-argan-milk-leave-in-conditioner","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43850836443317","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10200047780021","handle":"kojic-acid-face-body-cleansing-pads","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51473324474549","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7376125329589","handle":"shea-butter-solid-body-wash","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42552880103605","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7550911643829","handle":"self-draining-soap-dish-1","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43270293389493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7388078997685","handle":"pre-wash-scalp-hair-oil-with-rosemary-and-biotin","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42582367174837","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7785571680437","handle":"kojic-acid-face-and-body-bar","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44017093771445","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7457653096629","handle":"bottle-free-beauty-travel-case","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42900112703669","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7467140153525","handle":"satin-jumbo-flexi-rods-4pc-rosewood","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42929778065589","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7696241230005","handle":"rosemary-biotin-volumizing-solid-shampoo","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43761596465333","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116071366837","handle":"purple-biotin-shampoo-conditioner-combo","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44901765284021","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.mykitsch.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"192042008757","themePublished":"true","eventMetadataId":"9123185a-28d8-4cf9-8c5d-eba0e94c230e","pageType":"collection","resourceId":"355099902133","shopId":"10469048384","storefrontBaseUrl":"https:\/\/www.mykitsch.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"355099902133\",\"title\":\"Be
1717st Sellers\",\"productVariants\":[{\"price\":{\"amount\":28.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rice Water Shampoo \u0026 Conditioner Bar Combo for Hair Growth\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"7688221229237\",\"untranslatedTitle\":\"Rice Water Shampoo \u0026 Conditioner Bar Combo for Hair Growth\",\"url\":\"\/products\/rice-water-shampoo-conditioner-combo-pack\",\"type\":\"Shampoo \u0026 Conditioner Bars\"},\"id\":\"43738284884149\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?v=1780523783\"},\"sku\":\"9081NCOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":28.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rosemary \u0026 Biotin Volumizing Shampoo \u0026 Conditioner Combo\",\"vendor\":\"KITSCH\",\"id\":\"10318808088757\",\"untranslatedTitle\":\"Rosemary \u0026 Biotin Volumizing Shampoo \u0026 Conditioner Combo\",\"url\":\"\/products\/rosemary-biotin-volumizing-shampoo-conditioner-combo\",\"type\":\"Shampoo \u0026 Conditioner\"},\"id\":\"52115216892085\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?v=1766763910\"},\"sku\":\"VRBLSCC\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":28.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rosemary \u0026 Biotin Volumizing Shampoo \u0026 Conditioner Bar Combo\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"7839889817781\",\"untranslatedTitle\":\"Rosemary \u0026 Biotin Volumizing Shampoo \u0026 Conditioner Bar Combo\",\"url\":\"\/products\/rosemary-biotin-shampoo-conditioner-2pc-combo-pack\",\"type\":\"Shampoo \u0026 Conditioner Bars\"},\"id\":\"44115587727541\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?v=1779215859\"},\"sku\":\"68738NCOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":20.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Tart Cherry Hair \u0026 Body Perfume Mist\",\"vendor\":\"KITSCH\",\"id\":\"8060554215605\",\"untranslatedTitle\":\"Tart Cherry Hair \u0026 Body Perfume Mist\",\"url\":\"\/products\/tart-cherry-hair-perfume\",\"type\":\"Hair Perfume\"},\"id\":\"44763767537845\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?v=1788569475\"},\"sku\":\"69162No ColorOS\",\"title\":\"Tart Cherry\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":28.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Coastal Cottage Hair Perfume Duo\",\"vendor\":\"Bundles\",\"id\":\"10399449743541\",\"untranslatedTitle\":\"Coastal Cottage Hair Perfume Duo\",\"url\":\"\/products\/coastal-cottage-hair-perfume-duo\",\"type\":\"Perfume Bundle\"},\"id\":\"52385860714677\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174\"},\"sku\":\"CCHPD\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":20.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Warm Sugar Hair \u0026 Body Perfume Mist\",\"vendor\":\"KITSCH\",\"id\":\"8022086385845\",\"untranslatedTitle\":\"Warm Sugar Hair \u0026 Body Perfume Mist\",\"url\":\"\/products\/warm-sugar-hair-perfume\",\"type\":\"Hair Perfume\"},\"id\":\"44624969040053\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?v=1789574385\"},\"sku\":\"69841No ColorOS\",\"title\":\"Warm Sugar\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Smoothing Air Dry Cream\",\"vendor\":\"KITSCH\",\"id\":\"8143720153269\",\"untranslatedTitle\":\"Smoothing Air Dry Cream\",\"url\":\"\/products\/kitsch-smoothing-air-dry-cream\",\"type\":\"Hair Styling\"},\"id\":\"45039437578421\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?v=1779490582\"},\"sku\":\"500904\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":28.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rice Water Shampoo \u0026 Conditioner Combo for Hair Growth\",\"vendor\":\"KITSCH\",\"id\":\"10318931329205\",\"untranslatedTitle\":\"Rice Water Shampoo \u0026 Conditioner Combo for Hair Growth\",\"url\":\"\/products\/rice-water-shampoo-conditioner-combo-for-hair-growth\",\"type\":\"Shampoo \u0026 Conditioner\"},\"id\":\"52115768180917\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/RiceWaterShampoo505886andConditioner505893.jpg?v=1766763909\"},\"sku\":\"SRWSCC\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":30.1,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Brooke Monk's Marathon-Tested Hair Bundle\",\"vendor\":\"Bundles\",\"id\":\"10429561962677\",\"untranslatedTitle\":\"Brooke Monk's Marathon-Tested Hair Bundle\",\"url\":\"\/products\/brooke-monks-marathon-tested-hair-bundle\",\"type\":\"Shampoo Bundle\"},\"id\":\"52483829170357\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/TikTok-bundle-image-1-updated.png?v=1777990687\"},\"sku\":\"RWPSCSSB30\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Moisturizing Curl Cream\",\"vendor\":\"KITSCH\",\"id\":\"10179685843125\",\"untranslatedTitle\":\"Moisturizing Curl Cream\",\"url\":\"\/products\/kitsch-moisturizing-curl-cream\",\"type\":\"Hair Styling\"},\"id\":\"51297649524917\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?v=1767136802\"},\"sku\":\"504001\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":16.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rice Water Shampoo Bar for Hair Growth\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"6967152345269\",\"untranslatedTitle\":\"Rice Water Shampoo Bar for Hair Growth\",\"url\":\"\/products\/rice-water-protein-shampoo-bar-strengthening\",\"type\":\"Shampoo\"},\"id\":\"40960797999285\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?v=1780529203\"},\"sku\":\"6745NCOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Moisturizing Argan Milk Leave-In Conditioner\",\"vendor\":\"KITSCH\",\"id\":\"7720880930997\",\"untranslatedTitle\":\"Moisturizing Argan Milk Leave-In Conditioner\",\"url\":\"\/products\/moisturizing-argan-milk-leave-in-conditioner\",\"type\":\"Hair Styling\"},\"id\":\"43850836443317\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?v=1785521419\"},\"sku\":\"64488No ColorOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":23.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Kojic Acid Face \u0026 Body Cleansing Pads\",\"vendor\":\"KITSCH\",\"id\":\"10200047780021\",\"untranslatedTitle\":\"Kojic Acid Face \u0026 Body Cleansing Pads\",\"url\":\"\/products\/kojic-acid-face-body-cleansing-pads\",\"type\":\"Cleansing Pads\"},\"id\":\"51473324474549\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?v=1763395968\"},\"sku\":\"507682\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":14.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Shea Butter Exfoliating Body Wash\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"7376125329589\",\"untranslatedTitle\":\"Shea Butter Exfoliating Body Wash\",\"url\":\"\/products\/shea-butter-solid-body-wash\",\"type\":\"Bar Soap\"},\"id\":\"42552880103605\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?v=1778097098\"},\"sku\":\"9852No ColorOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":16.0,\"currencyCode\":\"USD\"}
1717,\"product\":{\"title\":\"Terracotta Self-Draining Soap Dish\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"7550911643829\",\"untranslatedTitle\":\"Terracotta Self-Draining Soap Dish\",\"url\":\"\/products\/self-draining-soap-dish-1\",\"type\":\"Soap Dishes \u0026 Holders\"},\"id\":\"43270293389493\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?v=1776103815\"},\"sku\":\"63832No ColorOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Strengthening Rosemary \u0026 Biotin Scalp \u0026 Hair Oil - 2fl oz.\/60mL\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"7388078997685\",\"untranslatedTitle\":\"Strengthening Rosemary \u0026 Biotin Scalp \u0026 Hair Oil - 2fl oz.\/60mL\",\"url\":\"\/products\/pre-wash-scalp-hair-oil-with-rosemary-and-biotin\",\"type\":\"Hair Oils\"},\"id\":\"42582367174837\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?v=1767714906\"},\"sku\":\"60633NCOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":18.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots\",\"vendor\":\"KITSCH\",\"id\":\"7785571680437\",\"untranslatedTitle\":\"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots\",\"url\":\"\/products\/kojic-acid-face-and-body-bar\",\"type\":\"Bar Soap\"},\"id\":\"44017093771445\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?v=1762182720\"},\"sku\":\"66185NCOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"2-Compartment Travel Case - Terracotta\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"7457653096629\",\"untranslatedTitle\":\"2-Compartment Travel Case - Terracotta\",\"url\":\"\/products\/bottle-free-beauty-travel-case\",\"type\":\"Travel\"},\"id\":\"42900112703669\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?v=1776868472\"},\"sku\":\"62361No ColorOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":21.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rosewood Jumbo Satin Flexi Rods 4pc Set\",\"vendor\":\"Heatless Hair\",\"id\":\"7467140153525\",\"untranslatedTitle\":\"Rosewood Jumbo Satin Flexi Rods 4pc Set\",\"url\":\"\/products\/satin-jumbo-flexi-rods-4pc-rosewood\",\"type\":\"Heatless Hair\"},\"id\":\"42929778065589\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?v=1774638694\"},\"sku\":\"60640NCOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":16.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rosemary \u0026 Biotin Volumizing Shampoo Bar\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"7696241230005\",\"untranslatedTitle\":\"Rosemary \u0026 Biotin Volumizing Shampoo Bar\",\"url\":\"\/products\/rosemary-biotin-volumizing-solid-shampoo\",\"type\":\"Shampoo\"},\"id\":\"43761596465333\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?v=1778788536\"},\"sku\":\"64945No ColorOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":28.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Purple Toning Shampoo \u0026 Conditioner Bar Combo for Color-Treated \u0026 Grey Hair\",\"vendor\":\"Bottle-Free Beauty\",\"id\":\"8116071366837\",\"untranslatedTitle\":\"Purple Toning Shampoo \u0026 Conditioner Bar Combo for Color-Treated \u0026 Grey Hair\",\"url\":\"\/products\/purple-biotin-shampoo-conditioner-combo\",\"type\":\"Shampoo \u0026 Conditioner Bars\"},\"id\":\"44901765284021\",\"image\":{\"src\":\"\/\/www.mykitsch.com\/cdn\/shop\/files\/510996-PurpleToning-Sh
1717ampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?v=1784245535\"},\"sku\":\"66888No ColorOS\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
1717<script> 1718 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1719 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1720 window.ShopifyAnalytics.meta.currency = 'USD'; 1721 var meta = {"products":[{"id":7688221229237,"gid":"gid:\/\/shopify\/Product\/7688221229237","vendor":"Bottle-Free Beauty","type":"Shampoo \u0026 Conditioner Bars","handle":"rice-water-shampoo-conditioner-combo-pack","variants":[{"id":43738284884149,"price":2800,"name":"Rice Water Shampoo \u0026 Conditioner Bar Combo for Hair Growth","public_title":null,"sku":"9081NCOS"}],"remote":false,"collective":false},{"id":10318808088757,"gid":"gid:\/\/shopify\/Product\/10318808088757","vendor":"KITSCH","type":"Shampoo \u0026 Conditioner","handle":"rosemary-biotin-volumizing-shampoo-conditioner-combo","variants":[{"id":52115216892085,"price":2800,"name":"Rosemary \u0026 Biotin Volumizing Shampoo \u0026 Conditioner Combo","public_title":null,"sku":"VRBLSCC"}],"remote":false,"collective":false},{"id":7839889817781,"gid":"gid:\/\/shopify\/Product\/7839889817781","vendor":"Bottle-Free Beauty","type":"Shampoo \u0026 Conditioner Bars","handle":"rosemary-biotin-shampoo-conditioner-2pc-combo-pack","variants":[{"id":44115587727541,"price":2800,"name":"Rosemary \u0026 Biotin Volumizing Shampoo \u0026 Conditioner Bar Combo","public_title":null,"sku":"68738NCOS"}],"remote":false,"collective":false},{"id":8060554215605,"gid":"gid:\/\/shopify\/Product\/8060554215605","vendor":"KITSCH","type":"Hair Perfume","handle":"tart-cherry-hair-perfume","variants":[{"id":44763767537845,"price":2000,"name":"Tart Cherry Hair \u0026 Body Perfume Mist - Tart Cherry","public_title":"Tart Cherry","sku":"69162No ColorOS"}],"remote":false,"collective":false},{"id":10399449743541,"gid":"gid:\/\/shopify\/Product\/10399449743541","vendor":"Bundles","type":"Perfume Bundle","handle":"coastal-cottage-hair-perfume-duo","variants":[{"id":52385860714677,"price":2800,"name":"Coastal Cottage Hair Perfume Duo","public_title":null,"sku":"CCHPD"}],"remote":false,"collective":false},{"id":8022086385845,"gid":"gid:\/\/shopify\/Product\/8022086385845","vendor":"KITSCH","type":"Hair Perfume","handle":"warm-sugar-hair-perfume","variants":[{"id":44624969040053,"price":2000,"name":"Warm Sugar Hair \u0026 Body Perfume Mist - Warm Sugar","public_title":"Warm Sugar","sku":"69841No ColorOS"}],"remote":false,"collective":false},{"id":8143720153269,"gid":"gid:\/\/shopify\/Product\/8143720153269","vendor":"KITSCH","type":"Hair Styling","handle":"kitsch-smoothing-air-dry-cream","variants":[{"id":45039437578421,"price":1500,"name":"Smoothing Air Dry Cream","public_title":null,"sku":"500904"}],"remote":false,"collective":false},{"id":10318931329205,"gid":"gid:\/\/shopify\/Product\/10318931329205","vendor":"KITSCH","type":"Shampoo \u0026 Conditioner","handle":"rice-water-shampoo-conditioner-combo-for-hair-growth","variants":[{"id":52115768180917,"price":2800,"name":"Rice Water Shampoo \u0026 Conditioner Combo for Hair Growth","public_title":null,"sku":"SRWSCC"}],"remote":false,"collective":false},{"id":10429561962677,"gid":"gid:\/\/shopify\/Product\/10429561962677","vendor":"Bundles","type":"Shampoo Bundle","handle":"brooke-monks-marathon-tested-hair-bundle","variants":[{"id":52483829170357,"price":3010,"name":"Brooke Monk's Marathon-Tested Hair Bundle","public_title":null,"sku":"RWPSCSSB30"}],"remote":false,"collective":false},{"id":10179685843125,"gid":"gid:\/\/shopify\/Product\/10179685843125","vendor":"KITSCH","type":"Hair Styling","handle":"kitsch-moisturizing-curl-cream","variants":[{"id":51297649524917,"price":1500,"name":"Moisturizing Curl Cream","public_title":null,"sku":"504001"}],"remote":false,"collective":false},{"id":6967152345269,"gid":"gid:\/\/shopify\/Product\/6967152345269","vendor":"Bottle-Free Beauty","type":"Shampoo","handle":"rice-water-protein-shampoo-bar-strengthening","variants":[{"id":40960797999285,"price":1600,"name":"Rice Water Shampoo Bar for Hair Growth","public_title":null,"sku":"6745NCOS"}],"remote":false,"collective":false},{"id":7720880930997,"gid":"gid:\/\/shopify\/Product\/7720880930997","vendor":"KITSCH","type":"Hair Styling","handle":"moisturizing-argan-milk-leave-in-conditioner","variants":[{"id":43850836443317,"price":1500,"name":"Moisturizing Argan Milk Leave-In Conditioner","public_title":null,"sku":"64488No ColorOS"}],"remote":false,"collective":false},{"id":10200047780021,"gid":"gid:\/\/shopify\/Product\/10200047780021","vendor":"KITSCH","type":"Cleansing Pads","handle":"kojic-acid-face-body-cleansing-pads","variants":[{"id":51473324474549,"price":2300,"name":"Kojic Acid Face \u0026 Body Cleansing Pads","public_title":null,"sku":"507682"}],"remote":false,"collective":false},{"id":7376125329589,"gid":"gid:\/\/shopify\/Product\/7376125329589","vendor":"Bottle-Free Beauty","type":"Bar Soap","handle":"shea-butter-solid-body-wash","variants":[{"id":42552880103605,"price":1400,"name":"Shea Butter Exfoliating Body Wash","public_title":null,"sku":"9852No ColorOS"}],"remote":false,"collective":false},{"id":7550911643829,"gid":"gid:\/\/shopify\/Product\/7550911643829","vendor":"Bottle-Free Beauty","type":"Soap Dis
1721hes \u0026 Holders","handle":"self-draining-soap-dish-1","variants":[{"id":43270293389493,"price":1600,"name":"Terracotta Self-Draining Soap Dish","public_title":null,"sku":"63832No ColorOS"}],"remote":false,"collective":false},{"id":7388078997685,"gid":"gid:\/\/shopify\/Product\/7388078997685","vendor":"Bottle-Free Beauty","type":"Hair Oils","handle":"pre-wash-scalp-hair-oil-with-rosemary-and-biotin","variants":[{"id":42582367174837,"price":1500,"name":"Strengthening Rosemary \u0026 Biotin Scalp \u0026 Hair Oil - 2fl oz.\/60mL","public_title":null,"sku":"60633NCOS"}],"remote":false,"collective":false},{"id":7785571680437,"gid":"gid:\/\/shopify\/Product\/7785571680437","vendor":"KITSCH","type":"Bar Soap","handle":"kojic-acid-face-and-body-bar","variants":[{"id":44017093771445,"price":1800,"name":"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots","public_title":null,"sku":"66185NCOS"}],"remote":false,"collective":false},{"id":7457653096629,"gid":"gid:\/\/shopify\/Product\/7457653096629","vendor":"Bottle-Free Beauty","type":"Travel","handle":"bottle-free-beauty-travel-case","variants":[{"id":42900112703669,"price":1200,"name":"2-Compartment Travel Case - Terracotta","public_title":null,"sku":"62361No ColorOS"}],"remote":false,"collective":false},{"id":7467140153525,"gid":"gid:\/\/shopify\/Product\/7467140153525","vendor":"Heatless Hair","type":"Heatless Hair","handle":"satin-jumbo-flexi-rods-4pc-rosewood","variants":[{"id":42929778065589,"price":2100,"name":"Rosewood Jumbo Satin Flexi Rods 4pc Set","public_title":null,"sku":"60640NCOS"}],"remote":false,"collective":false},{"id":7696241230005,"gid":"gid:\/\/shopify\/Product\/7696241230005","vendor":"Bottle-Free Beauty","type":"Shampoo","handle":"rosemary-biotin-volumizing-solid-shampoo","variants":[{"id":43761596465333,"price":1600,"name":"Rosemary \u0026 Biotin Volumizing Shampoo Bar","public_title":null,"sku":"64945No ColorOS"}],"remote":false,"collective":false},{"id":8116071366837,"gid":"gid:\/\/shopify\/Product\/8116071366837","vendor":"Bottle-Free Beauty","type":"Shampoo \u0026 Conditioner Bars","handle":"purple-biotin-shampoo-conditioner-combo","variants":[{"id":44901765284021,"price":2800,"name":"Purple Toning Shampoo \u0026 Conditioner Bar Combo for Color-Treated \u0026 Grey Hair","public_title":null,"sku":"66888No ColorOS"}],"remote":false,"collective":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":355099902133,"requestId":"a8e85347-63e1-4288-9a2d-7bf7a4923480-1790270065"}}; 1722 for (var attr in meta) { 1723 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1724 } 1725</script>
vendor: 1 bytes, line 1725
1725
1726<script class="analytics"> 1727 (function () { 1728 var customDocumentWrite = function(content) { 1729 var jquery = null; 1730 1731 if (window.jQuery) { 1732 jquery = window.jQuery; 1733 } else if (window.Checkout && window.Checkout.$) { 1734 jquery = window.Checkout.$; 1735 } 1736 1737 if (jquery) { 1738 jquery('body').append(content); 1739 } 1740 }; 1741 1742 var hasLoggedConversion = function(token) { 1743 if (token) { 1744 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1745 } 1746 return false; 1747 } 1748 1749 var setCookieIfConversion = function(token) { 1750 if (token) { 1751 var twoMonthsFromNow = new Date(Date.now()); 1752 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1753 1754 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1755 } 1756 } 1757 1758 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1759 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1760 if (trekkie.integrations) { 1761 return; 1762 } 1763 trekkie.methods = [ 1764 'identify', 1765 'page', 1766 'ready', 1767 'track', 1768 'trackForm', 1769 'trackLink' 1770 ]; 1771 trekkie.factory = function(method) { 1772 return function() { 1773 var args = Array.prototype.slice.call(arguments); 1774 args.unshift(method); 1775 trekkie.push(args); 1776 if (method == 'track' || method == 'page') { 1777 try { 1778 if (window.__TREKKIE_SHIM_QUEUE == null) { 1779 window.__TREKKIE_SHIM_QUEUE = []; 1780 } 1781 window.__TREKKIE_SHIM_QUEUE.push({ 1782 from: 'trekkie-stub', 1783 method: method, 1784 args: args.slice(1) 1785 }); 1786 } catch (e) { 1787 // no-op 1788 } 1789 } 1790 return trekkie; 1791 }; 1792 }; 1793 for (var i = 0; i < trekkie.methods.length; i++) { 1794 var key = trekkie.methods[i]; 1795 trekkie[key] = trekkie.factory(key); 1796 } 1797 trekkie.load = function(config) { 1798 trekkie.config = config || {}; 1799 trekkie.config.initialDocumentCookie = document.cookie; 1800 var first = document.getElementsByTagName('script')[0]; 1801var script = document.createElement('script'); 1802script.type = 'text/javascript'; 1803script.onerror = function(e) { 1804 var scriptFallback = document.createElement('script'); 1805 scriptFallback.type = 'text/javascript'; 1806 scriptFallback.onerror = function(error) { 1807 var Monorail = { 1808 produce: function produce(monorailDomain, schemaId, payload) { 1809 var currentMs = new Date().getTime(); 1810 var event = { 1811 schema_id: schemaId, 1812 payload: payload, 1813 metadata: { 1814 event_created_at_ms: currentMs, 1815 event_sent_at_ms: currentMs 1816 } 1817 }; 1818 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1819 }, 1820 sendRequest: function sendRequest(endpointUrl, payload) { 1821 // Try the sendBeacon API 1822 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1823 var blobData = new window.Blob([payload], { 1824 type: 'text/plain' 1825 }); 1826 1827 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1828 return true; 1829 } // sendBeacon was not successful 1830 1831 } // XHR beacon 1832 1833 var xhr = new XMLHttpRequest(); 1834 1835 try { 1836 xhr.open('POST', endpointUrl); 1837 xhr.setRequestHeader('Content-Type', 'text/plain'); 1838 xhr.send(payload); 1839 } catch (e) { 1840 console.log(e); 1841 } 1842 1843 return false; 1844 }, 1845 isIos12: function isIos12() { 1846 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1847 } 1848 }; 1849 Monorail.produce('monorail-edge.shopifysvc.com', 1850 'trekkie_storefront_load_errors/1.1', 1851 {shop_id: 10469048384, 1852 theme_id: 192042008757, 1853 app_name: "storefront", 1854 context_url: window.location.href, 1855 source_url: "//www.mykitsch.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1856 1857 }; 1858 scriptFallback.async = true; 1859 scriptFallback.src = '//www.mykitsch.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1860 first.parentNode.insertBefore(scriptFallback, first); 1861}; 1862script.async = true; 1863script.src = '//www.mykitsch.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1864first.parentNode.insertBefore(script, first); 1865 1866 }; 1867 trekkie.load( 1868 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":10469048384,"isMerchantRequest":null,"themeId":192042008757,"themeCityHash":"3198436739739512818","contentLanguage":"en","currency":"USD","eventMetadataId":"9123185a-28d8-4cf9-8c5d-eba0e94c230e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1869 ); 1870 1871 var loaded = false;
1872 trekkie.ready(function() { 1873 if (loaded) return; 1874 loaded = true; 1875 1876 window.ShopifyAnalytics.lib = window.trekkie; 1877 1878 var originalDocumentWrite = document.write; 1879 document.write = customDocumentWrite; 1880 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1881 document.write = originalDocumentWrite; 1882 1883 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1884 var token = match? match[1]: undefined; 1885 if (!hasLoggedConversion(token)) { 1886 setCookieIfConversion(token); 1887 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: best-sellers","collectionName":"best-sellers","collectionId":355099902133,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 1888 } 1889 }); 1890 1891 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":355099902133,"requestId":"a8e85347-63e1-4288-9a2d-7bf7a4923480-1790270065","shopifyEmitted":true}); 1892 1893 var eventsListenerScript = document.createElement('script'); 1894 eventsListenerScript.async = true; 1895 eventsListenerScript.src = "//www.mykitsch.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1896 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1897})();</script>
vendor: 1 bytes, line 1897
1897
1898<script 1899 defer 1900 src="https://www.mykitsch.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1901 data-application="storefront-renderer" 1902 data-shop-id="10469048384" 1903 data-render-region="gcp-us-central1" 1904 data-page-type="collection" 1905 data-theme-instance-id="192042008757" 1906 data-theme-name="Unick" 1907 data-theme-version="2.0.0" 1908 data-monorail-region="shop_domain" 1909 data-resource-timing-sampling-rate="10" 1910 data-shs="true" 1911 data-shs-beacon="true" 1912 data-shs-export-with-fetch="true" 1913 data-shs-logs-sample-rate="1" 1914 data-shs-beacon-endpoint="https://www.mykitsch.com/api/collect" 1915></script>
1915 1916<meta name="shopify-y" content="463370c6-2ed0-4200-92f4-8e44aea6ab00" data-expiration="1821827665000"><meta name="shopify-s" content="349e83d0-6cc5-491a-ba1f-7ee4f95a6890" data-expiration="1790271865000"><meta name="new-cookie-storage-activated" content="t"> 1917</head> 1918 1919 <body class="gradient comp-price-visible"> 1920 <a class="skip-to-content-link button sr-only" href="#MainContent"> 1921 Skip to content 1922 </a> 1923 1924 <div class="fixed inset-0 z-[1020] h-full cart-drawer" 1925 x-title="Cart Drawer" 1926 x-data="Cart({"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, 'cart-drawer')" 1927 x-cloak 1928 x-show="showCart" 1929 x-trap="showCart" 1930 @update-cart.window="updateCart()" 1931 @keydown.escape.window="showCart = false" 1932 @toggle-cart-drawer.window="$nextTick(() => { 1933 if (Alpine.store('quickShop').isOpen) { 1934 $dispatch('close-quick-shop'); 1935 setTimeout(() => { 1936 showCart = true; 1937 document.body.classList.add('overflow-fixed'); 1938 }, 300); 1939 } else { 1940 showCart = !showCart; 1941 document.body.classList.toggle('overflow-fixed'); 1942 } 1943 })"role="dialog" aria-modal="true" aria-label="Your cart"> 1944 <div class="absolute bg-gray-200 z-[1020] w-full top-0 bottom-0 right-0 max-w-[21rem] md:max-w-md shadow-2xl border-l" 1945 x-show="showCart" @click.outside="showCart = false" 1946 x-transition:enter="transform transition ease-in-out duration-400" 1947 x-transition:enter-start="translate-x-full opacity-0" 1948 x-transition:enter-end="translate-x-0 opacity-1" 1949 x-transition:leave="transform transition ease-in-out duration-400" 1950 x-transition:leave-start="translate-x-0" 1951 x-transition:leave-end="translate-x-full opacity-0"> 1952 1953 <div x-show="showCart" @click="showCart = false" x-transition.opacity class="fixed inset-0 bg-[#0000004f]"></div> 1954 1955 <div class="bg-white relative h-full"> 1956 <div class="cart__drawer-content h-full no-scrollbar mx-auto" x-ref="cart_drawer_content"> 1957 1958<form action="/cart" method="post" class="h-full relative"> 1959 1960 <header class="flex justify-between items-center py-3 bg-white px-4" x-ref="cart_header"> 1961 <div class="w-full" 1962 x-init="$watch('cart_item_count', value => { 1963 $dispatch('cart-count-updated', cart_item_count); 1964 })" 1965 x-data="{ 1966 cart_item_count: 0 1967 }"> 1968 Your cart 1969 1970 </div> 1971 1972 1973 <button type="button" class="close-button" @click="showCart = false" aria-label="Close"> 1974 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-menu h-6" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> 1975 </button> 1976 1977 </header> 1978 1979 <div class="loader fixed grid place-content-center inset-0 bg-black/20 z-20 absolute !text-white" x-cloak transition.opacity x-show="loading"> 1980 <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 1981 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 1982 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 1983 </svg> 1984</div> 1985 1986 1987 1988 1989 1990 1991<style> 1992 .threshold-wrapper:last-of-type { 1993 right: 0 !important; 1994 left: initial !important; 1995 } 1996 .threshold-wrapper:last-of-type > div { 1997 margin-right: 0 !important; 1998 } 1999</style> 2000 2001 2002 <div x-title="Shipping Progress Bar" 2003 class="text-center text-sm py-2 px-4 md:px-4 border-b" 2004 x-data="{ 2005 total_price: 0, 2006 threshold_standard: 3500, 2007 free_gift_threshold: 4000, 2008 threshold_expedited: 7500, 2009 enable_free_gift: false, 2010 expedited_enabled: true, 2011 progress_percentage: 0, 2012 thresholds: [], 2013 positions: {}, 2014 next_threshold: null, 2015 standard_message_before: `You're $x away from <b>free shipping</b>`, 2016 standard_message_after: `Congrats! You have unlocked free shipping!`, 2017 free_gift_message_before: `Spend $40+ to get a FREE KItsch Tote Bag!`, 2018 free_gift_message_after: `Yay! Your free gift has been added!`, 2019 expedited_message_before: `Add $x more for free expedited shipping`, 2020 expedited_message_after: `Congratulations! You've unlocked free expedited shipping`, 2021 remaining_standard: '0', 2022 remaining_free_gift: '0', 2023 remaining_expedited: '0', 2024 2025 calculateProgress() { 2026 this.total_price = parseFloat(this.total_price) || 0; 2027 2028 // Step 1: Define enabled thresholds, sorted by dollar value ascending 2029 const allThresholds = [ 2030 { key: 'standard', value: this.threshold_standard }, 2031 ...(this.enable_free_gift ? [{ key: 'free_gift', value: this.free_gift_threshold }] : []), 2032 ...(this.expedited_enabled ? [{ key: 'expedited', value: this.threshold_expedited }] : []) 2033 ]; 2034 allThresholds.sort((a, b) => a.value - b.value); 2035 this.thresholds = allThresholds.map(t =>
2035 t.key); 2036 2037 // Step 2: Assign fixed positions 2038 const n = this.thresholds.length; 2039 this.positions = {}; 2040 this.thresholds.forEach((th, index) => { 2041 this.positions[th] = ((index + 1) / n) * 100; 2042 }); 2043 2044 // Step 3: Determine the next threshold (use sorted order) 2045 const nextItem = allThresholds.find(t => this.total_price < t.value); 2046 this.next_threshold = nextItem ? nextItem.key : null; 2047 2048 // Helper function to get the correct threshold value 2049 const getThresholdValue = (th) => { 2050 if (th === 'free_gift') return this.free_gift_threshold; 2051 return this[`threshold_${th}`]; 2052 }; 2053 2054 // Step 4: Calculate progress percentage 2055 if (this.next_threshold) { 2056 const index = this.thresholds.indexOf(this.next_threshold); 2057 const prev_index = index - 1; 2058 const prev_threshold = prev_index >= 0 ? this.thresholds[prev_index] : null; 2059 const prev_value = prev_threshold ? getThresholdValue(prev_threshold) : 0; 2060 const current_value = getThresholdValue(this.next_threshold); 2061 const segment_progress = (this.total_price - prev_value) / (current_value - prev_value); 2062 const start_percentage = prev_threshold ? this.positions[prev_threshold] : 0; 2063 const end_percentage = this.positions[this.next_threshold]; 2064 2065 this.progress_percentage = start_percentage + segment_progress * (end_percentage - start_percentage); 2066 } else { 2067 this.progress_percentage = 100; 2068 } 2069 2070 // Step 5: Update remaining amounts 2071 this.remaining_standard = Unick.marketMoney(Math.max(this.threshold_standard - this.total_price, 0) / 100); 2072 this.remaining_free_gift = this.enable_free_gift ? Unick.marketMoney(Math.max(this.free_gift_threshold - this.total_price, 0) / 100) : '0'; 2073 this.remaining_expedited = this.expedited_enabled ? Unick.marketMoney(Math.max(this.threshold_expedited - this.total_price, 0) / 100) : '0'; 2074 } 2075 }" 2076 x-init="calculateProgress()" 2077 @total-price-updated.window="$nextTick(() => { total_price = $event.detail.total_price; calculateProgress(); })"> 2078 2079 <div class="relative h-2 bg-gray-200 rounded-full mt-2 mb-8"> 2080 <!-- Progress Bar --> 2081 <div class="absolute h-full transition-all duration-300" 2082 style="background-color: #000000;" 2083 :style="{ width: progress_percentage + '%' }"> 2084 </div> 2085 2086 <!-- Standard Shipping Icon --> 2087 <div class="absolute top-1/2 transform -translate-y-1/3 threshold-wrapper" 2088 :style="{ left: positions.standard + '%' }"> 2089 <div :class="{'text-green-700': total_price >= threshold_standard }" 2090 class="w-8 h-8 bg-white border rounded-full border-gray-300 flex items-center justify-center mx-auto"> 2091 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="24" height="24"> 2092 <path d="M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path> 2093 <path d="M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path> 2094 <path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5"></path> 2095 </svg> 2096 </div> 2097 <p class="text-xs" x-text="Unick.marketMoney(threshold_standard / 100)"></p> 2098 </div> 2099 2100 <!-- Free Gift Icon --> 2101 <template x-if="enable_free_gift"> 2102 <div class="absolute top-1/2 transform -translate-y-1/3 threshold-wrapper" 2103 :style="{ left: positions.free_gift + '%' }"> 2104 <div :class="{'text-green-700': total_price >= free_gift_threshold }" 2105 class="w-8 h-8 bg-white border rounded-full border-gray-300 flex items-center justify-center mx-auto"> 2106 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="24" height="24"> 2107 <rect x="3" y="8" width="18" height="12" rx="2"></rect> 2108 <path d="M3 12h18"></path> 2109 <path d="M12 8v12"></path> 2110 <path d="M7 3c0 2.761 2.239 5 5 5s5-2.239 5-5"></path> 2111 </svg> 2112 </div> 2113 <p class="text-xs" x-text="Unick.marketMoney(free_gift_threshold / 100)"></p> 2114 </div> 2115 </template> 2116 2117 <!-- Expedited Shipping Icon --> 2118 <template x-if="expedited_enabled"> 2119 <div class="absolute top-1/2 transform -translate-y-1/3 threshold-wrapper" 2120 :style="{ left: positions.expedited + '%' }"> 2121 <div :class="{'text-green-700': total_price >= threshold_expedited }" 2122 class="w-8 h-8 bg-white border rounded-full border-gray-300 flex items-center justify-center ml-auto"> 2123 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="24" height="24"> 2124 <path d="M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path> 2125 <path d="M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path> 2126 <path d="M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5"></path> 2127 </svg> 2128 </div> 2129 <p class="text-xs" x-text="Unick.marketMoney(threshold_expedited / 100)"></p> 2130 </div> 2131 </template> 2132 </div> 2133 2134 <!-- Messages --> 2135 <div class="space-y-1"> 2136 2137 <!-- 1. Display the 'achieved' message for the highest threshold met --> 2138 <template x-if="total_price >= threshold_standard"> 2139 <p class="text-sm font-medium" 2140 x-html=" 2141 (expedited_enabled && total_price >= threshold_expedited) ? expedited_message_after : 2142 (enable_free_gift && total_price >= free_gift_threshold) ? free_gift_message_after : 2143 standard_message_after 2144 "> 2145 </p> 2146 </template> 2147 2148 <!-- 2. Display the 'next goal' message (only if there is a next goal) --> 2149 <template x-if="next_threshold === 'standard'"> 2150 <p class="text-sm" x-html="standard_message_before.replace('$x', remaining_standard)"></p> 2151 </template> 2152 <template x-if="next_threshold === 'free_gift'"> 2153 <p class="text-sm" x-html="free_gift_message_before.replace('$x', remaining_free_gift)"></p> 2154 </template> 2155 <template x-if="next_threshold === 'expedited'"> 2156 <p class="text-sm" x-html="expedited_message_before.replace('$x', remaining_expedited)"></p> 2157 </template> 2158 2159 </div> 2160 </div> 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 <div class="empty-cart pt-4 text-center px-4 md:max-w-md "> 2173 2174<svg width="20" height="20" viewBox="0 0 20 20" class="icon icon-bag mx-auto w-8 h-8" fill="none" xmlns="http://www.w3.org/2000/svg"> 2175<path d="M6.25 6.875V5.625C6.25 4.63044 6.64509 3.67661 7.34835 2.97335C8.05161 2.27009 9.00544 1.875 10 1.875C10.9946 1.875 11.9484 2.27009 12.6517 2.97335C13.3549 3.67661 13.75 4.63044 13.75 5.625V6.875M3.125 6.875C2.95924 6.875 2.80027 6.94085 2.68306 7.05806C2.56585 7.17527 2.5 7.33424 2.5 7.5V15.9375C2.5 17.1187 3.50625 18.125 4.6875 18.125H15.3125C16.4937 18.125 17.5 17.1676 17.5 15.9863V7.5C17.5 7.33424 17.4342 7.17527 17.3169 7.05806C17.1997 6.94085 17.0408 6.875 16.875 6.875H3.125Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2176</svg> 2177 2178 <h4 class="text-lg heading-font py-2 !font-bold"> Your Cart is Empty </h4> 2179 <button x-data @click="$dispatch('toggle-cart-drawer')" type="button" class="md:max-w-md inline-block mx-auto px-8 py-2 text-sm text-center w-full font-medium"> 2180 Continue shopping 2181 </button> 2182 2183<ul class="flex gap-3 mt-4 flex-col "> 2184 <li><a class="py-3 px-2 border-2 border-black font-semibold block bg-white text-black hover:bg-black hover:text-white transition" href="/collections/best-sellers">shop all products</a></li> 2185 <li><a class="py-3 px-2 border-2 border-black font-semibold block bg-white text-black hover:bg-black hover:text-white transition" href="/pages/hair-body-care-from-kitsch">shop haircare</a></li> 2186 <li><a class="py-3 px-2 border-2 border-black font-semibold block bg-white text-black hover:bg-black hover:text-white transition" href="/pages/bundles-1">shop bundles</a></li> 2187</ul> 2188 2189 </div> 2190 2191</form> 2192 2193 </div> 2194 </div> 2195 </div> 2196</div> 2197 <!-- BEGIN sections: header-group --> 2198<div id="shopify-section-sections--27979440521397__announcement-bar" class="shopify-section shopify-section-group-header-group"> 2199 <style> 2200 .announcement { 2201 min-height: 36px; 2202 2203 } 2204 2205 @media (max-width: 768px){ 2206 .announcement { 2207 min-height: 28px; 2208 } 2209 2210 } 2211 </style> 2212 2213 2214 2215 <div class="announcement" style="background-color: #000000"> 2216 <div class="full-width mx-auto px-4 relative" x-data="carousel" data-seamless> 2217 2218 <div 2219 2220 2221 class="unick__carousel flex overflow-x-scroll gap-3 snap-x snap-mandatory no-scrollbar" 2222 x-ref="slider" 2223 @keydown.right="next" 2224 @keydown.left="prev" 2225 tabindex="0" 2226 role="region" 2227 aria-label="Announcements" 2228 > 2229 2230 2231 <div class="discount-message text-center font-medium flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0 " 2232 role="region" 2233 aria-label="Discount offer"
2234 aria-live="polite" 2235 x-title="Discount Message" 2236 x-init="$nextTick(() => initializeDiscount())" 2237 x-show="show_message" 2238 x-data="{ 2239 discount_applied: false, 2240 show_message: true, 2241 theme_discount_code: 'FALL20', 2242 discount_code: `FALL20`, 2243 message: `Fall favorites await ð Save 20% with {discount_code}`, 2244 show_apply_button: true, 2245 discount_apply_button: '{discount_code}', 2246 2247 initializeDiscount() { 2248 this.checkDiscount(); 2249 this.handleAnnouncementBar(); 2250 this.handleDiscountOpacity(); 2251 this.checkLocalDiscount(); 2252 }, 2253 2254 handleAnnouncementBar() { 2255 2256 }, 2257 2258 handleDiscountOpacity() { 2259 document.querySelectorAll('.discount-message') 2260 .forEach(el => el.classList.remove('opacity-0')); 2261 }, 2262 2263 checkLocalDiscount() { 2264 2265 }, 2266 2267 applyDiscount(){ 2268 Unick.setCookie('discount_code', this.discount_code, 1); 2269 this.show_apply_button = false; 2270 this.$dispatch('discount-applied'); 2271 this.discount_applied = true; 2272 }, 2273 2274 async checkDiscount(){ 2275 2276 const cookieData = Unick.getCookie('unick_discount'); 2277 const ShopifyDiscount = Unick.getCookie('discount_code'); 2278 2279 console.log('ShopifyDiscount __.', ShopifyDiscount); 2280 2281 const applyDiscountCode = async (code) => { 2282 await fetch(`${window.location.origin}/discount/${code}`); 2283 this.discount_code = code; 2284 this.show_message = true; 2285 this.show_apply_button = false; 2286 2287 2288 2289 }; 2290 2291 if (ShopifyDiscount) { 2292 if (ShopifyDiscount === this.theme_discount_code) { 2293 this.discount_applied = true; 2294 await applyDiscountCode(ShopifyDiscount); 2295 } else { 2296 this.discount_applied = false; 2297 } 2298 } 2299 2300 if (cookieData) { 2301 const unick_discount = JSON.parse(cookieData); 2302 if (unick_discount.discount === this.theme_discount_code) { 2303 this.discount_applied = true; 2304 await applyDiscountCode(unick_discount.discount); 2305 } else { 2306 this.discount_applied = false; 2307 } 2308 } 2309 2310 setTimeout(() => { 2311 $dispatch('update-cart'); 2312 }, 2000); 2313 } 2314 }" 2315 @discount-removed.window="$nextTick(() => { 2316 console.log('discount-removed'); 2317 discount_applied = false; 2318 show_apply_button = true; 2319 $refs.checkbox.checked = false; 2320 })" 2321 @discount-applied.window="$nextTick(() => checkDiscount())" 2322 style="background-color: #000000; color: #ffffff; border-color: #000000;"> 2323 <div class="md:flex gap-x-2 justify-center items-center"> 2324 <div class="flex items-center discount-toggle-wrapper h-11 md:h-7 overflow-hidden"> 2325 2326 <div class="block text-sm" x-show="discount_code == theme_discount_code" x-ref="discount_message" x-cloak x-html="message.replace('{discount_code}', discount_code)"> 2327 Fall favorites await ð Save 20% with {discount_code} 2328 </div> 2329 </div> 2330 2331 <div class="flex justify-center items-center flex-col h-11 md:h-7 overflow-hidden"> 2332 2333 <span x-ref="applay_button" class="discount-apply-button" x-show="!discount_applied"> 2334 <button 2335 x-text="discount_apply_button.replace('{discount_code}', discount_code)" 2336 class="py-1 px-2 bg-white text-black font-medium text-sm border border-black min-w-[250px] md:min-w-[auto]" 2337 @click="applyDiscount()"> 2338 {discount_code} 2339 </button> 2340 </span> 2341 2342 2343 2344 <span :class="{ 'hidden': !discount_applied }" class="block text-sm"> Code Applied</span> 2345 2346 2347 </div> 2348 2349 2350 </div> 2351</div> 2352 2353 2354 2355 2356 2357 2358 2359 <div id="announcement__item-announcement_4RHDTD" class="announcement__item flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0" 2360 style="background-color: #000000 ;color: #ffffff;" 2361 role="region" 2362 aria-label="Announcement 2" > 2363 <style> 2364 #announcement__item-announcement_4RHDTD p{ 2365 color: #ffffff !important; 2366 } 2367 </style> 2368 2369 <div style="font-size: 16px"> 2370 <p>
2370<a href="/products/kitsch-holiday-advent-calendar-2026" title="Holiday Advent Calendar"><strong>Your holiday countdown starts here ð Save 35%</strong></a></p> 2371 </div> 2372 2373 </div> 2374 2375 2376 2377 2378 <div id="announcement__item-announcement_QUb8rw" class="announcement__item flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0" 2379 style="background-color: #000000 ;color: #ffffff;" 2380 role="region" 2381 aria-label="Announcement 3" > 2382 <style> 2383 #announcement__item-announcement_QUb8rw p{ 2384 color: #ffffff !important; 2385 } 2386 </style> 2387 2388 <div style="font-size: 16px"> 2389 <p><a href="/collections/new-in-fragrance" title="New in Fragrance"><strong>Double the Drop: New fragrances are here!</strong></a></p> 2390 </div> 2391 2392 </div> 2393 2394 2395 2396 2397 <div id="announcement__item-announcement_bxh6JR" class="announcement__item flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0" 2398 style="background-color: #000000 ;color: #ffffff;" 2399 role="region" 2400 aria-label="Announcement 4" > 2401 <style> 2402 #announcement__item-announcement_bxh6JR p{ 2403 color: #ffffff !important; 2404 } 2405 </style> 2406 2407 <div style="font-size: 16px"> 2408 <p><strong>Too Cute to Spook ð Shop our </strong><a href="/collections/halloween-1" title="Halloween"><strong>Halloween Collection</strong></a></p> 2409 </div> 2410 2411 </div> 2412 2413 2414 2415 2416 <div id="announcement__item-announcement_mNVYCK" class="announcement__item flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0" 2417 style="background-color: #000000 ;color: #ffffff;" 2418 role="region" 2419 aria-label="Announcement 5" > 2420 <style> 2421 #announcement__item-announcement_mNVYCK p{ 2422 color: #ffffff !important; 2423 } 2424 </style> 2425 2426 <div style="font-size: 16px"> 2427 <p><a href="/collections/tennis-collection" title="Tennis Collection"><strong>Online Exclusive: The Tennis Collection is here â¨</strong></a></p> 2428 </div> 2429 2430 </div> 2431 2432 2433 2434 2435 <div id="announcement__item-announcement_7YEc6N" class="announcement__item flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0" 2436 style="background-color: #000000 ;color: #ffffff;" 2437 role="region" 2438 aria-label="Announcement 6" > 2439 <style> 2440 #announcement__item-announcement_7YEc6N p{ 2441 color: #ffffff !important; 2442 } 2443 </style> 2444 2445 <div style="font-size: 16px"> 2446 <p><strong>Kitsch's sweetest surprise âï¸</strong><a href="/products/summer-mystery-box" title="Limited Edition Summer Box"><strong>Get yours before it's gone</strong></a></p> 2447 </div> 2448 2449 </div> 2450 2451 2452 2453 2454 <div id="announcement__item-announcement_kAzcMN" class="announcement__item flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0" 2455 style="background-color: ;color: #ffffff;" 2456 role="region" 2457 aria-label="Announcement 7" > 2458 <style> 2459 #announcement__item-announcement_kAzcMN p{ 2460 color: #ffffff !important; 2461 } 2462 </style> 2463 2464 <div style="font-size: 10px"> 2465 <p><strong>30% OFF FOREVER WITH AUTO-SHIP </strong><a href="/pages/hair-body-care-from-kitsch" title="Hair & Body Care from Kitsch"><strong>SHOP NOW</strong></a></p> 2466 </div> 2467 2468 </div> 2469 2470 2471 2472 2473 <div id="announcement__item-announcement_zXVUyd" class="announcement__item flex justify-center items-center py-1 md:py-2 px-4 text-center w-full snap-start flex-shrink-0" 2474 style="background-color: ;color: #ffffff;" 2475 role="region" 2476 aria-label="Announcement 8" > 2477 <style> 2478 #announcement__item-announcement_zXVUyd p{ 2479 color: #ffffff !important; 2480 } 2481 </style> 2482 2483 <div style="font-size: 10px"> 2484 <p><strong>FREE SHIPPING OVER $35</strong></p> 2485 </div> 2486 2487 </div> 2488 2489</div> 2490 2491 2492 2493 <button @click="prev" :aria-disabled="atBeginning" 2494 aria-label="Slide left" 2495 style="color: #ffffff; background-color: rgba(0,0,0,0)" 2496 class="bg-transparent arrow arrow-left absolute left-2 h-full top-[50%] transform -translate-y-1/2"> 2497 2498<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-chevron-left "><polyline stroke="currentColor" points="15 18 9 12 15 6"></polyline></svg> 2499 </button> 2500 2501 <button @click="next" :aria-disabled="atEnd"
2502 aria-label="Slide right" 2503 style="color: #ffffff; background-color: rgba(0,0,0,0)" 2504 class="bg-transparent arrow arrow-right absolute right-2 h-full top-[50%] transform -translate-y-1/2"> 2505 2506<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right "> 2507 <polyline points="9 18 15 12 9 6"></polyline> 2508</svg> 2509 </button> 2510 2511 2512 </div> 2513 2514 2515 </div> 2516 2517 2518 2519 2520 2521 2522 2523<style> #shopify-section-sections--27979440521397__announcement-bar a {border-bottom: 1px solid #fff; color: #fff;} #shopify-section-sections--27979440521397__announcement-bar .unick__carousel {width: 96%; margin-left: 2%;} #shopify-section-sections--27979440521397__announcement-bar .announcement__item div {font-size: 11px !important;} @media screen and (min-width: 768px) {#shopify-section-sections--27979440521397__announcement-bar .announcement__item div {font-size: 14px !important; }} @media (min-width: 768px) {#shopify-section-sections--27979440521397__announcement-bar .announcement .full-width {width: 100% !important; }} </style></div><div id="shopify-section-sections--27979440521397__header" class="shopify-section shopify-section-group-header-group section-header"><style> 2524 :root{ 2525 --menu-font-size: 16px; 2526 } 2527 .main__header{ 2528 color: #424242; 2529 background-color: #ffffff; 2530 } 2531 .main__header .header__container a span, 2532 .main__header .header__container a{ 2533 color: #424242; 2534 } 2535 2536 /* Disable header dropdowns when search is open */ 2537 /* .is-search-open .header__menu .header__menu-dropdown, 2538 .is-search-open .header__menu .mega-menu-wrapper{ 2539 display: none !important; 2540 pointer-events: none !important; 2541 } 2542 .is-search-open .currency-selector, 2543 .is-search-open .language-selector{ 2544 pointer-events: none !important; 2545 } 2546 .is-search-open .currency-selector__dropdown, 2547 .is-search-open .language-selector__dropdown{ 2548 display: none !important; 2549 pointer-events: none !important; 2550 } */ 2551 2552 2553 .shopify-section-group-header-group{ 2554 position: sticky; 2555 top: 0; 2556 z-index: 100; 2557 } 2558 2559 2560 2561 .header__menu-item[data-handle="sale"] span, 2562 .header__menu-wrap[data-handle="sale"] span{ 2563 color: #d50000 !important; 2564 } 2565 2566 2567</style> 2568 2569<header 2570 2571 class="main__header relative z-[100] border-b border-black"> 2572 2573 2574 2575 <div class="header__container mx-auto px-4 page-width menu__breakpoint--tablet header__centered-logo"> 2576 <div 2577 class="header__toggle-menu flex gap-x-3" 2578 @close-mobile-menu.window="open = false; document.body.classList.remove('overflow-fixed');" 2579 x-data="{ open: false }"> 2580 <button type="button" @click="$dispatch('toggle-mobile-menu'); $dispatch('hide-search'); open = !open" aria-label="Toggle mobile menu"> 2581 <span x-show="!open"> 2582 2583<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-menu w-6" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> 2584 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 2585 <line x1="4" y1="6" x2="20" y2="6" /> 2586 <line x1="4" y1="12" x2="20" y2="12" /> 2587 <line x1="4" y1="18" x2="20" y2="18" /> 2588</svg> 2589 </span> 2590 <span x-show="open" x-cloak> 2591 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-menu w-6" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> 2592 </span> 2593 </button> 2594 2595 2596 <button 2597 type="button" 2598 @pointerenter="$dispatch('preload-search')" 2599 @pointerdown="$dispatch('preload-search')" 2600 @focus="$dispatch('preload-search')" 2601 @click="$dispatch('show-search'); $dispatch('close-mobile-menu')" 2602 aria-label="Search" 2603 class="header__search-submit none-focus py-3 px-1"> 2604 2605<svg width="20" height="20" class="icon icon-search " viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2606<path d="M14.0775 14.1L16.6442 16.6667M15.8334 9.58334C15.8334 11.2409 15.1749 12.8307 14.0028 14.0028C12.8307 15.1749 11.241 15.8333 9.58337 15.8333C7.92577 15.8333 6.33606 15.1749 5.16396 14.0028C3.99185 12.8307 3.33337 11.2409 3.33337 9.58334C3.33337 7.92573 3.99185 6.33602 5.16396 5.16392C6.33606 3.99182 7.92577 3.33334 9.58337 3.33334C11.241 3.33334 12.8307 3.99182 14.0028 5.16392C15.1749 6.33602 15.8334 7.92573 15.8334 9.58334Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2607</svg> 2608 2609 </button> 2610 2611 </div> 2612 2613 <nav class="header__menu header__menu-left" aria-label="Main menu, left"> 2614 <ul class="list-menu default-menu list-menu--inline gap-1 flex items-center justify-end" role="list"> 2615 2616 <li class="header__menu-wrap text-[15px]" data-handle="hair-care"><noscript> 2617 <a href="/pages/hair-body-care-from-kitsch" class="block " >
2618 <span>HAIR CARE</span> 2619 </a> 2620 </noscript> 2621 2622 2623 2624 <div class="has-mega-menu" 2625 x-data="{ subOpen: false }" 2626 :data-submenu-open="subOpen || null" 2627 @keydown.escape="if (subOpen) { $event.preventDefault(); $event.stopPropagation(); subOpen = false; $refs.subToggle.focus(); }" 2628 @focusout="if (!$el.contains($event.relatedTarget)) subOpen = false"> 2629 <span class="flex items-center"> 2630 <a href="/pages/hair-body-care-from-kitsch" 2631 class="header__menu-item py-10 flex gap-1 items-center" > 2632 <span>HAIR CARE</span> 2633 </a> 2634 2635 <button type="button" class="a11y-submenu-toggle" x-ref="subToggle" 2636 :aria-expanded="subOpen.toString()" 2637 aria-controls="megamenu-1" 2638 aria-label="HAIR CARE submenu" 2639 @click="subOpen = !subOpen"> 2640 2641<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-5 transform rotate-90"> 2642 <polyline points="9 18 15 12 9 6"></polyline> 2643</svg> 2644 </button> 2645 2646 </span> 2647 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-1" x-data x-cloak aria-label="Mega menu"></div> 2648 2649 </div></li> 2650 2651 2652 2653 <li class="header__menu-wrap text-[15px]" data-handle="style"><noscript> 2654 <a href="/collections/style" class="block " > 2655 <span>STYLE</span> 2656 </a> 2657 </noscript> 2658 2659 2660 2661 <div class="has-mega-menu" 2662 x-data="{ subOpen: false }" 2663 :data-submenu-open="subOpen || null" 2664 @keydown.escape="if (subOpen) { $event.preventDefault(); $event.stopPropagation(); subOpen = false; $refs.subToggle.focus(); }" 2665 @focusout="if (!$el.contains($event.relatedTarget)) subOpen = false"> 2666 <span class="flex items-center"> 2667 <a href="/collections/style" 2668 class="header__menu-item py-10 flex gap-1 items-center" > 2669 <span>STYLE</span> 2670 </a> 2671 2672 <button type="button" class="a11y-submenu-toggle" x-ref="subToggle" 2673 :aria-expanded="subOpen.toString()" 2674 aria-controls="megamenu-2" 2675 aria-label="STYLE submenu" 2676 @click="subOpen = !subOpen"> 2677 2678<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-5 transform rotate-90"> 2679 <polyline points="9 18 15 12 9 6"></polyline> 2680</svg> 2681 </button> 2682 2683 </span> 2684 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-2" x-data x-cloak aria-label="Mega menu"></div> 2685 2686 </div></li> 2687 2688 2689 2690 <li class="header__menu-wrap text-[15px]" data-handle="skin"><noscript> 2691 <a href="/pages/skin" class="block " > 2692 <span>SKIN</span> 2693 </a> 2694 </noscript> 2695 2696 2697 2698 <div class="has-mega-menu" 2699 x-data="{ subOpen: false }" 2700 :data-submenu-open="subOpen || null" 2701 @keydown.escape="if (subOpen) { $event.preventDefault(); $event.stopPropagation(); subOpen = false; $refs.subToggle.focus(); }" 2702 @focusout="if (!$el.contains($event.relatedTarget)) subOpen = false">
2703 <span class="flex items-center"> 2704 <a href="/pages/skin" 2705 class="header__menu-item py-10 flex gap-1 items-center" > 2706 <span>SKIN</span> 2707 </a> 2708 2709 <button type="button" class="a11y-submenu-toggle" x-ref="subToggle" 2710 :aria-expanded="subOpen.toString()" 2711 aria-controls="megamenu-3" 2712 aria-label="SKIN submenu" 2713 @click="subOpen = !subOpen"> 2714 2715<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-5 transform rotate-90"> 2716 <polyline points="9 18 15 12 9 6"></polyline> 2717</svg> 2718 </button> 2719 2720 </span> 2721 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-3" x-data x-cloak aria-label="Mega menu"></div> 2722 2723 </div></li> 2724 2725 2726 2727 <li class="header__menu-wrap text-[15px]" data-handle="shower"><noscript> 2728 <a href="/pages/shower" class="block " > 2729 <span>SHOWER</span> 2730 </a> 2731 </noscript> 2732 2733 2734 2735 <div class="has-mega-menu" 2736 x-data="{ subOpen: false }" 2737 :data-submenu-open="subOpen || null" 2738 @keydown.escape="if (subOpen) { $event.preventDefault(); $event.stopPropagation(); subOpen = false; $refs.subToggle.focus(); }" 2739 @focusout="if (!$el.contains($event.relatedTarget)) subOpen = false"> 2740 <span class="flex items-center"> 2741 <a href="/pages/shower" 2742 class="header__menu-item py-10 flex gap-1 items-center" > 2743 <span>SHOWER</span> 2744 </a> 2745 2746 <button type="button" class="a11y-submenu-toggle" x-ref="subToggle" 2747 :aria-expanded="subOpen.toString()" 2748 aria-controls="megamenu-4" 2749 aria-label="SHOWER submenu" 2750 @click="subOpen = !subOpen"> 2751 2752<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-5 transform rotate-90"> 2753 <polyline points="9 18 15 12 9 6"></polyline> 2754</svg> 2755 </button> 2756 2757 </span> 2758 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-4" x-data x-cloak aria-label="Mega menu"></div> 2759 2760 </div></li> 2761 2762 2763 2764 <li class="header__menu-wrap text-[15px]" data-handle="sleep"><noscript> 2765 <a href="/pages/pillowcases-and-sleep" class="block " > 2766 <span>SLEEP</span> 2767 </a> 2768 </noscript> 2769 2770 2771 2772 <div class="has-mega-menu" 2773 x-data="{ subOpen: false }" 2774 :data-submenu-open="subOpen || null" 2775 @keydown.escape="if (subOpen) { $event.preventDefault(); $event.stopPropagation(); subOpen = false; $refs.subToggle.focus(); }" 2776 @focusout="if (!$el.contains($event.relatedTarget)) subOpen = false"> 2777 <span class="flex items-center"> 2778 <a href="/pages/pillowcases-and-sleep" 2779 class="header__menu-item py-10 flex gap-1 items-center" >
2780 <span>SLEEP</span> 2781 </a> 2782 2783 <button type="button" class="a11y-submenu-toggle" x-ref="subToggle" 2784 :aria-expanded="subOpen.toString()" 2785 aria-controls="megamenu-5" 2786 aria-label="SLEEP submenu" 2787 @click="subOpen = !subOpen"> 2788 2789<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-5 transform rotate-90"> 2790 <polyline points="9 18 15 12 9 6"></polyline> 2791</svg> 2792 </button> 2793 2794 </span> 2795 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-5" x-data x-cloak aria-label="Mega menu"></div> 2796 2797 </div></li> 2798 2799</ul> 2800 </nav> 2801 2802 2803 <div class="header__brand"> 2804 2805<a href="/" class="header__brand-link block mb-0.5 not-focusable" aria-label="KITSCH" style="width: 120px"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="66" class="w-full h-full" viewBox="0 0 651.48 158.65"> 2806 <path fill="#231f20" d="m651.48.46l-60.32,155.59h0l.51-1.32c-1.56-.61-2.96-1.17-4.23-1.73L646.4.46h5.08,0Z"/> 2807 <path fill="#231f20" d="m591.67,154.73l-.51,1.32h-4.9l1.18-3.05c1.27.56,2.67,1.12,4.23,1.73h0Z"/> 2808 <path fill="#231f20" d="m587.43,153.01l-1.18,3.05h-44.06v-1.25c12.26-4.78,15.16-6.65,15.16-23.27,0-14.34.21-30.55.21-40.11,0-20.37-7.07-26.18-17.66-26.18s-19.74,5.61-28.05,17.45v48.84c0,16.62,2.7,18.49,14.96,23.27v1.25h-49.66v-1.25c12.26-4.78,15.17-6.65,15.17-23.27V34.08c0-17.88-2.08-2
28080.99-15.38-26.39v-1.25c12.47-.83,23.9-3.12,34.91-6.44v76.46c8.72-13.09,20.99-22.44,36.78-22.44,14.75,0,28.05,8.72,28.05,30.13v47.38c0,14.4,2.18,17.73,10.74,21.47h.01Z"/> 2809 <path fill="#231f20" d="m478.97,122.39l1.67.62c-5.61,20.99-19.74,35.12-40.73,35.12-25.97,0-44.88-20.99-44.88-51.32,0-32,20.99-52.78,44.68-52.78,15.58,0,28.88,9.56,37.2,20.99l-16.83,13.3-1.04-.42c-2.7-17.87-10.18-29.3-21.19-29.3s-24.94,13.09-24.94,39.27c0,28.88,16.42,44.88,36.37,44.88,14.75,0,24.72-8.93,29.71-20.36h-.02Z"/> 2810 <path fill="#231f20" d="m380.9,60.88l1.87,23.69-1.46.21c-11.01-17.04-22.44-26.39-32.41-26.39-8.31,0-14.13,6.03-14.13,15.38s6.03,15.16,24.52,23.9c20.99,9.76,30.13,20.15,30.13,33.87,0,16.41-12.88,27.01-33.25,27.01-10.8,0-22.86-2.91-35.53-8.94l-2.7-25.56,1.25-.21c14.13,20.57,26.19,30.34,37.62,30.34,9.56,0,15.58-6.03,15.58-15.58s-6.03-15.79-24.73-24.73c-20.16-9.76-29.51-20.15-29.51-33.87,0-15.79,12.47-25.97,32-25.97,8.94,0,20.16,2.49,30.76,6.85h0Z"/> 2811 <path fill="#231f20" d="m302.61,90.65c0,6.65-6.03,12.26-12.47,12.26s-12.67-5.61-12.67-12.26c0-6.23,6.02-12.06,12.67-12.06s12.47,5.82,12.47,12.06Z"/> 2812 <path fill="#231f20" d="m274.82,141.61l.83,1.04c-7.49,11.43-15.59,16-25.77,16-13.72,0-25.56-8.53-25.56-27.43V62.65h-10.6v-2.08c8.72-4.99,22.65-17.46,28.05-28.68h1.87v25.56h29.09l-.83,5.19h-28.05l-.41,65.66c-.21,16.42,8.72,20.99,16.2,20.99,4.78,0,9.77-1.87,15.17-7.69h.01Z"/> 2813 <path fill="#231f20" d="m213.32,155.74v1.25h-49.52v-1.25s-.05-.02-.07-.03c12.2-4.76,15.1-6.66,15.1-23.25v-43.84c0-17.87-2.08-20.99-15.38-26.39v-1.25c12.47-1.04,23.9-3.12,34.9-6.44v77.92c0,16.62,2.7,18.5,14.97,23.28Z"/> 2814 <path fill="#231f20" d="m198.14,26.08c0,6.65-6.03,12.26-12.47,12.26s-12.67-5.61-12.67-12.26c0-6.23,6.03-12.06,12.67-12.06s12.47,5.82,12.47,12.06Z"/> 2815 <path fill="#231f20" d="m163.8,155.74v1.25h-.15v-1.25s.05-.02.08-.03c.02.02.05.02.07.03h0Z"/> 2816 <path fill="#231f20" d="m163.73,155.71s-.05.02-.08.03v1.25h-29.98l-37.4-48.2h-3.54v23.68c0,16.62,2.7,18.5,14.97,23.28v1.25h-49.66v-1.25c12.26-4.78,15.16-6.65,15.16-23.28V35.01c0-15.93-1.65-20.14-11.42-24.69l1.3-3.35c-3.27.32-5.23.41-5.23.41,12.46-.83,23.89-3.12,34.89-6.44v105.35l32.63-28.68c2.9-2.49,4.16-4.98,4.16-7.27,0-4.16-4.16-8.1-12.06-11.63v-1.25h42.6v1.25c-12.67,7.27-19.11,11.63-28.05,19.33l-21.82,18.91,35.32,44.88c4.56,5.8,12.2,11.38,18.22,13.9v-.02Z"/> 2817 <path fill="#231f20" d="m63.07,6.96l-1.3,3.35c-1.19-.55-2.51-1.11-3.95-1.7v-1.25h.02s1.96-.09,5.23-.41h0Z"/> 2818 <path fill="#231f20" d="m61.77,10.32L4.9,156.99H0L57.82,7.4v1.22c1.44.59,2.76,1.15,3.95,1.7Z"/> 2819 <polygon fill="#231f20" points="57.84 7.36 57.84 7.37 57.83 7.37 57.84 7.36"/> 2820 <polygon fill="#231f20" points="57.83 7.37 57.82 7.4 57.82 7.37 57.83 7.37"/> 2821</svg> 2822</a> 2823 </div> 2824 2825 2826 2827 2828 <nav class="header__menu header__menu-right" aria-label="Main menu, right"> 2829 <ul class="list-menu default-menu list-menu--inline gap-2 flex items-center justify-start" role="list"> 2830 2831 <li class="header__menu-wrap text-[15px]" data-handle="collections"><noscript> 2832 <a href="#" class="block " > 2833 <span>COLLECTIONS</span> 2834 </a> 2835 </noscript> 2836 2837 2838 2839 <div class="has-mega-menu" 2840 x-data="{ subOpen: false }" 2841 :data-submenu-open="subOpen || null" 2842 @keydown.escape="if (subOpen) { $event.preventDefault(); $event.stopPropagation(); subOpen = false; $refs.subToggle.focus(); }" 2843 @focusout="if (!$el.contains($event.relatedTarget)) subOpen = false"> 2844 <span class="flex items-center"> 2845 <a href="#" 2846 class="header__menu-item py-10 flex gap-1 items-center" > 2847 <span>COLLECTIONS</span> 2848 </a> 2849 2850 <button type="button" class="a11y-submenu-toggle" x-ref="subToggle" 2851 :aria-expanded="subOpen.toString()" 2852 aria-controls="megamenu-right-1" 2853 aria-label="COLLECTIONS submenu" 2854 @click="subOpen = !subOpen"> 2855 2856<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-5 transform rotate-90"> 2857 <polyline points="9 18 15 12 9 6"></polyline> 2858</svg> 2859 </button> 2860 2861 </span> 2862 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-right-1" x-data x-cloak aria-label="Mega menu"></div> 2863 2864 </div></li> 2865 2866 2867 2868 <li class="header__menu-wrap text-[15px]" data-handle="best-sellers"><a href="/collections/best-sellers" data-handle="best-sellers" class="header__menu-item block animate-link header__active-menu-item " aria-current="page">
2869 <span>BEST SELLERS</span> 2870 </a> 2871 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-right-2" x-data x-cloak aria-label="Mega menu"></div></li> 2872 2873 2874 2875 <li class="header__menu-wrap text-[15px]" data-handle="new"><a href="/collections/whats-new" data-handle="new" class="header__menu-item block animate-link " > 2876 <span>NEW</span> 2877 </a> 2878 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-right-3" x-data x-cloak aria-label="Mega menu"></div></li> 2879 2880 2881 2882 <li class="header__menu-wrap text-[15px]" data-handle="sale"><a href="/collections/on-sale" data-handle="sale" class="header__menu-item block animate-link " > 2883 <span>SALE</span> 2884 </a> 2885 <div class="mega-menu-wrapper absolute right-0 left-0 bg-[#f6f6f6] shadow-md hidden" id="megamenu-right-4" x-data x-cloak aria-label="Mega menu"></div></li> 2886 2887</ul> 2888 <div class="header__icons flex gap-x-3 lg:gap-x-1 justify-self-end items-center"> 2889 2890 <button 2891 x-data 2892 type="button" 2893 @pointerenter="$dispatch('preload-search')" 2894 @pointerdown="$dispatch('preload-search')" 2895 @focus="$dispatch('preload-search')" 2896 @click="$dispatch('show-search'); $dispatch('close-mobile-menu')" 2897 aria-label="Search" 2898 class="header__search-submit none-focus py-3 px-1 hidden lg:block"> 2899 2900<svg width="20" height="20" class="icon icon-search " viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2901<path d="M14.0775 14.1L16.6442 16.6667M15.8334 9.58334C15.8334 11.2409 15.1749 12.8307 14.0028 14.0028C12.8307 15.1749 11.241 15.8333 9.58337 15.8333C7.92577 15.8333 6.33606 15.1749 5.16396 14.0028C3.99185 12.8307 3.33337 11.2409 3.33337 9.58334C3.33337 7.92573 3.99185 6.33602 5.16396 5.16392C6.33606 3.99182 7.92577 3.33334 9.58337 3.33334C11.241 3.33334 12.8307 3.99182 14.0028 5.16392C15.1749 6.33602 15.8334 7.92573 15.8334 9.58334Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2902</svg> 2903 2904 </button> 2905 2906 <noscript> 2907 <a href="/search" 2908 title="TODO" 2909 class="header__icon header__icon--search"> 2910 2911<svg width="20" height="20" class="icon icon-search " viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2912<path d="M14.0775 14.1L16.6442 16.6667M15.8334 9.58334C15.8334 11.2409 15.1749 12.8307 14.0028 14.0028C12.8307 15.1749 11.241 15.8333 9.58337 15.8333C7.92577 15.8333 6.33606 15.1749 5.16396 14.0028C3.99185 12.8307 3.33337 11.2409 3.33337 9.58334C3.33337 7.92573 3.99185 6.33602 5.16396 5.16392C6.33606 3.99182 7.92577 3.33334 9.58337 3.33334C11.241 3.33334 12.8307 3.99182 14.0028 5.16392C15.1749 6.33602 15.8334 7.92573 15.8334 9.58334Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2913</svg> 2914 2915 </a> 2916 </noscript> 2917 2918<a href="/account" aria-label="link to account page" class="header__icon header__icon--account py-3 px-1"> 2919 2920<svg width="20" height="20" class="icon icon-user w-5 h-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2921<path d="M15.8334 17.2917C16.0544 17.2917 16.2664 17.2039 16.4226 17.0476C16.5789 16.8913 16.6667 16.6793 16.6667 16.4583V15.42C16.67 13.0817 13.355 11.25 10 11.25C6.64504 11.25 3.33337 13.0817 3.33337 15.42V16.4583C3.33337 16.6793 3.42117 16.8913 3.57745 17.0476C3.73373 17.2039 3.94569 17.2917 4.16671 17.2917H15.8334ZM13.0034 5.71167C13.0034 6.10607 12.9257 6.49661 12.7748 6.861C12.6238 7.22538 12.4026 7.55646 12.1237 7.83535C11.8448 8.11423 11.5137 8.33546 11.1494 8.48639C10.785 8.63732 10.3944 8.715 10 8.715C9.60564 8.715 9.2151 8.63732 8.85071 8.48639C8.48633 8.33546 8.15525 8.11423 7.87636 7.83535C7.59748 7.55646 7.37625 7.22538 7.22532 6.861C7.07439 6.49661 6.99671 6.10607 6.99671 5.71167C6.99671 4.91514 7.31313 4.15123 7.87636 3.58799C8.4396 3.02476 9.20351 2.70834 10 2.70834C10.7966 2.70834 11.5605 3.02476 12.1237 3.58799C12.687 4.15123 13.0034 4.91514 13.0034 5.71167Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2922</svg> 2923
2924 <span class="sr-only">Log in</span> 2925 </a><!-- Combined Localization Selector (Country + Language) --> 2926 <div class="localization-selector relative text-sm mx-2 hidden lg:block" 2927 x-data="{ 2928 openMain: false, 2929 activeSection: null, 2930 country_code: 'US', 2931 language: 'en' 2932 }" 2933 x-init=" 2934 $watch('country_code', (value) => { 2935 $refs.localizationCountryForm.submit(); 2936 }); 2937 $watch('language', (value) => { 2938 $refs.localizationLanguageForm.submit(); 2939 }); 2940 " 2941 @click.outside="openMain = false; activeSection = null;" 2942 @keydown.escape.prevent.stop="if (openMain) { openMain = false; activeSection = null; $refs.localizationTrigger.focus(); }"> 2943 2944 <button type="button" 2945 x-ref="localizationTrigger" 2946 @click="openMain = !openMain; if(!openMain) activeSection = null;" 2947 class="header__icon flex items-center justify-center" 2948 aria-haspopup="dialog" 2949 :aria-expanded="openMain.toString()" 2950 aria-controls="localization-dropdown-desktop" 2951 aria-label="Select country and language"> 2952 2953<svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="icon icon-globe w-5 h-5" xmlns="http://www.w3.org/2000/svg"> 2954<path d="M4.84376 8.623C4.92839 8.623 5.02279 8.63602 5.12696 8.66206C5.23113 8.6881 5.33529 8.72391 5.43946 8.76948C5.54363 8.81505 5.64779 8.85737 5.75196 8.89643C5.85613 8.9355 5.95053 8.97456 6.03516 9.01362L5.87891 9.03315C5.82683 9.03966 5.77149 9.04292 5.7129 9.04292C5.60222 9.04292 5.50131 9.02664 5.41016 8.99409C5.31902 8.96154 5.23438 8.91922 5.15626 8.86714C5.07813 8.81505 5.00001 8.77599 4.92188 8.74995C4.84376 8.72391 4.77214 8.70438 4.70704 8.69135C4.64193 8.69135 4.58334 8.70438 4.53126 8.73042C4.47917 8.75646 4.42709 8.78576 4.37501 8.81831C4.37501 8.79227 4.35222 8.77925 4.30665 8.77925C4.35222 8.73367 4.43686 8.69787 4.56055 8.67182C4.68425 8.64578 4.77865 8.62951 4.84376 8.623ZM6.16212 9.06245C6.42904 9.06245 6.67318 9.10802 6.89454 9.19917C6.80339 9.23172 6.71225 9.25776 6.6211 9.27729C6.52995 9.29682 6.43555 9.30984 6.3379 9.31635C6.20769 9.31635 6.0905 9.30333 5.98633 9.27729C6.01889 9.22521 6.05144 9.19266 6.08399 9.17964C6.11654 9.16662 6.14258 9.12755 6.16212 9.06245ZM10 -5.09604e-05C10.918 -5.09604e-05 11.8001 0.120392 12.6465 0.361277C13.4928 0.602163 14.2871 0.937449 15.0293 1.36714C15.7715 1.79682 16.4486 2.32091 17.0606 2.9394C17.6725 3.55789 18.1934 4.23172 18.6231 4.96089C19.0527 5.69005 19.3913 6.48432 19.6387 7.3437C19.8861 8.20307 20.0065 9.08849 20 9.99995C20 10.9179 19.8796 11.8001 19.6387 12.6464C19.3978 13.4928 19.0625 14.2871 18.6328 15.0292C18.2031 15.7714 17.679 16.4485 17.0606 17.0605C16.4421 17.6725 15.7682 18.1933 15.0391 18.623C14.3099 19.0527 13.5156 19.3912 12.6563 19.6386C11.7969 19.886 10.9115 20.0065 10 19.9999C9.08204 19.9999 8.19988 19.8795 7.35352 19.6386C6.50717 19.3977 5.7129 19.0624 4.97071 18.6328C4.22852 18.2031 3.55144 17.679 2.93946 17.0605C2.32748 16.442 1.80665 15.7682 1.37696 15.039C0.947272 14.3098 0.60873 13.5156 0.361334 12.6562C0.113939 11.7968 -0.00650416 10.9114 6.26003e-06 9.99995C6.26003e-06 9.08198 0.120449 8.19982 0.361334 7.35346C0.60222 6.50711 0.937506 5.71284 1.36719 4.97065C1.79688 4.22846 2.32097 3.55138 2.93946 2.9394C3.55795 2.32742 4.23178 1.80659 4.96094 1.3769C5.69011 0.947215 6.48438 0.608673 7.34376 0.361277C8.20313 0.113881 9.08855 -0.00656138 10 -5.09604e-05ZM17.4414 5.41987C17.3503 5.27664 17.2591 5.13992 17.168 5.00971C17.0768 4.87951 16.9824 4.74604 16.8848 4.60932C16.8718 4.66792 16.8555 4.71024 16.8359 4.73628C16.8164 4.76232 16.8034 4.82091 16.7969 4.91206C16.7969 4.97065 16.8197 5.02599 16.8652 5.07807C16.9108 5.13016 16.9694 5.18224 17.041 5.23432C17.1126 5.28641 17.1843 5.32547 17.2559 5.35151C17.3275 5.37755 17.3893 5.40034 17.4414 5.41987ZM16.7676 4.46284C16.7676 4.51492 16.7578 4.55073 16.7383 4.57026H16.7969C16.8229 4.57026 16.8425 4.57352 16.8555 4.58003L16.7676 4.46284ZM10 18.7499C10.7422 18.7499 11.4681 18.6555 12.1777 18.4667C12.8874 18.2779 13.5579 18.011 14.1895 17.666C14.821 17.3209 15.4069 16.8977 15.9473 16.3964C16.4876 15.8951 16.9596 15.3352 17.3633 14.7167C17.2787 14.5214 17.1973 14.3229 17.1191 14.121C17.041 13.9192 17.002 13.7109 17.002 13.496C17.002 13.2617 17.0117 13.0729 17.0313 12.9296C17.0508 12.7864 17.0736 12.6595 17.0996 12.5488C17.1257 12.4381 17.1387 12.3437 17.1387 12.2656C17.1387 12.1874 17.1289 12.0865 17.1094 11.9628C17.0898 11.8391 17.0345 11.7057 16.9434 11.5624C16.8522 11.4192 16.7318 11.2174 16.582 10.957C16.5885 10.9114 16.5983 10.8496 16.6113 10.7714C16.6244 10.6933 16.6374 10.6119 16.6504 10.5273C16.6634 10.4427 16.6667 10.3645 16.6602 10.2929C16.6537 10.2213 16.6374 10.1595 16.6113 10.1074C16.4421 10.0878 16.2663 10.052 16.084 9.99995C15.9017 9.94787 15.7389 9.86974 15.5957 9.76557L15.6543 9.71675C15.5697 9.73628 15.485 9.76232 15.4004 9.79487C15.3158 9.82742 15.2344 9.86323 15.1563 9.90229C15.0781 9.94135 14.9935 9.9674 14.9023 9.98042C14.8112 9.99344 14.7233 10.0065 14.6387 10.0195L14.4824 9.99995L14.5117 9.93159C14.4206 9.95763 14.3229 9.99018 14.2188 10.0292C14.1146 10.0683 14.0137 10.0878 13.916 10.0878C13.8509 10.0878 13.7565 10.0651 13.6328 10.0195C13.5091 9.97391 13.3854 9.91857 13.2617 9.85346C13.138 9.78836 13.0273 9.71675 12.9297 9.63862C12.832 9.5605 12.7832 9.48563 12.7832 9.41401L12.8027 9.38471C12.7702 9.34565 12.7279 9.30984 12.6758 9.27729C12.6237 9.24474 12.5749 9.21219 12.5293 9.17964C12.4837 9.14708 12.4414 9.11128 12.4023 9.07221C12.3633 9.03315 12.347 8.98758 12.3535 8.9355L12.4609 8.8476L12.2363 8.81831L12.1582 8.52534C12.1712 8.55789 12.2005 8.57091 12.2461 8.5644C12.2917 8.55789 12.3275 8.54487 12.3535 8.52534L12.002 8.33979L12.2461 7.71479C12.155 7.37625 12.1322 7.11583 12.1777 6.93354C12.2233 6.75125 12.3112 6.60151 12.4414 6.48432C12.5716 6.36714 12.7148 6.24995 12.8711 6.13276C13.0273 6.01557 13.1869 5.85607 13.3496 5.65425L13.3203 5.53706L13.9648 4.75581L14.1113 4.73628C14.2936 4.73628 14.4987 4.72977 14.7266 4.71675C14.9544 4.70372 15.1856 4.68094 15.4199 4.64839C15.6543 4.61583 15.8854 4.58328 16.1133 4.55073C16.3412 4.51818 16.5495 4.47586 16.7383 4.42378C16.53 4.17638 16.3119 3.94201 16.084 3.72065C15.8561 3.4993 15.612 3.28771 15.3516 3.08589C15.28 3.11193 15.1921 3.14774 15.0879 3.19331C14.9837 3.23888 14.8796 3.29748 14.7754 3.36909C14.6712 3.4407 14.5898 3.51883 14.5313 3.60346C14.4727 3.6881 14.4369 3.77599 14.4238 3.86714L14.4824 4.05268C14.3652 4.24149 14.235 4.35867 14.0918 4.40425C13.9486 4.44982 13.8021 4.47586 13.6523 4.48237C13.5026 4.48888 13.3464 4.48888 13.1836 4.48237C13.0208 4.47586 12.8646 4.50516 12.7148 4.57026L12.5586 4.23823L12.7051 3.67182L12.5391 3.42768L14.2285 2.90034C14.1569 2.71805 14.0397 2.58133 13.877 2.49018C13.7142 2.39904 13.5352 2.35346 13.3398 2.35346V2.25581L13.8867 2.16792C13.2813 1.86844 12.653 1.64057 12.002 1.48432C11.3509 1.32807 10.6836 1.24995 10 1.24995C9.4336 1.24995 8.8737 1.30529 8.32032 1.41596C7.76693 1.52664 7.23308 1.68615 6.71876 1.89448C6.20443 2.10281 5.70639 2.36323 5.22462 2.67573C4.74284 2.98823 4.30339 3.33979 3.90626 3.73042C4.07553 3.73042 4.20574 3.77274 4.29688 3.85737C4.38803 3.94201 4.47266 4.03641 4.55079 4.14057C4.62891 4.24474 4.71029 4.33914 4.79493 4.42378C4.87956 4.50841 4.9935 4.55399 5.13672 4.5605L5.29297 4.44331L5.27344 4.22846L5.59571 3.76948L5.3418 3.04682C5.37436 3.02729 5.42318 2.99474 5.48829 2.94917C5.55339 2.90359 5.60873 2.88081 5.6543 2.88081C5.84962 2.88081 5.99936 2.89057 6.10352 2.91011C6.20769 2.92964 6.29883 2.96544 6.37696 3.01753C6.45508 3.06961 6.52344 3.14448 6.58204 3.24214C6.64063 3.33979 6.73178 3.46349 6.85547 3.61323L7.20704 3.33979C7.27214 3.36583 7.37631 3.40815 7.51954 3.46675C7.66277 3.52534 7.80925 3.59695 7.95899 3.68159C8.10873 3.76623 8.23568 3.85412 8.33985 3.94526C8.44402 4.03641 8.49936 4.12104 8.50587 4.19917C8.50587 4.29682 8.47006 4.37495 8.39844 4.43354C8.32683 4.49214 8.23243 4.54096 8.11524 4.58003C7.99805 4.61909 7.87761 4.64839 7.75391 4.66792C7.63021 4.68745 7.50652 4.71349 7.38282 4.74604C7.25912 4.77859 7.16472 4.81115 7.09962 4.8437C7.03451 4.87625 6.99545 4.93159 6.98243 5.00971L7.54883 5.19526C7.41863 5.30594 7.27865 5.40685 7.12891 5.498C6.97917 5.58914 6.82292 5.67378 6.66016 5.7519L6.69922 5.91792L5.80079 6.26948V6.54292L5.73243 6.57221L5.78126 6.23042L5.74219 6.22065C5.69662 6.22065 5.67058 6.23042 5.66407 6.24995C5.65756 6.26948 5.6543 6.29227 5.6543 6.31831C5.6543 6.34435 5.66081 6.37039 5.67383 6.39643C5.68686 6.42247 5.69011 6.44201 5.6836 6.45503L5.55665 6.38667L5.57618 6.42573C5.57618 6.44526 5.58594 6.47456 5.60547 6.51362C5.62501 6.55268 5.65105 6.58849 5.6836 6.62104C5.71615 6.65359 5.74219 6.68615 5.76172 6.7187C5.78126 6.75125 5.79428 6.76753 5.80079 6.76753C5.80079 6.78706 5.78777 6.80659 5.76172 6.82612C5.73568 6.84565 5.70313 6.85867 5.66407 6.86518C5.62501 6.87169 5.59896 6.88146 5.58594 6.89448C5.57292 6.9075 5.57292 6.91076 5.58594 6.90425C5.67709 6.90425 5.
295469662 6.91076 5.64454 6.92378C5.59245 6.9368 5.51107 6.96935 5.4004 7.02143C5.28972 7.07352 5.18881 7.14839 5.09766 7.24604C5.00652 7.3437 4.95443 7.48693 4.94141 7.67573C4.94141 7.78641 4.94467 7.89383 4.95118 7.998C4.95769 8.10216 4.95443 8.20958 4.94141 8.32026C4.85027 8.07287 4.71355 7.88406 4.53126 7.75386C4.34896 7.62365 4.12761 7.55854 3.86719 7.55854L3.44727 7.59761L3.65235 7.73432C3.54167 7.7213 3.42774 7.70828 3.31055 7.69526C3.19337 7.68224 3.07292 7.67899 2.94922 7.6855C2.82553 7.69201 2.71485 7.71805 2.61719 7.76362C2.51954 7.80919 2.42188 7.87755 2.32422 7.9687L2.26563 8.40815C2.26563 8.61649 2.3112 8.78576 2.40235 8.91596C2.4935 9.04617 2.653 9.11453 2.88087 9.12104C3.07618 9.12104 3.26824 9.09175 3.45704 9.03315C3.64584 8.97456 3.83139 8.9062 4.01368 8.82807C3.95508 8.9713 3.88998 9.10802 3.81837 9.23823C3.74675 9.36844 3.69467 9.51167 3.66212 9.66792L3.78907 9.72651C3.94532 9.62234 4.08855 9.60607 4.21876 9.67768C4.34896 9.7493 4.47592 9.85346 4.59962 9.99018C4.72331 10.1269 4.85027 10.2669 4.98047 10.4101C5.11068 10.5533 5.25066 10.6575 5.4004 10.7226L5.06837 10.8984L4.28712 10.4589C4.29363 10.472 4.30014 10.5013 4.30665 10.5468C4.31316 10.5924 4.3099 10.6022 4.29688 10.5761L3.94532 9.98042C3.73699 9.97391 3.51563 9.94135 3.28126 9.88276C3.04688 9.82417 2.80925 9.74604 2.56837 9.64839C2.32748 9.55073 2.10287 9.44331 1.89454 9.32612C1.6862 9.20893 1.49415 9.08524 1.31837 8.95503L1.25001 9.99995C1.25001 10.7942 1.35743 11.569 1.57227 12.3242C1.78712 13.0794 2.08985 13.789 2.48047 14.4531C2.8711 15.1171 3.34962 15.7226 3.91602 16.2695C4.48243 16.8164 5.11068 17.2819 5.80079 17.666C5.76824 17.5292 5.76498 17.3925 5.79102 17.2558C5.81706 17.1191 5.84962 16.9824 5.88868 16.8457C5.92774 16.7089 5.97006 16.5722 6.01563 16.4355C6.0612 16.2988 6.08399 16.1588 6.08399 16.0156C6.08399 15.8072 6.05144 15.5891 5.98633 15.3613C5.92123 15.1334 5.84311 14.9023 5.75196 14.6679C5.66081 14.4335 5.5599 14.2024 5.44922 13.9746C5.33855 13.7467 5.25066 13.5318 5.18555 13.33C5.12045 13.1282 5.06837 12.9394 5.0293 12.7636C4.99024 12.5878 5.00977 12.4348 5.0879 12.3046L4.94141 12.2363C4.98047 12.1451 5.03256 12.0572 5.09766 11.9726C5.16277 11.888 5.23113 11.8033 5.30274 11.7187C5.37436 11.6341 5.42969 11.5429 5.46876 11.4453C5.50782 11.3476 5.53061 11.2499 5.53712 11.1523C5.53712 11.0872 5.52409 11.0188 5.49805 10.9472C5.47201 10.8756 5.44922 10.8072 5.42969 10.7421L5.63477 10.791C5.74545 10.5371 5.89519 10.3645 6.08399 10.2734C6.27279 10.1822 6.51042 10.1334 6.79688 10.1269C6.82943 10.1269 6.89779 10.1399 7.00196 10.166C7.10613 10.192 7.2168 10.2278 7.33399 10.2734C7.45118 10.319 7.56186 10.3548 7.66602 10.3808C7.77019 10.4068 7.84831 10.4329 7.9004 10.4589C7.9004 10.5045 7.92644 10.5338 7.97852 10.5468C8.03061 10.5598 8.0599 10.5826 8.06641 10.6152L8.04688 10.6933C8.06641 10.6998 8.11199 10.7226 8.1836 10.7617C8.25521 10.8007 8.33334 10.8496 8.41797 10.9082C8.50261 10.9667 8.57748 11.0188 8.64258 11.0644C8.70769 11.11 8.75326 11.1458 8.7793 11.1718C8.89649 11.1718 9.056 11.2109 9.25782 11.289C9.45964 11.3671 9.681 11.4648 9.92188 11.582C10.1628 11.6992 10.4004 11.8391 10.6348 12.0019C10.8691 12.1647 11.0905 12.3274 11.2988 12.4902C11.5072 12.6529 11.6667 12.8157 11.7773 12.9785C11.888 13.1412 11.9531 13.2845 11.9727 13.4082L11.6406 13.7597C11.6667 14.0917 11.6439 14.3457 11.5723 14.5214C11.5007 14.6972 11.39 14.8437 11.2402 14.9609C11.0905 15.0781 10.918 15.1757 10.7227 15.2539C10.5273 15.332 10.3158
295415.4427 10.0879 15.5859C10.0879 15.7161 10.0553 15.8561 9.99024 16.0058C9.92514 16.1555 9.84376 16.2988 9.7461 16.4355C9.64844 16.5722 9.53126 16.6861 9.39454 16.7773C9.25782 16.8684 9.1211 16.914 8.98438 16.914L8.57422 16.6015C8.58725 16.6145 8.58725 16.6373 8.57422 16.6699C8.5612 16.7024 8.54493 16.7089 8.5254 16.6894C8.5905 16.8131 8.60678 16.9563 8.57422 17.1191C8.54167 17.2819 8.48633 17.4479 8.40821 17.6171C8.33008 17.7864 8.24219 17.9459 8.14454 18.0957C8.04688 18.2454 7.95899 18.3723 7.88087 18.4765C8.23243 18.5677 8.58399 18.636 8.93555 18.6816C9.28712 18.7272 9.64193 18.7499 10 18.7499Z" fill="#231F20"/> 2955</svg> 2956 2957 </button> 2958 2959 <div class="localization-dropdown__container p-4 absolute border w-[250px] bg-white overflow-visible border-black z-30 -right-8 top-12" 2960 id="localization-dropdown-desktop" 2961 role="dialog" 2962 aria-label="Select country and language" 2963 x-show="openMain" 2964 x-trap="openMain" 2965 x-cloak 2966 x-transition:enter="transition ease-out duration-200" 2967 x-transition:enter-start="opacity-0 transform scale-90" 2968 x-transition:enter-end="opacity-100 transform scale-100" 2969 x-transition:leave="transition ease-in duration-75" 2970 x-transition:leave-start="opacity-100 transform scale-100" 2971 x-transition:leave-end="opacity-0 transform scale-90"><style>.localization-dropdown__country-list [data-order="US"] { 2972 order:1;}.localization-dropdown__country-list [data-order="CA"] { 2973 order:2;}.localization-dropdown__country-list [data-order="AU"] { 2974 order:3;}.localization-dropdown__country-list [data-order="GB"] { 2975 order:4;}.localization-dropdown__country-list [data-order="DE"] { 2976 order:5;}.localization-dropdown__country-list [data-order="NL"] { 2977 order:6;}.localization-dropdown__country-list [data-order="SE"] { 2978 order:7;}.localization-dropdown__country-list [data-order="FR"] { 2979 order:8;}.localization-dropdown__country-list [data-order="AE"] { 2980 order:9;}.localization-dropdown__country-list [data-order="MX"] { 2981 order:10;border-bottom: 1px solid #e5e5e5; 2982 padding-bottom: 0.5rem; 2983 margin-bottom: 0.5rem;}</style> 2984 2985 <!-- Country Section --> 2986 <div class="localization-dropdown__section relative mb-3 border border-black p-3"> 2987 <button type="button" 2988 @click="activeSection = activeSection === 'country' ? null : 'country'" 2989 :aria-expanded="(activeSection === 'country').toString()" 2990 class="w-full flex items-center justify-between hover:opacity-70 transition-opacity"> 2991 <div class="flex items-center gap-3"> 2992 <span class="rounded-full w-6 h-6 bg-cover fi fi-us"></span> 2993 <div class="text-left"> 2994 <p class="font-medium"><span class="sr-only">Country: </span>United States</p> 2995 </div> 2996 </div> 2997 <span class="transition-transform duration-200" aria-hidden="true" :class="{ 'rotate-180': activeSection === 'country' }"> 2998 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-chevron-down" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 2999 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 3000 <path d="M6 9l6 6l6 -6" /> 3001 </svg> 3002 </span> 3003 </button> 3004 3005 <!-- Country Dropdown (absolute positioned) --> 3006 <div class="absolute left-0 right-0 top-full mt-2 bg-white border border-black z-40" 3007 x-show="activeSection === 'country'" 3008 x-cloak 3009 x-transition:enter="transition ease-out duration-150" 3010 x-transition:enter-start="opacity-0 transform -translate-y-2" 3011 x-transition:enter-end="opacity-100 transform translate-y-0" 3012 x-transition:leave="transition ease-in duration-100" 3013 x-transition:leave-start="opacity-100 transform translate-y-0" 3014 x-transition:leave-end="opacity-0 transform -translate-y-2"> 3015 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="localizationCountryForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /> 3016 <ul class="localization-dropdown__country-list flex flex-col max-h-60 overflow-y-auto no-scrollbar"> 3017 3018 <li class="disclosure__item order-last" data-order="AF"> 3019 <button type="button" 3020 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3021 @click="country_code = 'AF'; openMain = false; activeSection = null;" 3022 3023 data-value="AF">
3024 <span class="rounded-full w-5 h-5 bg-cover fi fi-af"></span> 3025 <span class="text-sm">Afghanistan (AFN Ø)</span> 3026 </button> 3027 </li> 3028 3029 <li class="disclosure__item order-last" data-order="AX"> 3030 <button type="button" 3031 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3032 @click="country_code = 'AX'; openMain = false; activeSection = null;" 3033 3034 data-value="AX"> 3035 <span class="rounded-full w-5 h-5 bg-cover fi fi-ax"></span> 3036 <span class="text-sm">à land Islands (EUR â¬)</span> 3037 </button> 3038 </li> 3039 3040 <li class="disclosure__item order-last" data-order="AL"> 3041 <button type="button" 3042 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3043 @click="country_code = 'AL'; openMain = false; activeSection = null;" 3044 3045 data-value="AL"> 3046 <span class="rounded-full w-5 h-5 bg-cover fi fi-al"></span> 3047 <span class="text-sm">Albania (ALL L)</span> 3048 </button> 3049 </li> 3050 3051 <li class="disclosure__item order-last" data-order="DZ"> 3052 <button type="button" 3053 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3054 @click="country_code = 'DZ'; openMain = false; activeSection = null;" 3055 3056 data-value="DZ"> 3057 <span class="rounded-full w-5 h-5 bg-cover fi fi-dz"></span> 3058 <span class="text-sm">Algeria (DZD د.ج)</span> 3059 </button> 3060 </li> 3061 3062 <li class="disclosure__item order-last" data-order="AD"> 3063 <button type="button" 3064 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3065 @click="country_code = 'AD'; openMain = false; activeSection = null;" 3066 3067 data-value="AD"> 3068 <span class="rounded-full w-5 h-5 bg-cover fi fi-ad"></span> 3069 <span class="text-sm">Andorra (EUR â¬)</span> 3070 </button> 3071 </li> 3072 3073 <li class="disclosure__item order-last" data-order="AO"> 3074 <button type="button" 3075 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3076 @click="country_code = 'AO'; openMain = false; activeSection = null;" 3077 3078 data-value="AO"> 3079 <span class="rounded-full w-5 h-5 bg-cover fi fi-ao"></span> 3080 <span class="text-sm">Angola (USD $)</span> 3081 </button> 3082 </li> 3083 3084 <li class="disclosure__item order-last" data-order="AI"> 3085 <button type="button" 3086 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3087 @click="country_code = 'AI'; openMain = false; activeSection = null;" 3088 3089 data-value="AI">
3090 <span class="rounded-full w-5 h-5 bg-cover fi fi-ai"></span> 3091 <span class="text-sm">Anguilla (XCD $)</span> 3092 </button> 3093 </li> 3094 3095 <li class="disclosure__item order-last" data-order="AG"> 3096 <button type="button" 3097 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3098 @click="country_code = 'AG'; openMain = false; activeSection = null;" 3099 3100 data-value="AG"> 3101 <span class="rounded-full w-5 h-5 bg-cover fi fi-ag"></span> 3102 <span class="text-sm">Antigua & Barbuda (XCD $)</span> 3103 </button> 3104 </li> 3105 3106 <li class="disclosure__item order-last" data-order="AR"> 3107 <button type="button" 3108 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3109 @click="country_code = 'AR'; openMain = false; activeSection = null;" 3110 3111 data-value="AR"> 3112 <span class="rounded-full w-5 h-5 bg-cover fi fi-ar"></span> 3113 <span class="text-sm">Argentina (ARS $)</span> 3114 </button> 3115 </li> 3116 3117 <li class="disclosure__item order-last" data-order="AM"> 3118 <button type="button" 3119 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3120 @click="country_code = 'AM'; openMain = false; activeSection = null;" 3121 3122 data-value="AM"> 3123 <span class="rounded-full w-5 h-5 bg-cover fi fi-am"></span> 3124 <span class="text-sm">Armenia (AMD Õ¤Ö.)</span> 3125 </button> 3126 </li> 3127 3128 <li class="disclosure__item order-last" data-order="AW"> 3129 <button type="button" 3130 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3131 @click="country_code = 'AW'; openMain = false; activeSection = null;" 3132 3133 data-value="AW"> 3134 <span class="rounded-full w-5 h-5 bg-cover fi fi-aw"></span> 3135 <span class="text-sm">Aruba (AWG Æ)</span> 3136 </button> 3137 </li> 3138 3139 <li class="disclosure__item order-last" data-order="AC"> 3140 <button type="button" 3141 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3142 @click="country_code = 'AC'; openMain = false; activeSection = null;" 3143 3144 data-value="AC"> 3145 <span class="rounded-full w-5 h-5 bg-cover fi fi-ac"></span> 3146 <span class="text-sm">Ascension Island (SHP £)</span> 3147 </button> 3148 </li> 3149 3150 <li class="disclosure__item order-last" data-order="AU"> 3151 <button type="button" 3152 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3153 @click="country_code = 'AU'; openMain = false; activeSection = null;" 3154 3155 data-value="AU">
3156 <span class="rounded-full w-5 h-5 bg-cover fi fi-au"></span> 3157 <span class="text-sm">Australia (AUD $)</span> 3158 </button> 3159 </li> 3160 3161 <li class="disclosure__item order-last" data-order="AT"> 3162 <button type="button" 3163 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3164 @click="country_code = 'AT'; openMain = false; activeSection = null;" 3165 3166 data-value="AT"> 3167 <span class="rounded-full w-5 h-5 bg-cover fi fi-at"></span> 3168 <span class="text-sm">Austria (EUR â¬)</span> 3169 </button> 3170 </li> 3171 3172 <li class="disclosure__item order-last" data-order="AZ"> 3173 <button type="button" 3174 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3175 @click="country_code = 'AZ'; openMain = false; activeSection = null;" 3176 3177 data-value="AZ"> 3178 <span class="rounded-full w-5 h-5 bg-cover fi fi-az"></span> 3179 <span class="text-sm">Azerbaijan (AZN â¼)</span> 3180 </button> 3181 </li> 3182 3183 <li class="disclosure__item order-last" data-order="BS"> 3184 <button type="button" 3185 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3186 @click="country_code = 'BS'; openMain = false; activeSection = null;" 3187 3188 data-value="BS"> 3189 <span class="rounded-full w-5 h-5 bg-cover fi fi-bs"></span> 3190 <span class="text-sm">Bahamas (BSD $)</span> 3191 </button> 3192 </li> 3193 3194 <li class="disclosure__item order-last" data-order="BH"> 3195 <button type="button" 3196 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3197 @click="country_code = 'BH'; openMain = false; activeSection = null;" 3198 3199 data-value="BH"> 3200 <span class="rounded-full w-5 h-5 bg-cover fi fi-bh"></span> 3201 <span class="text-sm">Bahrain (USD $)</span> 3202 </button> 3203 </li> 3204 3205 <li class="disclosure__item order-last" data-order="BD"> 3206 <button type="button" 3207 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3208 @click="country_code = 'BD'; openMain = false; activeSection = null;" 3209 3210 data-value="BD"> 3211 <span class="rounded-full w-5 h-5 bg-cover fi fi-bd"></span> 3212 <span class="text-sm">Bangladesh (BDT ৳)</span> 3213 </button> 3214 </li> 3215 3216 <li class="disclosure__item order-last" data-order="BB"> 3217 <button type="button" 3218 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3219 @click="country_code = 'BB'; openMain = false; activeSection = null;" 3220 3221 data-value="BB">
3222 <span class="rounded-full w-5 h-5 bg-cover fi fi-bb"></span> 3223 <span class="text-sm">Barbados (BBD $)</span> 3224 </button> 3225 </li> 3226 3227 <li class="disclosure__item order-last" data-order="BY"> 3228 <button type="button" 3229 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3230 @click="country_code = 'BY'; openMain = false; activeSection = null;" 3231 3232 data-value="BY"> 3233 <span class="rounded-full w-5 h-5 bg-cover fi fi-by"></span> 3234 <span class="text-sm">Belarus (USD $)</span> 3235 </button> 3236 </li> 3237 3238 <li class="disclosure__item order-last" data-order="BE"> 3239 <button type="button" 3240 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3241 @click="country_code = 'BE'; openMain = false; activeSection = null;" 3242 3243 data-value="BE"> 3244 <span class="rounded-full w-5 h-5 bg-cover fi fi-be"></span> 3245 <span class="text-sm">Belgium (EUR â¬)</span> 3246 </button> 3247 </li> 3248 3249 <li class="disclosure__item order-last" data-order="BZ"> 3250 <button type="button" 3251 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3252 @click="country_code = 'BZ'; openMain = false; activeSection = null;" 3253 3254 data-value="BZ"> 3255 <span class="rounded-full w-5 h-5 bg-cover fi fi-bz"></span> 3256 <span class="text-sm">Belize (BZD $)</span> 3257 </button> 3258 </li> 3259 3260 <li class="disclosure__item order-last" data-order="BJ"> 3261 <button type="button" 3262 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3263 @click="country_code = 'BJ'; openMain = false; activeSection = null;" 3264 3265 data-value="BJ"> 3266 <span class="rounded-full w-5 h-5 bg-cover fi fi-bj"></span> 3267 <span class="text-sm">Benin (XOF Fr)</span> 3268 </button> 3269 </li> 3270 3271 <li class="disclosure__item order-last" data-order="BM"> 3272 <button type="button" 3273 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3274 @click="country_code = 'BM'; openMain = false; activeSection = null;" 3275 3276 data-value="BM"> 3277 <span class="rounded-full w-5 h-5 bg-cover fi fi-bm"></span> 3278 <span class="text-sm">Bermuda (USD $)</span> 3279 </button> 3280 </li> 3281 3282 <li class="disclosure__item order-last" data-order="BT"> 3283 <button type="button" 3284 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3285 @click="country_code = 'BT'; openMain = false; activeSection = null;" 3286 3287 data-value="BT">
3288 <span class="rounded-full w-5 h-5 bg-cover fi fi-bt"></span> 3289 <span class="text-sm">Bhutan (USD $)</span> 3290 </button> 3291 </li> 3292 3293 <li class="disclosure__item order-last" data-order="BO"> 3294 <button type="button" 3295 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3296 @click="country_code = 'BO'; openMain = false; activeSection = null;" 3297 3298 data-value="BO"> 3299 <span class="rounded-full w-5 h-5 bg-cover fi fi-bo"></span> 3300 <span class="text-sm">Bolivia (BOB Bs.)</span> 3301 </button> 3302 </li> 3303 3304 <li class="disclosure__item order-last" data-order="BA"> 3305 <button type="button" 3306 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3307 @click="country_code = 'BA'; openMain = false; activeSection = null;" 3308 3309 data-value="BA"> 3310 <span class="rounded-full w-5 h-5 bg-cover fi fi-ba"></span> 3311 <span class="text-sm">Bosnia & Herzegovina (BAM ÐÐ)</span> 3312 </button> 3313 </li> 3314 3315 <li class="disclosure__item order-last" data-order="BW"> 3316 <button type="button" 3317 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3318 @click="country_code = 'BW'; openMain = false; activeSection = null;" 3319 3320 data-value="BW"> 3321 <span class="rounded-full w-5 h-5 bg-cover fi fi-bw"></span> 3322 <span class="text-sm">Botswana (BWP P)</span> 3323 </button> 3324 </li> 3325 3326 <li class="disclosure__item order-last" data-order="BR"> 3327 <button type="button" 3328 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3329 @click="country_code = 'BR'; openMain = false; activeSection = null;" 3330 3331 data-value="BR"> 3332 <span class="rounded-full w-5 h-5 bg-cover fi fi-br"></span> 3333 <span class="text-sm">Brazil (BRL R$)</span> 3334 </button> 3335 </li> 3336 3337 <li class="disclosure__item order-last" data-order="IO"> 3338 <button type="button" 3339 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3340 @click="country_code = 'IO'; openMain = false; activeSection = null;" 3341 3342 data-value="IO"> 3343 <span class="rounded-full w-5 h-5 bg-cover fi fi-io"></span> 3344 <span class="text-sm">British Indian Ocean Territory (USD $)</span> 3345 </button> 3346 </li> 3347 3348 <li class="disclosure__item order-last" data-order="VG"> 3349 <button type="button" 3350 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3351 @click="country_code = 'VG'; openMain = false; activeSection = null;" 3352 3353 data-value="VG">
3354 <span class="rounded-full w-5 h-5 bg-cover fi fi-vg"></span> 3355 <span class="text-sm">British Virgin Islands (USD $)</span> 3356 </button> 3357 </li> 3358 3359 <li class="disclosure__item order-last" data-order="BN"> 3360 <button type="button" 3361 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3362 @click="country_code = 'BN'; openMain = false; activeSection = null;" 3363 3364 data-value="BN"> 3365 <span class="rounded-full w-5 h-5 bg-cover fi fi-bn"></span> 3366 <span class="text-sm">Brunei (BND $)</span> 3367 </button> 3368 </li> 3369 3370 <li class="disclosure__item order-last" data-order="BG"> 3371 <button type="button" 3372 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3373 @click="country_code = 'BG'; openMain = false; activeSection = null;" 3374 3375 data-value="BG"> 3376 <span class="rounded-full w-5 h-5 bg-cover fi fi-bg"></span> 3377 <span class="text-sm">Bulgaria (EUR â¬)</span> 3378 </button> 3379 </li> 3380 3381 <li class="disclosure__item order-last" data-order="BF"> 3382 <button type="button" 3383 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3384 @click="country_code = 'BF'; openMain = false; activeSection = null;" 3385 3386 data-value="BF"> 3387 <span class="rounded-full w-5 h-5 bg-cover fi fi-bf"></span> 3388 <span class="text-sm">Burkina Faso (XOF Fr)</span> 3389 </button> 3390 </li> 3391 3392 <li class="disclosure__item order-last" data-order="BI"> 3393 <button type="button" 3394 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3395 @click="country_code = 'BI'; openMain = false; activeSection = null;" 3396 3397 data-value="BI"> 3398 <span class="rounded-full w-5 h-5 bg-cover fi fi-bi"></span> 3399 <span class="text-sm">Burundi (BIF Fr)</span> 3400 </button> 3401 </li> 3402 3403 <li class="disclosure__item order-last" data-order="KH"> 3404 <button type="button" 3405 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3406 @click="country_code = 'KH'; openMain = false; activeSection = null;" 3407 3408 data-value="KH"> 3409 <span class="rounded-full w-5 h-5 bg-cover fi fi-kh"></span> 3410 <span class="text-sm">Cambodia (KHR á)</span> 3411 </button> 3412 </li> 3413 3414 <li class="disclosure__item order-last" data-order="CM"> 3415 <button type="button" 3416 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3417 @click="country_code = 'CM'; openMain = false; activeSection = null;" 3418 3419 data-value="CM">
3420 <span class="rounded-full w-5 h-5 bg-cover fi fi-cm"></span> 3421 <span class="text-sm">Cameroon (XAF CFA)</span> 3422 </button> 3423 </li> 3424 3425 <li class="disclosure__item order-last" data-order="CA"> 3426 <button type="button" 3427 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3428 @click="country_code = 'CA'; openMain = false; activeSection = null;" 3429 3430 data-value="CA"> 3431 <span class="rounded-full w-5 h-5 bg-cover fi fi-ca"></span> 3432 <span class="text-sm">Canada (CAD $)</span> 3433 </button> 3434 </li> 3435 3436 <li class="disclosure__item order-last" data-order="CV"> 3437 <button type="button" 3438 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3439 @click="country_code = 'CV'; openMain = false; activeSection = null;" 3440 3441 data-value="CV"> 3442 <span class="rounded-full w-5 h-5 bg-cover fi fi-cv"></span> 3443 <span class="text-sm">Cape Verde (CVE $)</span> 3444 </button> 3445 </li> 3446 3447 <li class="disclosure__item order-last" data-order="BQ"> 3448 <button type="button" 3449 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3450 @click="country_code = 'BQ'; openMain = false; activeSection = null;" 3451 3452 data-value="BQ"> 3453 <span class="rounded-full w-5 h-5 bg-cover fi fi-bq"></span> 3454 <span class="text-sm">Caribbean Netherlands (USD $)</span> 3455 </button> 3456 </li> 3457 3458 <li class="disclosure__item order-last" data-order="KY"> 3459 <button type="button" 3460 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3461 @click="country_code = 'KY'; openMain = false; activeSection = null;" 3462 3463 data-value="KY"> 3464 <span class="rounded-full w-5 h-5 bg-cover fi fi-ky"></span> 3465 <span class="text-sm">Cayman Islands (KYD $)</span> 3466 </button> 3467 </li> 3468 3469 <li class="disclosure__item order-last" data-order="CF"> 3470 <button type="button" 3471 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3472 @click="country_code = 'CF'; openMain = false; activeSection = null;" 3473 3474 data-value="CF"> 3475 <span class="rounded-full w-5 h-5 bg-cover fi fi-cf"></span> 3476 <span class="text-sm">Central African Republic (XAF CFA)</span> 3477 </button> 3478 </li> 3479 3480 <li class="disclosure__item order-last" data-order="TD"> 3481 <button type="button" 3482 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3483 @click="country_code = 'TD'; openMain = false; activeSection = null;" 3484 3485 data-value="TD">
3486 <span class="rounded-full w-5 h-5 bg-cover fi fi-td"></span> 3487 <span class="text-sm">Chad (XAF CFA)</span> 3488 </button> 3489 </li> 3490 3491 <li class="disclosure__item order-last" data-order="CL"> 3492 <button type="button" 3493 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3494 @click="country_code = 'CL'; openMain = false; activeSection = null;" 3495 3496 data-value="CL"> 3497 <span class="rounded-full w-5 h-5 bg-cover fi fi-cl"></span> 3498 <span class="text-sm">Chile (USD $)</span> 3499 </button> 3500 </li> 3501 3502 <li class="disclosure__item order-last" data-order="CN"> 3503 <button type="button" 3504 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3505 @click="country_code = 'CN'; openMain = false; activeSection = null;" 3506 3507 data-value="CN"> 3508 <span class="rounded-full w-5 h-5 bg-cover fi fi-cn"></span> 3509 <span class="text-sm">China (CNY ¥)</span> 3510 </button> 3511 </li> 3512 3513 <li class="disclosure__item order-last" data-order="CX"> 3514 <button type="button" 3515 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3516 @click="country_code = 'CX'; openMain = false; activeSection = null;" 3517 3518 data-value="CX"> 3519 <span class="rounded-full w-5 h-5 bg-cover fi fi-cx"></span> 3520 <span class="text-sm">Christmas Island (AUD $)</span> 3521 </button> 3522 </li> 3523 3524 <li class="disclosure__item order-last" data-order="CC"> 3525 <button type="button" 3526 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3527 @click="country_code = 'CC'; openMain = false; activeSection = null;" 3528 3529 data-value="CC"> 3530 <span class="rounded-full w-5 h-5 bg-cover fi fi-cc"></span> 3531 <span class="text-sm">Cocos (Keeling) Islands (AUD $)</span> 3532 </button> 3533 </li> 3534 3535 <li class="disclosure__item order-last" data-order="CO"> 3536 <button type="button" 3537 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3538 @click="country_code = 'CO'; openMain = false; activeSection = null;" 3539 3540 data-value="CO"> 3541 <span class="rounded-full w-5 h-5 bg-cover fi fi-co"></span> 3542 <span class="text-sm">Colombia (USD $)</span> 3543 </button> 3544 </li> 3545 3546 <li class="disclosure__item order-last" data-order="KM"> 3547 <button type="button" 3548 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3549 @click="country_code = 'KM'; openMain = false; activeSection = null;" 3550 3551 data-value="KM">
3552 <span class="rounded-full w-5 h-5 bg-cover fi fi-km"></span> 3553 <span class="text-sm">Comoros (KMF Fr)</span> 3554 </button> 3555 </li> 3556 3557 <li class="disclosure__item order-last" data-order="CG"> 3558 <button type="button" 3559 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3560 @click="country_code = 'CG'; openMain = false; activeSection = null;" 3561 3562 data-value="CG"> 3563 <span class="rounded-full w-5 h-5 bg-cover fi fi-cg"></span> 3564 <span class="text-sm">Congo - Brazzaville (XAF CFA)</span> 3565 </button> 3566 </li> 3567 3568 <li class="disclosure__item order-last" data-order="CD"> 3569 <button type="button" 3570 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3571 @click="country_code = 'CD'; openMain = false; activeSection = null;" 3572 3573 data-value="CD"> 3574 <span class="rounded-full w-5 h-5 bg-cover fi fi-cd"></span> 3575 <span class="text-sm">Congo - Kinshasa (CDF Fr)</span> 3576 </button> 3577 </li> 3578 3579 <li class="disclosure__item order-last" data-order="CK"> 3580 <button type="button" 3581 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3582 @click="country_code = 'CK'; openMain = false; activeSection = null;" 3583 3584 data-value="CK"> 3585 <span class="rounded-full w-5 h-5 bg-cover fi fi-ck"></span> 3586 <span class="text-sm">Cook Islands (NZD $)</span> 3587 </button> 3588 </li> 3589 3590 <li class="disclosure__item order-last" data-order="CR"> 3591 <button type="button" 3592 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3593 @click="country_code = 'CR'; openMain = false; activeSection = null;" 3594 3595 data-value="CR"> 3596 <span class="rounded-full w-5 h-5 bg-cover fi fi-cr"></span> 3597 <span class="text-sm">Costa Rica (CRC â¡)</span> 3598 </button> 3599 </li> 3600 3601 <li class="disclosure__item order-last" data-order="CI"> 3602 <button type="button" 3603 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3604 @click="country_code = 'CI'; openMain = false; activeSection = null;" 3605 3606 data-value="CI"> 3607 <span class="rounded-full w-5 h-5 bg-cover fi fi-ci"></span> 3608 <span class="text-sm">Côte dâIvoire (XOF Fr)</span> 3609 </button> 3610 </li> 3611 3612 <li class="disclosure__item order-last" data-order="HR"> 3613 <button type="button" 3614 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3615 @click="country_code = 'HR'; openMain = false; activeSection = null;" 3616 3617 data-value="HR">
3618 <span class="rounded-full w-5 h-5 bg-cover fi fi-hr"></span> 3619 <span class="text-sm">Croatia (EUR â¬)</span> 3620 </button> 3621 </li> 3622 3623 <li class="disclosure__item order-last" data-order="CW"> 3624 <button type="button" 3625 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3626 @click="country_code = 'CW'; openMain = false; activeSection = null;" 3627 3628 data-value="CW"> 3629 <span class="rounded-full w-5 h-5 bg-cover fi fi-cw"></span> 3630 <span class="text-sm">Curaçao (ANG Æ)</span> 3631 </button> 3632 </li> 3633 3634 <li class="disclosure__item order-last" data-order="CY"> 3635 <button type="button" 3636 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3637 @click="country_code = 'CY'; openMain = false; activeSection = null;" 3638 3639 data-value="CY"> 3640 <span class="rounded-full w-5 h-5 bg-cover fi fi-cy"></span> 3641 <span class="text-sm">Cyprus (EUR â¬)</span> 3642 </button> 3643 </li> 3644 3645 <li class="disclosure__item order-last" data-order="CZ"> 3646 <button type="button" 3647 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3648 @click="country_code = 'CZ'; openMain = false; activeSection = null;" 3649 3650 data-value="CZ"> 3651 <span class="rounded-full w-5 h-5 bg-cover fi fi-cz"></span> 3652 <span class="text-sm">Czechia (CZK KÄ)</span> 3653 </button> 3654 </li> 3655 3656 <li class="disclosure__item order-last" data-order="DK"> 3657 <button type="button" 3658 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3659 @click="country_code = 'DK'; openMain = false; activeSection = null;" 3660 3661 data-value="DK"> 3662 <span class="rounded-full w-5 h-5 bg-cover fi fi-dk"></span> 3663 <span class="text-sm">Denmark (DKK kr.)</span> 3664 </button> 3665 </li> 3666 3667 <li class="disclosure__item order-last" data-order="DJ"> 3668 <button type="button" 3669 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3670 @click="country_code = 'DJ'; openMain = false; activeSection = null;" 3671 3672 data-value="DJ"> 3673 <span class="rounded-full w-5 h-5 bg-cover fi fi-dj"></span> 3674 <span class="text-sm">Djibouti (DJF Fdj)</span> 3675 </button> 3676 </li> 3677 3678 <li class="disclosure__item order-last" data-order="DM"> 3679 <button type="button" 3680 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3681 @click="country_code = 'DM'; openMain = false; activeSection = null;" 3682 3683 data-value="DM">
3684 <span class="rounded-full w-5 h-5 bg-cover fi fi-dm"></span> 3685 <span class="text-sm">Dominica (XCD $)</span> 3686 </button> 3687 </li> 3688 3689 <li class="disclosure__item order-last" data-order="DO"> 3690 <button type="button" 3691 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3692 @click="country_code = 'DO'; openMain = false; activeSection = null;" 3693 3694 data-value="DO"> 3695 <span class="rounded-full w-5 h-5 bg-cover fi fi-do"></span> 3696 <span class="text-sm">Dominican Republic (DOP $)</span> 3697 </button> 3698 </li> 3699 3700 <li class="disclosure__item order-last" data-order="EC"> 3701 <button type="button" 3702 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3703 @click="country_code = 'EC'; openMain = false; activeSection = null;" 3704 3705 data-value="EC"> 3706 <span class="rounded-full w-5 h-5 bg-cover fi fi-ec"></span> 3707 <span class="text-sm">Ecuador (USD $)</span> 3708 </button> 3709 </li> 3710 3711 <li class="disclosure__item order-last" data-order="EG"> 3712 <button type="button" 3713 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3714 @click="country_code = 'EG'; openMain = false; activeSection = null;" 3715 3716 data-value="EG"> 3717 <span class="rounded-full w-5 h-5 bg-cover fi fi-eg"></span> 3718 <span class="text-sm">Egypt (EGP ج.٠)</span> 3719 </button> 3720 </li> 3721 3722 <li class="disclosure__item order-last" data-order="SV"> 3723 <button type="button" 3724 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3725 @click="country_code = 'SV'; openMain = false; activeSection = null;" 3726 3727 data-value="SV"> 3728 <span class="rounded-full w-5 h-5 bg-cover fi fi-sv"></span> 3729 <span class="text-sm">El Salvador (USD $)</span> 3730 </button> 3731 </li> 3732 3733 <li class="disclosure__item order-last" data-order="GQ"> 3734 <button type="button" 3735 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3736 @click="country_code = 'GQ'; openMain = false; activeSection = null;" 3737 3738 data-value="GQ"> 3739 <span class="rounded-full w-5 h-5 bg-cover fi fi-gq"></span> 3740 <span class="text-sm">Equatorial Guinea (XAF CFA)</span> 3741 </button> 3742 </li> 3743 3744 <li class="disclosure__item order-last" data-order="ER"> 3745 <button type="button" 3746 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3747 @click="country_code = 'ER'; openMain = false; activeSection = null;" 3748 3749 data-value="ER">
3750 <span class="rounded-full w-5 h-5 bg-cover fi fi-er"></span> 3751 <span class="text-sm">Eritrea (USD $)</span> 3752 </button> 3753 </li> 3754 3755 <li class="disclosure__item order-last" data-order="EE"> 3756 <button type="button" 3757 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3758 @click="country_code = 'EE'; openMain = false; activeSection = null;" 3759 3760 data-value="EE"> 3761 <span class="rounded-full w-5 h-5 bg-cover fi fi-ee"></span> 3762 <span class="text-sm">Estonia (EUR â¬)</span> 3763 </button> 3764 </li> 3765 3766 <li class="disclosure__item order-last" data-order="SZ"> 3767 <button type="button" 3768 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3769 @click="country_code = 'SZ'; openMain = false; activeSection = null;" 3770 3771 data-value="SZ"> 3772 <span class="rounded-full w-5 h-5 bg-cover fi fi-sz"></span> 3773 <span class="text-sm">Eswatini (USD $)</span> 3774 </button> 3775 </li> 3776 3777 <li class="disclosure__item order-last" data-order="ET"> 3778 <button type="button" 3779 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3780 @click="country_code = 'ET'; openMain = false; activeSection = null;" 3781 3782 data-value="ET"> 3783 <span class="rounded-full w-5 h-5 bg-cover fi fi-et"></span> 3784 <span class="text-sm">Ethiopia (ETB Br)</span> 3785 </button> 3786 </li> 3787 3788 <li class="disclosure__item order-last" data-order="FK"> 3789 <button type="button" 3790 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3791 @click="country_code = 'FK'; openMain = false; activeSection = null;" 3792 3793 data-value="FK"> 3794 <span class="rounded-full w-5 h-5 bg-cover fi fi-fk"></span> 3795 <span class="text-sm">Falkland Islands (FKP £)</span> 3796 </button> 3797 </li> 3798 3799 <li class="disclosure__item order-last" data-order="FO"> 3800 <button type="button" 3801 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3802 @click="country_code = 'FO'; openMain = false; activeSection = null;" 3803 3804 data-value="FO"> 3805 <span class="rounded-full w-5 h-5 bg-cover fi fi-fo"></span> 3806 <span class="text-sm">Faroe Islands (DKK kr.)</span> 3807 </button> 3808 </li> 3809 3810 <li class="disclosure__item order-last" data-order="FJ"> 3811 <button type="button" 3812 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3813 @click="country_code = 'FJ'; openMain = false; activeSection = null;" 3814 3815 data-value="FJ">
3816 <span class="rounded-full w-5 h-5 bg-cover fi fi-fj"></span> 3817 <span class="text-sm">Fiji (FJD $)</span> 3818 </button> 3819 </li> 3820 3821 <li class="disclosure__item order-last" data-order="FI"> 3822 <button type="button" 3823 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3824 @click="country_code = 'FI'; openMain = false; activeSection = null;" 3825 3826 data-value="FI"> 3827 <span class="rounded-full w-5 h-5 bg-cover fi fi-fi"></span> 3828 <span class="text-sm">Finland (EUR â¬)</span> 3829 </button> 3830 </li> 3831 3832 <li class="disclosure__item order-last" data-order="FR"> 3833 <button type="button" 3834 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3835 @click="country_code = 'FR'; openMain = false; activeSection = null;" 3836 3837 data-value="FR"> 3838 <span class="rounded-full w-5 h-5 bg-cover fi fi-fr"></span> 3839 <span class="text-sm">France (EUR â¬)</span> 3840 </button> 3841 </li> 3842 3843 <li class="disclosure__item order-last" data-order="GF"> 3844 <button type="button" 3845 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3846 @click="country_code = 'GF'; openMain = false; activeSection = null;" 3847 3848 data-value="GF"> 3849 <span class="rounded-full w-5 h-5 bg-cover fi fi-gf"></span> 3850 <span class="text-sm">French Guiana (EUR â¬)</span> 3851 </button> 3852 </li> 3853 3854 <li class="disclosure__item order-last" data-order="PF"> 3855 <button type="button" 3856 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3857 @click="country_code = 'PF'; openMain = false; activeSection = null;" 3858 3859 data-value="PF"> 3860 <span class="rounded-full w-5 h-5 bg-cover fi fi-pf"></span> 3861 <span class="text-sm">French Polynesia (XPF Fr)</span> 3862 </button> 3863 </li> 3864 3865 <li class="disclosure__item order-last" data-order="TF"> 3866 <button type="button" 3867 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3868 @click="country_code = 'TF'; openMain = false; activeSection = null;" 3869 3870 data-value="TF"> 3871 <span class="rounded-full w-5 h-5 bg-cover fi fi-tf"></span> 3872 <span class="text-sm">French Southern Territories (EUR â¬)</span> 3873 </button> 3874 </li> 3875 3876 <li class="disclosure__item order-last" data-order="GA"> 3877 <button type="button" 3878 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3879 @click="country_code = 'GA'; openMain = false; activeSection = null;" 3880 3881 data-value="GA">
3882 <span class="rounded-full w-5 h-5 bg-cover fi fi-ga"></span> 3883 <span class="text-sm">Gabon (XOF Fr)</span> 3884 </button> 3885 </li> 3886 3887 <li class="disclosure__item order-last" data-order="GM"> 3888 <button type="button" 3889 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3890 @click="country_code = 'GM'; openMain = false; activeSection = null;" 3891 3892 data-value="GM"> 3893 <span class="rounded-full w-5 h-5 bg-cover fi fi-gm"></span> 3894 <span class="text-sm">Gambia (GMD D)</span> 3895 </button> 3896 </li> 3897 3898 <li class="disclosure__item order-last" data-order="GE"> 3899 <button type="button" 3900 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3901 @click="country_code = 'GE'; openMain = false; activeSection = null;" 3902 3903 data-value="GE"> 3904 <span class="rounded-full w-5 h-5 bg-cover fi fi-ge"></span> 3905 <span class="text-sm">Georgia (USD $)</span> 3906 </button> 3907 </li> 3908 3909 <li class="disclosure__item order-last" data-order="DE"> 3910 <button type="button" 3911 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3912 @click="country_code = 'DE'; openMain = false; activeSection = null;" 3913 3914 data-value="DE"> 3915 <span class="rounded-full w-5 h-5 bg-cover fi fi-de"></span> 3916 <span class="text-sm">Germany (EUR â¬)</span> 3917 </button> 3918 </li> 3919 3920 <li class="disclosure__item order-last" data-order="GH"> 3921 <button type="button" 3922 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3923 @click="country_code = 'GH'; openMain = false; activeSection = null;" 3924 3925 data-value="GH"> 3926 <span class="rounded-full w-5 h-5 bg-cover fi fi-gh"></span> 3927 <span class="text-sm">Ghana (USD $)</span> 3928 </button> 3929 </li> 3930 3931 <li class="disclosure__item order-last" data-order="GI"> 3932 <button type="button" 3933 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3934 @click="country_code = 'GI'; openMain = false; activeSection = null;" 3935 3936 data-value="GI"> 3937 <span class="rounded-full w-5 h-5 bg-cover fi fi-gi"></span> 3938 <span class="text-sm">Gibraltar (GBP £)</span> 3939 </button> 3940 </li> 3941 3942 <li class="disclosure__item order-last" data-order="GR"> 3943 <button type="button" 3944 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3945 @click="country_code = 'GR'; openMain = false; activeSection = null;" 3946 3947 data-value="GR">
3948 <span class="rounded-full w-5 h-5 bg-cover fi fi-gr"></span> 3949 <span class="text-sm">Greece (EUR â¬)</span> 3950 </button> 3951 </li> 3952 3953 <li class="disclosure__item order-last" data-order="GL"> 3954 <button type="button" 3955 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3956 @click="country_code = 'GL'; openMain = false; activeSection = null;" 3957 3958 data-value="GL"> 3959 <span class="rounded-full w-5 h-5 bg-cover fi fi-gl"></span> 3960 <span class="text-sm">Greenland (DKK kr.)</span> 3961 </button> 3962 </li> 3963 3964 <li class="disclosure__item order-last" data-order="GD"> 3965 <button type="button" 3966 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3967 @click="country_code = 'GD'; openMain = false; activeSection = null;" 3968 3969 data-value="GD"> 3970 <span class="rounded-full w-5 h-5 bg-cover fi fi-gd"></span> 3971 <span class="text-sm">Grenada (XCD $)</span> 3972 </button> 3973 </li> 3974 3975 <li class="disclosure__item order-last" data-order="GP"> 3976 <button type="button" 3977 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3978 @click="country_code = 'GP'; openMain = false; activeSection = null;" 3979 3980 data-value="GP"> 3981 <span class="rounded-full w-5 h-5 bg-cover fi fi-gp"></span> 3982 <span class="text-sm">Guadeloupe (EUR â¬)</span> 3983 </button> 3984 </li> 3985 3986 <li class="disclosure__item order-last" data-order="GT"> 3987 <button type="button" 3988 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 3989 @click="country_code = 'GT'; openMain = false; activeSection = null;" 3990 3991 data-value="GT"> 3992 <span class="rounded-full w-5 h-5 bg-cover fi fi-gt"></span> 3993 <span class="text-sm">Guatemala (GTQ Q)</span> 3994 </button> 3995 </li> 3996 3997 <li class="disclosure__item order-last" data-order="GG"> 3998 <button type="button" 3999 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4000 @click="country_code = 'GG'; openMain = false; activeSection = null;" 4001 4002 data-value="GG"> 4003 <span class="rounded-full w-5 h-5 bg-cover fi fi-gg"></span> 4004 <span class="text-sm">Guernsey (GBP £)</span> 4005 </button> 4006 </li> 4007 4008 <li class="disclosure__item order-last" data-order="GN"> 4009 <button type="button" 4010 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4011 @click="country_code = 'GN'; openMain = false; activeSection = null;" 4012 4013 data-value="GN">
4014 <span class="rounded-full w-5 h-5 bg-cover fi fi-gn"></span> 4015 <span class="text-sm">Guinea (GNF Fr)</span> 4016 </button> 4017 </li> 4018 4019 <li class="disclosure__item order-last" data-order="GW"> 4020 <button type="button" 4021 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4022 @click="country_code = 'GW'; openMain = false; activeSection = null;" 4023 4024 data-value="GW"> 4025 <span class="rounded-full w-5 h-5 bg-cover fi fi-gw"></span> 4026 <span class="text-sm">Guinea-Bissau (XOF Fr)</span> 4027 </button> 4028 </li> 4029 4030 <li class="disclosure__item order-last" data-order="GY"> 4031 <button type="button" 4032 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4033 @click="country_code = 'GY'; openMain = false; activeSection = null;" 4034 4035 data-value="GY"> 4036 <span class="rounded-full w-5 h-5 bg-cover fi fi-gy"></span> 4037 <span class="text-sm">Guyana (GYD $)</span> 4038 </button> 4039 </li> 4040 4041 <li class="disclosure__item order-last" data-order="HT"> 4042 <button type="button" 4043 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4044 @click="country_code = 'HT'; openMain = false; activeSection = null;" 4045 4046 data-value="HT"> 4047 <span class="rounded-full w-5 h-5 bg-cover fi fi-ht"></span> 4048 <span class="text-sm">Haiti (USD $)</span> 4049 </button> 4050 </li> 4051 4052 <li class="disclosure__item order-last" data-order="HN"> 4053 <button type="button" 4054 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4055 @click="country_code = 'HN'; openMain = false; activeSection = null;" 4056 4057 data-value="HN"> 4058 <span class="rounded-full w-5 h-5 bg-cover fi fi-hn"></span> 4059 <span class="text-sm">Honduras (HNL L)</span> 4060 </button> 4061 </li> 4062 4063 <li class="disclosure__item order-last" data-order="HK"> 4064 <button type="button" 4065 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4066 @click="country_code = 'HK'; openMain = false; activeSection = null;" 4067 4068 data-value="HK"> 4069 <span class="rounded-full w-5 h-5 bg-cover fi fi-hk"></span> 4070 <span class="text-sm">Hong Kong SAR (HKD $)</span> 4071 </button> 4072 </li> 4073 4074 <li class="disclosure__item order-last" data-order="HU"> 4075 <button type="button" 4076 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4077 @click="country_code = 'HU'; openMain = false; activeSection = null;" 4078 4079 data-value="HU">
4080 <span class="rounded-full w-5 h-5 bg-cover fi fi-hu"></span> 4081 <span class="text-sm">Hungary (HUF Ft)</span> 4082 </button> 4083 </li> 4084 4085 <li class="disclosure__item order-last" data-order="IS"> 4086 <button type="button" 4087 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4088 @click="country_code = 'IS'; openMain = false; activeSection = null;" 4089 4090 data-value="IS"> 4091 <span class="rounded-full w-5 h-5 bg-cover fi fi-is"></span> 4092 <span class="text-sm">Iceland (ISK kr)</span> 4093 </button> 4094 </li> 4095 4096 <li class="disclosure__item order-last" data-order="IN"> 4097 <button type="button" 4098 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4099 @click="country_code = 'IN'; openMain = false; activeSection = null;" 4100 4101 data-value="IN"> 4102 <span class="rounded-full w-5 h-5 bg-cover fi fi-in"></span> 4103 <span class="text-sm">India (INR â¹)</span> 4104 </button> 4105 </li> 4106 4107 <li class="disclosure__item order-last" data-order="ID"> 4108 <button type="button" 4109 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4110 @click="country_code = 'ID'; openMain = false; activeSection = null;" 4111 4112 data-value="ID"> 4113 <span class="rounded-full w-5 h-5 bg-cover fi fi-id"></span> 4114 <span class="text-sm">Indonesia (IDR Rp)</span> 4115 </button> 4116 </li> 4117 4118 <li class="disclosure__item order-last" data-order="IQ"> 4119 <button type="button" 4120 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4121 @click="country_code = 'IQ'; openMain = false; activeSection = null;" 4122 4123 data-value="IQ"> 4124 <span class="rounded-full w-5 h-5 bg-cover fi fi-iq"></span> 4125 <span class="text-sm">Iraq (USD $)</span> 4126 </button> 4127 </li> 4128 4129 <li class="disclosure__item order-last" data-order="IE"> 4130 <button type="button" 4131 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4132 @click="country_code = 'IE'; openMain = false; activeSection = null;" 4133 4134 data-value="IE"> 4135 <span class="rounded-full w-5 h-5 bg-cover fi fi-ie"></span> 4136 <span class="text-sm">Ireland (EUR â¬)</span> 4137 </button> 4138 </li> 4139 4140 <li class="disclosure__item order-last" data-order="IM"> 4141 <button type="button" 4142 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4143 @click="country_code = 'IM'; openMain = false; activeSection = null;" 4144 4145 data-value="IM">
4146 <span class="rounded-full w-5 h-5 bg-cover fi fi-im"></span> 4147 <span class="text-sm">Isle of Man (GBP £)</span> 4148 </button> 4149 </li> 4150 4151 <li class="disclosure__item order-last" data-order="IL"> 4152 <button type="button" 4153 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4154 @click="country_code = 'IL'; openMain = false; activeSection = null;" 4155 4156 data-value="IL"> 4157 <span class="rounded-full w-5 h-5 bg-cover fi fi-il"></span> 4158 <span class="text-sm">Israel (ILS âª)</span> 4159 </button> 4160 </li> 4161 4162 <li class="disclosure__item order-last" data-order="IT"> 4163 <button type="button" 4164 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4165 @click="country_code = 'IT'; openMain = false; activeSection = null;" 4166 4167 data-value="IT"> 4168 <span class="rounded-full w-5 h-5 bg-cover fi fi-it"></span> 4169 <span class="text-sm">Italy (EUR â¬)</span> 4170 </button> 4171 </li> 4172 4173 <li class="disclosure__item order-last" data-order="JM"> 4174 <button type="button" 4175 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4176 @click="country_code = 'JM'; openMain = false; activeSection = null;" 4177 4178 data-value="JM"> 4179 <span class="rounded-full w-5 h-5 bg-cover fi fi-jm"></span> 4180 <span class="text-sm">Jamaica (JMD $)</span> 4181 </button> 4182 </li> 4183 4184 <li class="disclosure__item order-last" data-order="JP"> 4185 <button type="button" 4186 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4187 @click="country_code = 'JP'; openMain = false; activeSection = null;" 4188 4189 data-value="JP"> 4190 <span class="rounded-full w-5 h-5 bg-cover fi fi-jp"></span> 4191 <span class="text-sm">Japan (JPY Â¥)</span> 4192 </button> 4193 </li> 4194 4195 <li class="disclosure__item order-last" data-order="JE"> 4196 <button type="button" 4197 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4198 @click="country_code = 'JE'; openMain = false; activeSection = null;" 4199 4200 data-value="JE"> 4201 <span class="rounded-full w-5 h-5 bg-cover fi fi-je"></span> 4202 <span class="text-sm">Jersey (GBP £)</span> 4203 </button> 4204 </li> 4205 4206 <li class="disclosure__item order-last" data-order="JO"> 4207 <button type="button" 4208 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4209 @click="country_code = 'JO'; openMain = false; activeSection = null;" 4210 4211 data-value="JO">
4212 <span class="rounded-full w-5 h-5 bg-cover fi fi-jo"></span> 4213 <span class="text-sm">Jordan (USD $)</span> 4214 </button> 4215 </li> 4216 4217 <li class="disclosure__item order-last" data-order="KZ"> 4218 <button type="button" 4219 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4220 @click="country_code = 'KZ'; openMain = false; activeSection = null;" 4221 4222 data-value="KZ"> 4223 <span class="rounded-full w-5 h-5 bg-cover fi fi-kz"></span> 4224 <span class="text-sm">Kazakhstan (KZT â¸)</span> 4225 </button> 4226 </li> 4227 4228 <li class="disclosure__item order-last" data-order="KE"> 4229 <button type="button" 4230 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4231 @click="country_code = 'KE'; openMain = false; activeSection = null;" 4232 4233 data-value="KE"> 4234 <span class="rounded-full w-5 h-5 bg-cover fi fi-ke"></span> 4235 <span class="text-sm">Kenya (KES KSh)</span> 4236 </button> 4237 </li> 4238 4239 <li class="disclosure__item order-last" data-order="KI"> 4240 <button type="button" 4241 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4242 @click="country_code = 'KI'; openMain = false; activeSection = null;" 4243 4244 data-value="KI"> 4245 <span class="rounded-full w-5 h-5 bg-cover fi fi-ki"></span> 4246 <span class="text-sm">Kiribati (USD $)</span> 4247 </button> 4248 </li> 4249 4250 <li class="disclosure__item order-last" data-order="XK"> 4251 <button type="button" 4252 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4253 @click="country_code = 'XK'; openMain = false; activeSection = null;" 4254 4255 data-value="XK"> 4256 <span class="rounded-full w-5 h-5 bg-cover fi fi-xk"></span> 4257 <span class="text-sm">Kosovo (EUR â¬)</span> 4258 </button> 4259 </li> 4260 4261 <li class="disclosure__item order-last" data-order="KW"> 4262 <button type="button" 4263 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4264 @click="country_code = 'KW'; openMain = false; activeSection = null;" 4265 4266 data-value="KW"> 4267 <span class="rounded-full w-5 h-5 bg-cover fi fi-kw"></span> 4268 <span class="text-sm">Kuwait (AED د.Ø¥)</span> 4269 </button> 4270 </li> 4271 4272 <li class="disclosure__item order-last" data-order="KG"> 4273 <button type="button" 4274 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4275 @click="country_code = 'KG'; openMain = false; activeSection = null;" 4276 4277 data-value="KG">
4278 <span class="rounded-full w-5 h-5 bg-cover fi fi-kg"></span> 4279 <span class="text-sm">Kyrgyzstan (KGS som)</span> 4280 </button> 4281 </li> 4282 4283 <li class="disclosure__item order-last" data-order="LA"> 4284 <button type="button" 4285 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4286 @click="country_code = 'LA'; openMain = false; activeSection = null;" 4287 4288 data-value="LA"> 4289 <span class="rounded-full w-5 h-5 bg-cover fi fi-la"></span> 4290 <span class="text-sm">Laos (LAK â)</span> 4291 </button> 4292 </li> 4293 4294 <li class="disclosure__item order-last" data-order="LV"> 4295 <button type="button" 4296 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4297 @click="country_code = 'LV'; openMain = false; activeSection = null;" 4298 4299 data-value="LV"> 4300 <span class="rounded-full w-5 h-5 bg-cover fi fi-lv"></span> 4301 <span class="text-sm">Latvia (EUR â¬)</span> 4302 </button> 4303 </li> 4304 4305 <li class="disclosure__item order-last" data-order="LB"> 4306 <button type="button" 4307 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4308 @click="country_code = 'LB'; openMain = false; activeSection = null;" 4309 4310 data-value="LB"> 4311 <span class="rounded-full w-5 h-5 bg-cover fi fi-lb"></span> 4312 <span class="text-sm">Lebanon (LBP Ù.Ù)</span> 4313 </button> 4314 </li> 4315 4316 <li class="disclosure__item order-last" data-order="LS"> 4317 <button type="button" 4318 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4319 @click="country_code = 'LS'; openMain = false; activeSection = null;" 4320 4321 data-value="LS"> 4322 <span class="rounded-full w-5 h-5 bg-cover fi fi-ls"></span> 4323 <span class="text-sm">Lesotho (USD $)</span> 4324 </button> 4325 </li> 4326 4327 <li class="disclosure__item order-last" data-order="LR"> 4328 <button type="button" 4329 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4330 @click="country_code = 'LR'; openMain = false; activeSection = null;" 4331 4332 data-value="LR"> 4333 <span class="rounded-full w-5 h-5 bg-cover fi fi-lr"></span> 4334 <span class="text-sm">Liberia (USD $)</span> 4335 </button> 4336 </li> 4337 4338 <li class="disclosure__item order-last" data-order="LY"> 4339 <button type="button" 4340 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4341 @click="country_code = 'LY'; openMain = false; activeSection = null;" 4342 4343 data-value="LY">
4344 <span class="rounded-full w-5 h-5 bg-cover fi fi-ly"></span> 4345 <span class="text-sm">Libya (USD $)</span> 4346 </button> 4347 </li> 4348 4349 <li class="disclosure__item order-last" data-order="LI"> 4350 <button type="button" 4351 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4352 @click="country_code = 'LI'; openMain = false; activeSection = null;" 4353 4354 data-value="LI"> 4355 <span class="rounded-full w-5 h-5 bg-cover fi fi-li"></span> 4356 <span class="text-sm">Liechtenstein (CHF CHF)</span> 4357 </button> 4358 </li> 4359 4360 <li class="disclosure__item order-last" data-order="LT"> 4361 <button type="button" 4362 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4363 @click="country_code = 'LT'; openMain = false; activeSection = null;" 4364 4365 data-value="LT"> 4366 <span class="rounded-full w-5 h-5 bg-cover fi fi-lt"></span> 4367 <span class="text-sm">Lithuania (EUR â¬)</span> 4368 </button> 4369 </li> 4370 4371 <li class="disclosure__item order-last" data-order="LU"> 4372 <button type="button" 4373 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4374 @click="country_code = 'LU'; openMain = false; activeSection = null;" 4375 4376 data-value="LU"> 4377 <span class="rounded-full w-5 h-5 bg-cover fi fi-lu"></span> 4378 <span class="text-sm">Luxembourg (EUR â¬)</span> 4379 </button> 4380 </li> 4381 4382 <li class="disclosure__item order-last" data-order="MO"> 4383 <button type="button" 4384 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4385 @click="country_code = 'MO'; openMain = false; activeSection = null;" 4386 4387 data-value="MO"> 4388 <span class="rounded-full w-5 h-5 bg-cover fi fi-mo"></span> 4389 <span class="text-sm">Macao SAR (MOP P)</span> 4390 </button> 4391 </li> 4392 4393 <li class="disclosure__item order-last" data-order="MG"> 4394 <button type="button" 4395 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4396 @click="country_code = 'MG'; openMain = false; activeSection = null;" 4397 4398 data-value="MG"> 4399 <span class="rounded-full w-5 h-5 bg-cover fi fi-mg"></span> 4400 <span class="text-sm">Madagascar (USD $)</span> 4401 </button> 4402 </li> 4403 4404 <li class="disclosure__item order-last" data-order="MW"> 4405 <button type="button" 4406 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4407 @click="country_code = 'MW'; openMain = false; activeSection = null;" 4408 4409 data-value="MW">
4410 <span class="rounded-full w-5 h-5 bg-cover fi fi-mw"></span> 4411 <span class="text-sm">Malawi (MWK MK)</span> 4412 </button> 4413 </li> 4414 4415 <li class="disclosure__item order-last" data-order="MY"> 4416 <button type="button" 4417 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4418 @click="country_code = 'MY'; openMain = false; activeSection = null;" 4419 4420 data-value="MY"> 4421 <span class="rounded-full w-5 h-5 bg-cover fi fi-my"></span> 4422 <span class="text-sm">Malaysia (MYR RM)</span> 4423 </button> 4424 </li> 4425 4426 <li class="disclosure__item order-last" data-order="MV"> 4427 <button type="button" 4428 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4429 @click="country_code = 'MV'; openMain = false; activeSection = null;" 4430 4431 data-value="MV"> 4432 <span class="rounded-full w-5 h-5 bg-cover fi fi-mv"></span> 4433 <span class="text-sm">Maldives (MVR MVR)</span> 4434 </button> 4435 </li> 4436 4437 <li class="disclosure__item order-last" data-order="ML"> 4438 <button type="button" 4439 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4440 @click="country_code = 'ML'; openMain = false; activeSection = null;" 4441 4442 data-value="ML"> 4443 <span class="rounded-full w-5 h-5 bg-cover fi fi-ml"></span> 4444 <span class="text-sm">Mali (XOF Fr)</span> 4445 </button> 4446 </li> 4447 4448 <li class="disclosure__item order-last" data-order="MT"> 4449 <button type="button" 4450 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4451 @click="country_code = 'MT'; openMain = false; activeSection = null;" 4452 4453 data-value="MT"> 4454 <span class="rounded-full w-5 h-5 bg-cover fi fi-mt"></span> 4455 <span class="text-sm">Malta (EUR â¬)</span> 4456 </button> 4457 </li> 4458 4459 <li class="disclosure__item order-last" data-order="MQ"> 4460 <button type="button" 4461 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4462 @click="country_code = 'MQ'; openMain = false; activeSection = null;" 4463 4464 data-value="MQ"> 4465 <span class="rounded-full w-5 h-5 bg-cover fi fi-mq"></span> 4466 <span class="text-sm">Martinique (EUR â¬)</span> 4467 </button> 4468 </li> 4469 4470 <li class="disclosure__item order-last" data-order="MR"> 4471 <button type="button" 4472 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4473 @click="country_code = 'MR'; openMain = false; activeSection = null;" 4474 4475 data-value="MR">
4476 <span class="rounded-full w-5 h-5 bg-cover fi fi-mr"></span> 4477 <span class="text-sm">Mauritania (USD $)</span> 4478 </button> 4479 </li> 4480 4481 <li class="disclosure__item order-last" data-order="MU"> 4482 <button type="button" 4483 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4484 @click="country_code = 'MU'; openMain = false; activeSection = null;" 4485 4486 data-value="MU"> 4487 <span class="rounded-full w-5 h-5 bg-cover fi fi-mu"></span> 4488 <span class="text-sm">Mauritius (MUR â¨)</span> 4489 </button> 4490 </li> 4491 4492 <li class="disclosure__item order-last" data-order="YT"> 4493 <button type="button" 4494 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4495 @click="country_code = 'YT'; openMain = false; activeSection = null;" 4496 4497 data-value="YT"> 4498 <span class="rounded-full w-5 h-5 bg-cover fi fi-yt"></span> 4499 <span class="text-sm">Mayotte (EUR â¬)</span> 4500 </button> 4501 </li> 4502 4503 <li class="disclosure__item order-last" data-order="MX"> 4504 <button type="button" 4505 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4506 @click="country_code = 'MX'; openMain = false; activeSection = null;" 4507 4508 data-value="MX"> 4509 <span class="rounded-full w-5 h-5 bg-cover fi fi-mx"></span> 4510 <span class="text-sm">Mexico (MXN $)</span> 4511 </button> 4512 </li> 4513 4514 <li class="disclosure__item order-last" data-order="MD"> 4515 <button type="button" 4516 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4517 @click="country_code = 'MD'; openMain = false; activeSection = null;" 4518 4519 data-value="MD"> 4520 <span class="rounded-full w-5 h-5 bg-cover fi fi-md"></span> 4521 <span class="text-sm">Moldova (MDL L)</span> 4522 </button> 4523 </li> 4524 4525 <li class="disclosure__item order-last" data-order="MC"> 4526 <button type="button" 4527 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4528 @click="country_code = 'MC'; openMain = false; activeSection = null;" 4529 4530 data-value="MC"> 4531 <span class="rounded-full w-5 h-5 bg-cover fi fi-mc"></span> 4532 <span class="text-sm">Monaco (EUR â¬)</span> 4533 </button> 4534 </li> 4535 4536 <li class="disclosure__item order-last" data-order="MN"> 4537 <button type="button" 4538 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4539 @click="country_code = 'MN'; openMain = false; activeSection = null;" 4540 4541 data-value="MN">
4542 <span class="rounded-full w-5 h-5 bg-cover fi fi-mn"></span> 4543 <span class="text-sm">Mongolia (MNT â®)</span> 4544 </button> 4545 </li> 4546 4547 <li class="disclosure__item order-last" data-order="ME"> 4548 <button type="button" 4549 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4550 @click="country_code = 'ME'; openMain = false; activeSection = null;" 4551 4552 data-value="ME"> 4553 <span class="rounded-full w-5 h-5 bg-cover fi fi-me"></span> 4554 <span class="text-sm">Montenegro (EUR â¬)</span> 4555 </button> 4556 </li> 4557 4558 <li class="disclosure__item order-last" data-order="MS"> 4559 <button type="button" 4560 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4561 @click="country_code = 'MS'; openMain = false; activeSection = null;" 4562 4563 data-value="MS"> 4564 <span class="rounded-full w-5 h-5 bg-cover fi fi-ms"></span> 4565 <span class="text-sm">Montserrat (XCD $)</span> 4566 </button> 4567 </li> 4568 4569 <li class="disclosure__item order-last" data-order="MA"> 4570 <button type="button" 4571 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4572 @click="country_code = 'MA'; openMain = false; activeSection = null;" 4573 4574 data-value="MA"> 4575 <span class="rounded-full w-5 h-5 bg-cover fi fi-ma"></span> 4576 <span class="text-sm">Morocco (MAD د.Ù .)</span> 4577 </button> 4578 </li> 4579 4580 <li class="disclosure__item order-last" data-order="MZ"> 4581 <button type="button" 4582 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4583 @click="country_code = 'MZ'; openMain = false; activeSection = null;" 4584 4585 data-value="MZ"> 4586 <span class="rounded-full w-5 h-5 bg-cover fi fi-mz"></span> 4587 <span class="text-sm">Mozambique (USD $)</span> 4588 </button> 4589 </li> 4590 4591 <li class="disclosure__item order-last" data-order="MM"> 4592 <button type="button" 4593 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4594 @click="country_code = 'MM'; openMain = false; activeSection = null;" 4595 4596 data-value="MM"> 4597 <span class="rounded-full w-5 h-5 bg-cover fi fi-mm"></span> 4598 <span class="text-sm">Myanmar (Burma) (MMK K)</span> 4599 </button> 4600 </li> 4601 4602 <li class="disclosure__item order-last" data-order="NA"> 4603 <button type="button" 4604 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4605 @click="country_code = 'NA'; openMain = false; activeSection = null;" 4606 4607 data-value="NA">
4608 <span class="rounded-full w-5 h-5 bg-cover fi fi-na"></span> 4609 <span class="text-sm">Namibia (USD $)</span> 4610 </button> 4611 </li> 4612 4613 <li class="disclosure__item order-last" data-order="NR"> 4614 <button type="button" 4615 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4616 @click="country_code = 'NR'; openMain = false; activeSection = null;" 4617 4618 data-value="NR"> 4619 <span class="rounded-full w-5 h-5 bg-cover fi fi-nr"></span> 4620 <span class="text-sm">Nauru (AUD $)</span> 4621 </button> 4622 </li> 4623 4624 <li class="disclosure__item order-last" data-order="NP"> 4625 <button type="button" 4626 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4627 @click="country_code = 'NP'; openMain = false; activeSection = null;" 4628 4629 data-value="NP"> 4630 <span class="rounded-full w-5 h-5 bg-cover fi fi-np"></span> 4631 <span class="text-sm">Nepal (NPR Rs.)</span> 4632 </button> 4633 </li> 4634 4635 <li class="disclosure__item order-last" data-order="NL"> 4636 <button type="button" 4637 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4638 @click="country_code = 'NL'; openMain = false; activeSection = null;" 4639 4640 data-value="NL"> 4641 <span class="rounded-full w-5 h-5 bg-cover fi fi-nl"></span> 4642 <span class="text-sm">Netherlands (EUR â¬)</span> 4643 </button> 4644 </li> 4645 4646 <li class="disclosure__item order-last" data-order="NC"> 4647 <button type="button" 4648 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4649 @click="country_code = 'NC'; openMain = false; activeSection = null;" 4650 4651 data-value="NC"> 4652 <span class="rounded-full w-5 h-5 bg-cover fi fi-nc"></span> 4653 <span class="text-sm">New Caledonia (XPF Fr)</span> 4654 </button> 4655 </li> 4656 4657 <li class="disclosure__item order-last" data-order="NZ"> 4658 <button type="button" 4659 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4660 @click="country_code = 'NZ'; openMain = false; activeSection = null;" 4661 4662 data-value="NZ"> 4663 <span class="rounded-full w-5 h-5 bg-cover fi fi-nz"></span> 4664 <span class="text-sm">New Zealand (NZD $)</span> 4665 </button> 4666 </li> 4667 4668 <li class="disclosure__item order-last" data-order="NI"> 4669 <button type="button" 4670 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4671 @click="country_code = 'NI'; openMain = false; activeSection = null;" 4672 4673 data-value="NI">
4674 <span class="rounded-full w-5 h-5 bg-cover fi fi-ni"></span> 4675 <span class="text-sm">Nicaragua (NIO C$)</span> 4676 </button> 4677 </li> 4678 4679 <li class="disclosure__item order-last" data-order="NE"> 4680 <button type="button" 4681 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4682 @click="country_code = 'NE'; openMain = false; activeSection = null;" 4683 4684 data-value="NE"> 4685 <span class="rounded-full w-5 h-5 bg-cover fi fi-ne"></span> 4686 <span class="text-sm">Niger (XOF Fr)</span> 4687 </button> 4688 </li> 4689 4690 <li class="disclosure__item order-last" data-order="NG"> 4691 <button type="button" 4692 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4693 @click="country_code = 'NG'; openMain = false; activeSection = null;" 4694 4695 data-value="NG"> 4696 <span class="rounded-full w-5 h-5 bg-cover fi fi-ng"></span> 4697 <span class="text-sm">Nigeria (NGN â¦)</span> 4698 </button> 4699 </li> 4700 4701 <li class="disclosure__item order-last" data-order="NU"> 4702 <button type="button" 4703 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4704 @click="country_code = 'NU'; openMain = false; activeSection = null;" 4705 4706 data-value="NU"> 4707 <span class="rounded-full w-5 h-5 bg-cover fi fi-nu"></span> 4708 <span class="text-sm">Niue (NZD $)</span> 4709 </button> 4710 </li> 4711 4712 <li class="disclosure__item order-last" data-order="NF"> 4713 <button type="button" 4714 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4715 @click="country_code = 'NF'; openMain = false; activeSection = null;" 4716 4717 data-value="NF"> 4718 <span class="rounded-full w-5 h-5 bg-cover fi fi-nf"></span> 4719 <span class="text-sm">Norfolk Island (AUD $)</span> 4720 </button> 4721 </li> 4722 4723 <li class="disclosure__item order-last" data-order="MK"> 4724 <button type="button" 4725 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4726 @click="country_code = 'MK'; openMain = false; activeSection = null;" 4727 4728 data-value="MK"> 4729 <span class="rounded-full w-5 h-5 bg-cover fi fi-mk"></span> 4730 <span class="text-sm">North Macedonia (MKD ден)</span> 4731 </button> 4732 </li> 4733 4734 <li class="disclosure__item order-last" data-order="NO"> 4735 <button type="button" 4736 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4737 @click="country_code = 'NO'; openMain = false; activeSection = null;" 4738 4739 data-value="NO">
4740 <span class="rounded-full w-5 h-5 bg-cover fi fi-no"></span> 4741 <span class="text-sm">Norway (NOK kr)</span> 4742 </button> 4743 </li> 4744 4745 <li class="disclosure__item order-last" data-order="OM"> 4746 <button type="button" 4747 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4748 @click="country_code = 'OM'; openMain = false; activeSection = null;" 4749 4750 data-value="OM"> 4751 <span class="rounded-full w-5 h-5 bg-cover fi fi-om"></span> 4752 <span class="text-sm">Oman (USD $)</span> 4753 </button> 4754 </li> 4755 4756 <li class="disclosure__item order-last" data-order="PK"> 4757 <button type="button" 4758 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4759 @click="country_code = 'PK'; openMain = false; activeSection = null;" 4760 4761 data-value="PK"> 4762 <span class="rounded-full w-5 h-5 bg-cover fi fi-pk"></span> 4763 <span class="text-sm">Pakistan (PKR â¨)</span> 4764 </button> 4765 </li> 4766 4767 <li class="disclosure__item order-last" data-order="PA"> 4768 <button type="button" 4769 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4770 @click="country_code = 'PA'; openMain = false; activeSection = null;" 4771 4772 data-value="PA"> 4773 <span class="rounded-full w-5 h-5 bg-cover fi fi-pa"></span> 4774 <span class="text-sm">Panama (USD $)</span> 4775 </button> 4776 </li> 4777 4778 <li class="disclosure__item order-last" data-order="PG"> 4779 <button type="button" 4780 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4781 @click="country_code = 'PG'; openMain = false; activeSection = null;" 4782 4783 data-value="PG"> 4784 <span class="rounded-full w-5 h-5 bg-cover fi fi-pg"></span> 4785 <span class="text-sm">Papua New Guinea (PGK K)</span> 4786 </button> 4787 </li> 4788 4789 <li class="disclosure__item order-last" data-order="PY"> 4790 <button type="button" 4791 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4792 @click="country_code = 'PY'; openMain = false; activeSection = null;" 4793 4794 data-value="PY"> 4795 <span class="rounded-full w-5 h-5 bg-cover fi fi-py"></span> 4796 <span class="text-sm">Paraguay (PYG â²)</span> 4797 </button> 4798 </li> 4799 4800 <li class="disclosure__item order-last" data-order="PE"> 4801 <button type="button" 4802 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4803 @click="country_code = 'PE'; openMain = false; activeSection = null;" 4804 4805 data-value="PE">
4806 <span class="rounded-full w-5 h-5 bg-cover fi fi-pe"></span> 4807 <span class="text-sm">Peru (PEN S/)</span> 4808 </button> 4809 </li> 4810 4811 <li class="disclosure__item order-last" data-order="PH"> 4812 <button type="button" 4813 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4814 @click="country_code = 'PH'; openMain = false; activeSection = null;" 4815 4816 data-value="PH"> 4817 <span class="rounded-full w-5 h-5 bg-cover fi fi-ph"></span> 4818 <span class="text-sm">Philippines (PHP â±)</span> 4819 </button> 4820 </li> 4821 4822 <li class="disclosure__item order-last" data-order="PN"> 4823 <button type="button" 4824 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4825 @click="country_code = 'PN'; openMain = false; activeSection = null;" 4826 4827 data-value="PN"> 4828 <span class="rounded-full w-5 h-5 bg-cover fi fi-pn"></span> 4829 <span class="text-sm">Pitcairn Islands (NZD $)</span> 4830 </button> 4831 </li> 4832 4833 <li class="disclosure__item order-last" data-order="PL"> 4834 <button type="button" 4835 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4836 @click="country_code = 'PL'; openMain = false; activeSection = null;" 4837 4838 data-value="PL"> 4839 <span class="rounded-full w-5 h-5 bg-cover fi fi-pl"></span> 4840 <span class="text-sm">Poland (PLN zÅ)</span> 4841 </button> 4842 </li> 4843 4844 <li class="disclosure__item order-last" data-order="PT"> 4845 <button type="button" 4846 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4847 @click="country_code = 'PT'; openMain = false; activeSection = null;" 4848 4849 data-value="PT"> 4850 <span class="rounded-full w-5 h-5 bg-cover fi fi-pt"></span> 4851 <span class="text-sm">Portugal (EUR â¬)</span> 4852 </button> 4853 </li> 4854 4855 <li class="disclosure__item order-last" data-order="QA"> 4856 <button type="button" 4857 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4858 @click="country_code = 'QA'; openMain = false; activeSection = null;" 4859 4860 data-value="QA"> 4861 <span class="rounded-full w-5 h-5 bg-cover fi fi-qa"></span> 4862 <span class="text-sm">Qatar (QAR ر.Ù)</span> 4863 </button> 4864 </li> 4865 4866 <li class="disclosure__item order-last" data-order="RE"> 4867 <button type="button" 4868 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4869 @click="country_code = 'RE'; openMain = false; activeSection = null;" 4870 4871 data-value="RE">
4872 <span class="rounded-full w-5 h-5 bg-cover fi fi-re"></span> 4873 <span class="text-sm">Réunion (EUR â¬)</span> 4874 </button> 4875 </li> 4876 4877 <li class="disclosure__item order-last" data-order="RO"> 4878 <button type="button" 4879 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4880 @click="country_code = 'RO'; openMain = false; activeSection = null;" 4881 4882 data-value="RO"> 4883 <span class="rounded-full w-5 h-5 bg-cover fi fi-ro"></span> 4884 <span class="text-sm">Romania (RON Lei)</span> 4885 </button> 4886 </li> 4887 4888 <li class="disclosure__item order-last" data-order="RW"> 4889 <button type="button" 4890 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4891 @click="country_code = 'RW'; openMain = false; activeSection = null;" 4892 4893 data-value="RW"> 4894 <span class="rounded-full w-5 h-5 bg-cover fi fi-rw"></span> 4895 <span class="text-sm">Rwanda (RWF FRw)</span> 4896 </button> 4897 </li> 4898 4899 <li class="disclosure__item order-last" data-order="WS"> 4900 <button type="button" 4901 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4902 @click="country_code = 'WS'; openMain = false; activeSection = null;" 4903 4904 data-value="WS"> 4905 <span class="rounded-full w-5 h-5 bg-cover fi fi-ws"></span> 4906 <span class="text-sm">Samoa (WST T)</span> 4907 </button> 4908 </li> 4909 4910 <li class="disclosure__item order-last" data-order="SM"> 4911 <button type="button" 4912 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4913 @click="country_code = 'SM'; openMain = false; activeSection = null;" 4914 4915 data-value="SM"> 4916 <span class="rounded-full w-5 h-5 bg-cover fi fi-sm"></span> 4917 <span class="text-sm">San Marino (EUR â¬)</span> 4918 </button> 4919 </li> 4920 4921 <li class="disclosure__item order-last" data-order="ST"> 4922 <button type="button" 4923 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4924 @click="country_code = 'ST'; openMain = false; activeSection = null;" 4925 4926 data-value="ST"> 4927 <span class="rounded-full w-5 h-5 bg-cover fi fi-st"></span> 4928 <span class="text-sm">São Tomé & PrÃncipe (STD Db)</span> 4929 </button> 4930 </li> 4931 4932 <li class="disclosure__item order-last" data-order="SA"> 4933 <button type="button" 4934 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4935 @click="country_code = 'SA'; openMain = false; activeSection = null;" 4936 4937 data-value="SA">
4938 <span class="rounded-full w-5 h-5 bg-cover fi fi-sa"></span> 4939 <span class="text-sm">Saudi Arabia (SAR ر.س)</span> 4940 </button> 4941 </li> 4942 4943 <li class="disclosure__item order-last" data-order="SN"> 4944 <button type="button" 4945 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4946 @click="country_code = 'SN'; openMain = false; activeSection = null;" 4947 4948 data-value="SN"> 4949 <span class="rounded-full w-5 h-5 bg-cover fi fi-sn"></span> 4950 <span class="text-sm">Senegal (XOF Fr)</span> 4951 </button> 4952 </li> 4953 4954 <li class="disclosure__item order-last" data-order="RS"> 4955 <button type="button" 4956 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4957 @click="country_code = 'RS'; openMain = false; activeSection = null;" 4958 4959 data-value="RS"> 4960 <span class="rounded-full w-5 h-5 bg-cover fi fi-rs"></span> 4961 <span class="text-sm">Serbia (RSD РСÐ)</span> 4962 </button> 4963 </li> 4964 4965 <li class="disclosure__item order-last" data-order="SC"> 4966 <button type="button" 4967 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4968 @click="country_code = 'SC'; openMain = false; activeSection = null;" 4969 4970 data-value="SC"> 4971 <span class="rounded-full w-5 h-5 bg-cover fi fi-sc"></span> 4972 <span class="text-sm">Seychelles (USD $)</span> 4973 </button> 4974 </li> 4975 4976 <li class="disclosure__item order-last" data-order="SL"> 4977 <button type="button" 4978 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4979 @click="country_code = 'SL'; openMain = false; activeSection = null;" 4980 4981 data-value="SL"> 4982 <span class="rounded-full w-5 h-5 bg-cover fi fi-sl"></span> 4983 <span class="text-sm">Sierra Leone (SLL Le)</span> 4984 </button> 4985 </li> 4986 4987 <li class="disclosure__item order-last" data-order="SG"> 4988 <button type="button" 4989 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 4990 @click="country_code = 'SG'; openMain = false; activeSection = null;" 4991 4992 data-value="SG"> 4993 <span class="rounded-full w-5 h-5 bg-cover fi fi-sg"></span> 4994 <span class="text-sm">Singapore (SGD $)</span> 4995 </button> 4996 </li> 4997 4998 <li class="disclosure__item order-last" data-order="SX"> 4999 <button type="button" 5000 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5001 @click="country_code = 'SX'; openMain = false; activeSection = null;" 5002 5003 data-value="SX">
5004 <span class="rounded-full w-5 h-5 bg-cover fi fi-sx"></span> 5005 <span class="text-sm">Sint Maarten (ANG Æ)</span> 5006 </button> 5007 </li> 5008 5009 <li class="disclosure__item order-last" data-order="SK"> 5010 <button type="button" 5011 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5012 @click="country_code = 'SK'; openMain = false; activeSection = null;" 5013 5014 data-value="SK"> 5015 <span class="rounded-full w-5 h-5 bg-cover fi fi-sk"></span> 5016 <span class="text-sm">Slovakia (EUR â¬)</span> 5017 </button> 5018 </li> 5019 5020 <li class="disclosure__item order-last" data-order="SI"> 5021 <button type="button" 5022 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5023 @click="country_code = 'SI'; openMain = false; activeSection = null;" 5024 5025 data-value="SI"> 5026 <span class="rounded-full w-5 h-5 bg-cover fi fi-si"></span> 5027 <span class="text-sm">Slovenia (EUR â¬)</span> 5028 </button> 5029 </li> 5030 5031 <li class="disclosure__item order-last" data-order="SB"> 5032 <button type="button" 5033 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5034 @click="country_code = 'SB'; openMain = false; activeSection = null;" 5035 5036 data-value="SB"> 5037 <span class="rounded-full w-5 h-5 bg-cover fi fi-sb"></span> 5038 <span class="text-sm">Solomon Islands (SBD $)</span> 5039 </button> 5040 </li> 5041 5042 <li class="disclosure__item order-last" data-order="SO"> 5043 <button type="button" 5044 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5045 @click="country_code = 'SO'; openMain = false; activeSection = null;" 5046 5047 data-value="SO"> 5048 <span class="rounded-full w-5 h-5 bg-cover fi fi-so"></span> 5049 <span class="text-sm">Somalia (USD $)</span> 5050 </button> 5051 </li> 5052 5053 <li class="disclosure__item order-last" data-order="ZA"> 5054 <button type="button" 5055 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5056 @click="country_code = 'ZA'; openMain = false; activeSection = null;" 5057 5058 data-value="ZA"> 5059 <span class="rounded-full w-5 h-5 bg-cover fi fi-za"></span> 5060 <span class="text-sm">South Africa (USD $)</span> 5061 </button> 5062 </li> 5063 5064 <li class="disclosure__item order-last" data-order="GS"> 5065 <button type="button" 5066 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5067 @click="country_code = 'GS'; openMain = false; activeSection = null;" 5068 5069 data-value="GS">
5070 <span class="rounded-full w-5 h-5 bg-cover fi fi-gs"></span> 5071 <span class="text-sm">South Georgia & South Sandwich Islands (GBP £)</span> 5072 </button> 5073 </li> 5074 5075 <li class="disclosure__item order-last" data-order="KR"> 5076 <button type="button" 5077 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5078 @click="country_code = 'KR'; openMain = false; activeSection = null;" 5079 5080 data-value="KR"> 5081 <span class="rounded-full w-5 h-5 bg-cover fi fi-kr"></span> 5082 <span class="text-sm">South Korea (KRW â©)</span> 5083 </button> 5084 </li> 5085 5086 <li class="disclosure__item order-last" data-order="SS"> 5087 <button type="button" 5088 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5089 @click="country_code = 'SS'; openMain = false; activeSection = null;" 5090 5091 data-value="SS"> 5092 <span class="rounded-full w-5 h-5 bg-cover fi fi-ss"></span> 5093 <span class="text-sm">South Sudan (USD $)</span> 5094 </button> 5095 </li> 5096 5097 <li class="disclosure__item order-last" data-order="ES"> 5098 <button type="button" 5099 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5100 @click="country_code = 'ES'; openMain = false; activeSection = null;" 5101 5102 data-value="ES"> 5103 <span class="rounded-full w-5 h-5 bg-cover fi fi-es"></span> 5104 <span class="text-sm">Spain (EUR â¬)</span> 5105 </button> 5106 </li> 5107 5108 <li class="disclosure__item order-last" data-order="LK"> 5109 <button type="button" 5110 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5111 @click="country_code = 'LK'; openMain = false; activeSection = null;" 5112 5113 data-value="LK"> 5114 <span class="rounded-full w-5 h-5 bg-cover fi fi-lk"></span> 5115 <span class="text-sm">Sri Lanka (LKR â¨)</span> 5116 </button> 5117 </li> 5118 5119 <li class="disclosure__item order-last" data-order="BL"> 5120 <button type="button" 5121 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5122 @click="country_code = 'BL'; openMain = false; activeSection = null;" 5123 5124 data-value="BL"> 5125 <span class="rounded-full w-5 h-5 bg-cover fi fi-bl"></span> 5126 <span class="text-sm">St. Barthélemy (EUR â¬)</span> 5127 </button> 5128 </li> 5129 5130 <li class="disclosure__item order-last" data-order="SH"> 5131 <button type="button" 5132 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5133 @click="country_code = 'SH'; openMain = false; activeSection = null;" 5134 5135 data-value="SH">
5136 <span class="rounded-full w-5 h-5 bg-cover fi fi-sh"></span> 5137 <span class="text-sm">St. Helena (SHP £)</span> 5138 </button> 5139 </li> 5140 5141 <li class="disclosure__item order-last" data-order="KN"> 5142 <button type="button" 5143 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5144 @click="country_code = 'KN'; openMain = false; activeSection = null;" 5145 5146 data-value="KN"> 5147 <span class="rounded-full w-5 h-5 bg-cover fi fi-kn"></span> 5148 <span class="text-sm">St. Kitts & Nevis (XCD $)</span> 5149 </button> 5150 </li> 5151 5152 <li class="disclosure__item order-last" data-order="LC"> 5153 <button type="button" 5154 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5155 @click="country_code = 'LC'; openMain = false; activeSection = null;" 5156 5157 data-value="LC"> 5158 <span class="rounded-full w-5 h-5 bg-cover fi fi-lc"></span> 5159 <span class="text-sm">St. Lucia (XCD $)</span> 5160 </button> 5161 </li> 5162 5163 <li class="disclosure__item order-last" data-order="MF"> 5164 <button type="button" 5165 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5166 @click="country_code = 'MF'; openMain = false; activeSection = null;" 5167 5168 data-value="MF"> 5169 <span class="rounded-full w-5 h-5 bg-cover fi fi-mf"></span> 5170 <span class="text-sm">St. Martin (EUR â¬)</span> 5171 </button> 5172 </li> 5173 5174 <li class="disclosure__item order-last" data-order="PM"> 5175 <button type="button" 5176 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5177 @click="country_code = 'PM'; openMain = false; activeSection = null;" 5178 5179 data-value="PM"> 5180 <span class="rounded-full w-5 h-5 bg-cover fi fi-pm"></span> 5181 <span class="text-sm">St. Pierre & Miquelon (EUR â¬)</span> 5182 </button> 5183 </li> 5184 5185 <li class="disclosure__item order-last" data-order="VC"> 5186 <button type="button" 5187 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5188 @click="country_code = 'VC'; openMain = false; activeSection = null;" 5189 5190 data-value="VC"> 5191 <span class="rounded-full w-5 h-5 bg-cover fi fi-vc"></span> 5192 <span class="text-sm">St. Vincent & Grenadines (XCD $)</span> 5193 </button> 5194 </li> 5195 5196 <li class="disclosure__item order-last" data-order="SD"> 5197 <button type="button" 5198 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5199 @click="country_code = 'SD'; openMain = false; activeSection = null;" 5200 5201 data-value="SD">
5202 <span class="rounded-full w-5 h-5 bg-cover fi fi-sd"></span> 5203 <span class="text-sm">Sudan (USD $)</span> 5204 </button> 5205 </li> 5206 5207 <li class="disclosure__item order-last" data-order="SR"> 5208 <button type="button" 5209 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5210 @click="country_code = 'SR'; openMain = false; activeSection = null;" 5211 5212 data-value="SR"> 5213 <span class="rounded-full w-5 h-5 bg-cover fi fi-sr"></span> 5214 <span class="text-sm">Suriname (USD $)</span> 5215 </button> 5216 </li> 5217 5218 <li class="disclosure__item order-last" data-order="SJ"> 5219 <button type="button" 5220 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5221 @click="country_code = 'SJ'; openMain = false; activeSection = null;" 5222 5223 data-value="SJ"> 5224 <span class="rounded-full w-5 h-5 bg-cover fi fi-sj"></span> 5225 <span class="text-sm">Svalbard & Jan Mayen (NOK kr)</span> 5226 </button> 5227 </li> 5228 5229 <li class="disclosure__item order-last" data-order="SE"> 5230 <button type="button" 5231 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5232 @click="country_code = 'SE'; openMain = false; activeSection = null;" 5233 5234 data-value="SE"> 5235 <span class="rounded-full w-5 h-5 bg-cover fi fi-se"></span> 5236 <span class="text-sm">Sweden (SEK kr)</span> 5237 </button> 5238 </li> 5239 5240 <li class="disclosure__item order-last" data-order="CH"> 5241 <button type="button" 5242 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5243 @click="country_code = 'CH'; openMain = false; activeSection = null;" 5244 5245 data-value="CH"> 5246 <span class="rounded-full w-5 h-5 bg-cover fi fi-ch"></span> 5247 <span class="text-sm">Switzerland (CHF CHF)</span> 5248 </button> 5249 </li> 5250 5251 <li class="disclosure__item order-last" data-order="TW"> 5252 <button type="button" 5253 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5254 @click="country_code = 'TW'; openMain = false; activeSection = null;" 5255 5256 data-value="TW"> 5257 <span class="rounded-full w-5 h-5 bg-cover fi fi-tw"></span> 5258 <span class="text-sm">Taiwan (TWD $)</span> 5259 </button> 5260 </li> 5261 5262 <li class="disclosure__item order-last" data-order="TJ"> 5263 <button type="button" 5264 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5265 @click="country_code = 'TJ'; openMain = false; activeSection = null;" 5266 5267 data-value="TJ">
5268 <span class="rounded-full w-5 h-5 bg-cover fi fi-tj"></span> 5269 <span class="text-sm">Tajikistan (TJS Ð Ð)</span> 5270 </button> 5271 </li> 5272 5273 <li class="disclosure__item order-last" data-order="TZ"> 5274 <button type="button" 5275 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5276 @click="country_code = 'TZ'; openMain = false; activeSection = null;" 5277 5278 data-value="TZ"> 5279 <span class="rounded-full w-5 h-5 bg-cover fi fi-tz"></span> 5280 <span class="text-sm">Tanzania (TZS Sh)</span> 5281 </button> 5282 </li> 5283 5284 <li class="disclosure__item order-last" data-order="TH"> 5285 <button type="button" 5286 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5287 @click="country_code = 'TH'; openMain = false; activeSection = null;" 5288 5289 data-value="TH"> 5290 <span class="rounded-full w-5 h-5 bg-cover fi fi-th"></span> 5291 <span class="text-sm">Thailand (THB ฿)</span> 5292 </button> 5293 </li> 5294 5295 <li class="disclosure__item order-last" data-order="TL"> 5296 <button type="button" 5297 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5298 @click="country_code = 'TL'; openMain = false; activeSection = null;" 5299 5300 data-value="TL"> 5301 <span class="rounded-full w-5 h-5 bg-cover fi fi-tl"></span> 5302 <span class="text-sm">Timor-Leste (USD $)</span> 5303 </button> 5304 </li> 5305 5306 <li class="disclosure__item order-last" data-order="TG"> 5307 <button type="button" 5308 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5309 @click="country_code = 'TG'; openMain = false; activeSection = null;" 5310 5311 data-value="TG"> 5312 <span class="rounded-full w-5 h-5 bg-cover fi fi-tg"></span> 5313 <span class="text-sm">Togo (XOF Fr)</span> 5314 </button> 5315 </li> 5316 5317 <li class="disclosure__item order-last" data-order="TK"> 5318 <button type="button" 5319 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5320 @click="country_code = 'TK'; openMain = false; activeSection = null;" 5321 5322 data-value="TK"> 5323 <span class="rounded-full w-5 h-5 bg-cover fi fi-tk"></span> 5324 <span class="text-sm">Tokelau (NZD $)</span> 5325 </button> 5326 </li> 5327 5328 <li class="disclosure__item order-last" data-order="TO"> 5329 <button type="button" 5330 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5331 @click="country_code = 'TO'; openMain = false; activeSection = null;" 5332 5333 data-value="TO">
5334 <span class="rounded-full w-5 h-5 bg-cover fi fi-to"></span> 5335 <span class="text-sm">Tonga (TOP T$)</span> 5336 </button> 5337 </li> 5338 5339 <li class="disclosure__item order-last" data-order="TT"> 5340 <button type="button" 5341 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5342 @click="country_code = 'TT'; openMain = false; activeSection = null;" 5343 5344 data-value="TT"> 5345 <span class="rounded-full w-5 h-5 bg-cover fi fi-tt"></span> 5346 <span class="text-sm">Trinidad & Tobago (TTD $)</span> 5347 </button> 5348 </li> 5349 5350 <li class="disclosure__item order-last" data-order="TA"> 5351 <button type="button" 5352 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5353 @click="country_code = 'TA'; openMain = false; activeSection = null;" 5354 5355 data-value="TA"> 5356 <span class="rounded-full w-5 h-5 bg-cover fi fi-ta"></span> 5357 <span class="text-sm">Tristan da Cunha (GBP £)</span> 5358 </button> 5359 </li> 5360 5361 <li class="disclosure__item order-last" data-order="TN"> 5362 <button type="button" 5363 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5364 @click="country_code = 'TN'; openMain = false; activeSection = null;" 5365 5366 data-value="TN"> 5367 <span class="rounded-full w-5 h-5 bg-cover fi fi-tn"></span> 5368 <span class="text-sm">Tunisia (USD $)</span> 5369 </button> 5370 </li> 5371 5372 <li class="disclosure__item order-last" data-order="TR"> 5373 <button type="button" 5374 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5375 @click="country_code = 'TR'; openMain = false; activeSection = null;" 5376 5377 data-value="TR"> 5378 <span class="rounded-full w-5 h-5 bg-cover fi fi-tr"></span> 5379 <span class="text-sm">Türkiye (USD $)</span> 5380 </button> 5381 </li> 5382 5383 <li class="disclosure__item order-last" data-order="TM"> 5384 <button type="button" 5385 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5386 @click="country_code = 'TM'; openMain = false; activeSection = null;" 5387 5388 data-value="TM"> 5389 <span class="rounded-full w-5 h-5 bg-cover fi fi-tm"></span> 5390 <span class="text-sm">Turkmenistan (USD $)</span> 5391 </button> 5392 </li> 5393 5394 <li class="disclosure__item order-last" data-order="TC"> 5395 <button type="button" 5396 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5397 @click="country_code = 'TC'; openMain = false; activeSection = null;" 5398 5399 data-value="TC">
5400 <span class="rounded-full w-5 h-5 bg-cover fi fi-tc"></span> 5401 <span class="text-sm">Turks & Caicos Islands (USD $)</span> 5402 </button> 5403 </li> 5404 5405 <li class="disclosure__item order-last" data-order="TV"> 5406 <button type="button" 5407 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5408 @click="country_code = 'TV'; openMain = false; activeSection = null;" 5409 5410 data-value="TV"> 5411 <span class="rounded-full w-5 h-5 bg-cover fi fi-tv"></span> 5412 <span class="text-sm">Tuvalu (AUD $)</span> 5413 </button> 5414 </li> 5415 5416 <li class="disclosure__item order-last" data-order="UM"> 5417 <button type="button" 5418 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5419 @click="country_code = 'UM'; openMain = false; activeSection = null;" 5420 5421 data-value="UM"> 5422 <span class="rounded-full w-5 h-5 bg-cover fi fi-um"></span> 5423 <span class="text-sm">U.S. Outlying Islands (USD $)</span> 5424 </button> 5425 </li> 5426 5427 <li class="disclosure__item order-last" data-order="UG"> 5428 <button type="button" 5429 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5430 @click="country_code = 'UG'; openMain = false; activeSection = null;" 5431 5432 data-value="UG"> 5433 <span class="rounded-full w-5 h-5 bg-cover fi fi-ug"></span> 5434 <span class="text-sm">Uganda (UGX USh)</span> 5435 </button> 5436 </li> 5437 5438 <li class="disclosure__item order-last" data-order="UA"> 5439 <button type="button" 5440 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5441 @click="country_code = 'UA'; openMain = false; activeSection = null;" 5442 5443 data-value="UA"> 5444 <span class="rounded-full w-5 h-5 bg-cover fi fi-ua"></span> 5445 <span class="text-sm">Ukraine (UAH â´)</span> 5446 </button> 5447 </li> 5448 5449 <li class="disclosure__item order-last" data-order="AE"> 5450 <button type="button" 5451 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5452 @click="country_code = 'AE'; openMain = false; activeSection = null;" 5453 5454 data-value="AE"> 5455 <span class="rounded-full w-5 h-5 bg-cover fi fi-ae"></span> 5456 <span class="text-sm">United Arab Emirates (AED د.Ø¥)</span> 5457 </button> 5458 </li> 5459 5460 <li class="disclosure__item order-last" data-order="GB"> 5461 <button type="button" 5462 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5463 @click="country_code = 'GB'; openMain = false; activeSection = null;" 5464 5465 data-value="GB">
5466 <span class="rounded-full w-5 h-5 bg-cover fi fi-gb"></span> 5467 <span class="text-sm">United Kingdom (GBP £)</span> 5468 </button> 5469 </li> 5470 5471 <li class="disclosure__item order-last" data-order="US"> 5472 <button type="button" 5473 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors bg-gray-100" 5474 @click="country_code = 'US'; openMain = false; activeSection = null;" 5475 aria-current="true" 5476 data-value="US"> 5477 <span class="rounded-full w-5 h-5 bg-cover fi fi-us"></span> 5478 <span class="text-sm">United States (USD $)</span> 5479 </button> 5480 </li> 5481 5482 <li class="disclosure__item order-last" data-order="UY"> 5483 <button type="button" 5484 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5485 @click="country_code = 'UY'; openMain = false; activeSection = null;" 5486 5487 data-value="UY"> 5488 <span class="rounded-full w-5 h-5 bg-cover fi fi-uy"></span> 5489 <span class="text-sm">Uruguay (UYU $U)</span> 5490 </button> 5491 </li> 5492 5493 <li class="disclosure__item order-last" data-order="UZ"> 5494 <button type="button" 5495 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5496 @click="country_code = 'UZ'; openMain = false; activeSection = null;" 5497 5498 data-value="UZ"> 5499 <span class="rounded-full w-5 h-5 bg-cover fi fi-uz"></span> 5500 <span class="text-sm">Uzbekistan (UZS so'm)</span> 5501 </button> 5502 </li> 5503 5504 <li class="disclosure__item order-last" data-order="VU"> 5505 <button type="button" 5506 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5507 @click="country_code = 'VU'; openMain = false; activeSection = null;" 5508 5509 data-value="VU"> 5510 <span class="rounded-full w-5 h-5 bg-cover fi fi-vu"></span> 5511 <span class="text-sm">Vanuatu (VUV Vt)</span> 5512 </button> 5513 </li> 5514 5515 <li class="disclosure__item order-last" data-order="VA"> 5516 <button type="button" 5517 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5518 @click="country_code = 'VA'; openMain = false; activeSection = null;" 5519 5520 data-value="VA"> 5521 <span class="rounded-full w-5 h-5 bg-cover fi fi-va"></span> 5522 <span class="text-sm">Vatican City (EUR â¬)</span> 5523 </button> 5524 </li> 5525 5526 <li class="disclosure__item order-last" data-order="VE"> 5527 <button type="button" 5528 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5529 @click="country_code = 'VE'; openMain = false; activeSection = null;" 5530 5531 data-value="VE">
5532 <span class="rounded-full w-5 h-5 bg-cover fi fi-ve"></span> 5533 <span class="text-sm">Venezuela (USD $)</span> 5534 </button> 5535 </li> 5536 5537 <li class="disclosure__item order-last" data-order="VN"> 5538 <button type="button" 5539 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5540 @click="country_code = 'VN'; openMain = false; activeSection = null;" 5541 5542 data-value="VN"> 5543 <span class="rounded-full w-5 h-5 bg-cover fi fi-vn"></span> 5544 <span class="text-sm">Vietnam (VND â«)</span> 5545 </button> 5546 </li> 5547 5548 <li class="disclosure__item order-last" data-order="WF"> 5549 <button type="button" 5550 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5551 @click="country_code = 'WF'; openMain = false; activeSection = null;" 5552 5553 data-value="WF"> 5554 <span class="rounded-full w-5 h-5 bg-cover fi fi-wf"></span> 5555 <span class="text-sm">Wallis & Futuna (XPF Fr)</span> 5556 </button> 5557 </li> 5558 5559 <li class="disclosure__item order-last" data-order="EH"> 5560 <button type="button" 5561 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5562 @click="country_code = 'EH'; openMain = false; activeSection = null;" 5563 5564 data-value="EH"> 5565 <span class="rounded-full w-5 h-5 bg-cover fi fi-eh"></span> 5566 <span class="text-sm">Western Sahara (MAD د.Ù .)</span> 5567 </button> 5568 </li> 5569 5570 <li class="disclosure__item order-last" data-order="YE"> 5571 <button type="button" 5572 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5573 @click="country_code = 'YE'; openMain = false; activeSection = null;" 5574 5575 data-value="YE"> 5576 <span class="rounded-full w-5 h-5 bg-cover fi fi-ye"></span> 5577 <span class="text-sm">Yemen (YER ï·¼)</span> 5578 </button> 5579 </li> 5580 5581 <li class="disclosure__item order-last" data-order="ZM"> 5582 <button type="button" 5583 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5584 @click="country_code = 'ZM'; openMain = false; activeSection = null;" 5585 5586 data-value="ZM"> 5587 <span class="rounded-full w-5 h-5 bg-cover fi fi-zm"></span> 5588 <span class="text-sm">Zambia (USD $)</span> 5589 </button> 5590 </li> 5591 5592 <li class="disclosure__item order-last" data-order="ZW"> 5593 <button type="button" 5594 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5595 @click="country_code = 'ZW'; openMain = false; activeSection = null;" 5596 5597 data-value="ZW">
5598 <span class="rounded-full w-5 h-5 bg-cover fi fi-zw"></span> 5599 <span class="text-sm">Zimbabwe (USD $)</span> 5600 </button> 5601 </li> 5602 5603 </ul> 5604 <input type="hidden" x-model="country_code" name="country_code" value="US"> 5605 </form> 5606 </div> 5607 </div> 5608 5609 <!-- Language Section --> 5610 <div class="localization-dropdown__section relative border border-black p-3"> 5611 <button type="button" 5612 @click="activeSection = activeSection === 'language' ? null : 'language'" 5613 :aria-expanded="(activeSection === 'language').toString()" 5614 class="w-full flex items-center justify-between hover:opacity-70 transition-opacity"> 5615 <div class="flex items-center gap-3"> 5616 <div class="text-left"> 5617 <p class="font-medium"><span class="sr-only">Language: </span>English</p> 5618 </div> 5619 </div> 5620 <span class="transition-transform duration-200" aria-hidden="true" :class="{ 'rotate-180': activeSection === 'language' }"> 5621 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-chevron-down" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 5622 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 5623 <path d="M6 9l6 6l6 -6" /> 5624 </svg> 5625 </span> 5626 </button> 5627 5628 <!-- Language Dropdown (absolute positioned) --> 5629 <div class="absolute left-0 right-0 top-full mt-2 bg-white border border-black z-40" 5630 x-show="activeSection === 'language'" 5631 x-cloak 5632 x-transition:enter="transition ease-out duration-150" 5633 x-transition:enter-start="opacity-0 transform -translate-y-2" 5634 x-transition:enter-end="opacity-100 transform translate-y-0" 5635 x-transition:leave="transition ease-in duration-100" 5636 x-transition:leave-start="opacity-100 transform translate-y-0" 5637 x-transition:leave-end="opacity-0 transform -translate-y-2"> 5638 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="localizationLanguageForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /> 5639 <ul class="localization-dropdown__language-list flex flex-col max-h-60 overflow-y-auto no-scrollbar"> 5640 5641 <li class="disclosure__item"> 5642 <button type="button" 5643 @click="language = 'en'; openMain = false; activeSection = null;" 5644 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors bg-gray-100" 5645 hreflang="en" 5646 lang="en" 5647 aria-current="true"> 5648 5649 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-check w-5 h-5" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 5650 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 5651 <path d="M5 12l5 5l10 -10" /> 5652 </svg> 5653 5654 <span class="text-sm">English</span> 5655 </button> 5656 </li> 5657 5658 <li class="disclosure__item"> 5659 <button type="button" 5660 @click="language = 'fr'; openMain = false; activeSection = null;" 5661 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 5662 hreflang="fr" 5663 lang="fr" 5664 > 5665
5666 <span class="w-5 h-5"></span> 5667 5668 <span class="text-sm">français</span> 5669 </button> 5670 </li> 5671 5672 <li class="disclosure__item"> 5673 <button type="button" 5674 @click="language = 'de'; openMain = false; activeSection = null;" 5675 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 5676 hreflang="de" 5677 lang="de" 5678 > 5679 5680 <span class="w-5 h-5"></span> 5681 5682 <span class="text-sm">Deutsch</span> 5683 </button> 5684 </li> 5685 5686 <li class="disclosure__item"> 5687 <button type="button" 5688 @click="language = 'ko'; openMain = false; activeSection = null;" 5689 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 5690 hreflang="ko" 5691 lang="ko" 5692 > 5693 5694 <span class="w-5 h-5"></span> 5695 5696 <span class="text-sm">íêµì´</span> 5697 </button> 5698 </li> 5699 5700 <li class="disclosure__item"> 5701 <button type="button" 5702 @click="language = 'ja'; openMain = false; activeSection = null;" 5703 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 5704 hreflang="ja" 5705 lang="ja" 5706 > 5707 5708 <span class="w-5 h-5"></span> 5709 5710 <span class="text-sm">æ¥æ¬èª</span> 5711 </button> 5712 </li> 5713 5714 <li class="disclosure__item"> 5715 <button type="button" 5716 @click="language = 'es'; openMain = false; activeSection = null;" 5717 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 5718 hreflang="es" 5719 lang="es" 5720 > 5721 5722 <span class="w-5 h-5"></span> 5723 5724 <span class="text-sm">Español</span> 5725 </button> 5726 </li> 5727 5728 <li class="disclosure__item"> 5729 <button type="button" 5730 @click="language = 'it'; openMain = false; activeSection = null;" 5731 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 5732 hreflang="it" 5733 lang="it" 5734 > 5735 5736 <span class="w-5 h-5"></span> 5737 5738 <span class="text-sm">Italiano</span> 5739 </button> 5740 </li> 5741 5742 </ul> 5743 <input type="hidden" name="language_code" x-model="language" value="en"> 5744 </form> 5745 </div> 5746 </div> 5747</div> 5748 5749 </div> 5750 5751 5752 5753 <button x-data="{ 5754 count: 0, 5755 cartLabelOne: "Cart, [count] item", 5756 cartLabelOther: "Cart, [count] items" 5757 }" 5758 @cart-count-updated.window="count = $event.detail" 5759 @click="$dispatch('toggle-cart-drawer')" 5760 aria-haspopup="dialog" 5761 aria-label="Cart, 0 items" 5762 :aria-label="(Number(count) === 1 ? cartLabelOne : cartLabelOther).replace('[count]', count)" 5763 class="header__icon header__icon--cart w-6 relative py-4"> 5764 5765<svg width="20" height="20" viewBox="0 0 20 20" class="icon icon-bag w-5 h-5" fill="none" xmlns="http://www.w3.org/2000/svg"> 5766<path d="M6.25 6.875V5.625C6.25 4.63044 6.64509 3.67661 7.34835 2.97335C8.05161 2.27009 9.00544 1.875 10 1.875C10.9946 1.875 11.9484 2.27009 12.6517 2.97335C13.3549 3.67661 13.75 4.63044 13.75 5.625V6.875M3.125 6.875C2.95924 6.875 2.80027 6.94085 2.68306 7.05806C2.56585 7.17527 2.5 7.33424 2.5 7.5V15.9375C2.5 17.1187 3.50625 18.125 4.6875 18.125H15.3125C16.4937 18.125 17.5 17.1676 17.5 15.9863V7.5C17.5 7.33424 17.4342 7.17527 17.3169 7.05806C17.1997 6.94085 17.0408 6.875 16.875 6.875H3.125Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5767</svg> 5768 5769 <div x-cloak 5770 aria-hidden="true" 5771 :class="{ 'animated-flash': count > 0 }" 5772 class="cart-count-bubble flex items-center justify-center absolute bg-red-600 text-white h-5 w-5 py-0.5 px-1 to
5772p-0.5 -right-1 text-xs rounded-full leading-none"> 5773 <span class="absolute z-10" x-text="count"></span> 5774 </div> 5775 5776 </button> 5777 5778 5779 </div> 5780 5781 5782 </nav> 5783 5784 <div class="header-mobile-icons lg:hidden"> 5785 5786 <div class="header__icons flex gap-x-3 lg:gap-x-1 justify-self-end items-center"> 5787 5788 <button 5789 x-data 5790 type="button" 5791 @pointerenter="$dispatch('preload-search')" 5792 @pointerdown="$dispatch('preload-search')" 5793 @focus="$dispatch('preload-search')" 5794 @click="$dispatch('show-search'); $dispatch('close-mobile-menu')" 5795 aria-label="Search" 5796 class="header__search-submit none-focus py-3 px-1 hidden lg:block"> 5797 5798<svg width="20" height="20" class="icon icon-search " viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5799<path d="M14.0775 14.1L16.6442 16.6667M15.8334 9.58334C15.8334 11.2409 15.1749 12.8307 14.0028 14.0028C12.8307 15.1749 11.241 15.8333 9.58337 15.8333C7.92577 15.8333 6.33606 15.1749 5.16396 14.0028C3.99185 12.8307 3.33337 11.2409 3.33337 9.58334C3.33337 7.92573 3.99185 6.33602 5.16396 5.16392C6.33606 3.99182 7.92577 3.33334 9.58337 3.33334C11.241 3.33334 12.8307 3.99182 14.0028 5.16392C15.1749 6.33602 15.8334 7.92573 15.8334 9.58334Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5800</svg> 5801 5802 </button> 5803 5804 <noscript> 5805 <a href="/search" 5806 title="TODO" 5807 class="header__icon header__icon--search"> 5808 5809<svg width="20" height="20" class="icon icon-search " viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5810<path d="M14.0775 14.1L16.6442 16.6667M15.8334 9.58334C15.8334 11.2409 15.1749 12.8307 14.0028 14.0028C12.8307 15.1749 11.241 15.8333 9.58337 15.8333C7.92577 15.8333 6.33606 15.1749 5.16396 14.0028C3.99185 12.8307 3.33337 11.2409 3.33337 9.58334C3.33337 7.92573 3.99185 6.33602 5.16396 5.16392C6.33606 3.99182 7.92577 3.33334 9.58337 3.33334C11.241 3.33334 12.8307 3.99182 14.0028 5.16392C15.1749 6.33602 15.8334 7.92573 15.8334 9.58334Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5811</svg> 5812 5813 </a> 5814 </noscript> 5815 5816<a href="/account" aria-label="link to account page" class="header__icon header__icon--account py-3 px-1"> 5817 5818<svg width="20" height="20" class="icon icon-user w-5 h-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5819<path d="M15.8334 17.2917C16.0544 17.2917 16.2664 17.2039 16.4226 17.0476C16.5789 16.8913 16.6667 16.6793 16.6667 16.4583V15.42C16.67 13.0817 13.355 11.25 10 11.25C6.64504 11.25 3.33337 13.0817 3.33337 15.42V16.4583C3.33337 16.6793 3.42117 16.8913 3.57745 17.0476C3.73373 17.2039 3.94569 17.2917 4.16671 17.2917H15.8334ZM13.0034 5.71167C13.0034 6.10607 12.9257 6.49661 12.7748 6.861C12.6238 7.22538 12.4026 7.55646 12.1237 7.83535C11.8448 8.11423 11.5137 8.33546 11.1494 8.48639C10.785 8.63732 10.3944 8.715 10 8.715C9.60564 8.715 9.2151 8.63732 8.85071 8.48639C8.48633 8.33546 8.15525 8.11423 7.87636 7.83535C7.59748 7.55646 7.37625 7.22538 7.22532 6.861C7.07439 6.49661 6.99671 6.10607 6.99671 5.71167C6.99671 4.91514 7.31313 4.15123 7.87636 3.58799C8.4396 3.02476 9.20351 2.70834 10 2.70834C10.7966 2.70834 11.5605 3.02476 12.1237 3.58799C12.687 4.15123 13.0034 4.91514 13.0034 5.71167Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5820</svg> 5821 5822 <span class="sr-only">Log in</span> 5823 </a><!-- Combined Localization Selector (Country + Language) --> 5824 <div class="localization-selector relative text-sm mx-2 hidden lg:block" 5825 x-data="{ 5826 openMain: false, 5827 activeSection: null, 5828 country_code: 'US', 5829 language: 'en' 5830 }" 5831 x-init=" 5832 $watch('country_code', (value) => { 5833 $refs.localizationCountryForm.submit(); 5834 }); 5835 $watch('language', (value) => { 5836 $refs.localizationLanguageForm.submit(); 5837 }); 5838 " 5839 @click.outside="openMain = false; activeSection = null;" 5840 @keydown.escape.prevent.stop="if (openMain) { openMain = false; activeSection = null; $refs.localizationTrigger.focus(); }"> 5841 5842 <button type="button" 5843 x-ref="localizationTrigger" 5844 @click="openMain = !openMain; if(!openMain) activeSection = null;" 5845 class="header__icon flex items-center justify-center" 5846 aria-haspopup="dialog" 5847 :aria-expanded="openMain.toString()" 5848 aria-controls="localization-dropdown-desktop" 5849 aria-label="Select country and language"> 5850 5851<svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="icon icon-globe w-5 h-5" xmlns="http://www.w3.org/2000/svg"> 5852<path d="M4.84376 8.623C4.92839 8.623 5.02279 8.63602 5.12696 8.66206C5.23113 8.6881 5.33529 8.72391 5.43946 8.76948C5.54363 8.81505 5.64779 8.85737 5.75196 8.89643C5.85613 8.9355 5.95053 8.97456 6.03516 9.01362L5.87891 9.03315C5.82683 9.03966 5.77149 9.04292 5.7129 9.04292C5.60222 9.04292 5.50131 9.02664 5.41016 8.99409C5.31902 8.96154 5.23438 8.91922 5.15626 8.86714C5.07813 8.81505 5.00001 8.77599 4.92188 8.74995C4.84376 8.72391 4.77214 8.70438 4.70704 8.69135C4.64193 8.69135 4.58334 8.70438 4.53126 8.73042C4.47917 8.75646 4.42709 8.78576 4.37501 8.81831C4.37501 8.79227 4.35222 8.77925 4.30665 8.77925C4.35222 8.73367 4.43686 8.69787 4.56055 8.67182C4.68425 8.64578 4.77865 8.62951 4.84376 8.623ZM6.16212 9.06245C6.42904 9.06245 6.67318 9.10802 6.89454 9.19917C6.80339 9.23172 6.71225 9.25776 6.6211 9.27729C6.52995 9.29682 6.43555 9.30984 6.3379 9.31635C6.20769 9.31635 6.0905 9.30333 5.98633 9.27729C6.01889 9.22521 6.05144 9.19266 6.08399 9.17964C6.11654 9.16662 6.14258 9.12755 6.16212 9.06245ZM10 -5.09604e-05C10.9
585218 -5.09604e-05 11.8001 0.120392 12.6465 0.361277C13.4928 0.602163 14.2871 0.937449 15.0293 1.36714C15.7715 1.79682 16.4486 2.32091 17.0606 2.9394C17.6725 3.55789 18.1934 4.23172 18.6231 4.96089C19.0527 5.69005 19.3913 6.48432 19.6387 7.3437C19.8861 8.20307 20.0065 9.08849 20 9.99995C20 10.9179 19.8796 11.8001 19.6387 12.6464C19.3978 13.4928 19.0625 14.2871 18.6328 15.0292C18.2031 15.7714 17.679 16.4485 17.0606 17.0605C16.4421 17.6725 15.7682 18.1933 15.0391 18.623C14.3099 19.0527 13.5156 19.3912 12.6563 19.6386C11.7969 19.886 10.9115 20.0065 10 19.9999C9.08204 19.9999 8.19988 19.8795 7.35352 19.6386C6.50717 19.3977 5.7129 19.0624 4.97071 18.6328C4.22852 18.2031 3.55144 17.679 2.93946 17.0605C2.32748 16.442 1.80665 15.7682 1.37696 15.039C0.947272 14.3098 0.60873 13.5156 0.361334 12.6562C0.113939 11.7968 -0.00650416 10.9114 6.26003e-06 9.99995C6.26003e-06 9.08198 0.120449 8.19982 0.361334 7.35346C0.60222 6.50711 0.937506 5.71284 1.36719 4.97065C1.79688 4.22846 2.32097 3.55138 2.93946 2.9394C3.55795 2.32742 4.23178 1.80659 4.96094 1.3769C5.69011 0.947215 6.48438 0.608673 7.34376 0.361277C8.20313 0.113881 9.08855 -0.00656138 10 -5.09604e-05ZM17.4414 5.41987C17.3503 5.27664 17.2591 5.13992 17.168 5.00971C17.0768 4.87951 16.9824 4.74604 16.8848 4.60932C16.8718 4.66792 16.8555 4.71024 16.8359 4.73628C16.8164 4.76232 16.8034 4.82091 16.7969 4.91206C16.7969 4.97065 16.8197 5.02599 16.8652 5.07807C16.9108 5.13016 16.9694 5.18224 17.041 5.23432C17.1126 5.28641 17.1843 5.32547 17.2559 5.35151C17.3275 5.37755 17.3893 5.40034 17.4414 5.41987ZM16.7676 4.46284C16.7676 4.51492 16.7578 4.55073 16.7383 4.57026H16.7969C16.8229 4.57026 16.8425 4.57352 16.8555 4.58003L16.7676 4.46284ZM10 18.7499C10.7422 18.7499 11.4681 18.6555 12.1777 18.4667C12.8874 18.2779 13.5579 18.011 14.1895 17.666C14.821 17.3209 15.4069 16.8977 15.9473 16.3964C16.4876 15.8951 16.9596 15.3352 17.3633 14.7167C17.2787 14.5214 17.1973 14.3229 17.1191 14.121C17.041 13.9192 17.002 13.7109 17.002 13.496C17.002 13.2617 17.0117 13.0729 17.0313 12.9296C17.0508 12.7864 17.0736 12.6595 17.0996 12.5488C17.1257 12.4381 17.1387 12.3437 17.1387 12.2656C17.1387 12.1874 17.1289 12.0865 17.1094 11.9628C17.0898 11.8391 17.0345 11.7057 16.9434 11.5624C16.8522 11.4192 16.7318 11.2174 16.582 10.957C16.5885 10.9114 16.5983 10.8496 16.6113 10.7714C16.6244 10.6933 16.6374 10.6119 16.6504 10.5273C16.6634 10.4427 16.6667 10.3645 16.6602 10.2929C16.6537 10.2213 16.6374 10.1595 16.6113 10.1074C16.4421 10.0878 16.2663 10.052 16.084 9.99995C15.9017 9.94787 15.7389 9.86974 15.5957 9.76557L15.6543 9.71675C15.5697 9.73628 15.485 9.76232 15.4004 9.79487C15.3158 9.82742 15.2344 9.86323 15.1563 9.90229C15.0781 9.94135 14.9935 9.9674 14.9023 9.98042C14.8112 9.99344 14.7233 10.0065 14.6387 10.0195L14.4824 9.99995L14.5117 9.93159C14.4206 9.95763 14.3229 9.99018 14.2188 10.0292C14.1146 10.0683 14.0137 10.0878 13.916 10.0878C13.8509 10.0878 13.7565 10.0651 13.6328 10.0195C13.5091 9.97391 13.3854 9.91857 13.2617 9.85346C13.138 9.78836 13.0273 9.71675 12.9297 9.63862C12.832 9.5605 12.7832 9.48563 12.7832 9.41401L12.8027 9.38471C12.7702 9.34565 12.7279 9.30984 12.6758 9.27729C12.6237 9.24474 12.5749 9.21219 12.5293 9.17964C12.4837 9.14708 12.4414 9.11128 12.4023 9.07221C12.3633 9.03315 12.347 8.98758 12.3535 8.9355L12.4609 8.8476L12.2363 8.81831L12.1582 8.52534C12.1712 8.55789 12.2005 8.57091 12.2461 8.5644C12.2917 8.55789 12.3275 8.54487 12.3535 8.52534L12.002 8.33979L12.2461 7.71479C12.155 7.37625 12.1322 7.11583 12.1777 6.93354C12.2233 6.75125 12.3112 6.60151 12.4414 6.48432C12.5716 6.36714 12.7148 6.24995 12.8711 6.13276C13.0273 6.01557 13.1869 5.85607 13.3496 5.65425L13.3203 5.53706L13.9648 4.75581L14.1113 4.73628C14.2936 4.73628 14.4987 4.72977 14.7266 4.71675C14.9544 4.70372 15.1856 4.68094 15.4199 4.64839C15.6543 4.61583 15.8854 4.58328 16.1133 4.55073C16.3412 4.51818 16.5495 4.47586 16.7383 4.42378C16.53 4.17638 16.3119 3.94201 16.084 3.72065C15.8561 3.4993 15.612 3.28771 15.3516 3.08589C15.28 3.11193 15.1921 3.14774 15.0879 3.19331C14.9837 3.23888 14.8796 3.29748 14.7754 3.36909C14.6712 3.4407 14.5898 3.51883 14.5313 3.60346C14.4727 3.6881 14.4369 3.77599 14.4238 3.86714L14.4824 4.05268C14.3652 4.24149 14.235 4.35867 14.0918 4.40425C13.9486 4.44982 13.8021 4.47586 13.6523 4.48237C13.5026 4.48888 13.3464 4.48888 13.1836 4.48237C13.0208 4.47586 12.8646 4.50516 12.7148 4.57026L12.5586 4.23823L12.7051 3.67182L12.5391 3.42768L14.2285 2.90034C14.1569 2.71805 14.0397 2.58133 13.877 2.49018C13.7142 2.39904 13.5352 2.35346 13.3398 2.35346V2.25581L13.8867 2.16792C13.2813 1.86844 12.653 1.64057 12.002 1.48432C11.3509 1.32807 10.6836 1.24995 10 1.24995C9.4336 1.24995 8.8737 1.30529 8.32032 1.41596C7.76693 1.52664 7.23308 1.68615 6.71876 1.89448C6.20443 2.10281 5.70639 2.36323 5.22462 2.67573C4.74284 2.98823 4.30339 3.33979 3.90626 3.73042C4.07553 3.73042 4.20574 3.77274 4.29688 3.85737C4.38803 3.94201 4.47266 4.03641 4.55079 4.14057C4.62891 4.24474 4.71029 4.33914 4.79493 4.42378C4.87956 4.50841 4.9935 4.55399 5.13672 4.5605L5.29297 4.44331L5.27344 4.22846L5.59571 3.76948L5.3418 3.04682C5.37436 3.02729 5.42318 2.99474 5.48829 2.94917C5.55339 2.90359 5.60873 2.88081 5.6543 2.88081C5.84962 2.88081 5.99936 2.89057 6.10352 2.91011C6.20769 2.92964 6.29883 2.96544 6.37696 3.01753C6.45508 3.06961 6.52344 3.14448 6.58204 3.24214C6.64063 3.33979 6.73178 3.46349 6.85547 3.61323L7.20704 3.33979C7.27214 3.36583 7.37631 3.40815 7.51954 3.46675C7.66277 3.52534 7.80925 3.59695 7.95899 3.68159C8.10873 3.76623 8.23568 3.85412 8.33985 3.94526C8.44402 4.03641 8.49936 4.12104 8.50587 4.19917C8.50587 4.29682 8.47006 4.37495 8.39844 4.43354C8.32683 4.49214 8.23243 4.54096 8.11524 4.58003C7.99805 4.61909 7.87761 4.64839 7.75391 4.66792C7.63021 4.68745 7.50652 4.71349 7.38282 4.74604C7.25912 4.77859 7.16472 4.81115 7.09962 4.8437C7.03451 4.87625 6.99545 4.93159 6.98243 5.00971L7.54883 5.19526C7.41863 5.30594 7.27865 5.40685 7.12891 5.498C6.97917 5.58914 6.82292 5.67378 6.66016 5.7519L6.69922 5.91792L5.80079 6.26948V6.54292L5.73243 6.57221L5.78126 6.23042L5.74219 6.22065C5.69662 6.22065 5.67058 6.23042 5.66407 6.24995C5.65756 6.26948 5.6543 6.29227 5.6543 6.31831C5.6543 6.34435 5.66081 6.37039 5.67383 6.39643C5.68686 6.42247 5.69011 6.44201 5.6836 6.45503L5.55665 6.38667L5.57618 6.42573C5.57618 6.44526 5.58594 6.47456 5.60547 6.51362C5.62501 6.55268 5.65105 6.58849 5.6836 6.62104C5.71615 6.65359 5.74219 6.68615 5.76172 6.7187C5.78126 6.75125 5.79428 6.76753 5.80079 6.76753C5.80079 6.78706 5.78777 6.80659 5.76172 6.82612C5.73568 6.84565 5.70313 6.85867 5.66407 6.86518C5.62501 6.87169 5.59896 6.88146 5.58594 6.89448C5.57292 6.9075 5.57292 6.91076 5.58594 6.90425C5.67709 6.90425 5.
585269662 6.91076 5.64454 6.92378C5.59245 6.9368 5.51107 6.96935 5.4004 7.02143C5.28972 7.07352 5.18881 7.14839 5.09766 7.24604C5.00652 7.3437 4.95443 7.48693 4.94141 7.67573C4.94141 7.78641 4.94467 7.89383 4.95118 7.998C4.95769 8.10216 4.95443 8.20958 4.94141 8.32026C4.85027 8.07287 4.71355 7.88406 4.53126 7.75386C4.34896 7.62365 4.12761 7.55854 3.86719 7.55854L3.44727 7.59761L3.65235 7.73432C3.54167 7.7213 3.42774 7.70828 3.31055 7.69526C3.19337 7.68224 3.07292 7.67899 2.94922 7.6855C2.82553 7.69201 2.71485 7.71805 2.61719 7.76362C2.51954 7.80919 2.42188 7.87755 2.32422 7.9687L2.26563 8.40815C2.26563 8.61649 2.3112 8.78576 2.40235 8.91596C2.4935 9.04617 2.653 9.11453 2.88087 9.12104C3.07618 9.12104 3.26824 9.09175 3.45704 9.03315C3.64584 8.97456 3.83139 8.9062 4.01368 8.82807C3.95508 8.9713 3.88998 9.10802 3.81837 9.23823C3.74675 9.36844 3.69467 9.51167 3.66212 9.66792L3.78907 9.72651C3.94532 9.62234 4.08855 9.60607 4.21876 9.67768C4.34896 9.7493 4.47592 9.85346 4.59962 9.99018C4.72331 10.1269 4.85027 10.2669 4.98047 10.4101C5.11068 10.5533 5.25066 10.6575 5.4004 10.7226L5.06837 10.8984L4.28712 10.4589C4.29363 10.472 4.30014 10.5013 4.30665 10.5468C4.31316 10.5924 4.3099 10.6022 4.29688 10.5761L3.94532 9.98042C3.73699 9.97391 3.51563 9.94135 3.28126 9.88276C3.04688 9.82417 2.80925 9.74604 2.56837 9.64839C2.32748 9.55073 2.10287 9.44331 1.89454 9.32612C1.6862 9.20893 1.49415 9.08524 1.31837 8.95503L1.25001 9.99995C1.25001 10.7942 1.35743 11.569 1.57227 12.3242C1.78712 13.0794 2.08985 13.789 2.48047 14.4531C2.8711 15.1171 3.34962 15.7226 3.91602 16.2695C4.48243 16.8164 5.11068 17.2819 5.80079 17.666C5.76824 17.5292 5.76498 17.3925 5.79102 17.2558C5.81706 17.1191 5.84962 16.9824 5.88868 16.8457C5.92774 16.7089 5.97006 16.5722 6.01563 16.4355C6.0612 16.2988 6.08399 16.1588 6.08399 16.0156C6.08399 15.8072 6.05144 15.5891 5.98633 15.3613C5.92123 15.1334 5.84311 14.9023 5.75196 14.6679C5.66081 14.4335 5.5599 14.2024 5.44922 13.9746C5.33855 13.7467 5.25066 13.5318 5.18555 13.33C5.12045 13.1282 5.06837 12.9394 5.0293 12.7636C4.99024 12.5878 5.00977 12.4348 5.0879 12.3046L4.94141 12.2363C4.98047 12.1451 5.03256 12.0572 5.09766 11.9726C5.16277 11.888 5.23113 11.8033 5.30274 11.7187C5.37436 11.6341 5.42969 11.5429 5.46876 11.4453C5.50782 11.3476 5.53061 11.2499 5.53712 11.1523C5.53712 11.0872 5.52409 11.0188 5.49805 10.9472C5.47201 10.8756 5.44922 10.8072 5.42969 10.7421L5.63477 10.791C5.74545 10.5371 5.89519 10.3645 6.08399 10.2734C6.27279 10.1822 6.51042 10.1334 6.79688 10.1269C6.82943 10.1269 6.89779 10.1399 7.00196 10.166C7.10613 10.192 7.2168 10.2278 7.33399 10.2734C7.45118 10.319 7.56186 10.3548 7.66602 10.3808C7.77019 10.4068 7.84831 10.4329 7.9004 10.4589C7.9004 10.5045 7.92644 10.5338 7.97852 10.5468C8.03061 10.5598 8.0599 10.5826 8.06641 10.6152L8.04688 10.6933C8.06641 10.6998 8.11199 10.7226 8.1836 10.7617C8.25521 10.8007 8.33334 10.8496 8.41797 10.9082C8.50261 10.9667 8.57748 11.0188 8.64258 11.0644C8.70769 11.11 8.75326 11.1458 8.7793 11.1718C8.89649 11.1718 9.056 11.2109 9.25782 11.289C9.45964 11.3671 9.681 11.4648 9.92188 11.582C10.1628 11.6992 10.4004 11.8391 10.6348 12.0019C10.8691 12.1647 11.0905 12.3274 11.2988 12.4902C11.5072 12.6529 11.6667 12.8157 11.7773 12.9785C11.888 13.1412 11.9531 13.2845 11.9727 13.4082L11.6406 13.7597C11.6667 14.0917 11.6439 14.3457 11.5723 14.5214C11.5007 14.6972 11.39 14.8437 11.2402 14.9609C11.0905 15.0781 10.918 15.1757 10.7227 15.2539C10.5273 15.332 10.3158
585215.4427 10.0879 15.5859C10.0879 15.7161 10.0553 15.8561 9.99024 16.0058C9.92514 16.1555 9.84376 16.2988 9.7461 16.4355C9.64844 16.5722 9.53126 16.6861 9.39454 16.7773C9.25782 16.8684 9.1211 16.914 8.98438 16.914L8.57422 16.6015C8.58725 16.6145 8.58725 16.6373 8.57422 16.6699C8.5612 16.7024 8.54493 16.7089 8.5254 16.6894C8.5905 16.8131 8.60678 16.9563 8.57422 17.1191C8.54167 17.2819 8.48633 17.4479 8.40821 17.6171C8.33008 17.7864 8.24219 17.9459 8.14454 18.0957C8.04688 18.2454 7.95899 18.3723 7.88087 18.4765C8.23243 18.5677 8.58399 18.636 8.93555 18.6816C9.28712 18.7272 9.64193 18.7499 10 18.7499Z" fill="#231F20"/> 5853</svg> 5854 5855 </button> 5856 5857 <div class="localization-dropdown__container p-4 absolute border w-[250px] bg-white overflow-visible border-black z-30 -right-8 top-12" 5858 id="localization-dropdown-desktop" 5859 role="dialog" 5860 aria-label="Select country and language" 5861 x-show="openMain" 5862 x-trap="openMain" 5863 x-cloak 5864 x-transition:enter="transition ease-out duration-200" 5865 x-transition:enter-start="opacity-0 transform scale-90" 5866 x-transition:enter-end="opacity-100 transform scale-100" 5867 x-transition:leave="transition ease-in duration-75" 5868 x-transition:leave-start="opacity-100 transform scale-100" 5869 x-transition:leave-end="opacity-0 transform scale-90"><style>.localization-dropdown__country-list [data-order="US"] { 5870 order:1;}.localization-dropdown__country-list [data-order="CA"] { 5871 order:2;}.localization-dropdown__country-list [data-order="AU"] { 5872 order:3;}.localization-dropdown__country-list [data-order="GB"] { 5873 order:4;}.localization-dropdown__country-list [data-order="DE"] { 5874 order:5;}.localization-dropdown__country-list [data-order="NL"] { 5875 order:6;}.localization-dropdown__country-list [data-order="SE"] { 5876 order:7;}.localization-dropdown__country-list [data-order="FR"] { 5877 order:8;}.localization-dropdown__country-list [data-order="AE"] { 5878 order:9;}.localization-dropdown__country-list [data-order="MX"] { 5879 order:10;border-bottom: 1px solid #e5e5e5; 5880 padding-bottom: 0.5rem; 5881 margin-bottom: 0.5rem;}</style> 5882 5883 <!-- Country Section --> 5884 <div class="localization-dropdown__section relative mb-3 border border-black p-3"> 5885 <button type="button" 5886 @click="activeSection = activeSection === 'country' ? null : 'country'" 5887 :aria-expanded="(activeSection === 'country').toString()" 5888 class="w-full flex items-center justify-between hover:opacity-70 transition-opacity"> 5889 <div class="flex items-center gap-3"> 5890 <span class="rounded-full w-6 h-6 bg-cover fi fi-us"></span> 5891 <div class="text-left"> 5892 <p class="font-medium"><span class="sr-only">Country: </span>United States</p> 5893 </div> 5894 </div> 5895 <span class="transition-transform duration-200" aria-hidden="true" :class="{ 'rotate-180': activeSection === 'country' }"> 5896 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-chevron-down" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 5897 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 5898 <path d="M6 9l6 6l6 -6" /> 5899 </svg> 5900 </span> 5901 </button> 5902 5903 <!-- Country Dropdown (absolute positioned) --> 5904 <div class="absolute left-0 right-0 top-full mt-2 bg-white border border-black z-40" 5905 x-show="activeSection === 'country'" 5906 x-cloak 5907 x-transition:enter="transition ease-out duration-150" 5908 x-transition:enter-start="opacity-0 transform -translate-y-2" 5909 x-transition:enter-end="opacity-100 transform translate-y-0" 5910 x-transition:leave="transition ease-in duration-100" 5911 x-transition:leave-start="opacity-100 transform translate-y-0" 5912 x-transition:leave-end="opacity-0 transform -translate-y-2"> 5913 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="localizationCountryForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /> 5914 <ul class="localization-dropdown__country-list flex flex-col max-h-60 overflow-y-auto no-scrollbar"> 5915 5916 <li class="disclosure__item order-last" data-order="AF"> 5917 <button type="button" 5918 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5919 @click="country_code = 'AF'; openMain = false; activeSection = null;" 5920 5921 data-value="AF">
5922 <span class="rounded-full w-5 h-5 bg-cover fi fi-af"></span> 5923 <span class="text-sm">Afghanistan (AFN Ø)</span> 5924 </button> 5925 </li> 5926 5927 <li class="disclosure__item order-last" data-order="AX"> 5928 <button type="button" 5929 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5930 @click="country_code = 'AX'; openMain = false; activeSection = null;" 5931 5932 data-value="AX"> 5933 <span class="rounded-full w-5 h-5 bg-cover fi fi-ax"></span> 5934 <span class="text-sm">à land Islands (EUR â¬)</span> 5935 </button> 5936 </li> 5937 5938 <li class="disclosure__item order-last" data-order="AL"> 5939 <button type="button" 5940 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5941 @click="country_code = 'AL'; openMain = false; activeSection = null;" 5942 5943 data-value="AL"> 5944 <span class="rounded-full w-5 h-5 bg-cover fi fi-al"></span> 5945 <span class="text-sm">Albania (ALL L)</span> 5946 </button> 5947 </li> 5948 5949 <li class="disclosure__item order-last" data-order="DZ"> 5950 <button type="button" 5951 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5952 @click="country_code = 'DZ'; openMain = false; activeSection = null;" 5953 5954 data-value="DZ"> 5955 <span class="rounded-full w-5 h-5 bg-cover fi fi-dz"></span> 5956 <span class="text-sm">Algeria (DZD د.ج)</span> 5957 </button> 5958 </li> 5959 5960 <li class="disclosure__item order-last" data-order="AD"> 5961 <button type="button" 5962 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5963 @click="country_code = 'AD'; openMain = false; activeSection = null;" 5964 5965 data-value="AD"> 5966 <span class="rounded-full w-5 h-5 bg-cover fi fi-ad"></span> 5967 <span class="text-sm">Andorra (EUR â¬)</span> 5968 </button> 5969 </li> 5970 5971 <li class="disclosure__item order-last" data-order="AO"> 5972 <button type="button" 5973 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5974 @click="country_code = 'AO'; openMain = false; activeSection = null;" 5975 5976 data-value="AO"> 5977 <span class="rounded-full w-5 h-5 bg-cover fi fi-ao"></span> 5978 <span class="text-sm">Angola (USD $)</span> 5979 </button> 5980 </li> 5981 5982 <li class="disclosure__item order-last" data-order="AI"> 5983 <button type="button" 5984 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5985 @click="country_code = 'AI'; openMain = false; activeSection = null;" 5986 5987 data-value="AI">
5988 <span class="rounded-full w-5 h-5 bg-cover fi fi-ai"></span> 5989 <span class="text-sm">Anguilla (XCD $)</span> 5990 </button> 5991 </li> 5992 5993 <li class="disclosure__item order-last" data-order="AG"> 5994 <button type="button" 5995 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 5996 @click="country_code = 'AG'; openMain = false; activeSection = null;" 5997 5998 data-value="AG"> 5999 <span class="rounded-full w-5 h-5 bg-cover fi fi-ag"></span> 6000 <span class="text-sm">Antigua & Barbuda (XCD $)</span> 6001 </button> 6002 </li> 6003 6004 <li class="disclosure__item order-last" data-order="AR"> 6005 <button type="button" 6006 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6007 @click="country_code = 'AR'; openMain = false; activeSection = null;" 6008 6009 data-value="AR"> 6010 <span class="rounded-full w-5 h-5 bg-cover fi fi-ar"></span> 6011 <span class="text-sm">Argentina (ARS $)</span> 6012 </button> 6013 </li> 6014 6015 <li class="disclosure__item order-last" data-order="AM"> 6016 <button type="button" 6017 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6018 @click="country_code = 'AM'; openMain = false; activeSection = null;" 6019 6020 data-value="AM"> 6021 <span class="rounded-full w-5 h-5 bg-cover fi fi-am"></span> 6022 <span class="text-sm">Armenia (AMD Õ¤Ö.)</span> 6023 </button> 6024 </li> 6025 6026 <li class="disclosure__item order-last" data-order="AW"> 6027 <button type="button" 6028 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6029 @click="country_code = 'AW'; openMain = false; activeSection = null;" 6030 6031 data-value="AW"> 6032 <span class="rounded-full w-5 h-5 bg-cover fi fi-aw"></span> 6033 <span class="text-sm">Aruba (AWG Æ)</span> 6034 </button> 6035 </li> 6036 6037 <li class="disclosure__item order-last" data-order="AC"> 6038 <button type="button" 6039 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6040 @click="country_code = 'AC'; openMain = false; activeSection = null;" 6041 6042 data-value="AC"> 6043 <span class="rounded-full w-5 h-5 bg-cover fi fi-ac"></span> 6044 <span class="text-sm">Ascension Island (SHP £)</span> 6045 </button> 6046 </li> 6047 6048 <li class="disclosure__item order-last" data-order="AU"> 6049 <button type="button" 6050 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6051 @click="country_code = 'AU'; openMain = false; activeSection = null;" 6052 6053 data-value="AU">
6054 <span class="rounded-full w-5 h-5 bg-cover fi fi-au"></span> 6055 <span class="text-sm">Australia (AUD $)</span> 6056 </button> 6057 </li> 6058 6059 <li class="disclosure__item order-last" data-order="AT"> 6060 <button type="button" 6061 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6062 @click="country_code = 'AT'; openMain = false; activeSection = null;" 6063 6064 data-value="AT"> 6065 <span class="rounded-full w-5 h-5 bg-cover fi fi-at"></span> 6066 <span class="text-sm">Austria (EUR â¬)</span> 6067 </button> 6068 </li> 6069 6070 <li class="disclosure__item order-last" data-order="AZ"> 6071 <button type="button" 6072 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6073 @click="country_code = 'AZ'; openMain = false; activeSection = null;" 6074 6075 data-value="AZ"> 6076 <span class="rounded-full w-5 h-5 bg-cover fi fi-az"></span> 6077 <span class="text-sm">Azerbaijan (AZN â¼)</span> 6078 </button> 6079 </li> 6080 6081 <li class="disclosure__item order-last" data-order="BS"> 6082 <button type="button" 6083 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6084 @click="country_code = 'BS'; openMain = false; activeSection = null;" 6085 6086 data-value="BS"> 6087 <span class="rounded-full w-5 h-5 bg-cover fi fi-bs"></span> 6088 <span class="text-sm">Bahamas (BSD $)</span> 6089 </button> 6090 </li> 6091 6092 <li class="disclosure__item order-last" data-order="BH"> 6093 <button type="button" 6094 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6095 @click="country_code = 'BH'; openMain = false; activeSection = null;" 6096 6097 data-value="BH"> 6098 <span class="rounded-full w-5 h-5 bg-cover fi fi-bh"></span> 6099 <span class="text-sm">Bahrain (USD $)</span> 6100 </button> 6101 </li> 6102 6103 <li class="disclosure__item order-last" data-order="BD"> 6104 <button type="button" 6105 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6106 @click="country_code = 'BD'; openMain = false; activeSection = null;" 6107 6108 data-value="BD"> 6109 <span class="rounded-full w-5 h-5 bg-cover fi fi-bd"></span> 6110 <span class="text-sm">Bangladesh (BDT ৳)</span> 6111 </button> 6112 </li> 6113 6114 <li class="disclosure__item order-last" data-order="BB"> 6115 <button type="button" 6116 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6117 @click="country_code = 'BB'; openMain = false; activeSection = null;" 6118 6119 data-value="BB">
6120 <span class="rounded-full w-5 h-5 bg-cover fi fi-bb"></span> 6121 <span class="text-sm">Barbados (BBD $)</span> 6122 </button> 6123 </li> 6124 6125 <li class="disclosure__item order-last" data-order="BY"> 6126 <button type="button" 6127 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6128 @click="country_code = 'BY'; openMain = false; activeSection = null;" 6129 6130 data-value="BY"> 6131 <span class="rounded-full w-5 h-5 bg-cover fi fi-by"></span> 6132 <span class="text-sm">Belarus (USD $)</span> 6133 </button> 6134 </li> 6135 6136 <li class="disclosure__item order-last" data-order="BE"> 6137 <button type="button" 6138 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6139 @click="country_code = 'BE'; openMain = false; activeSection = null;" 6140 6141 data-value="BE"> 6142 <span class="rounded-full w-5 h-5 bg-cover fi fi-be"></span> 6143 <span class="text-sm">Belgium (EUR â¬)</span> 6144 </button> 6145 </li> 6146 6147 <li class="disclosure__item order-last" data-order="BZ"> 6148 <button type="button" 6149 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6150 @click="country_code = 'BZ'; openMain = false; activeSection = null;" 6151 6152 data-value="BZ"> 6153 <span class="rounded-full w-5 h-5 bg-cover fi fi-bz"></span> 6154 <span class="text-sm">Belize (BZD $)</span> 6155 </button> 6156 </li> 6157 6158 <li class="disclosure__item order-last" data-order="BJ"> 6159 <button type="button" 6160 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6161 @click="country_code = 'BJ'; openMain = false; activeSection = null;" 6162 6163 data-value="BJ"> 6164 <span class="rounded-full w-5 h-5 bg-cover fi fi-bj"></span> 6165 <span class="text-sm">Benin (XOF Fr)</span> 6166 </button> 6167 </li> 6168 6169 <li class="disclosure__item order-last" data-order="BM"> 6170 <button type="button" 6171 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6172 @click="country_code = 'BM'; openMain = false; activeSection = null;" 6173 6174 data-value="BM"> 6175 <span class="rounded-full w-5 h-5 bg-cover fi fi-bm"></span> 6176 <span class="text-sm">Bermuda (USD $)</span> 6177 </button> 6178 </li> 6179 6180 <li class="disclosure__item order-last" data-order="BT"> 6181 <button type="button" 6182 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6183 @click="country_code = 'BT'; openMain = false; activeSection = null;" 6184 6185 data-value="BT">
6186 <span class="rounded-full w-5 h-5 bg-cover fi fi-bt"></span> 6187 <span class="text-sm">Bhutan (USD $)</span> 6188 </button> 6189 </li> 6190 6191 <li class="disclosure__item order-last" data-order="BO"> 6192 <button type="button" 6193 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6194 @click="country_code = 'BO'; openMain = false; activeSection = null;" 6195 6196 data-value="BO"> 6197 <span class="rounded-full w-5 h-5 bg-cover fi fi-bo"></span> 6198 <span class="text-sm">Bolivia (BOB Bs.)</span> 6199 </button> 6200 </li> 6201 6202 <li class="disclosure__item order-last" data-order="BA"> 6203 <button type="button" 6204 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6205 @click="country_code = 'BA'; openMain = false; activeSection = null;" 6206 6207 data-value="BA"> 6208 <span class="rounded-full w-5 h-5 bg-cover fi fi-ba"></span> 6209 <span class="text-sm">Bosnia & Herzegovina (BAM ÐÐ)</span> 6210 </button> 6211 </li> 6212 6213 <li class="disclosure__item order-last" data-order="BW"> 6214 <button type="button" 6215 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6216 @click="country_code = 'BW'; openMain = false; activeSection = null;" 6217 6218 data-value="BW"> 6219 <span class="rounded-full w-5 h-5 bg-cover fi fi-bw"></span> 6220 <span class="text-sm">Botswana (BWP P)</span> 6221 </button> 6222 </li> 6223 6224 <li class="disclosure__item order-last" data-order="BR"> 6225 <button type="button" 6226 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6227 @click="country_code = 'BR'; openMain = false; activeSection = null;" 6228 6229 data-value="BR"> 6230 <span class="rounded-full w-5 h-5 bg-cover fi fi-br"></span> 6231 <span class="text-sm">Brazil (BRL R$)</span> 6232 </button> 6233 </li> 6234 6235 <li class="disclosure__item order-last" data-order="IO"> 6236 <button type="button" 6237 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6238 @click="country_code = 'IO'; openMain = false; activeSection = null;" 6239 6240 data-value="IO"> 6241 <span class="rounded-full w-5 h-5 bg-cover fi fi-io"></span> 6242 <span class="text-sm">British Indian Ocean Territory (USD $)</span> 6243 </button> 6244 </li> 6245 6246 <li class="disclosure__item order-last" data-order="VG"> 6247 <button type="button" 6248 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6249 @click="country_code = 'VG'; openMain = false; activeSection = null;" 6250 6251 data-value="VG">
6252 <span class="rounded-full w-5 h-5 bg-cover fi fi-vg"></span> 6253 <span class="text-sm">British Virgin Islands (USD $)</span> 6254 </button> 6255 </li> 6256 6257 <li class="disclosure__item order-last" data-order="BN"> 6258 <button type="button" 6259 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6260 @click="country_code = 'BN'; openMain = false; activeSection = null;" 6261 6262 data-value="BN"> 6263 <span class="rounded-full w-5 h-5 bg-cover fi fi-bn"></span> 6264 <span class="text-sm">Brunei (BND $)</span> 6265 </button> 6266 </li> 6267 6268 <li class="disclosure__item order-last" data-order="BG"> 6269 <button type="button" 6270 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6271 @click="country_code = 'BG'; openMain = false; activeSection = null;" 6272 6273 data-value="BG"> 6274 <span class="rounded-full w-5 h-5 bg-cover fi fi-bg"></span> 6275 <span class="text-sm">Bulgaria (EUR â¬)</span> 6276 </button> 6277 </li> 6278 6279 <li class="disclosure__item order-last" data-order="BF"> 6280 <button type="button" 6281 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6282 @click="country_code = 'BF'; openMain = false; activeSection = null;" 6283 6284 data-value="BF"> 6285 <span class="rounded-full w-5 h-5 bg-cover fi fi-bf"></span> 6286 <span class="text-sm">Burkina Faso (XOF Fr)</span> 6287 </button> 6288 </li> 6289 6290 <li class="disclosure__item order-last" data-order="BI"> 6291 <button type="button" 6292 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6293 @click="country_code = 'BI'; openMain = false; activeSection = null;" 6294 6295 data-value="BI"> 6296 <span class="rounded-full w-5 h-5 bg-cover fi fi-bi"></span> 6297 <span class="text-sm">Burundi (BIF Fr)</span> 6298 </button> 6299 </li> 6300 6301 <li class="disclosure__item order-last" data-order="KH"> 6302 <button type="button" 6303 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6304 @click="country_code = 'KH'; openMain = false; activeSection = null;" 6305 6306 data-value="KH"> 6307 <span class="rounded-full w-5 h-5 bg-cover fi fi-kh"></span> 6308 <span class="text-sm">Cambodia (KHR á)</span> 6309 </button> 6310 </li> 6311 6312 <li class="disclosure__item order-last" data-order="CM"> 6313 <button type="button" 6314 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6315 @click="country_code = 'CM'; openMain = false; activeSection = null;" 6316 6317 data-value="CM">
6318 <span class="rounded-full w-5 h-5 bg-cover fi fi-cm"></span> 6319 <span class="text-sm">Cameroon (XAF CFA)</span> 6320 </button> 6321 </li> 6322 6323 <li class="disclosure__item order-last" data-order="CA"> 6324 <button type="button" 6325 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6326 @click="country_code = 'CA'; openMain = false; activeSection = null;" 6327 6328 data-value="CA"> 6329 <span class="rounded-full w-5 h-5 bg-cover fi fi-ca"></span> 6330 <span class="text-sm">Canada (CAD $)</span> 6331 </button> 6332 </li> 6333 6334 <li class="disclosure__item order-last" data-order="CV"> 6335 <button type="button" 6336 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6337 @click="country_code = 'CV'; openMain = false; activeSection = null;" 6338 6339 data-value="CV"> 6340 <span class="rounded-full w-5 h-5 bg-cover fi fi-cv"></span> 6341 <span class="text-sm">Cape Verde (CVE $)</span> 6342 </button> 6343 </li> 6344 6345 <li class="disclosure__item order-last" data-order="BQ"> 6346 <button type="button" 6347 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6348 @click="country_code = 'BQ'; openMain = false; activeSection = null;" 6349 6350 data-value="BQ"> 6351 <span class="rounded-full w-5 h-5 bg-cover fi fi-bq"></span> 6352 <span class="text-sm">Caribbean Netherlands (USD $)</span> 6353 </button> 6354 </li> 6355 6356 <li class="disclosure__item order-last" data-order="KY"> 6357 <button type="button" 6358 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6359 @click="country_code = 'KY'; openMain = false; activeSection = null;" 6360 6361 data-value="KY"> 6362 <span class="rounded-full w-5 h-5 bg-cover fi fi-ky"></span> 6363 <span class="text-sm">Cayman Islands (KYD $)</span> 6364 </button> 6365 </li> 6366 6367 <li class="disclosure__item order-last" data-order="CF"> 6368 <button type="button" 6369 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6370 @click="country_code = 'CF'; openMain = false; activeSection = null;" 6371 6372 data-value="CF"> 6373 <span class="rounded-full w-5 h-5 bg-cover fi fi-cf"></span> 6374 <span class="text-sm">Central African Republic (XAF CFA)</span> 6375 </button> 6376 </li> 6377 6378 <li class="disclosure__item order-last" data-order="TD"> 6379 <button type="button" 6380 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6381 @click="country_code = 'TD'; openMain = false; activeSection = null;" 6382 6383 data-value="TD">
6384 <span class="rounded-full w-5 h-5 bg-cover fi fi-td"></span> 6385 <span class="text-sm">Chad (XAF CFA)</span> 6386 </button> 6387 </li> 6388 6389 <li class="disclosure__item order-last" data-order="CL"> 6390 <button type="button" 6391 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6392 @click="country_code = 'CL'; openMain = false; activeSection = null;" 6393 6394 data-value="CL"> 6395 <span class="rounded-full w-5 h-5 bg-cover fi fi-cl"></span> 6396 <span class="text-sm">Chile (USD $)</span> 6397 </button> 6398 </li> 6399 6400 <li class="disclosure__item order-last" data-order="CN"> 6401 <button type="button" 6402 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6403 @click="country_code = 'CN'; openMain = false; activeSection = null;" 6404 6405 data-value="CN"> 6406 <span class="rounded-full w-5 h-5 bg-cover fi fi-cn"></span> 6407 <span class="text-sm">China (CNY ¥)</span> 6408 </button> 6409 </li> 6410 6411 <li class="disclosure__item order-last" data-order="CX"> 6412 <button type="button" 6413 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6414 @click="country_code = 'CX'; openMain = false; activeSection = null;" 6415 6416 data-value="CX"> 6417 <span class="rounded-full w-5 h-5 bg-cover fi fi-cx"></span> 6418 <span class="text-sm">Christmas Island (AUD $)</span> 6419 </button> 6420 </li> 6421 6422 <li class="disclosure__item order-last" data-order="CC"> 6423 <button type="button" 6424 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6425 @click="country_code = 'CC'; openMain = false; activeSection = null;" 6426 6427 data-value="CC"> 6428 <span class="rounded-full w-5 h-5 bg-cover fi fi-cc"></span> 6429 <span class="text-sm">Cocos (Keeling) Islands (AUD $)</span> 6430 </button> 6431 </li> 6432 6433 <li class="disclosure__item order-last" data-order="CO"> 6434 <button type="button" 6435 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6436 @click="country_code = 'CO'; openMain = false; activeSection = null;" 6437 6438 data-value="CO"> 6439 <span class="rounded-full w-5 h-5 bg-cover fi fi-co"></span> 6440 <span class="text-sm">Colombia (USD $)</span> 6441 </button> 6442 </li> 6443 6444 <li class="disclosure__item order-last" data-order="KM"> 6445 <button type="button" 6446 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6447 @click="country_code = 'KM'; openMain = false; activeSection = null;" 6448 6449 data-value="KM">
6450 <span class="rounded-full w-5 h-5 bg-cover fi fi-km"></span> 6451 <span class="text-sm">Comoros (KMF Fr)</span> 6452 </button> 6453 </li> 6454 6455 <li class="disclosure__item order-last" data-order="CG"> 6456 <button type="button" 6457 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6458 @click="country_code = 'CG'; openMain = false; activeSection = null;" 6459 6460 data-value="CG"> 6461 <span class="rounded-full w-5 h-5 bg-cover fi fi-cg"></span> 6462 <span class="text-sm">Congo - Brazzaville (XAF CFA)</span> 6463 </button> 6464 </li> 6465 6466 <li class="disclosure__item order-last" data-order="CD"> 6467 <button type="button" 6468 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6469 @click="country_code = 'CD'; openMain = false; activeSection = null;" 6470 6471 data-value="CD"> 6472 <span class="rounded-full w-5 h-5 bg-cover fi fi-cd"></span> 6473 <span class="text-sm">Congo - Kinshasa (CDF Fr)</span> 6474 </button> 6475 </li> 6476 6477 <li class="disclosure__item order-last" data-order="CK"> 6478 <button type="button" 6479 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6480 @click="country_code = 'CK'; openMain = false; activeSection = null;" 6481 6482 data-value="CK"> 6483 <span class="rounded-full w-5 h-5 bg-cover fi fi-ck"></span> 6484 <span class="text-sm">Cook Islands (NZD $)</span> 6485 </button> 6486 </li> 6487 6488 <li class="disclosure__item order-last" data-order="CR"> 6489 <button type="button" 6490 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6491 @click="country_code = 'CR'; openMain = false; activeSection = null;" 6492 6493 data-value="CR"> 6494 <span class="rounded-full w-5 h-5 bg-cover fi fi-cr"></span> 6495 <span class="text-sm">Costa Rica (CRC â¡)</span> 6496 </button> 6497 </li> 6498 6499 <li class="disclosure__item order-last" data-order="CI"> 6500 <button type="button" 6501 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6502 @click="country_code = 'CI'; openMain = false; activeSection = null;" 6503 6504 data-value="CI"> 6505 <span class="rounded-full w-5 h-5 bg-cover fi fi-ci"></span> 6506 <span class="text-sm">Côte dâIvoire (XOF Fr)</span> 6507 </button> 6508 </li> 6509 6510 <li class="disclosure__item order-last" data-order="HR"> 6511 <button type="button" 6512 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6513 @click="country_code = 'HR'; openMain = false; activeSection = null;" 6514 6515 data-value="HR">
6516 <span class="rounded-full w-5 h-5 bg-cover fi fi-hr"></span> 6517 <span class="text-sm">Croatia (EUR â¬)</span> 6518 </button> 6519 </li> 6520 6521 <li class="disclosure__item order-last" data-order="CW"> 6522 <button type="button" 6523 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6524 @click="country_code = 'CW'; openMain = false; activeSection = null;" 6525 6526 data-value="CW"> 6527 <span class="rounded-full w-5 h-5 bg-cover fi fi-cw"></span> 6528 <span class="text-sm">Curaçao (ANG Æ)</span> 6529 </button> 6530 </li> 6531 6532 <li class="disclosure__item order-last" data-order="CY"> 6533 <button type="button" 6534 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6535 @click="country_code = 'CY'; openMain = false; activeSection = null;" 6536 6537 data-value="CY"> 6538 <span class="rounded-full w-5 h-5 bg-cover fi fi-cy"></span> 6539 <span class="text-sm">Cyprus (EUR â¬)</span> 6540 </button> 6541 </li> 6542 6543 <li class="disclosure__item order-last" data-order="CZ"> 6544 <button type="button" 6545 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6546 @click="country_code = 'CZ'; openMain = false; activeSection = null;" 6547 6548 data-value="CZ"> 6549 <span class="rounded-full w-5 h-5 bg-cover fi fi-cz"></span> 6550 <span class="text-sm">Czechia (CZK KÄ)</span> 6551 </button> 6552 </li> 6553 6554 <li class="disclosure__item order-last" data-order="DK"> 6555 <button type="button" 6556 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6557 @click="country_code = 'DK'; openMain = false; activeSection = null;" 6558 6559 data-value="DK"> 6560 <span class="rounded-full w-5 h-5 bg-cover fi fi-dk"></span> 6561 <span class="text-sm">Denmark (DKK kr.)</span> 6562 </button> 6563 </li> 6564 6565 <li class="disclosure__item order-last" data-order="DJ"> 6566 <button type="button" 6567 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6568 @click="country_code = 'DJ'; openMain = false; activeSection = null;" 6569 6570 data-value="DJ"> 6571 <span class="rounded-full w-5 h-5 bg-cover fi fi-dj"></span> 6572 <span class="text-sm">Djibouti (DJF Fdj)</span> 6573 </button> 6574 </li> 6575 6576 <li class="disclosure__item order-last" data-order="DM"> 6577 <button type="button" 6578 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6579 @click="country_code = 'DM'; openMain = false; activeSection = null;" 6580 6581 data-value="DM">
6582 <span class="rounded-full w-5 h-5 bg-cover fi fi-dm"></span> 6583 <span class="text-sm">Dominica (XCD $)</span> 6584 </button> 6585 </li> 6586 6587 <li class="disclosure__item order-last" data-order="DO"> 6588 <button type="button" 6589 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6590 @click="country_code = 'DO'; openMain = false; activeSection = null;" 6591 6592 data-value="DO"> 6593 <span class="rounded-full w-5 h-5 bg-cover fi fi-do"></span> 6594 <span class="text-sm">Dominican Republic (DOP $)</span> 6595 </button> 6596 </li> 6597 6598 <li class="disclosure__item order-last" data-order="EC"> 6599 <button type="button" 6600 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6601 @click="country_code = 'EC'; openMain = false; activeSection = null;" 6602 6603 data-value="EC"> 6604 <span class="rounded-full w-5 h-5 bg-cover fi fi-ec"></span> 6605 <span class="text-sm">Ecuador (USD $)</span> 6606 </button> 6607 </li> 6608 6609 <li class="disclosure__item order-last" data-order="EG"> 6610 <button type="button" 6611 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6612 @click="country_code = 'EG'; openMain = false; activeSection = null;" 6613 6614 data-value="EG"> 6615 <span class="rounded-full w-5 h-5 bg-cover fi fi-eg"></span> 6616 <span class="text-sm">Egypt (EGP ج.٠)</span> 6617 </button> 6618 </li> 6619 6620 <li class="disclosure__item order-last" data-order="SV"> 6621 <button type="button" 6622 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6623 @click="country_code = 'SV'; openMain = false; activeSection = null;" 6624 6625 data-value="SV"> 6626 <span class="rounded-full w-5 h-5 bg-cover fi fi-sv"></span> 6627 <span class="text-sm">El Salvador (USD $)</span> 6628 </button> 6629 </li> 6630 6631 <li class="disclosure__item order-last" data-order="GQ"> 6632 <button type="button" 6633 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6634 @click="country_code = 'GQ'; openMain = false; activeSection = null;" 6635 6636 data-value="GQ"> 6637 <span class="rounded-full w-5 h-5 bg-cover fi fi-gq"></span> 6638 <span class="text-sm">Equatorial Guinea (XAF CFA)</span> 6639 </button> 6640 </li> 6641 6642 <li class="disclosure__item order-last" data-order="ER"> 6643 <button type="button" 6644 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6645 @click="country_code = 'ER'; openMain = false; activeSection = null;" 6646 6647 data-value="ER">
6648 <span class="rounded-full w-5 h-5 bg-cover fi fi-er"></span> 6649 <span class="text-sm">Eritrea (USD $)</span> 6650 </button> 6651 </li> 6652 6653 <li class="disclosure__item order-last" data-order="EE"> 6654 <button type="button" 6655 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6656 @click="country_code = 'EE'; openMain = false; activeSection = null;" 6657 6658 data-value="EE"> 6659 <span class="rounded-full w-5 h-5 bg-cover fi fi-ee"></span> 6660 <span class="text-sm">Estonia (EUR â¬)</span> 6661 </button> 6662 </li> 6663 6664 <li class="disclosure__item order-last" data-order="SZ"> 6665 <button type="button" 6666 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6667 @click="country_code = 'SZ'; openMain = false; activeSection = null;" 6668 6669 data-value="SZ"> 6670 <span class="rounded-full w-5 h-5 bg-cover fi fi-sz"></span> 6671 <span class="text-sm">Eswatini (USD $)</span> 6672 </button> 6673 </li> 6674 6675 <li class="disclosure__item order-last" data-order="ET"> 6676 <button type="button" 6677 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6678 @click="country_code = 'ET'; openMain = false; activeSection = null;" 6679 6680 data-value="ET"> 6681 <span class="rounded-full w-5 h-5 bg-cover fi fi-et"></span> 6682 <span class="text-sm">Ethiopia (ETB Br)</span> 6683 </button> 6684 </li> 6685 6686 <li class="disclosure__item order-last" data-order="FK"> 6687 <button type="button" 6688 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6689 @click="country_code = 'FK'; openMain = false; activeSection = null;" 6690 6691 data-value="FK"> 6692 <span class="rounded-full w-5 h-5 bg-cover fi fi-fk"></span> 6693 <span class="text-sm">Falkland Islands (FKP £)</span> 6694 </button> 6695 </li> 6696 6697 <li class="disclosure__item order-last" data-order="FO"> 6698 <button type="button" 6699 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6700 @click="country_code = 'FO'; openMain = false; activeSection = null;" 6701 6702 data-value="FO"> 6703 <span class="rounded-full w-5 h-5 bg-cover fi fi-fo"></span> 6704 <span class="text-sm">Faroe Islands (DKK kr.)</span> 6705 </button> 6706 </li> 6707 6708 <li class="disclosure__item order-last" data-order="FJ"> 6709 <button type="button" 6710 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6711 @click="country_code = 'FJ'; openMain = false; activeSection = null;" 6712 6713 data-value="FJ">
6714 <span class="rounded-full w-5 h-5 bg-cover fi fi-fj"></span> 6715 <span class="text-sm">Fiji (FJD $)</span> 6716 </button> 6717 </li> 6718 6719 <li class="disclosure__item order-last" data-order="FI"> 6720 <button type="button" 6721 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6722 @click="country_code = 'FI'; openMain = false; activeSection = null;" 6723 6724 data-value="FI"> 6725 <span class="rounded-full w-5 h-5 bg-cover fi fi-fi"></span> 6726 <span class="text-sm">Finland (EUR â¬)</span> 6727 </button> 6728 </li> 6729 6730 <li class="disclosure__item order-last" data-order="FR"> 6731 <button type="button" 6732 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6733 @click="country_code = 'FR'; openMain = false; activeSection = null;" 6734 6735 data-value="FR"> 6736 <span class="rounded-full w-5 h-5 bg-cover fi fi-fr"></span> 6737 <span class="text-sm">France (EUR â¬)</span> 6738 </button> 6739 </li> 6740 6741 <li class="disclosure__item order-last" data-order="GF"> 6742 <button type="button" 6743 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6744 @click="country_code = 'GF'; openMain = false; activeSection = null;" 6745 6746 data-value="GF"> 6747 <span class="rounded-full w-5 h-5 bg-cover fi fi-gf"></span> 6748 <span class="text-sm">French Guiana (EUR â¬)</span> 6749 </button> 6750 </li> 6751 6752 <li class="disclosure__item order-last" data-order="PF"> 6753 <button type="button" 6754 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6755 @click="country_code = 'PF'; openMain = false; activeSection = null;" 6756 6757 data-value="PF"> 6758 <span class="rounded-full w-5 h-5 bg-cover fi fi-pf"></span> 6759 <span class="text-sm">French Polynesia (XPF Fr)</span> 6760 </button> 6761 </li> 6762 6763 <li class="disclosure__item order-last" data-order="TF"> 6764 <button type="button" 6765 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6766 @click="country_code = 'TF'; openMain = false; activeSection = null;" 6767 6768 data-value="TF"> 6769 <span class="rounded-full w-5 h-5 bg-cover fi fi-tf"></span> 6770 <span class="text-sm">French Southern Territories (EUR â¬)</span> 6771 </button> 6772 </li> 6773 6774 <li class="disclosure__item order-last" data-order="GA"> 6775 <button type="button" 6776 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6777 @click="country_code = 'GA'; openMain = false; activeSection = null;" 6778 6779 data-value="GA">
6780 <span class="rounded-full w-5 h-5 bg-cover fi fi-ga"></span> 6781 <span class="text-sm">Gabon (XOF Fr)</span> 6782 </button> 6783 </li> 6784 6785 <li class="disclosure__item order-last" data-order="GM"> 6786 <button type="button" 6787 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6788 @click="country_code = 'GM'; openMain = false; activeSection = null;" 6789 6790 data-value="GM"> 6791 <span class="rounded-full w-5 h-5 bg-cover fi fi-gm"></span> 6792 <span class="text-sm">Gambia (GMD D)</span> 6793 </button> 6794 </li> 6795 6796 <li class="disclosure__item order-last" data-order="GE"> 6797 <button type="button" 6798 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6799 @click="country_code = 'GE'; openMain = false; activeSection = null;" 6800 6801 data-value="GE"> 6802 <span class="rounded-full w-5 h-5 bg-cover fi fi-ge"></span> 6803 <span class="text-sm">Georgia (USD $)</span> 6804 </button> 6805 </li> 6806 6807 <li class="disclosure__item order-last" data-order="DE"> 6808 <button type="button" 6809 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6810 @click="country_code = 'DE'; openMain = false; activeSection = null;" 6811 6812 data-value="DE"> 6813 <span class="rounded-full w-5 h-5 bg-cover fi fi-de"></span> 6814 <span class="text-sm">Germany (EUR â¬)</span> 6815 </button> 6816 </li> 6817 6818 <li class="disclosure__item order-last" data-order="GH"> 6819 <button type="button" 6820 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6821 @click="country_code = 'GH'; openMain = false; activeSection = null;" 6822 6823 data-value="GH"> 6824 <span class="rounded-full w-5 h-5 bg-cover fi fi-gh"></span> 6825 <span class="text-sm">Ghana (USD $)</span> 6826 </button> 6827 </li> 6828 6829 <li class="disclosure__item order-last" data-order="GI"> 6830 <button type="button" 6831 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6832 @click="country_code = 'GI'; openMain = false; activeSection = null;" 6833 6834 data-value="GI"> 6835 <span class="rounded-full w-5 h-5 bg-cover fi fi-gi"></span> 6836 <span class="text-sm">Gibraltar (GBP £)</span> 6837 </button> 6838 </li> 6839 6840 <li class="disclosure__item order-last" data-order="GR"> 6841 <button type="button" 6842 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6843 @click="country_code = 'GR'; openMain = false; activeSection = null;" 6844 6845 data-value="GR">
6846 <span class="rounded-full w-5 h-5 bg-cover fi fi-gr"></span> 6847 <span class="text-sm">Greece (EUR â¬)</span> 6848 </button> 6849 </li> 6850 6851 <li class="disclosure__item order-last" data-order="GL"> 6852 <button type="button" 6853 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6854 @click="country_code = 'GL'; openMain = false; activeSection = null;" 6855 6856 data-value="GL"> 6857 <span class="rounded-full w-5 h-5 bg-cover fi fi-gl"></span> 6858 <span class="text-sm">Greenland (DKK kr.)</span> 6859 </button> 6860 </li> 6861 6862 <li class="disclosure__item order-last" data-order="GD"> 6863 <button type="button" 6864 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6865 @click="country_code = 'GD'; openMain = false; activeSection = null;" 6866 6867 data-value="GD"> 6868 <span class="rounded-full w-5 h-5 bg-cover fi fi-gd"></span> 6869 <span class="text-sm">Grenada (XCD $)</span> 6870 </button> 6871 </li> 6872 6873 <li class="disclosure__item order-last" data-order="GP"> 6874 <button type="button" 6875 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6876 @click="country_code = 'GP'; openMain = false; activeSection = null;" 6877 6878 data-value="GP"> 6879 <span class="rounded-full w-5 h-5 bg-cover fi fi-gp"></span> 6880 <span class="text-sm">Guadeloupe (EUR â¬)</span> 6881 </button> 6882 </li> 6883 6884 <li class="disclosure__item order-last" data-order="GT"> 6885 <button type="button" 6886 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6887 @click="country_code = 'GT'; openMain = false; activeSection = null;" 6888 6889 data-value="GT"> 6890 <span class="rounded-full w-5 h-5 bg-cover fi fi-gt"></span> 6891 <span class="text-sm">Guatemala (GTQ Q)</span> 6892 </button> 6893 </li> 6894 6895 <li class="disclosure__item order-last" data-order="GG"> 6896 <button type="button" 6897 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6898 @click="country_code = 'GG'; openMain = false; activeSection = null;" 6899 6900 data-value="GG"> 6901 <span class="rounded-full w-5 h-5 bg-cover fi fi-gg"></span> 6902 <span class="text-sm">Guernsey (GBP £)</span> 6903 </button> 6904 </li> 6905 6906 <li class="disclosure__item order-last" data-order="GN"> 6907 <button type="button" 6908 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6909 @click="country_code = 'GN'; openMain = false; activeSection = null;" 6910 6911 data-value="GN">
6912 <span class="rounded-full w-5 h-5 bg-cover fi fi-gn"></span> 6913 <span class="text-sm">Guinea (GNF Fr)</span> 6914 </button> 6915 </li> 6916 6917 <li class="disclosure__item order-last" data-order="GW"> 6918 <button type="button" 6919 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6920 @click="country_code = 'GW'; openMain = false; activeSection = null;" 6921 6922 data-value="GW"> 6923 <span class="rounded-full w-5 h-5 bg-cover fi fi-gw"></span> 6924 <span class="text-sm">Guinea-Bissau (XOF Fr)</span> 6925 </button> 6926 </li> 6927 6928 <li class="disclosure__item order-last" data-order="GY"> 6929 <button type="button" 6930 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6931 @click="country_code = 'GY'; openMain = false; activeSection = null;" 6932 6933 data-value="GY"> 6934 <span class="rounded-full w-5 h-5 bg-cover fi fi-gy"></span> 6935 <span class="text-sm">Guyana (GYD $)</span> 6936 </button> 6937 </li> 6938 6939 <li class="disclosure__item order-last" data-order="HT"> 6940 <button type="button" 6941 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6942 @click="country_code = 'HT'; openMain = false; activeSection = null;" 6943 6944 data-value="HT"> 6945 <span class="rounded-full w-5 h-5 bg-cover fi fi-ht"></span> 6946 <span class="text-sm">Haiti (USD $)</span> 6947 </button> 6948 </li> 6949 6950 <li class="disclosure__item order-last" data-order="HN"> 6951 <button type="button" 6952 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6953 @click="country_code = 'HN'; openMain = false; activeSection = null;" 6954 6955 data-value="HN"> 6956 <span class="rounded-full w-5 h-5 bg-cover fi fi-hn"></span> 6957 <span class="text-sm">Honduras (HNL L)</span> 6958 </button> 6959 </li> 6960 6961 <li class="disclosure__item order-last" data-order="HK"> 6962 <button type="button" 6963 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6964 @click="country_code = 'HK'; openMain = false; activeSection = null;" 6965 6966 data-value="HK"> 6967 <span class="rounded-full w-5 h-5 bg-cover fi fi-hk"></span> 6968 <span class="text-sm">Hong Kong SAR (HKD $)</span> 6969 </button> 6970 </li> 6971 6972 <li class="disclosure__item order-last" data-order="HU"> 6973 <button type="button" 6974 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6975 @click="country_code = 'HU'; openMain = false; activeSection = null;" 6976 6977 data-value="HU">
6978 <span class="rounded-full w-5 h-5 bg-cover fi fi-hu"></span> 6979 <span class="text-sm">Hungary (HUF Ft)</span> 6980 </button> 6981 </li> 6982 6983 <li class="disclosure__item order-last" data-order="IS"> 6984 <button type="button" 6985 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6986 @click="country_code = 'IS'; openMain = false; activeSection = null;" 6987 6988 data-value="IS"> 6989 <span class="rounded-full w-5 h-5 bg-cover fi fi-is"></span> 6990 <span class="text-sm">Iceland (ISK kr)</span> 6991 </button> 6992 </li> 6993 6994 <li class="disclosure__item order-last" data-order="IN"> 6995 <button type="button" 6996 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 6997 @click="country_code = 'IN'; openMain = false; activeSection = null;" 6998 6999 data-value="IN"> 7000 <span class="rounded-full w-5 h-5 bg-cover fi fi-in"></span> 7001 <span class="text-sm">India (INR â¹)</span> 7002 </button> 7003 </li> 7004 7005 <li class="disclosure__item order-last" data-order="ID"> 7006 <button type="button" 7007 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7008 @click="country_code = 'ID'; openMain = false; activeSection = null;" 7009 7010 data-value="ID"> 7011 <span class="rounded-full w-5 h-5 bg-cover fi fi-id"></span> 7012 <span class="text-sm">Indonesia (IDR Rp)</span> 7013 </button> 7014 </li> 7015 7016 <li class="disclosure__item order-last" data-order="IQ"> 7017 <button type="button" 7018 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7019 @click="country_code = 'IQ'; openMain = false; activeSection = null;" 7020 7021 data-value="IQ"> 7022 <span class="rounded-full w-5 h-5 bg-cover fi fi-iq"></span> 7023 <span class="text-sm">Iraq (USD $)</span> 7024 </button> 7025 </li> 7026 7027 <li class="disclosure__item order-last" data-order="IE"> 7028 <button type="button" 7029 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7030 @click="country_code = 'IE'; openMain = false; activeSection = null;" 7031 7032 data-value="IE"> 7033 <span class="rounded-full w-5 h-5 bg-cover fi fi-ie"></span> 7034 <span class="text-sm">Ireland (EUR â¬)</span> 7035 </button> 7036 </li> 7037 7038 <li class="disclosure__item order-last" data-order="IM"> 7039 <button type="button" 7040 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7041 @click="country_code = 'IM'; openMain = false; activeSection = null;" 7042 7043 data-value="IM">
7044 <span class="rounded-full w-5 h-5 bg-cover fi fi-im"></span> 7045 <span class="text-sm">Isle of Man (GBP £)</span> 7046 </button> 7047 </li> 7048 7049 <li class="disclosure__item order-last" data-order="IL"> 7050 <button type="button" 7051 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7052 @click="country_code = 'IL'; openMain = false; activeSection = null;" 7053 7054 data-value="IL"> 7055 <span class="rounded-full w-5 h-5 bg-cover fi fi-il"></span> 7056 <span class="text-sm">Israel (ILS âª)</span> 7057 </button> 7058 </li> 7059 7060 <li class="disclosure__item order-last" data-order="IT"> 7061 <button type="button" 7062 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7063 @click="country_code = 'IT'; openMain = false; activeSection = null;" 7064 7065 data-value="IT"> 7066 <span class="rounded-full w-5 h-5 bg-cover fi fi-it"></span> 7067 <span class="text-sm">Italy (EUR â¬)</span> 7068 </button> 7069 </li> 7070 7071 <li class="disclosure__item order-last" data-order="JM"> 7072 <button type="button" 7073 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7074 @click="country_code = 'JM'; openMain = false; activeSection = null;" 7075 7076 data-value="JM"> 7077 <span class="rounded-full w-5 h-5 bg-cover fi fi-jm"></span> 7078 <span class="text-sm">Jamaica (JMD $)</span> 7079 </button> 7080 </li> 7081 7082 <li class="disclosure__item order-last" data-order="JP"> 7083 <button type="button" 7084 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7085 @click="country_code = 'JP'; openMain = false; activeSection = null;" 7086 7087 data-value="JP"> 7088 <span class="rounded-full w-5 h-5 bg-cover fi fi-jp"></span> 7089 <span class="text-sm">Japan (JPY Â¥)</span> 7090 </button> 7091 </li> 7092 7093 <li class="disclosure__item order-last" data-order="JE"> 7094 <button type="button" 7095 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7096 @click="country_code = 'JE'; openMain = false; activeSection = null;" 7097 7098 data-value="JE"> 7099 <span class="rounded-full w-5 h-5 bg-cover fi fi-je"></span> 7100 <span class="text-sm">Jersey (GBP £)</span> 7101 </button> 7102 </li> 7103 7104 <li class="disclosure__item order-last" data-order="JO"> 7105 <button type="button" 7106 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7107 @click="country_code = 'JO'; openMain = false; activeSection = null;" 7108 7109 data-value="JO">
7110 <span class="rounded-full w-5 h-5 bg-cover fi fi-jo"></span> 7111 <span class="text-sm">Jordan (USD $)</span> 7112 </button> 7113 </li> 7114 7115 <li class="disclosure__item order-last" data-order="KZ"> 7116 <button type="button" 7117 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7118 @click="country_code = 'KZ'; openMain = false; activeSection = null;" 7119 7120 data-value="KZ"> 7121 <span class="rounded-full w-5 h-5 bg-cover fi fi-kz"></span> 7122 <span class="text-sm">Kazakhstan (KZT â¸)</span> 7123 </button> 7124 </li> 7125 7126 <li class="disclosure__item order-last" data-order="KE"> 7127 <button type="button" 7128 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7129 @click="country_code = 'KE'; openMain = false; activeSection = null;" 7130 7131 data-value="KE"> 7132 <span class="rounded-full w-5 h-5 bg-cover fi fi-ke"></span> 7133 <span class="text-sm">Kenya (KES KSh)</span> 7134 </button> 7135 </li> 7136 7137 <li class="disclosure__item order-last" data-order="KI"> 7138 <button type="button" 7139 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7140 @click="country_code = 'KI'; openMain = false; activeSection = null;" 7141 7142 data-value="KI"> 7143 <span class="rounded-full w-5 h-5 bg-cover fi fi-ki"></span> 7144 <span class="text-sm">Kiribati (USD $)</span> 7145 </button> 7146 </li> 7147 7148 <li class="disclosure__item order-last" data-order="XK"> 7149 <button type="button" 7150 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7151 @click="country_code = 'XK'; openMain = false; activeSection = null;" 7152 7153 data-value="XK"> 7154 <span class="rounded-full w-5 h-5 bg-cover fi fi-xk"></span> 7155 <span class="text-sm">Kosovo (EUR â¬)</span> 7156 </button> 7157 </li> 7158 7159 <li class="disclosure__item order-last" data-order="KW"> 7160 <button type="button" 7161 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7162 @click="country_code = 'KW'; openMain = false; activeSection = null;" 7163 7164 data-value="KW"> 7165 <span class="rounded-full w-5 h-5 bg-cover fi fi-kw"></span> 7166 <span class="text-sm">Kuwait (AED د.Ø¥)</span> 7167 </button> 7168 </li> 7169 7170 <li class="disclosure__item order-last" data-order="KG"> 7171 <button type="button" 7172 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7173 @click="country_code = 'KG'; openMain = false; activeSection = null;" 7174 7175 data-value="KG">
7176 <span class="rounded-full w-5 h-5 bg-cover fi fi-kg"></span> 7177 <span class="text-sm">Kyrgyzstan (KGS som)</span> 7178 </button> 7179 </li> 7180 7181 <li class="disclosure__item order-last" data-order="LA"> 7182 <button type="button" 7183 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7184 @click="country_code = 'LA'; openMain = false; activeSection = null;" 7185 7186 data-value="LA"> 7187 <span class="rounded-full w-5 h-5 bg-cover fi fi-la"></span> 7188 <span class="text-sm">Laos (LAK â)</span> 7189 </button> 7190 </li> 7191 7192 <li class="disclosure__item order-last" data-order="LV"> 7193 <button type="button" 7194 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7195 @click="country_code = 'LV'; openMain = false; activeSection = null;" 7196 7197 data-value="LV"> 7198 <span class="rounded-full w-5 h-5 bg-cover fi fi-lv"></span> 7199 <span class="text-sm">Latvia (EUR â¬)</span> 7200 </button> 7201 </li> 7202 7203 <li class="disclosure__item order-last" data-order="LB"> 7204 <button type="button" 7205 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7206 @click="country_code = 'LB'; openMain = false; activeSection = null;" 7207 7208 data-value="LB"> 7209 <span class="rounded-full w-5 h-5 bg-cover fi fi-lb"></span> 7210 <span class="text-sm">Lebanon (LBP Ù.Ù)</span> 7211 </button> 7212 </li> 7213 7214 <li class="disclosure__item order-last" data-order="LS"> 7215 <button type="button" 7216 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7217 @click="country_code = 'LS'; openMain = false; activeSection = null;" 7218 7219 data-value="LS"> 7220 <span class="rounded-full w-5 h-5 bg-cover fi fi-ls"></span> 7221 <span class="text-sm">Lesotho (USD $)</span> 7222 </button> 7223 </li> 7224 7225 <li class="disclosure__item order-last" data-order="LR"> 7226 <button type="button" 7227 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7228 @click="country_code = 'LR'; openMain = false; activeSection = null;" 7229 7230 data-value="LR"> 7231 <span class="rounded-full w-5 h-5 bg-cover fi fi-lr"></span> 7232 <span class="text-sm">Liberia (USD $)</span> 7233 </button> 7234 </li> 7235 7236 <li class="disclosure__item order-last" data-order="LY"> 7237 <button type="button" 7238 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7239 @click="country_code = 'LY'; openMain = false; activeSection = null;" 7240 7241 data-value="LY">
7242 <span class="rounded-full w-5 h-5 bg-cover fi fi-ly"></span> 7243 <span class="text-sm">Libya (USD $)</span> 7244 </button> 7245 </li> 7246 7247 <li class="disclosure__item order-last" data-order="LI"> 7248 <button type="button" 7249 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7250 @click="country_code = 'LI'; openMain = false; activeSection = null;" 7251 7252 data-value="LI"> 7253 <span class="rounded-full w-5 h-5 bg-cover fi fi-li"></span> 7254 <span class="text-sm">Liechtenstein (CHF CHF)</span> 7255 </button> 7256 </li> 7257 7258 <li class="disclosure__item order-last" data-order="LT"> 7259 <button type="button" 7260 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7261 @click="country_code = 'LT'; openMain = false; activeSection = null;" 7262 7263 data-value="LT"> 7264 <span class="rounded-full w-5 h-5 bg-cover fi fi-lt"></span> 7265 <span class="text-sm">Lithuania (EUR â¬)</span> 7266 </button> 7267 </li> 7268 7269 <li class="disclosure__item order-last" data-order="LU"> 7270 <button type="button" 7271 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7272 @click="country_code = 'LU'; openMain = false; activeSection = null;" 7273 7274 data-value="LU"> 7275 <span class="rounded-full w-5 h-5 bg-cover fi fi-lu"></span> 7276 <span class="text-sm">Luxembourg (EUR â¬)</span> 7277 </button> 7278 </li> 7279 7280 <li class="disclosure__item order-last" data-order="MO"> 7281 <button type="button" 7282 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7283 @click="country_code = 'MO'; openMain = false; activeSection = null;" 7284 7285 data-value="MO"> 7286 <span class="rounded-full w-5 h-5 bg-cover fi fi-mo"></span> 7287 <span class="text-sm">Macao SAR (MOP P)</span> 7288 </button> 7289 </li> 7290 7291 <li class="disclosure__item order-last" data-order="MG"> 7292 <button type="button" 7293 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7294 @click="country_code = 'MG'; openMain = false; activeSection = null;" 7295 7296 data-value="MG"> 7297 <span class="rounded-full w-5 h-5 bg-cover fi fi-mg"></span> 7298 <span class="text-sm">Madagascar (USD $)</span> 7299 </button> 7300 </li> 7301 7302 <li class="disclosure__item order-last" data-order="MW"> 7303 <button type="button" 7304 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7305 @click="country_code = 'MW'; openMain = false; activeSection = null;" 7306 7307 data-value="MW">
7308 <span class="rounded-full w-5 h-5 bg-cover fi fi-mw"></span> 7309 <span class="text-sm">Malawi (MWK MK)</span> 7310 </button> 7311 </li> 7312 7313 <li class="disclosure__item order-last" data-order="MY"> 7314 <button type="button" 7315 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7316 @click="country_code = 'MY'; openMain = false; activeSection = null;" 7317 7318 data-value="MY"> 7319 <span class="rounded-full w-5 h-5 bg-cover fi fi-my"></span> 7320 <span class="text-sm">Malaysia (MYR RM)</span> 7321 </button> 7322 </li> 7323 7324 <li class="disclosure__item order-last" data-order="MV"> 7325 <button type="button" 7326 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7327 @click="country_code = 'MV'; openMain = false; activeSection = null;" 7328 7329 data-value="MV"> 7330 <span class="rounded-full w-5 h-5 bg-cover fi fi-mv"></span> 7331 <span class="text-sm">Maldives (MVR MVR)</span> 7332 </button> 7333 </li> 7334 7335 <li class="disclosure__item order-last" data-order="ML"> 7336 <button type="button" 7337 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7338 @click="country_code = 'ML'; openMain = false; activeSection = null;" 7339 7340 data-value="ML"> 7341 <span class="rounded-full w-5 h-5 bg-cover fi fi-ml"></span> 7342 <span class="text-sm">Mali (XOF Fr)</span> 7343 </button> 7344 </li> 7345 7346 <li class="disclosure__item order-last" data-order="MT"> 7347 <button type="button" 7348 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7349 @click="country_code = 'MT'; openMain = false; activeSection = null;" 7350 7351 data-value="MT"> 7352 <span class="rounded-full w-5 h-5 bg-cover fi fi-mt"></span> 7353 <span class="text-sm">Malta (EUR â¬)</span> 7354 </button> 7355 </li> 7356 7357 <li class="disclosure__item order-last" data-order="MQ"> 7358 <button type="button" 7359 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7360 @click="country_code = 'MQ'; openMain = false; activeSection = null;" 7361 7362 data-value="MQ"> 7363 <span class="rounded-full w-5 h-5 bg-cover fi fi-mq"></span> 7364 <span class="text-sm">Martinique (EUR â¬)</span> 7365 </button> 7366 </li> 7367 7368 <li class="disclosure__item order-last" data-order="MR"> 7369 <button type="button" 7370 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7371 @click="country_code = 'MR'; openMain = false; activeSection = null;" 7372 7373 data-value="MR">
7374 <span class="rounded-full w-5 h-5 bg-cover fi fi-mr"></span> 7375 <span class="text-sm">Mauritania (USD $)</span> 7376 </button> 7377 </li> 7378 7379 <li class="disclosure__item order-last" data-order="MU"> 7380 <button type="button" 7381 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7382 @click="country_code = 'MU'; openMain = false; activeSection = null;" 7383 7384 data-value="MU"> 7385 <span class="rounded-full w-5 h-5 bg-cover fi fi-mu"></span> 7386 <span class="text-sm">Mauritius (MUR â¨)</span> 7387 </button> 7388 </li> 7389 7390 <li class="disclosure__item order-last" data-order="YT"> 7391 <button type="button" 7392 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7393 @click="country_code = 'YT'; openMain = false; activeSection = null;" 7394 7395 data-value="YT"> 7396 <span class="rounded-full w-5 h-5 bg-cover fi fi-yt"></span> 7397 <span class="text-sm">Mayotte (EUR â¬)</span> 7398 </button> 7399 </li> 7400 7401 <li class="disclosure__item order-last" data-order="MX"> 7402 <button type="button" 7403 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7404 @click="country_code = 'MX'; openMain = false; activeSection = null;" 7405 7406 data-value="MX"> 7407 <span class="rounded-full w-5 h-5 bg-cover fi fi-mx"></span> 7408 <span class="text-sm">Mexico (MXN $)</span> 7409 </button> 7410 </li> 7411 7412 <li class="disclosure__item order-last" data-order="MD"> 7413 <button type="button" 7414 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7415 @click="country_code = 'MD'; openMain = false; activeSection = null;" 7416 7417 data-value="MD"> 7418 <span class="rounded-full w-5 h-5 bg-cover fi fi-md"></span> 7419 <span class="text-sm">Moldova (MDL L)</span> 7420 </button> 7421 </li> 7422 7423 <li class="disclosure__item order-last" data-order="MC"> 7424 <button type="button" 7425 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7426 @click="country_code = 'MC'; openMain = false; activeSection = null;" 7427 7428 data-value="MC"> 7429 <span class="rounded-full w-5 h-5 bg-cover fi fi-mc"></span> 7430 <span class="text-sm">Monaco (EUR â¬)</span> 7431 </button> 7432 </li> 7433 7434 <li class="disclosure__item order-last" data-order="MN"> 7435 <button type="button" 7436 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7437 @click="country_code = 'MN'; openMain = false; activeSection = null;" 7438 7439 data-value="MN">
7440 <span class="rounded-full w-5 h-5 bg-cover fi fi-mn"></span> 7441 <span class="text-sm">Mongolia (MNT â®)</span> 7442 </button> 7443 </li> 7444 7445 <li class="disclosure__item order-last" data-order="ME"> 7446 <button type="button" 7447 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7448 @click="country_code = 'ME'; openMain = false; activeSection = null;" 7449 7450 data-value="ME"> 7451 <span class="rounded-full w-5 h-5 bg-cover fi fi-me"></span> 7452 <span class="text-sm">Montenegro (EUR â¬)</span> 7453 </button> 7454 </li> 7455 7456 <li class="disclosure__item order-last" data-order="MS"> 7457 <button type="button" 7458 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7459 @click="country_code = 'MS'; openMain = false; activeSection = null;" 7460 7461 data-value="MS"> 7462 <span class="rounded-full w-5 h-5 bg-cover fi fi-ms"></span> 7463 <span class="text-sm">Montserrat (XCD $)</span> 7464 </button> 7465 </li> 7466 7467 <li class="disclosure__item order-last" data-order="MA"> 7468 <button type="button" 7469 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7470 @click="country_code = 'MA'; openMain = false; activeSection = null;" 7471 7472 data-value="MA"> 7473 <span class="rounded-full w-5 h-5 bg-cover fi fi-ma"></span> 7474 <span class="text-sm">Morocco (MAD د.Ù .)</span> 7475 </button> 7476 </li> 7477 7478 <li class="disclosure__item order-last" data-order="MZ"> 7479 <button type="button" 7480 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7481 @click="country_code = 'MZ'; openMain = false; activeSection = null;" 7482 7483 data-value="MZ"> 7484 <span class="rounded-full w-5 h-5 bg-cover fi fi-mz"></span> 7485 <span class="text-sm">Mozambique (USD $)</span> 7486 </button> 7487 </li> 7488 7489 <li class="disclosure__item order-last" data-order="MM"> 7490 <button type="button" 7491 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7492 @click="country_code = 'MM'; openMain = false; activeSection = null;" 7493 7494 data-value="MM"> 7495 <span class="rounded-full w-5 h-5 bg-cover fi fi-mm"></span> 7496 <span class="text-sm">Myanmar (Burma) (MMK K)</span> 7497 </button> 7498 </li> 7499 7500 <li class="disclosure__item order-last" data-order="NA"> 7501 <button type="button" 7502 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7503 @click="country_code = 'NA'; openMain = false; activeSection = null;" 7504 7505 data-value="NA">
7506 <span class="rounded-full w-5 h-5 bg-cover fi fi-na"></span> 7507 <span class="text-sm">Namibia (USD $)</span> 7508 </button> 7509 </li> 7510 7511 <li class="disclosure__item order-last" data-order="NR"> 7512 <button type="button" 7513 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7514 @click="country_code = 'NR'; openMain = false; activeSection = null;" 7515 7516 data-value="NR"> 7517 <span class="rounded-full w-5 h-5 bg-cover fi fi-nr"></span> 7518 <span class="text-sm">Nauru (AUD $)</span> 7519 </button> 7520 </li> 7521 7522 <li class="disclosure__item order-last" data-order="NP"> 7523 <button type="button" 7524 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7525 @click="country_code = 'NP'; openMain = false; activeSection = null;" 7526 7527 data-value="NP"> 7528 <span class="rounded-full w-5 h-5 bg-cover fi fi-np"></span> 7529 <span class="text-sm">Nepal (NPR Rs.)</span> 7530 </button> 7531 </li> 7532 7533 <li class="disclosure__item order-last" data-order="NL"> 7534 <button type="button" 7535 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7536 @click="country_code = 'NL'; openMain = false; activeSection = null;" 7537 7538 data-value="NL"> 7539 <span class="rounded-full w-5 h-5 bg-cover fi fi-nl"></span> 7540 <span class="text-sm">Netherlands (EUR â¬)</span> 7541 </button> 7542 </li> 7543 7544 <li class="disclosure__item order-last" data-order="NC"> 7545 <button type="button" 7546 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7547 @click="country_code = 'NC'; openMain = false; activeSection = null;" 7548 7549 data-value="NC"> 7550 <span class="rounded-full w-5 h-5 bg-cover fi fi-nc"></span> 7551 <span class="text-sm">New Caledonia (XPF Fr)</span> 7552 </button> 7553 </li> 7554 7555 <li class="disclosure__item order-last" data-order="NZ"> 7556 <button type="button" 7557 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7558 @click="country_code = 'NZ'; openMain = false; activeSection = null;" 7559 7560 data-value="NZ"> 7561 <span class="rounded-full w-5 h-5 bg-cover fi fi-nz"></span> 7562 <span class="text-sm">New Zealand (NZD $)</span> 7563 </button> 7564 </li> 7565 7566 <li class="disclosure__item order-last" data-order="NI"> 7567 <button type="button" 7568 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7569 @click="country_code = 'NI'; openMain = false; activeSection = null;" 7570 7571 data-value="NI">
7572 <span class="rounded-full w-5 h-5 bg-cover fi fi-ni"></span> 7573 <span class="text-sm">Nicaragua (NIO C$)</span> 7574 </button> 7575 </li> 7576 7577 <li class="disclosure__item order-last" data-order="NE"> 7578 <button type="button" 7579 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7580 @click="country_code = 'NE'; openMain = false; activeSection = null;" 7581 7582 data-value="NE"> 7583 <span class="rounded-full w-5 h-5 bg-cover fi fi-ne"></span> 7584 <span class="text-sm">Niger (XOF Fr)</span> 7585 </button> 7586 </li> 7587 7588 <li class="disclosure__item order-last" data-order="NG"> 7589 <button type="button" 7590 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7591 @click="country_code = 'NG'; openMain = false; activeSection = null;" 7592 7593 data-value="NG"> 7594 <span class="rounded-full w-5 h-5 bg-cover fi fi-ng"></span> 7595 <span class="text-sm">Nigeria (NGN â¦)</span> 7596 </button> 7597 </li> 7598 7599 <li class="disclosure__item order-last" data-order="NU"> 7600 <button type="button" 7601 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7602 @click="country_code = 'NU'; openMain = false; activeSection = null;" 7603 7604 data-value="NU"> 7605 <span class="rounded-full w-5 h-5 bg-cover fi fi-nu"></span> 7606 <span class="text-sm">Niue (NZD $)</span> 7607 </button> 7608 </li> 7609 7610 <li class="disclosure__item order-last" data-order="NF"> 7611 <button type="button" 7612 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7613 @click="country_code = 'NF'; openMain = false; activeSection = null;" 7614 7615 data-value="NF"> 7616 <span class="rounded-full w-5 h-5 bg-cover fi fi-nf"></span> 7617 <span class="text-sm">Norfolk Island (AUD $)</span> 7618 </button> 7619 </li> 7620 7621 <li class="disclosure__item order-last" data-order="MK"> 7622 <button type="button" 7623 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7624 @click="country_code = 'MK'; openMain = false; activeSection = null;" 7625 7626 data-value="MK"> 7627 <span class="rounded-full w-5 h-5 bg-cover fi fi-mk"></span> 7628 <span class="text-sm">North Macedonia (MKD ден)</span> 7629 </button> 7630 </li> 7631 7632 <li class="disclosure__item order-last" data-order="NO"> 7633 <button type="button" 7634 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7635 @click="country_code = 'NO'; openMain = false; activeSection = null;" 7636 7637 data-value="NO">
7638 <span class="rounded-full w-5 h-5 bg-cover fi fi-no"></span> 7639 <span class="text-sm">Norway (NOK kr)</span> 7640 </button> 7641 </li> 7642 7643 <li class="disclosure__item order-last" data-order="OM"> 7644 <button type="button" 7645 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7646 @click="country_code = 'OM'; openMain = false; activeSection = null;" 7647 7648 data-value="OM"> 7649 <span class="rounded-full w-5 h-5 bg-cover fi fi-om"></span> 7650 <span class="text-sm">Oman (USD $)</span> 7651 </button> 7652 </li> 7653 7654 <li class="disclosure__item order-last" data-order="PK"> 7655 <button type="button" 7656 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7657 @click="country_code = 'PK'; openMain = false; activeSection = null;" 7658 7659 data-value="PK"> 7660 <span class="rounded-full w-5 h-5 bg-cover fi fi-pk"></span> 7661 <span class="text-sm">Pakistan (PKR â¨)</span> 7662 </button> 7663 </li> 7664 7665 <li class="disclosure__item order-last" data-order="PA"> 7666 <button type="button" 7667 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7668 @click="country_code = 'PA'; openMain = false; activeSection = null;" 7669 7670 data-value="PA"> 7671 <span class="rounded-full w-5 h-5 bg-cover fi fi-pa"></span> 7672 <span class="text-sm">Panama (USD $)</span> 7673 </button> 7674 </li> 7675 7676 <li class="disclosure__item order-last" data-order="PG"> 7677 <button type="button" 7678 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7679 @click="country_code = 'PG'; openMain = false; activeSection = null;" 7680 7681 data-value="PG"> 7682 <span class="rounded-full w-5 h-5 bg-cover fi fi-pg"></span> 7683 <span class="text-sm">Papua New Guinea (PGK K)</span> 7684 </button> 7685 </li> 7686 7687 <li class="disclosure__item order-last" data-order="PY"> 7688 <button type="button" 7689 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7690 @click="country_code = 'PY'; openMain = false; activeSection = null;" 7691 7692 data-value="PY"> 7693 <span class="rounded-full w-5 h-5 bg-cover fi fi-py"></span> 7694 <span class="text-sm">Paraguay (PYG â²)</span> 7695 </button> 7696 </li> 7697 7698 <li class="disclosure__item order-last" data-order="PE"> 7699 <button type="button" 7700 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7701 @click="country_code = 'PE'; openMain = false; activeSection = null;" 7702 7703 data-value="PE">
7704 <span class="rounded-full w-5 h-5 bg-cover fi fi-pe"></span> 7705 <span class="text-sm">Peru (PEN S/)</span> 7706 </button> 7707 </li> 7708 7709 <li class="disclosure__item order-last" data-order="PH"> 7710 <button type="button" 7711 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7712 @click="country_code = 'PH'; openMain = false; activeSection = null;" 7713 7714 data-value="PH"> 7715 <span class="rounded-full w-5 h-5 bg-cover fi fi-ph"></span> 7716 <span class="text-sm">Philippines (PHP â±)</span> 7717 </button> 7718 </li> 7719 7720 <li class="disclosure__item order-last" data-order="PN"> 7721 <button type="button" 7722 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7723 @click="country_code = 'PN'; openMain = false; activeSection = null;" 7724 7725 data-value="PN"> 7726 <span class="rounded-full w-5 h-5 bg-cover fi fi-pn"></span> 7727 <span class="text-sm">Pitcairn Islands (NZD $)</span> 7728 </button> 7729 </li> 7730 7731 <li class="disclosure__item order-last" data-order="PL"> 7732 <button type="button" 7733 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7734 @click="country_code = 'PL'; openMain = false; activeSection = null;" 7735 7736 data-value="PL"> 7737 <span class="rounded-full w-5 h-5 bg-cover fi fi-pl"></span> 7738 <span class="text-sm">Poland (PLN zÅ)</span> 7739 </button> 7740 </li> 7741 7742 <li class="disclosure__item order-last" data-order="PT"> 7743 <button type="button" 7744 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7745 @click="country_code = 'PT'; openMain = false; activeSection = null;" 7746 7747 data-value="PT"> 7748 <span class="rounded-full w-5 h-5 bg-cover fi fi-pt"></span> 7749 <span class="text-sm">Portugal (EUR â¬)</span> 7750 </button> 7751 </li> 7752 7753 <li class="disclosure__item order-last" data-order="QA"> 7754 <button type="button" 7755 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7756 @click="country_code = 'QA'; openMain = false; activeSection = null;" 7757 7758 data-value="QA"> 7759 <span class="rounded-full w-5 h-5 bg-cover fi fi-qa"></span> 7760 <span class="text-sm">Qatar (QAR ر.Ù)</span> 7761 </button> 7762 </li> 7763 7764 <li class="disclosure__item order-last" data-order="RE"> 7765 <button type="button" 7766 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7767 @click="country_code = 'RE'; openMain = false; activeSection = null;" 7768 7769 data-value="RE">
7770 <span class="rounded-full w-5 h-5 bg-cover fi fi-re"></span> 7771 <span class="text-sm">Réunion (EUR â¬)</span> 7772 </button> 7773 </li> 7774 7775 <li class="disclosure__item order-last" data-order="RO"> 7776 <button type="button" 7777 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7778 @click="country_code = 'RO'; openMain = false; activeSection = null;" 7779 7780 data-value="RO"> 7781 <span class="rounded-full w-5 h-5 bg-cover fi fi-ro"></span> 7782 <span class="text-sm">Romania (RON Lei)</span> 7783 </button> 7784 </li> 7785 7786 <li class="disclosure__item order-last" data-order="RW"> 7787 <button type="button" 7788 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7789 @click="country_code = 'RW'; openMain = false; activeSection = null;" 7790 7791 data-value="RW"> 7792 <span class="rounded-full w-5 h-5 bg-cover fi fi-rw"></span> 7793 <span class="text-sm">Rwanda (RWF FRw)</span> 7794 </button> 7795 </li> 7796 7797 <li class="disclosure__item order-last" data-order="WS"> 7798 <button type="button" 7799 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7800 @click="country_code = 'WS'; openMain = false; activeSection = null;" 7801 7802 data-value="WS"> 7803 <span class="rounded-full w-5 h-5 bg-cover fi fi-ws"></span> 7804 <span class="text-sm">Samoa (WST T)</span> 7805 </button> 7806 </li> 7807 7808 <li class="disclosure__item order-last" data-order="SM"> 7809 <button type="button" 7810 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7811 @click="country_code = 'SM'; openMain = false; activeSection = null;" 7812 7813 data-value="SM"> 7814 <span class="rounded-full w-5 h-5 bg-cover fi fi-sm"></span> 7815 <span class="text-sm">San Marino (EUR â¬)</span> 7816 </button> 7817 </li> 7818 7819 <li class="disclosure__item order-last" data-order="ST"> 7820 <button type="button" 7821 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7822 @click="country_code = 'ST'; openMain = false; activeSection = null;" 7823 7824 data-value="ST"> 7825 <span class="rounded-full w-5 h-5 bg-cover fi fi-st"></span> 7826 <span class="text-sm">São Tomé & PrÃncipe (STD Db)</span> 7827 </button> 7828 </li> 7829 7830 <li class="disclosure__item order-last" data-order="SA"> 7831 <button type="button" 7832 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7833 @click="country_code = 'SA'; openMain = false; activeSection = null;" 7834 7835 data-value="SA">
7836 <span class="rounded-full w-5 h-5 bg-cover fi fi-sa"></span> 7837 <span class="text-sm">Saudi Arabia (SAR ر.س)</span> 7838 </button> 7839 </li> 7840 7841 <li class="disclosure__item order-last" data-order="SN"> 7842 <button type="button" 7843 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7844 @click="country_code = 'SN'; openMain = false; activeSection = null;" 7845 7846 data-value="SN"> 7847 <span class="rounded-full w-5 h-5 bg-cover fi fi-sn"></span> 7848 <span class="text-sm">Senegal (XOF Fr)</span> 7849 </button> 7850 </li> 7851 7852 <li class="disclosure__item order-last" data-order="RS"> 7853 <button type="button" 7854 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7855 @click="country_code = 'RS'; openMain = false; activeSection = null;" 7856 7857 data-value="RS"> 7858 <span class="rounded-full w-5 h-5 bg-cover fi fi-rs"></span> 7859 <span class="text-sm">Serbia (RSD РСÐ)</span> 7860 </button> 7861 </li> 7862 7863 <li class="disclosure__item order-last" data-order="SC"> 7864 <button type="button" 7865 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7866 @click="country_code = 'SC'; openMain = false; activeSection = null;" 7867 7868 data-value="SC"> 7869 <span class="rounded-full w-5 h-5 bg-cover fi fi-sc"></span> 7870 <span class="text-sm">Seychelles (USD $)</span> 7871 </button> 7872 </li> 7873 7874 <li class="disclosure__item order-last" data-order="SL"> 7875 <button type="button" 7876 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7877 @click="country_code = 'SL'; openMain = false; activeSection = null;" 7878 7879 data-value="SL"> 7880 <span class="rounded-full w-5 h-5 bg-cover fi fi-sl"></span> 7881 <span class="text-sm">Sierra Leone (SLL Le)</span> 7882 </button> 7883 </li> 7884 7885 <li class="disclosure__item order-last" data-order="SG"> 7886 <button type="button" 7887 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7888 @click="country_code = 'SG'; openMain = false; activeSection = null;" 7889 7890 data-value="SG"> 7891 <span class="rounded-full w-5 h-5 bg-cover fi fi-sg"></span> 7892 <span class="text-sm">Singapore (SGD $)</span> 7893 </button> 7894 </li> 7895 7896 <li class="disclosure__item order-last" data-order="SX"> 7897 <button type="button" 7898 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7899 @click="country_code = 'SX'; openMain = false; activeSection = null;" 7900 7901 data-value="SX">
7902 <span class="rounded-full w-5 h-5 bg-cover fi fi-sx"></span> 7903 <span class="text-sm">Sint Maarten (ANG Æ)</span> 7904 </button> 7905 </li> 7906 7907 <li class="disclosure__item order-last" data-order="SK"> 7908 <button type="button" 7909 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7910 @click="country_code = 'SK'; openMain = false; activeSection = null;" 7911 7912 data-value="SK"> 7913 <span class="rounded-full w-5 h-5 bg-cover fi fi-sk"></span> 7914 <span class="text-sm">Slovakia (EUR â¬)</span> 7915 </button> 7916 </li> 7917 7918 <li class="disclosure__item order-last" data-order="SI"> 7919 <button type="button" 7920 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7921 @click="country_code = 'SI'; openMain = false; activeSection = null;" 7922 7923 data-value="SI"> 7924 <span class="rounded-full w-5 h-5 bg-cover fi fi-si"></span> 7925 <span class="text-sm">Slovenia (EUR â¬)</span> 7926 </button> 7927 </li> 7928 7929 <li class="disclosure__item order-last" data-order="SB"> 7930 <button type="button" 7931 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7932 @click="country_code = 'SB'; openMain = false; activeSection = null;" 7933 7934 data-value="SB"> 7935 <span class="rounded-full w-5 h-5 bg-cover fi fi-sb"></span> 7936 <span class="text-sm">Solomon Islands (SBD $)</span> 7937 </button> 7938 </li> 7939 7940 <li class="disclosure__item order-last" data-order="SO"> 7941 <button type="button" 7942 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7943 @click="country_code = 'SO'; openMain = false; activeSection = null;" 7944 7945 data-value="SO"> 7946 <span class="rounded-full w-5 h-5 bg-cover fi fi-so"></span> 7947 <span class="text-sm">Somalia (USD $)</span> 7948 </button> 7949 </li> 7950 7951 <li class="disclosure__item order-last" data-order="ZA"> 7952 <button type="button" 7953 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7954 @click="country_code = 'ZA'; openMain = false; activeSection = null;" 7955 7956 data-value="ZA"> 7957 <span class="rounded-full w-5 h-5 bg-cover fi fi-za"></span> 7958 <span class="text-sm">South Africa (USD $)</span> 7959 </button> 7960 </li> 7961 7962 <li class="disclosure__item order-last" data-order="GS"> 7963 <button type="button" 7964 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7965 @click="country_code = 'GS'; openMain = false; activeSection = null;" 7966 7967 data-value="GS">
7968 <span class="rounded-full w-5 h-5 bg-cover fi fi-gs"></span> 7969 <span class="text-sm">South Georgia & South Sandwich Islands (GBP £)</span> 7970 </button> 7971 </li> 7972 7973 <li class="disclosure__item order-last" data-order="KR"> 7974 <button type="button" 7975 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7976 @click="country_code = 'KR'; openMain = false; activeSection = null;" 7977 7978 data-value="KR"> 7979 <span class="rounded-full w-5 h-5 bg-cover fi fi-kr"></span> 7980 <span class="text-sm">South Korea (KRW â©)</span> 7981 </button> 7982 </li> 7983 7984 <li class="disclosure__item order-last" data-order="SS"> 7985 <button type="button" 7986 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7987 @click="country_code = 'SS'; openMain = false; activeSection = null;" 7988 7989 data-value="SS"> 7990 <span class="rounded-full w-5 h-5 bg-cover fi fi-ss"></span> 7991 <span class="text-sm">South Sudan (USD $)</span> 7992 </button> 7993 </li> 7994 7995 <li class="disclosure__item order-last" data-order="ES"> 7996 <button type="button" 7997 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 7998 @click="country_code = 'ES'; openMain = false; activeSection = null;" 7999 8000 data-value="ES"> 8001 <span class="rounded-full w-5 h-5 bg-cover fi fi-es"></span> 8002 <span class="text-sm">Spain (EUR â¬)</span> 8003 </button> 8004 </li> 8005 8006 <li class="disclosure__item order-last" data-order="LK"> 8007 <button type="button" 8008 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8009 @click="country_code = 'LK'; openMain = false; activeSection = null;" 8010 8011 data-value="LK"> 8012 <span class="rounded-full w-5 h-5 bg-cover fi fi-lk"></span> 8013 <span class="text-sm">Sri Lanka (LKR â¨)</span> 8014 </button> 8015 </li> 8016 8017 <li class="disclosure__item order-last" data-order="BL"> 8018 <button type="button" 8019 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8020 @click="country_code = 'BL'; openMain = false; activeSection = null;" 8021 8022 data-value="BL"> 8023 <span class="rounded-full w-5 h-5 bg-cover fi fi-bl"></span> 8024 <span class="text-sm">St. Barthélemy (EUR â¬)</span> 8025 </button> 8026 </li> 8027 8028 <li class="disclosure__item order-last" data-order="SH"> 8029 <button type="button" 8030 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8031 @click="country_code = 'SH'; openMain = false; activeSection = null;" 8032 8033 data-value="SH">
8034 <span class="rounded-full w-5 h-5 bg-cover fi fi-sh"></span> 8035 <span class="text-sm">St. Helena (SHP £)</span> 8036 </button> 8037 </li> 8038 8039 <li class="disclosure__item order-last" data-order="KN"> 8040 <button type="button" 8041 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8042 @click="country_code = 'KN'; openMain = false; activeSection = null;" 8043 8044 data-value="KN"> 8045 <span class="rounded-full w-5 h-5 bg-cover fi fi-kn"></span> 8046 <span class="text-sm">St. Kitts & Nevis (XCD $)</span> 8047 </button> 8048 </li> 8049 8050 <li class="disclosure__item order-last" data-order="LC"> 8051 <button type="button" 8052 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8053 @click="country_code = 'LC'; openMain = false; activeSection = null;" 8054 8055 data-value="LC"> 8056 <span class="rounded-full w-5 h-5 bg-cover fi fi-lc"></span> 8057 <span class="text-sm">St. Lucia (XCD $)</span> 8058 </button> 8059 </li> 8060 8061 <li class="disclosure__item order-last" data-order="MF"> 8062 <button type="button" 8063 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8064 @click="country_code = 'MF'; openMain = false; activeSection = null;" 8065 8066 data-value="MF"> 8067 <span class="rounded-full w-5 h-5 bg-cover fi fi-mf"></span> 8068 <span class="text-sm">St. Martin (EUR â¬)</span> 8069 </button> 8070 </li> 8071 8072 <li class="disclosure__item order-last" data-order="PM"> 8073 <button type="button" 8074 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8075 @click="country_code = 'PM'; openMain = false; activeSection = null;" 8076 8077 data-value="PM"> 8078 <span class="rounded-full w-5 h-5 bg-cover fi fi-pm"></span> 8079 <span class="text-sm">St. Pierre & Miquelon (EUR â¬)</span> 8080 </button> 8081 </li> 8082 8083 <li class="disclosure__item order-last" data-order="VC"> 8084 <button type="button" 8085 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8086 @click="country_code = 'VC'; openMain = false; activeSection = null;" 8087 8088 data-value="VC"> 8089 <span class="rounded-full w-5 h-5 bg-cover fi fi-vc"></span> 8090 <span class="text-sm">St. Vincent & Grenadines (XCD $)</span> 8091 </button> 8092 </li> 8093 8094 <li class="disclosure__item order-last" data-order="SD"> 8095 <button type="button" 8096 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8097 @click="country_code = 'SD'; openMain = false; activeSection = null;" 8098 8099 data-value="SD">
8100 <span class="rounded-full w-5 h-5 bg-cover fi fi-sd"></span> 8101 <span class="text-sm">Sudan (USD $)</span> 8102 </button> 8103 </li> 8104 8105 <li class="disclosure__item order-last" data-order="SR"> 8106 <button type="button" 8107 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8108 @click="country_code = 'SR'; openMain = false; activeSection = null;" 8109 8110 data-value="SR"> 8111 <span class="rounded-full w-5 h-5 bg-cover fi fi-sr"></span> 8112 <span class="text-sm">Suriname (USD $)</span> 8113 </button> 8114 </li> 8115 8116 <li class="disclosure__item order-last" data-order="SJ"> 8117 <button type="button" 8118 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8119 @click="country_code = 'SJ'; openMain = false; activeSection = null;" 8120 8121 data-value="SJ"> 8122 <span class="rounded-full w-5 h-5 bg-cover fi fi-sj"></span> 8123 <span class="text-sm">Svalbard & Jan Mayen (NOK kr)</span> 8124 </button> 8125 </li> 8126 8127 <li class="disclosure__item order-last" data-order="SE"> 8128 <button type="button" 8129 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8130 @click="country_code = 'SE'; openMain = false; activeSection = null;" 8131 8132 data-value="SE"> 8133 <span class="rounded-full w-5 h-5 bg-cover fi fi-se"></span> 8134 <span class="text-sm">Sweden (SEK kr)</span> 8135 </button> 8136 </li> 8137 8138 <li class="disclosure__item order-last" data-order="CH"> 8139 <button type="button" 8140 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8141 @click="country_code = 'CH'; openMain = false; activeSection = null;" 8142 8143 data-value="CH"> 8144 <span class="rounded-full w-5 h-5 bg-cover fi fi-ch"></span> 8145 <span class="text-sm">Switzerland (CHF CHF)</span> 8146 </button> 8147 </li> 8148 8149 <li class="disclosure__item order-last" data-order="TW"> 8150 <button type="button" 8151 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8152 @click="country_code = 'TW'; openMain = false; activeSection = null;" 8153 8154 data-value="TW"> 8155 <span class="rounded-full w-5 h-5 bg-cover fi fi-tw"></span> 8156 <span class="text-sm">Taiwan (TWD $)</span> 8157 </button> 8158 </li> 8159 8160 <li class="disclosure__item order-last" data-order="TJ"> 8161 <button type="button" 8162 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8163 @click="country_code = 'TJ'; openMain = false; activeSection = null;" 8164 8165 data-value="TJ">
8166 <span class="rounded-full w-5 h-5 bg-cover fi fi-tj"></span> 8167 <span class="text-sm">Tajikistan (TJS Ð Ð)</span> 8168 </button> 8169 </li> 8170 8171 <li class="disclosure__item order-last" data-order="TZ"> 8172 <button type="button" 8173 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8174 @click="country_code = 'TZ'; openMain = false; activeSection = null;" 8175 8176 data-value="TZ"> 8177 <span class="rounded-full w-5 h-5 bg-cover fi fi-tz"></span> 8178 <span class="text-sm">Tanzania (TZS Sh)</span> 8179 </button> 8180 </li> 8181 8182 <li class="disclosure__item order-last" data-order="TH"> 8183 <button type="button" 8184 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8185 @click="country_code = 'TH'; openMain = false; activeSection = null;" 8186 8187 data-value="TH"> 8188 <span class="rounded-full w-5 h-5 bg-cover fi fi-th"></span> 8189 <span class="text-sm">Thailand (THB ฿)</span> 8190 </button> 8191 </li> 8192 8193 <li class="disclosure__item order-last" data-order="TL"> 8194 <button type="button" 8195 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8196 @click="country_code = 'TL'; openMain = false; activeSection = null;" 8197 8198 data-value="TL"> 8199 <span class="rounded-full w-5 h-5 bg-cover fi fi-tl"></span> 8200 <span class="text-sm">Timor-Leste (USD $)</span> 8201 </button> 8202 </li> 8203 8204 <li class="disclosure__item order-last" data-order="TG"> 8205 <button type="button" 8206 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8207 @click="country_code = 'TG'; openMain = false; activeSection = null;" 8208 8209 data-value="TG"> 8210 <span class="rounded-full w-5 h-5 bg-cover fi fi-tg"></span> 8211 <span class="text-sm">Togo (XOF Fr)</span> 8212 </button> 8213 </li> 8214 8215 <li class="disclosure__item order-last" data-order="TK"> 8216 <button type="button" 8217 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8218 @click="country_code = 'TK'; openMain = false; activeSection = null;" 8219 8220 data-value="TK"> 8221 <span class="rounded-full w-5 h-5 bg-cover fi fi-tk"></span> 8222 <span class="text-sm">Tokelau (NZD $)</span> 8223 </button> 8224 </li> 8225 8226 <li class="disclosure__item order-last" data-order="TO"> 8227 <button type="button" 8228 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8229 @click="country_code = 'TO'; openMain = false; activeSection = null;" 8230 8231 data-value="TO">
8232 <span class="rounded-full w-5 h-5 bg-cover fi fi-to"></span> 8233 <span class="text-sm">Tonga (TOP T$)</span> 8234 </button> 8235 </li> 8236 8237 <li class="disclosure__item order-last" data-order="TT"> 8238 <button type="button" 8239 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8240 @click="country_code = 'TT'; openMain = false; activeSection = null;" 8241 8242 data-value="TT"> 8243 <span class="rounded-full w-5 h-5 bg-cover fi fi-tt"></span> 8244 <span class="text-sm">Trinidad & Tobago (TTD $)</span> 8245 </button> 8246 </li> 8247 8248 <li class="disclosure__item order-last" data-order="TA"> 8249 <button type="button" 8250 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8251 @click="country_code = 'TA'; openMain = false; activeSection = null;" 8252 8253 data-value="TA"> 8254 <span class="rounded-full w-5 h-5 bg-cover fi fi-ta"></span> 8255 <span class="text-sm">Tristan da Cunha (GBP £)</span> 8256 </button> 8257 </li> 8258 8259 <li class="disclosure__item order-last" data-order="TN"> 8260 <button type="button" 8261 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8262 @click="country_code = 'TN'; openMain = false; activeSection = null;" 8263 8264 data-value="TN"> 8265 <span class="rounded-full w-5 h-5 bg-cover fi fi-tn"></span> 8266 <span class="text-sm">Tunisia (USD $)</span> 8267 </button> 8268 </li> 8269 8270 <li class="disclosure__item order-last" data-order="TR"> 8271 <button type="button" 8272 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8273 @click="country_code = 'TR'; openMain = false; activeSection = null;" 8274 8275 data-value="TR"> 8276 <span class="rounded-full w-5 h-5 bg-cover fi fi-tr"></span> 8277 <span class="text-sm">Türkiye (USD $)</span> 8278 </button> 8279 </li> 8280 8281 <li class="disclosure__item order-last" data-order="TM"> 8282 <button type="button" 8283 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8284 @click="country_code = 'TM'; openMain = false; activeSection = null;" 8285 8286 data-value="TM"> 8287 <span class="rounded-full w-5 h-5 bg-cover fi fi-tm"></span> 8288 <span class="text-sm">Turkmenistan (USD $)</span> 8289 </button> 8290 </li> 8291 8292 <li class="disclosure__item order-last" data-order="TC"> 8293 <button type="button" 8294 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8295 @click="country_code = 'TC'; openMain = false; activeSection = null;" 8296 8297 data-value="TC">
8298 <span class="rounded-full w-5 h-5 bg-cover fi fi-tc"></span> 8299 <span class="text-sm">Turks & Caicos Islands (USD $)</span> 8300 </button> 8301 </li> 8302 8303 <li class="disclosure__item order-last" data-order="TV"> 8304 <button type="button" 8305 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8306 @click="country_code = 'TV'; openMain = false; activeSection = null;" 8307 8308 data-value="TV"> 8309 <span class="rounded-full w-5 h-5 bg-cover fi fi-tv"></span> 8310 <span class="text-sm">Tuvalu (AUD $)</span> 8311 </button> 8312 </li> 8313 8314 <li class="disclosure__item order-last" data-order="UM"> 8315 <button type="button" 8316 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8317 @click="country_code = 'UM'; openMain = false; activeSection = null;" 8318 8319 data-value="UM"> 8320 <span class="rounded-full w-5 h-5 bg-cover fi fi-um"></span> 8321 <span class="text-sm">U.S. Outlying Islands (USD $)</span> 8322 </button> 8323 </li> 8324 8325 <li class="disclosure__item order-last" data-order="UG"> 8326 <button type="button" 8327 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8328 @click="country_code = 'UG'; openMain = false; activeSection = null;" 8329 8330 data-value="UG"> 8331 <span class="rounded-full w-5 h-5 bg-cover fi fi-ug"></span> 8332 <span class="text-sm">Uganda (UGX USh)</span> 8333 </button> 8334 </li> 8335 8336 <li class="disclosure__item order-last" data-order="UA"> 8337 <button type="button" 8338 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8339 @click="country_code = 'UA'; openMain = false; activeSection = null;" 8340 8341 data-value="UA"> 8342 <span class="rounded-full w-5 h-5 bg-cover fi fi-ua"></span> 8343 <span class="text-sm">Ukraine (UAH â´)</span> 8344 </button> 8345 </li> 8346 8347 <li class="disclosure__item order-last" data-order="AE"> 8348 <button type="button" 8349 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8350 @click="country_code = 'AE'; openMain = false; activeSection = null;" 8351 8352 data-value="AE"> 8353 <span class="rounded-full w-5 h-5 bg-cover fi fi-ae"></span> 8354 <span class="text-sm">United Arab Emirates (AED د.Ø¥)</span> 8355 </button> 8356 </li> 8357 8358 <li class="disclosure__item order-last" data-order="GB"> 8359 <button type="button" 8360 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8361 @click="country_code = 'GB'; openMain = false; activeSection = null;" 8362 8363 data-value="GB">
8364 <span class="rounded-full w-5 h-5 bg-cover fi fi-gb"></span> 8365 <span class="text-sm">United Kingdom (GBP £)</span> 8366 </button> 8367 </li> 8368 8369 <li class="disclosure__item order-last" data-order="US"> 8370 <button type="button" 8371 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors bg-gray-100" 8372 @click="country_code = 'US'; openMain = false; activeSection = null;" 8373 aria-current="true" 8374 data-value="US"> 8375 <span class="rounded-full w-5 h-5 bg-cover fi fi-us"></span> 8376 <span class="text-sm">United States (USD $)</span> 8377 </button> 8378 </li> 8379 8380 <li class="disclosure__item order-last" data-order="UY"> 8381 <button type="button" 8382 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8383 @click="country_code = 'UY'; openMain = false; activeSection = null;" 8384 8385 data-value="UY"> 8386 <span class="rounded-full w-5 h-5 bg-cover fi fi-uy"></span> 8387 <span class="text-sm">Uruguay (UYU $U)</span> 8388 </button> 8389 </li> 8390 8391 <li class="disclosure__item order-last" data-order="UZ"> 8392 <button type="button" 8393 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8394 @click="country_code = 'UZ'; openMain = false; activeSection = null;" 8395 8396 data-value="UZ"> 8397 <span class="rounded-full w-5 h-5 bg-cover fi fi-uz"></span> 8398 <span class="text-sm">Uzbekistan (UZS so'm)</span> 8399 </button> 8400 </li> 8401 8402 <li class="disclosure__item order-last" data-order="VU"> 8403 <button type="button" 8404 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8405 @click="country_code = 'VU'; openMain = false; activeSection = null;" 8406 8407 data-value="VU"> 8408 <span class="rounded-full w-5 h-5 bg-cover fi fi-vu"></span> 8409 <span class="text-sm">Vanuatu (VUV Vt)</span> 8410 </button> 8411 </li> 8412 8413 <li class="disclosure__item order-last" data-order="VA"> 8414 <button type="button" 8415 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8416 @click="country_code = 'VA'; openMain = false; activeSection = null;" 8417 8418 data-value="VA"> 8419 <span class="rounded-full w-5 h-5 bg-cover fi fi-va"></span> 8420 <span class="text-sm">Vatican City (EUR â¬)</span> 8421 </button> 8422 </li> 8423 8424 <li class="disclosure__item order-last" data-order="VE"> 8425 <button type="button" 8426 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8427 @click="country_code = 'VE'; openMain = false; activeSection = null;" 8428 8429 data-value="VE">
8430 <span class="rounded-full w-5 h-5 bg-cover fi fi-ve"></span> 8431 <span class="text-sm">Venezuela (USD $)</span> 8432 </button> 8433 </li> 8434 8435 <li class="disclosure__item order-last" data-order="VN"> 8436 <button type="button" 8437 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8438 @click="country_code = 'VN'; openMain = false; activeSection = null;" 8439 8440 data-value="VN"> 8441 <span class="rounded-full w-5 h-5 bg-cover fi fi-vn"></span> 8442 <span class="text-sm">Vietnam (VND â«)</span> 8443 </button> 8444 </li> 8445 8446 <li class="disclosure__item order-last" data-order="WF"> 8447 <button type="button" 8448 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8449 @click="country_code = 'WF'; openMain = false; activeSection = null;" 8450 8451 data-value="WF"> 8452 <span class="rounded-full w-5 h-5 bg-cover fi fi-wf"></span> 8453 <span class="text-sm">Wallis & Futuna (XPF Fr)</span> 8454 </button> 8455 </li> 8456 8457 <li class="disclosure__item order-last" data-order="EH"> 8458 <button type="button" 8459 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8460 @click="country_code = 'EH'; openMain = false; activeSection = null;" 8461 8462 data-value="EH"> 8463 <span class="rounded-full w-5 h-5 bg-cover fi fi-eh"></span> 8464 <span class="text-sm">Western Sahara (MAD د.Ù .)</span> 8465 </button> 8466 </li> 8467 8468 <li class="disclosure__item order-last" data-order="YE"> 8469 <button type="button" 8470 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8471 @click="country_code = 'YE'; openMain = false; activeSection = null;" 8472 8473 data-value="YE"> 8474 <span class="rounded-full w-5 h-5 bg-cover fi fi-ye"></span> 8475 <span class="text-sm">Yemen (YER ï·¼)</span> 8476 </button> 8477 </li> 8478 8479 <li class="disclosure__item order-last" data-order="ZM"> 8480 <button type="button" 8481 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8482 @click="country_code = 'ZM'; openMain = false; activeSection = null;" 8483 8484 data-value="ZM"> 8485 <span class="rounded-full w-5 h-5 bg-cover fi fi-zm"></span> 8486 <span class="text-sm">Zambia (USD $)</span> 8487 </button> 8488 </li> 8489 8490 <li class="disclosure__item order-last" data-order="ZW"> 8491 <button type="button" 8492 class="w-full text-left flex items-center gap-2 px-3 py-2 hover:bg-gray-100 transition-colors " 8493 @click="country_code = 'ZW'; openMain = false; activeSection = null;" 8494 8495 data-value="ZW">
8496 <span class="rounded-full w-5 h-5 bg-cover fi fi-zw"></span> 8497 <span class="text-sm">Zimbabwe (USD $)</span> 8498 </button> 8499 </li> 8500 8501 </ul> 8502 <input type="hidden" x-model="country_code" name="country_code" value="US"> 8503 </form> 8504 </div> 8505 </div> 8506 8507 <!-- Language Section --> 8508 <div class="localization-dropdown__section relative border border-black p-3"> 8509 <button type="button" 8510 @click="activeSection = activeSection === 'language' ? null : 'language'" 8511 :aria-expanded="(activeSection === 'language').toString()" 8512 class="w-full flex items-center justify-between hover:opacity-70 transition-opacity"> 8513 <div class="flex items-center gap-3"> 8514 <div class="text-left"> 8515 <p class="font-medium"><span class="sr-only">Language: </span>English</p> 8516 </div> 8517 </div> 8518 <span class="transition-transform duration-200" aria-hidden="true" :class="{ 'rotate-180': activeSection === 'language' }"> 8519 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-chevron-down" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 8520 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 8521 <path d="M6 9l6 6l6 -6" /> 8522 </svg> 8523 </span> 8524 </button> 8525 8526 <!-- Language Dropdown (absolute positioned) --> 8527 <div class="absolute left-0 right-0 top-full mt-2 bg-white border border-black z-40" 8528 x-show="activeSection === 'language'" 8529 x-cloak 8530 x-transition:enter="transition ease-out duration-150" 8531 x-transition:enter-start="opacity-0 transform -translate-y-2" 8532 x-transition:enter-end="opacity-100 transform translate-y-0" 8533 x-transition:leave="transition ease-in duration-100" 8534 x-transition:leave-start="opacity-100 transform translate-y-0" 8535 x-transition:leave-end="opacity-0 transform -translate-y-2"> 8536 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="localizationLanguageForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /> 8537 <ul class="localization-dropdown__language-list flex flex-col max-h-60 overflow-y-auto no-scrollbar"> 8538 8539 <li class="disclosure__item"> 8540 <button type="button" 8541 @click="language = 'en'; openMain = false; activeSection = null;" 8542 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors bg-gray-100" 8543 hreflang="en" 8544 lang="en" 8545 aria-current="true"> 8546 8547 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-check w-5 h-5" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 8548 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 8549 <path d="M5 12l5 5l10 -10" /> 8550 </svg> 8551 8552 <span class="text-sm">English</span> 8553 </button> 8554 </li> 8555 8556 <li class="disclosure__item"> 8557 <button type="button" 8558 @click="language = 'fr'; openMain = false; activeSection = null;" 8559 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 8560 hreflang="fr" 8561 lang="fr" 8562 > 8563
8564 <span class="w-5 h-5"></span> 8565 8566 <span class="text-sm">français</span> 8567 </button> 8568 </li> 8569 8570 <li class="disclosure__item"> 8571 <button type="button" 8572 @click="language = 'de'; openMain = false; activeSection = null;" 8573 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 8574 hreflang="de" 8575 lang="de" 8576 > 8577 8578 <span class="w-5 h-5"></span> 8579 8580 <span class="text-sm">Deutsch</span> 8581 </button> 8582 </li> 8583 8584 <li class="disclosure__item"> 8585 <button type="button" 8586 @click="language = 'ko'; openMain = false; activeSection = null;" 8587 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 8588 hreflang="ko" 8589 lang="ko" 8590 > 8591 8592 <span class="w-5 h-5"></span> 8593 8594 <span class="text-sm">íêµì´</span> 8595 </button> 8596 </li> 8597 8598 <li class="disclosure__item"> 8599 <button type="button" 8600 @click="language = 'ja'; openMain = false; activeSection = null;" 8601 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 8602 hreflang="ja" 8603 lang="ja" 8604 > 8605 8606 <span class="w-5 h-5"></span> 8607 8608 <span class="text-sm">æ¥æ¬èª</span> 8609 </button> 8610 </li> 8611 8612 <li class="disclosure__item"> 8613 <button type="button" 8614 @click="language = 'es'; openMain = false; activeSection = null;" 8615 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 8616 hreflang="es" 8617 lang="es" 8618 > 8619 8620 <span class="w-5 h-5"></span> 8621 8622 <span class="text-sm">Español</span> 8623 </button> 8624 </li> 8625 8626 <li class="disclosure__item"> 8627 <button type="button" 8628 @click="language = 'it'; openMain = false; activeSection = null;" 8629 class="w-full text-left flex items-center gap-2 px-2 py-2 hover:bg-gray-100 transition-colors " 8630 hreflang="it" 8631 lang="it" 8632 > 8633 8634 <span class="w-5 h-5"></span> 8635 8636 <span class="text-sm">Italiano</span> 8637 </button> 8638 </li> 8639 8640 </ul> 8641 <input type="hidden" name="language_code" x-model="language" value="en"> 8642 </form> 8643 </div> 8644 </div> 8645</div> 8646 8647 </div> 8648 8649 8650 8651 <button x-data="{ 8652 count: 0, 8653 cartLabelOne: "Cart, [count] item", 8654 cartLabelOther: "Cart, [count] items" 8655 }" 8656 @cart-count-updated.window="count = $event.detail" 8657 @click="$dispatch('toggle-cart-drawer')" 8658 aria-haspopup="dialog" 8659 aria-label="Cart, 0 items" 8660 :aria-label="(Number(count) === 1 ? cartLabelOne : cartLabelOther).replace('[count]', count)" 8661 class="header__icon header__icon--cart w-6 relative py-4"> 8662 8663<svg width="20" height="20" viewBox="0 0 20 20" class="icon icon-bag w-5 h-5" fill="none" xmlns="http://www.w3.org/2000/svg"> 8664<path d="M6.25 6.875V5.625C6.25 4.63044 6.64509 3.67661 7.34835 2.97335C8.05161 2.27009 9.00544 1.875 10 1.875C10.9946 1.875 11.9484 2.27009 12.6517 2.97335C13.3549 3.67661 13.75 4.63044 13.75 5.625V6.875M3.125 6.875C2.95924 6.875 2.80027 6.94085 2.68306 7.05806C2.56585 7.17527 2.5 7.33424 2.5 7.5V15.9375C2.5 17.1187 3.50625 18.125 4.6875 18.125H15.3125C16.4937 18.125 17.5 17.1676 17.5 15.9863V7.5C17.5 7.33424 17.4342 7.17527 17.3169 7.05806C17.1997 6.94085 17.0408 6.875 16.875 6.875H3.125Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8665</svg> 8666 8667 <div x-cloak 8668 aria-hidden="true" 8669 :class="{ 'animated-flash': count > 0 }" 8670 class="cart-count-bubble flex items-center justify-center absolute bg-red-600 text-white h-5 w-5 py-0.5 px-1 to
8670p-0.5 -right-1 text-xs rounded-full leading-none"> 8671 <span class="absolute z-10" x-text="count"></span> 8672 </div> 8673 8674 </button> 8675 8676 8677 </div> 8678 8679 </div> 8680 8681 </div> 8682 8683 8684 <div class="mobile-secondary-menu page-width px-4 lg:hidden"> 8685 <ul class="flex items-center gap-2 w-full overflow-x-scroll no-scrollbar justify-start sm:justify-center"><li class=" flex-shrink-0"> 8686 <a href="/collections/whats-new" class="py-2 px-2 block text-sm font-medium pl-0 "> 8687 What's New 8688 </a> 8689 </li> 8690 <li class=" flex-shrink-0"> 8691 <a href="/collections/best-sellers" class="py-2 px-2 block text-sm font-medium "> 8692 Best Sellers 8693 </a> 8694 </li> 8695 <li class=" flex-shrink-0"> 8696 <a href="/pages/hair-body-care-from-kitsch" class="py-2 px-2 block text-sm font-medium "> 8697 Hair & Body 8698 </a> 8699 </li> 8700 <li class=" flex-shrink-0"> 8701 <a href="/pages/pillowcases-and-sleep" class="py-2 px-2 block text-sm font-medium "> 8702 Sleep 8703 </a> 8704 </li> 8705 <li class=" flex-shrink-0"> 8706 <a href="/collections/on-sale" class="py-2 px-2 block text-sm font-medium "> 8707 Sale 8708 </a> 8709 </li> 8710 <li class=" flex-shrink-0"> 8711 <a href="/collections/all-products" class="py-2 px-2 block text-sm font-medium "> 8712 Shop All 8713 </a> 8714 </li> 8715 8716 </ul> 8717 </div> 8718 8719 8720</header> 8721 8722 8723<div class="absolute left-0 right-0 z-[110] h-full max-w-md" 8724 x-title="Mobile menu" 8725 x-data="{ 8726 showMenu: false, 8727 offsetTop: 0, 8728 activeLevels: { 8729 level1: null, 8730 level2: null 8731 }, 8732 calculateOffsetTop(){ 8733 let findOffsetTop = document.querySelector('.main__header .header__container'); 8734 if (findOffsetTop) { 8735 this.offsetTop = findOffsetTop.getBoundingClientRect().height; 8736 } 8737 } 8738 }" 8739 x-cloak 8740 x-show="showMenu" 8741 x-trap="showMenu" 8742 @keyup.escape.window="showMenu = false; document.body.classList.remove('overflow-fixed'); $dispatch('close-mobile-menu')" 8743 @close-mobile-menu.window="if (showMenu) { showMenu = false; document.body.classList.remove('overflow-fixed'); }" 8744 @toggle-mobile-menu.window="$nextTick(() => { 8745 showMenu = !showMenu; 8746 document.body.classList.toggle('overflow-fixed'); 8747 // Reset menu states when opening 8748 if (showMenu) { 8749 activeLevels.level1 = null; 8750 activeLevels.level2 = null; 8751 } 8752 })" 8753 :style="{ 'top': offsetTop + 'px' }" 8754 @resize.window="calculateOffsetTop()" 8755 x-init="calculateOffsetTop()" 8756 role="dialog" aria-modal="true" aria-label="Mobile menu"> 8757 8758 <div 8759 x-show="showMenu" 8760 @click="showMenu = false; $dispatch('close-mobile-menu')" 8761 x-transition.opacity 8762 class="fixed inset-0 bg-[#0000004f] hidden md:block"></div> 8763 8764 <div class="absolute bg-gray-200 z-20 top-0 bottom-0 w-full h-[90dvh] overflow-scroll shadow-xl" 8765 x-show="showMenu" 8766 x-transition:enter="transform transition ease-in-out duration-400" 8767 x-transition:enter-start="-translate-x-full opacity-0" 8768 x-transition:enter-end="translate-x-0 opacity-1" 8769 x-transition:leave="transform transition ease-in-out duration-400" 8770 x-transition:leave-start="-translate-x-0" 8771 x-transition:leave-end="-translate-x-full opacity-0"> 8772 8773 8774 <div class="bg-white relative h-full border-b border-gray-600 max-h-[80dvh] md:max-h-[initial]"> 8775 <div class="mobile-menu h-full flex flex-col overflow-y-scroll pb-10 no-scrollbar mx-auto border-t border-black page-width"> 8776 8777 8778 8779<nav class="pt-2 px-4" aria-label="Main menu"> 8780 <ul role="list" class="text-black divide-y divide-gray-200"> 8781 8782 <li class=""><!-- Regular top-level link --> 8783 <a href="/pages/all-products" data-handle="shop-all" class="header__menu-item block animate-link font-medium " >
8784 <span> 8785 SHOP ALL 8786 </span> 8787 </a> 8788 8789 </li> 8790 8791 8792 8793 <li class=""><!-- Regular top-level link --> 8794 <a href="/collections/best-sellers" data-handle="best-sellers" class="header__menu-item block animate-link font-medium header__active-menu-item " aria-current="page"> 8795 <span> 8796 BEST SELLERS 8797 </span> 8798 </a> 8799 8800 </li> 8801 8802 8803 8804 <li class=""><!-- Regular top-level link --> 8805 <a href="/collections/whats-new" data-handle="whats-new" class="header__menu-item block animate-link font-medium " > 8806 <span> 8807 WHAT'S NEW 8808 </span> 8809 </a> 8810 8811 </li> 8812 8813 8814 8815 <li class=""><!-- Regular top-level link --> 8816 <a href="/collections/on-sale" data-handle="sale" class="header__menu-item block animate-link font-medium " > 8817 <span> 8818 SALE 8819 </span> 8820 </a> 8821 8822 </li> 8823 8824 8825 8826 <li class=""><noscript> 8827 <a href="#" class="header__menu-item block animate-link font-medium " > 8828 <span>HAIR CARE</span> 8829 </a> 8830 </noscript> 8831 8832 8833 8834 8835 8836 8837 <div x-data="{}"> 8838 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level1 === 5 }"> 8839 8840 <button type="button" @click.prevent="activeLevels.level1 = (activeLevels.level1 === 5 ? null : 5)" 8841 class="relative w-full text-base font-medium overflow-hidden flex justify-between py-3"> 8842 <span> 8843 HAIR CARE 8844 </span> 8845 8846<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 8847 <polyline points="9 18 15 12 9 6"></polyline> 8848</svg> 8849 </button> 8850 8851 </div> 8852 8853 <!-- LEVEL 2 CONTAINER --> 8854 <div class="header__menu-dropdown bg-white overflow-hidden" 8855 x-collapse 8856 x-show="activeLevels.level1 === 5"> 8857 <ul class="pl-4 pb-2"> 8858 8859 8860 8861 8862 <li><!-- Regular level 2 link --> 8863 <a href="/pages/take-the-kitsch-quiz" class="w-full py-1.5 block text-sm"> 8864 <sp
8864an class="inline-flex items-center"> 8865 Hair Quiz 8866 </span> 8867 </a></li> 8868 8869 8870 8871 8872 8873 8874 <li><!-- Regular level 2 link --> 8875 <a href="/pages/hair-body-care-from-kitsch" class="w-full py-1.5 block text-sm"> 8876 <span class="inline-flex items-center"> 8877 All Hair Care 8878 </span> 8879 </a></li> 8880 8881 8882 8883 8884 8885 8886 <li><!-- THIRD LEVEL HANDLING --> 8887 <div x-data="{}"> 8888 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level2 === 3 }"> 8889 8890 <button type="button" @click.prevent="activeLevels.level2 = (activeLevels.level2 === 3 ? null : 3)" 8891 class="relative w-full text-sm font-medium overflow-hidden flex justify-between py-1.5"> 8892 <span> 8893 Hair Solutions 8894 </span> 8895 8896<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 8897 <polyline points="9 18 15 12 9 6"></polyline> 8898</svg> 8899 </button> 8900 8901 </div> 8902 8903 <!-- LEVEL 3 CONTAINER --> 8904 <div class="header__menu-dropdown bg-white" 8905 x-collapse 8906 x-show="activeLevels.level2 === 3"> 8907 <ul class="pl-4"> 8908 8909 8910 8911 <li> 8912 <a href="/collections/hair-loss" class="w-full py-1.5 block text-sm"> 8913 <sp
8913an class="inline-flex items-center"> 8914 Hair Loss 8915 </span> 8916 </a> 8917 </li> 8918 8919 8920 8921 8922 <li> 8923 <a href="/collections/damaged-hair" class="w-full py-1.5 block text-sm"> 8924 <span class="inline-flex items-center"> 8925 Damaged Hair 8926 </span> 8927 </a> 8928 </li> 8929 8930 8931 8932 8933 <li> 8934 <a href="/collections/color-safe" class="w-full py-1.5 block text-sm"> 8935 <span class="inline-flex items-center"> 8936 Color Safe 8937 </span> 8938 </a> 8939 </li> 8940 8941 8942 8943 8944 <li> 8945 <a href="/collections/wavy-curly-hair" class="w-full py-1.5 block text-sm"> 8946 <span class="inline-flex items-center"> 8947 Wavy & Curly Hair 8948 </span> 8949 </a> 8950 </li> 8951 8952 8953 </ul> 8954 </div> 8955 </div></li> 8956 8957 8958 8959 8960 8961 8962 <li><!-- Regular level 2 link --> 8963 <a href="/collections/hair-perfumes" class="w-full py-1.5 block text-sm"> 8964 <sp
8964an class="inline-flex items-center"> 8965 Hair Perfumes 8966 </span> 8967 </a></li> 8968 8969 8970 8971 8972 8973 8974 <li><!-- Regular level 2 link --> 8975 <a href="/collections/shampoo-conditioner-combo-packs" class="w-full py-1.5 block text-sm"> 8976 <span class="inline-flex items-center"> 8977 Shampoo & Conditioner Combos 8978 </span> 8979 </a></li> 8980 8981 8982 8983 8984 8985 8986 <li><!-- Regular level 2 link --> 8987 <a href="/collections/shampoo" class="w-full py-1.5 block text-sm"> 8988 <span class="inline-flex items-center"> 8989 Shampoo 8990 </span> 8991 </a></li> 8992 8993 8994 8995 8996 8997 8998 <li><!-- Regular level 2 link --> 8999 <a href="/collections/conditioner" class="w-full py-1.5 block text-sm"> 9000 <span class="inline-flex items-center"> 9001 Conditioner 9002 </span> 9003 </a></li> 9004 9005 9006 9007 9008 9009 9010 <li><!-- Regular level 2 link --> 9011 <a href="/collections/shower-accessories" class="w-full py-1.5 block text-sm"> 9012 <span class="inline-flex items-center"> 9013 Shower Acce
9013ssories 9014 </span> 9015 </a></li> 9016 9017 9018 9019 9020 9021 9022 <li><!-- Regular level 2 link --> 9023 <a href="/collections/hair-treatments" class="w-full py-1.5 block text-sm"> 9024 <span class="inline-flex items-center"> 9025 Styling & Treatments 9026 </span> 9027 </a></li> 9028 9029 9030 9031 9032 9033 9034 <li><!-- Regular level 2 link --> 9035 <a href="/collections/styling-tools" class="w-full py-1.5 block text-sm"> 9036 <span class="inline-flex items-center"> 9037 Styling Tools 9038 </span> 9039 </a></li> 9040 9041 9042 9043 9044 9045 9046 <li><!-- Regular level 2 link --> 9047 <a href="/products/volumizing-thermal-round-brush" class="w-full py-1.5 block text-sm"> 9048 <span class="inline-flex items-center"> 9049 Thermal Brush 9050 </span> 9051 </a></li> 9052 9053 9054 9055 9056 9057 9058 <li><!-- Regular level 2 link --> 9059 <a href="/collections/bottle-free-beauty-bundles" class="w-full py-1.5 block text-sm"> 9060 <span class="inline-flex items-center"> 9061 Hair Bundles 9062 </span> 9063 </a></li> 9064 9065 9066 9067 </ul> 9068 </div> 9069 </div> 9070 9071 9072 </li> 9073 9074 9075 9076 <li class=""><noscript> 9077 <a href="#" class="header__menu-item block animate-link font-medium " >
9078 <span>STYLE</span> 9079 </a> 9080 </noscript> 9081 9082 9083 9084 9085 9086 9087 <div x-data="{}"> 9088 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level1 === 6 }"> 9089 9090 <button type="button" @click.prevent="activeLevels.level1 = (activeLevels.level1 === 6 ? null : 6)" 9091 class="relative w-full text-base font-medium overflow-hidden flex justify-between py-3"> 9092 <span> 9093 STYLE 9094 </span> 9095 9096<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 9097 <polyline points="9 18 15 12 9 6"></polyline> 9098</svg> 9099 </button> 9100 9101 </div> 9102 9103 <!-- LEVEL 2 CONTAINER --> 9104 <div class="header__menu-dropdown bg-white overflow-hidden" 9105 x-collapse 9106 x-show="activeLevels.level1 === 6"> 9107 <ul class="pl-4 pb-2"> 9108 9109 9110 9111 9112 <li><!-- Regular level 2 link --> 9113 <a href="/collections/style" class="w-full py-1.5 block text-sm"> 9114 <span class="inline-flex items-center"> 9115 All Hair Accessories 9116 </span> 9117 </a></li> 9118 9119 9120 9121 9122 9123 9124 <li><!-- Regular level 2 link --> 9125 <a href="/collections/heatless-hair-1" class="w-full py-1.5 block text-sm"> 9126 <span class="inline-flex items-center"> 9127 Heatless Curling Sets 9128 </span> 9129 </a></li> 9130 9131 9132 9133 9134 9135 9136 <li><!-- Regular level 2 link --> 9137 <a href="/collections/hair-clips-bobby-pins" class="w-full py-1.5 block text-sm"> 9138 <sp
9138an class="inline-flex items-center"> 9139 Hair Clips & Bobby Pins 9140 </span> 9141 </a></li> 9142 9143 9144 9145 9146 9147 9148 <li><!-- Regular level 2 link --> 9149 <a href="/collections/hair-ties-scrunchies" class="w-full py-1.5 block text-sm"> 9150 <span class="inline-flex items-center"> 9151 Hair Ties & Scrunchies 9152 </span> 9153 </a></li> 9154 9155 9156 9157 9158 9159 9160 <li><!-- Regular level 2 link --> 9161 <a href="/collections/brushes-combs" class="w-full py-1.5 block text-sm"> 9162 <span class="inline-flex items-center"> 9163 Brushes & Combs 9164 </span> 9165 </a></li> 9166 9167 9168 9169 9170 9171 9172 <li><!-- Regular level 2 link --> 9173 <a href="/collections/spray-bottle" class="w-full py-1.5 block text-sm"> 9174 <span class="inline-flex items-center"> 9175 Spray Bottles 9176 </span> 9177 </a></li> 9178 9179 9180 9181 9182 9183 9184 <li><!-- Regular level 2 link --> 9185 <a href="/collections/headbands" class="w-full py-1.5 block text-sm"> 9186 <span class="inline-flex items-center"> 9187 Headbands 9188 </span> 9189 </a></li> 9190 9191 9192 9193 9194 9195 9196 <li><!-- Regular level 2 link --> 9197 <a href="/collections/hair-rollers" class="w-full py-1.5 block text-sm"> 9198 <sp
9198an class="inline-flex items-center"> 9199 Hair Rollers 9200 </span> 9201 </a></li> 9202 9203 9204 9205 9206 9207 9208 <li><!-- Regular level 2 link --> 9209 <a href="/collections/glazey-beanies" class="w-full py-1.5 block text-sm"> 9210 <span class="inline-flex items-center"> 9211 Glazey Beanies 9212 </span> 9213 </a></li> 9214 9215 9216 9217 9218 9219 9220 <li><!-- Regular level 2 link --> 9221 <a href="/collections/mirrors" class="w-full py-1.5 block text-sm"> 9222 <span class="inline-flex items-center"> 9223 Mirrors 9224 </span> 9225 </a></li> 9226 9227 9228 9229 </ul> 9230 </div> 9231 </div> 9232 9233 9234 </li> 9235 9236 9237 9238 <li class=""><noscript> 9239 <a href="#" class="header__menu-item block animate-link font-medium " > 9240 <span>SKIN</span> 9241 </a> 9242 </noscript> 9243 9244 9245 9246 9247 9248 9249 <div x-data="{}"> 9250 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level1 === 7 }"> 9251 9252 <button type="button" @click.prevent="activeLevels.level1 = (activeLevels.level1 === 7 ? null : 7)" 9253 class="relative w-full text-base font-medium overflow-hidden flex justify-between py-3"> 9254 <span> 9255 SKIN 9256 </span> 9257 9258<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 9259 <polyline points="9 18 15 12 9 6"></polyline> 9260</svg> 9261 </button> 9262 9263 </div> 9264 9265 <!-- LEVEL 2 CONTAINER --> 9266 <div class="header__menu-dropdown bg-white overflow-hidden" 9267 x-collapse 9268 x-show="activeLevels.level1 === 7"> 9269 <ul class="pl-4 pb-2"> 9270 9271 9272 9273 9274 <li><!-- Regular level 2 link --> 9275 <a href="/pages/skin" class="w-full py-1.5 block text-sm"> 9276 <sp
9276an class="inline-flex items-center"> 9277 All Skin 9278 </span> 9279 </a></li> 9280 9281 9282 9283 9284 9285 9286 <li><!-- Regular level 2 link --> 9287 <a href="/collections/body-wash" class="w-full py-1.5 block text-sm"> 9288 <span class="inline-flex items-center"> 9289 Body Wash 9290 </span> 9291 </a></li> 9292 9293 9294 9295 9296 9297 9298 <li><!-- Regular level 2 link --> 9299 <a href="/collections/exfoliating" class="w-full py-1.5 block text-sm"> 9300 <span class="inline-flex items-center"> 9301 Exfoliating Tools & Scrub 9302 </span> 9303 </a></li> 9304 9305 9306 9307 9308 9309 9310 <li><!-- Regular level 2 link --> 9311 <a href="/collections/facial-oils" class="w-full py-1.5 block text-sm"> 9312 <span class="inline-flex items-center"> 9313 Facial Oils 9314 </span> 9315 </a></li> 9316 9317 9318 9319 9320 9321 9322 <li><!-- Regular level 2 link --> 9323 <a href="/collections/skin-tools" class="w-full py-1.5 block text-sm"> 9324 <span class="inline-flex items-center"> 9325 Facial & Skin Tools 9326 </span> 9327 </a></li> 9328 9329 9330 9331 9332 9333 9334 <li><!-- Regular level 2 link --> 9335 <a href="/collections/razor" class="w-full py-1.5 block text-sm"> 9336 <sp
9336an class="inline-flex items-center"> 9337 Shave & Razors 9338 </span> 9339 </a></li> 9340 9341 9342 9343 9344 9345 9346 <li><!-- Regular level 2 link --> 9347 <a href="/products/kojic-acid-face-body-cleansing-pads" class="w-full py-1.5 block text-sm"> 9348 <span class="inline-flex items-center"> 9349 Cleansing Pads 9350 </span> 9351 </a></li> 9352 9353 9354 9355 </ul> 9356 </div> 9357 </div> 9358 9359 9360 </li> 9361 9362 9363 9364 <li class=""><noscript> 9365 <a href="#" class="header__menu-item block animate-link font-medium " > 9366 <span>SHOWER</span> 9367 </a> 9368 </noscript> 9369 9370 9371 9372 9373 9374 9375 <div x-data="{}"> 9376 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level1 === 8 }"> 9377 9378 <button type="button" @click.prevent="activeLevels.level1 = (activeLevels.level1 === 8 ? null : 8)" 9379 class="relative w-full text-base font-medium overflow-hidden flex justify-between py-3"> 9380 <span> 9381 SHOWER 9382 </span> 9383 9384<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 9385 <polyline points="9 18 15 12 9 6"></polyline> 9386</svg> 9387 </button> 9388 9389 </div> 9390 9391 <!-- LEVEL 2 CONTAINER --> 9392 <div class="header__menu-dropdown bg-white overflow-hidden" 9393 x-collapse 9394 x-show="activeLevels.level1 === 8"> 9395 <ul class="pl-4 pb-2"> 9396 9397 9398 9399 9400 <li><!-- Regular level 2 link --> 9401 <a href="/pages/shower" class="w-full py-1.5 block text-sm"> 9402 <sp
9402an class="inline-flex items-center"> 9403 All Shower 9404 </span> 9405 </a></li> 9406 9407 9408 9409 9410 9411 9412 <li><!-- Regular level 2 link --> 9413 <a href="/collections/shower-filters" class="w-full py-1.5 block text-sm"> 9414 <span class="inline-flex items-center"> 9415 Shower Filters 9416 </span> 9417 </a></li> 9418 9419 9420 9421 9422 9423 9424 <li><!-- Regular level 2 link --> 9425 <a href="/collections/travel" class="w-full py-1.5 block text-sm"> 9426 <span class="inline-flex items-center"> 9427 Travel Cases 9428 </span> 9429 </a></li> 9430 9431 9432 9433 9434 9435 9436 <li><!-- Regular level 2 link --> 9437 <a href="/collections/shower-accessories" class="w-full py-1.5 block text-sm"> 9438 <span class="inline-flex items-center"> 9439 Accessories 9440 </span> 9441 </a></li> 9442 9443 9444 9445 9446 9447 9448 <li><!-- Regular level 2 link --> 9449 <a href="/collections/hair-towels-scrunchies" class="w-full py-1.5 block text-sm"> 9450 <span class="inline-flex items-center"> 9451 Hair Towels & Towel Scrunchies 9452 </span> 9453 </a></li> 9454 9455 9456 9457 9458 9459 9460 <li><!-- Regular level 2 link --> 9461 <a href="/collections/shower-caps" class="w-full py-1.5 block text-sm"> 9462 <sp
9462an class="inline-flex items-center"> 9463 Shower Caps 9464 </span> 9465 </a></li> 9466 9467 9468 9469 9470 9471 9472 <li><!-- Regular level 2 link --> 9473 <a href="/collections/shower-bundles" class="w-full py-1.5 block text-sm"> 9474 <span class="inline-flex items-center"> 9475 Shower Bundles 9476 </span> 9477 </a></li> 9478 9479 9480 9481 </ul> 9482 </div> 9483 </div> 9484 9485 9486 </li> 9487 9488 9489 9490 <li class=""><noscript> 9491 <a href="#" class="header__menu-item block animate-link font-medium " > 9492 <span>SLEEP</span> 9493 </a> 9494 </noscript> 9495 9496 9497 9498 9499 9500 9501 <div x-data="{}"> 9502 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level1 === 9 }"> 9503 9504 <button type="button" @click.prevent="activeLevels.level1 = (activeLevels.level1 === 9 ? null : 9)" 9505 class="relative w-full text-base font-medium overflow-hidden flex justify-between py-3"> 9506 <span> 9507 SLEEP 9508 </span> 9509 9510<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 9511 <polyline points="9 18 15 12 9 6"></polyline> 9512</svg> 9513 </button> 9514 9515 </div> 9516 9517 <!-- LEVEL 2 CONTAINER --> 9518 <div class="header__menu-dropdown bg-white overflow-hidden" 9519 x-collapse 9520 x-show="activeLevels.level1 === 9"> 9521 <ul class="pl-4 pb-2"> 9522 9523 9524 9525 9526 <li><!-- Regular level 2 link --> 9527 <a href="/pages/pillowcases-and-sleep" class="w-full py-1.5 block text-sm"> 9528 <sp
9528an class="inline-flex items-center"> 9529 All Sleep 9530 </span> 9531 </a></li> 9532 9533 9534 9535 9536 9537 9538 <li><!-- Regular level 2 link --> 9539 <a href="/collections/all-pillowcases" class="w-full py-1.5 block text-sm"> 9540 <span class="inline-flex items-center"> 9541 Pillowcases 9542 </span> 9543 </a></li> 9544 9545 9546 9547 9548 9549 9550 <li><!-- Regular level 2 link --> 9551 <a href="/collections/bonnet" class="w-full py-1.5 block text-sm"> 9552 <span class="inline-flex items-center"> 9553 Satin Bonnets 9554 </span> 9555 </a></li> 9556 9557 9558 9559 9560 9561 9562 <li><!-- Regular level 2 link --> 9563 <a href="/collections/sleep-wear" class="w-full py-1.5 block text-sm"> 9564 <span class="inline-flex items-center"> 9565 Sleep Wear 9566 </span> 9567 </a></li> 9568 9569 9570 9571 9572 9573 9574 <li><!-- Regular level 2 link --> 9575 <a href="/collections/sleep-scrunchies" class="w-full py-1.5 block text-sm"> 9576 <span class="inline-flex items-center"> 9577 Sleep Scrunchies 9578 </span> 9579 </a></li> 9580 9581 9582 9583 9584 9585 9586 <li><!-- Regular level 2 link --> 9587 <a href="/collections/pillowcase-2-and-4-pack-bundles" class="w-full py-1.5 block text-sm"> 9588 <sp
9588an class="inline-flex items-center"> 9589 Sleep Bundles 9590 </span> 9591 </a></li> 9592 9593 9594 9595 </ul> 9596 </div> 9597 </div> 9598 9599 9600 </li> 9601 9602 9603 9604 <li class=""><noscript> 9605 <a href="#" class="header__menu-item block animate-link font-medium " > 9606 <span>COLLECTIONS</span> 9607 </a> 9608 </noscript> 9609 9610 9611 9612 9613 9614 9615 <div x-data="{}"> 9616 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level1 === 10 }"> 9617 9618 <button type="button" @click.prevent="activeLevels.level1 = (activeLevels.level1 === 10 ? null : 10)" 9619 class="relative w-full text-base font-medium overflow-hidden flex justify-between py-3"> 9620 <span> 9621 COLLECTIONS 9622 </span> 9623 9624<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 9625 <polyline points="9 18 15 12 9 6"></polyline> 9626</svg> 9627 </button> 9628 9629 </div> 9630 9631 <!-- LEVEL 2 CONTAINER --> 9632 <div class="header__menu-dropdown bg-white overflow-hidden" 9633 x-collapse 9634 x-show="activeLevels.level1 === 10"> 9635 <ul class="pl-4 pb-2"> 9636 9637 9638 9639 9640 <li><!-- Regular level 2 link --> 9641 <a href="/collections/fall-core" class="w-full py-1.5 block text-sm"> 9642 <span class="inline-flex items-center"> 9643 Fall Core Essentials 9644 </span> 9645 </a></li> 9646 9647 9648 9649 9650 9651 9652 <li><!-- Regular level 2 link --> 9653 <a href="/collections/halloween" class="w-full py-1.5 block text-sm"> 9654 <sp
9654an class="inline-flex items-center"> 9655 Halloween 9656 </span> 9657 </a></li> 9658 9659 9660 9661 9662 9663 9664 <li><!-- Regular level 2 link --> 9665 <a href="/collections/tennis-collection" class="w-full py-1.5 block text-sm"> 9666 <span class="inline-flex items-center"> 9667 Tennis Collection 9668 </span> 9669 </a></li> 9670 9671 9672 9673 9674 9675 9676 <li><!-- Regular level 2 link --> 9677 <a href="/collections/coastal-cottage" class="w-full py-1.5 block text-sm"> 9678 <span class="inline-flex items-center"> 9679 Coastal Cottage 9680 </span> 9681 </a></li> 9682 9683 9684 9685 9686 9687 9688 <li><!-- Regular level 2 link --> 9689 <a href="/collections/kitschpop" class="w-full py-1.5 block text-sm"> 9690 <span class="inline-flex items-center"> 9691 KitschPopâ¢ï¸ 9692 </span> 9693 </a></li> 9694 9695 9696 9697 9698 9699 9700 <li><!-- Regular level 2 link --> 9701 <a href="/collections/cherry" class="w-full py-1.5 block text-sm"> 9702 <span class="inline-flex items-center"> 9703 Cherry 9704 </span> 9705 </a></li> 9706 9707 9708 9709 9710 9711 9712 <li><!-- Regular level 2 link --> 9713 <a href="/collections/welcome-kits" class="w-full py-1.5 block text-sm"> 9714 <sp
9714an class="inline-flex items-center"> 9715 Welcome Kits 9716 </span> 9717 </a></li> 9718 9719 9720 9721 9722 9723 9724 <li><!-- Regular level 2 link --> 9725 <a href="/collections/all-bundles" class="w-full py-1.5 block text-sm"> 9726 <span class="inline-flex items-center"> 9727 Bundles 9728 </span> 9729 </a></li> 9730 9731 9732 9733 9734 9735 9736 <li><!-- Regular level 2 link --> 9737 <a href="/collections/whats-new" class="w-full py-1.5 block text-sm"> 9738 <span class="inline-flex items-center"> 9739 What's New 9740 </span> 9741 </a></li> 9742 9743 9744 9745 9746 9747 9748 <li><!-- Regular level 2 link --> 9749 <a href="/collections/build-a-shower-bundle" class="w-full py-1.5 block text-sm"> 9750 <span class="inline-flex items-center"> 9751 Build a Bundle 9752 </span> 9753 </a></li> 9754 9755 9756 9757 9758 9759 9760 <li><!-- Regular level 2 link --> 9761 <a href="/products/kitsch-gift-card" class="w-full py-1.5 block text-sm"> 9762 <span class="inline-flex items-center"> 9763 Gift Cards 9764 </span> 9765 </a></li> 9766 9767 9768 9769 9770 9771 9772 <li><!-- Regular level 2 link --> 9773 <a href="/collections/travel" class="w-full py-1.5 block text-sm"> 9774 <sp
9774an class="inline-flex items-center"> 9775 Travel 9776 </span> 9777 </a></li> 9778 9779 9780 9781 </ul> 9782 </div> 9783 </div> 9784 9785 9786 </li> 9787 9788 9789 9790 <li class=""><!-- Regular top-level link --> 9791 <a href="/collections/all-bundles" data-handle="bundles" class="header__menu-item block animate-link font-medium " > 9792 <span> 9793 BUNDLES 9794 </span> 9795 </a> 9796 9797 </li> 9798 9799 9800 9801 <li class=""><noscript> 9802 <a href="#" class="header__menu-item block animate-link font-medium " > 9803 <span>COLLABS</span> 9804 </a> 9805 </noscript> 9806 9807 9808 9809 9810 9811 9812 <div x-data="{}"> 9813 <div class="flex justify-between w-full" :class="{ 'menu-active': activeLevels.level1 === 12 }"> 9814 9815 <button type="button" @click.prevent="activeLevels.level1 = (activeLevels.level1 === 12 ? null : 12)" 9816 class="relative w-full text-base font-medium overflow-hidden flex justify-between py-3"> 9817 <span> 9818 COLLABS 9819 </span> 9820 9821<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-6 transform transition-transform duration-300 ml-auto"> 9822 <polyline points="9 18 15 12 9 6"></polyline> 9823</svg> 9824 </button> 9825 9826 </div> 9827 9828 <!-- LEVEL 2 CONTAINER --> 9829 <div class="header__menu-dropdown bg-white overflow-hidden" 9830 x-collapse 9831 x-show="activeLevels.level1 === 12"> 9832 <ul class="pl-4 pb-2"> 9833 9834 9835 9836 9837 <li><!-- Regular level 2 link --> 9838 <a href="/collections/lisa-frank" class="w-full py-1.5 block text-sm"> 9839 <sp
9839an class="inline-flex items-center"> 9840 Lisa Frank 9841 </span> 9842 </a></li> 9843 9844 9845 9846 9847 9848 9849 <li><!-- Regular level 2 link --> 9850 <a href="/collections/elf-x-kitsch-collection" class="w-full py-1.5 block text-sm"> 9851 <span class="inline-flex items-center"> 9852 elf 9853 </span> 9854 </a></li> 9855 9856 9857 9858 9859 9860 9861 <li><!-- Regular level 2 link --> 9862 <a href="/collections/star-wars-kitsch" class="w-full py-1.5 block text-sm"> 9863 <span class="inline-flex items-center"> 9864 Star Wars⢠9865 </span> 9866 </a></li> 9867 9868 9869 9870 9871 9872 9873 <li><!-- Regular level 2 link --> 9874 <a href="/collections/harry-potter" class="w-full py-1.5 block text-sm"> 9875 <span class="inline-flex items-center"> 9876 Harry Potter 9877 </span> 9878 </a></li> 9879 9880 9881 9882 9883 9884 9885 <li><!-- Regular level 2 link --> 9886 <a href="/collections/hello-kitty-x-kitsch" class="w-full py-1.5 block text-sm"> 9887 <span class="inline-flex items-center"> 9888 Hello Kitty 9889 </span> 9890 </a></li> 9891 9892 9893 9894 9895 9896 9897 <li><!-- Regular level 2 link --> 9898 <a href="/collections/kitsch-x-bridgerton" class="w-full py-1.5 block text-sm"> 9899 <sp
9899an class="inline-flex items-center"> 9900 Bridgerton 9901 </span> 9902 </a></li> 9903 9904 9905 9906 9907 9908 9909 <li><!-- Regular level 2 link --> 9910 <a href="/collections/bt21-x-kitsch" class="w-full py-1.5 block text-sm"> 9911 <span class="inline-flex items-center"> 9912 BT21 9913 </span> 9914 </a></li> 9915 9916 9917 9918 9919 9920 9921 <li><!-- Regular level 2 link --> 9922 <a href="/collections/wonderwoman-x-kitsch" class="w-full py-1.5 block text-sm"> 9923 <span class="inline-flex items-center"> 9924 Wonder Woman 9925 </span> 9926 </a></li> 9927 9928 9929 9930 9931 9932 9933 <li><!-- Regular level 2 link --> 9934 <a href="/pages/co-lab" class="w-full py-1.5 block text-sm"> 9935 <span class="inline-flex items-center"> 9936 Shop All 9937 </span> 9938 </a></li> 9939 9940 9941 9942 </ul> 9943 </div> 9944 </div> 9945 9946 9947 </li> 9948 9949</ul> 9950 </nav> 9951 9952 9953 9954 <div class="text-sm flex justify-between text-center mx-4 py-4 mb-3 border-b border-gray-200"> 9955 9956 9957 <a href="https://mykitsch.com/pages/take-the-kitsch-quiz" 9958 class="px-2 flex items-center gap-2"
9959 title="Hair Quiz "> 9960 <div class="extra__icon w-8 mx-auto"> 9961 <img src="//www.mykitsch.com/cdn/shop/files/hair_quiz.png?v=1672458262&width=150" alt="Quiz Icon" srcset="//www.mykitsch.com/cdn/shop/files/hair_quiz.png?v=1672458262&width=150 150w" width="150" height="150" loading="lazy"> 9962 </div> 9963 Hair Quiz 9964 </a> 9965 9966 9967 9968 <a href="/pages/loyalty-program" 9969 class="px-2 flex items-center gap-2" 9970 title="Rewards "> 9971 <div class="extra__icon w-8 mx-auto"> 9972 <img src="//www.mykitsch.com/cdn/shop/files/premium-badge.png?v=1682987738&width=150" alt="Loyalty badge" srcset="//www.mykitsch.com/cdn/shop/files/premium-badge.png?v=1682987738&width=150 150w" width="150" height="150" loading="lazy"> 9973 </div> 9974 Rewards 9975 </a> 9976 9977 9978 9979 9980 9981 <a href="#rivo" 9982 class="px-2 flex items-center gap-2" 9983 title="Account "> 9984 <div class="extra__icon w-8 mx-auto"> 9985 <img src="//www.mykitsch.com/cdn/shop/files/account_kitsch.png?v=1672458458&width=150" alt="User Icon" srcset="//www.mykitsch.com/cdn/shop/files/account_kitsch.png?v=1672458458&width=150 150w" width="150" height="150" loading="lazy"> 9986 </div> 9987 Account 9988 </a> 9989 9990 9991 </div> 9992 9993 9994 9995 <div class="flex justify-between mx-4"> 9996 9997 <div class="currency-selector relative flex justify-between px-4" 9998 x-data="{ 9999 openCurrency: false, 10000 country_code: 'US', 10001 currencyFlag: 'https://cdn.shopify.com/s/files/1/0104/6904/8384/files/black-earth-currency.png', 10002 currencyLabel: 'US', 10003 }" 10004 x-init="$watch('country_code', (value) => { 10005 $refs.currencyForm.submit(); 10006 })" 10007 @click.outside="openCurrency = false" 10008 > 10009 <button 10010 type="button" 10011 @click="openCurrency = !openCurrency" 10012 :aria-expanded="openCurrency.toString()" 10013 aria-haspopup="true" 10014 class="flex flex-col font-medium w-full gap-2"> 10015 <span class="">You're shopping in</span> 10016 <div class="flex items-center"> 10017 <i aria-hidden="true" class="rounded-full border w-6 h-6 bg-cover fi fi-us"></i><span class="currency-selector__currency-name mx-2" aria-hidden="true" x-text="currencyLabel">USD</span> 10018 <span class="sr-only">United States (USD)</span> 10019 10020 <svg class="w-4 h-4 transform rotate-90" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 10021 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 10022 </svg> 10023 </div> 10024 10025 </button> 10026 10027 <div class="currency-selector__dropdown absolute border bg-white overflow-auto no-scrollbar shadow-lg z-30 p-3 w-72 h-72 right-4 bottom-10 left-0" 10028 x-show="openCurrency" 10029 x-cloak 10030 x-transition:enter="transition ease-out duration-200" 10031 x-transition:enter-start="opacity-0 transform scale-90" 10032 x-transition:enter-end="opacity-100 transform scale-100" 10033 x-transition:leave="transition ease-in duration-75" 10034 x-transition:leave-start="opacity-100 transform scale-100" 10035 x-transition:leave-end="opacity-0 transform scale-90"> 10036 10037 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="currencyForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /> 10038 10039 <style>[data-order="US"] { 10040 order:1;}[data-order="CA"] { 10041 order:2;}[data-order="AU"] { 10042 order:3;}[data-order="GB"] { 10043 order:4;}[data-order="DE"] { 10044 order:5;}[data-order="NL"] { 10045 order:6;}[data-order="SE"] { 10046 order:7;}[data-order="FR"] { 10047 order:8;}[data-order="AE"] { 10048 order:9;}[data-order="MX"] { 10049 order:10;border-bottom: 1px solid #000; 10050 padding-bottom: 0.5rem; 10051 margin-bottom: 0.5rem;}</style> 10052 10053 <ul class="currency-selector__list flex flex-col gap-2"> 10054 10055 <li class="disclosure__item order-last" data-order="AF"> 10056 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10057 @click="country_code = 'AF'; openCurrency = false;" 10058 10059 data-value="AF">
10060 <span class="rounded-full w-5 h-5 bg-cover fi fi-af"></span> 10061 Afghanistan (AFN Ø) 10062 </button> 10063 </li> 10064 10065 <li class="disclosure__item order-last" data-order="AX"> 10066 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10067 @click="country_code = 'AX'; openCurrency = false;" 10068 10069 data-value="AX"> 10070 <span class="rounded-full w-5 h-5 bg-cover fi fi-ax"></span> 10071 à land Islands (EUR â¬) 10072 </button> 10073 </li> 10074 10075 <li class="disclosure__item order-last" data-order="AL"> 10076 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10077 @click="country_code = 'AL'; openCurrency = false;" 10078 10079 data-value="AL"> 10080 <span class="rounded-full w-5 h-5 bg-cover fi fi-al"></span> 10081 Albania (ALL L) 10082 </button> 10083 </li> 10084 10085 <li class="disclosure__item order-last" data-order="DZ"> 10086 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10087 @click="country_code = 'DZ'; openCurrency = false;" 10088 10089 data-value="DZ"> 10090 <span class="rounded-full w-5 h-5 bg-cover fi fi-dz"></span> 10091 Algeria (DZD د.ج) 10092 </button> 10093 </li> 10094 10095 <li class="disclosure__item order-last" data-order="AD"> 10096 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10097 @click="country_code = 'AD'; openCurrency = false;" 10098 10099 data-value="AD"> 10100 <span class="rounded-full w-5 h-5 bg-cover fi fi-ad"></span> 10101 Andorra (EUR â¬) 10102 </button> 10103 </li> 10104 10105 <li class="disclosure__item order-last" data-order="AO"> 10106 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10107 @click="country_code = 'AO'; openCurrency = false;" 10108 10109 data-value="AO"> 10110 <span class="rounded-full w-5 h-5 bg-cover fi fi-ao"></span> 10111 Angola (USD $) 10112 </button> 10113 </li> 10114 10115 <li class="disclosure__item order-last" data-order="AI"> 10116 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10117 @click="country_code = 'AI'; openCurrency = false;" 10118 10119 data-value="AI"> 10120 <span class="rounded-full w-5 h-5 bg-cover fi fi-ai"></span> 10121 Anguilla (XCD $) 10122 </button> 10123 </li> 10124 10125 <li class="disclosure__item order-last" data-order="AG"> 10126 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10127 @click="country_code = 'AG'; openCurrency = false;" 10128 10129 data-value="AG"> 10130 <span class="rounded-full w-5 h-5 bg-cover fi fi-ag"></span> 10131 Antigua & Barbuda (XCD $) 10132 </button> 10133 </li> 10134 10135 <li class="disclosure__item order-last" data-order="AR"> 10136 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10137 @click="country_code = 'AR'; openCurrency = false;" 10138 10139 data-value="AR">
10140 <span class="rounded-full w-5 h-5 bg-cover fi fi-ar"></span> 10141 Argentina (ARS $) 10142 </button> 10143 </li> 10144 10145 <li class="disclosure__item order-last" data-order="AM"> 10146 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10147 @click="country_code = 'AM'; openCurrency = false;" 10148 10149 data-value="AM"> 10150 <span class="rounded-full w-5 h-5 bg-cover fi fi-am"></span> 10151 Armenia (AMD Õ¤Ö.) 10152 </button> 10153 </li> 10154 10155 <li class="disclosure__item order-last" data-order="AW"> 10156 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10157 @click="country_code = 'AW'; openCurrency = false;" 10158 10159 data-value="AW"> 10160 <span class="rounded-full w-5 h-5 bg-cover fi fi-aw"></span> 10161 Aruba (AWG Æ) 10162 </button> 10163 </li> 10164 10165 <li class="disclosure__item order-last" data-order="AC"> 10166 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10167 @click="country_code = 'AC'; openCurrency = false;" 10168 10169 data-value="AC"> 10170 <span class="rounded-full w-5 h-5 bg-cover fi fi-ac"></span> 10171 Ascension Island (SHP £) 10172 </button> 10173 </li> 10174 10175 <li class="disclosure__item order-last" data-order="AU"> 10176 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10177 @click="country_code = 'AU'; openCurrency = false;" 10178 10179 data-value="AU"> 10180 <span class="rounded-full w-5 h-5 bg-cover fi fi-au"></span> 10181 Australia (AUD $) 10182 </button> 10183 </li> 10184 10185 <li class="disclosure__item order-last" data-order="AT"> 10186 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10187 @click="country_code = 'AT'; openCurrency = false;" 10188 10189 data-value="AT"> 10190 <span class="rounded-full w-5 h-5 bg-cover fi fi-at"></span> 10191 Austria (EUR â¬) 10192 </button> 10193 </li> 10194 10195 <li class="disclosure__item order-last" data-order="AZ"> 10196 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10197 @click="country_code = 'AZ'; openCurrency = false;" 10198 10199 data-value="AZ"> 10200 <span class="rounded-full w-5 h-5 bg-cover fi fi-az"></span> 10201 Azerbaijan (AZN â¼) 10202 </button> 10203 </li> 10204 10205 <li class="disclosure__item order-last" data-order="BS"> 10206 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10207 @click="country_code = 'BS'; openCurrency = false;" 10208 10209 data-value="BS"> 10210 <span class="rounded-full w-5 h-5 bg-cover fi fi-bs"></span> 10211 Bahamas (BSD $) 10212 </button> 10213 </li> 10214 10215 <li class="disclosure__item order-last" data-order="BH"> 10216 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10217 @click="country_code = 'BH'; openCurrency = false;" 10218 10219 data-value="BH">
10220 <span class="rounded-full w-5 h-5 bg-cover fi fi-bh"></span> 10221 Bahrain (USD $) 10222 </button> 10223 </li> 10224 10225 <li class="disclosure__item order-last" data-order="BD"> 10226 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10227 @click="country_code = 'BD'; openCurrency = false;" 10228 10229 data-value="BD"> 10230 <span class="rounded-full w-5 h-5 bg-cover fi fi-bd"></span> 10231 Bangladesh (BDT ৳) 10232 </button> 10233 </li> 10234 10235 <li class="disclosure__item order-last" data-order="BB"> 10236 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10237 @click="country_code = 'BB'; openCurrency = false;" 10238 10239 data-value="BB"> 10240 <span class="rounded-full w-5 h-5 bg-cover fi fi-bb"></span> 10241 Barbados (BBD $) 10242 </button> 10243 </li> 10244 10245 <li class="disclosure__item order-last" data-order="BY"> 10246 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10247 @click="country_code = 'BY'; openCurrency = false;" 10248 10249 data-value="BY"> 10250 <span class="rounded-full w-5 h-5 bg-cover fi fi-by"></span> 10251 Belarus (USD $) 10252 </button> 10253 </li> 10254 10255 <li class="disclosure__item order-last" data-order="BE"> 10256 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10257 @click="country_code = 'BE'; openCurrency = false;" 10258 10259 data-value="BE"> 10260 <span class="rounded-full w-5 h-5 bg-cover fi fi-be"></span> 10261 Belgium (EUR â¬) 10262 </button> 10263 </li> 10264 10265 <li class="disclosure__item order-last" data-order="BZ"> 10266 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10267 @click="country_code = 'BZ'; openCurrency = false;" 10268 10269 data-value="BZ"> 10270 <span class="rounded-full w-5 h-5 bg-cover fi fi-bz"></span> 10271 Belize (BZD $) 10272 </button> 10273 </li> 10274 10275 <li class="disclosure__item order-last" data-order="BJ"> 10276 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10277 @click="country_code = 'BJ'; openCurrency = false;" 10278 10279 data-value="BJ"> 10280 <span class="rounded-full w-5 h-5 bg-cover fi fi-bj"></span> 10281 Benin (XOF Fr) 10282 </button> 10283 </li> 10284 10285 <li class="disclosure__item order-last" data-order="BM"> 10286 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10287 @click="country_code = 'BM'; openCurrency = false;" 10288 10289 data-value="BM"> 10290 <span class="rounded-full w-5 h-5 bg-cover fi fi-bm"></span> 10291 Bermuda (USD $) 10292 </button> 10293 </li> 10294 10295 <li class="disclosure__item order-last" data-order="BT"> 10296 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10297 @click="country_code = 'BT'; openCurrency = false;" 10298 10299 data-value="BT">
10300 <span class="rounded-full w-5 h-5 bg-cover fi fi-bt"></span> 10301 Bhutan (USD $) 10302 </button> 10303 </li> 10304 10305 <li class="disclosure__item order-last" data-order="BO"> 10306 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10307 @click="country_code = 'BO'; openCurrency = false;" 10308 10309 data-value="BO"> 10310 <span class="rounded-full w-5 h-5 bg-cover fi fi-bo"></span> 10311 Bolivia (BOB Bs.) 10312 </button> 10313 </li> 10314 10315 <li class="disclosure__item order-last" data-order="BA"> 10316 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10317 @click="country_code = 'BA'; openCurrency = false;" 10318 10319 data-value="BA"> 10320 <span class="rounded-full w-5 h-5 bg-cover fi fi-ba"></span> 10321 Bosnia & Herzegovina (BAM ÐÐ) 10322 </button> 10323 </li> 10324 10325 <li class="disclosure__item order-last" data-order="BW"> 10326 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10327 @click="country_code = 'BW'; openCurrency = false;" 10328 10329 data-value="BW"> 10330 <span class="rounded-full w-5 h-5 bg-cover fi fi-bw"></span> 10331 Botswana (BWP P) 10332 </button> 10333 </li> 10334 10335 <li class="disclosure__item order-last" data-order="BR"> 10336 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10337 @click="country_code = 'BR'; openCurrency = false;" 10338 10339 data-value="BR"> 10340 <span class="rounded-full w-5 h-5 bg-cover fi fi-br"></span> 10341 Brazil (BRL R$) 10342 </button> 10343 </li> 10344 10345 <li class="disclosure__item order-last" data-order="IO"> 10346 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10347 @click="country_code = 'IO'; openCurrency = false;" 10348 10349 data-value="IO"> 10350 <span class="rounded-full w-5 h-5 bg-cover fi fi-io"></span> 10351 British Indian Ocean Territory (USD $) 10352 </button> 10353 </li> 10354 10355 <li class="disclosure__item order-last" data-order="VG"> 10356 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10357 @click="country_code = 'VG'; openCurrency = false;" 10358 10359 data-value="VG"> 10360 <span class="rounded-full w-5 h-5 bg-cover fi fi-vg"></span> 10361 British Virgin Islands (USD $) 10362 </button> 10363 </li> 10364 10365 <li class="disclosure__item order-last" data-order="BN"> 10366 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10367 @click="country_code = 'BN'; openCurrency = false;" 10368 10369 data-value="BN"> 10370 <span class="rounded-full w-5 h-5 bg-cover fi fi-bn"></span> 10371 Brunei (BND $) 10372 </button> 10373 </li> 10374 10375 <li class="disclosure__item order-last" data-order="BG"> 10376 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10377 @click="country_code = 'BG'; openCurrency = false;" 10378 10379 data-value="BG">
10380 <span class="rounded-full w-5 h-5 bg-cover fi fi-bg"></span> 10381 Bulgaria (EUR â¬) 10382 </button> 10383 </li> 10384 10385 <li class="disclosure__item order-last" data-order="BF"> 10386 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10387 @click="country_code = 'BF'; openCurrency = false;" 10388 10389 data-value="BF"> 10390 <span class="rounded-full w-5 h-5 bg-cover fi fi-bf"></span> 10391 Burkina Faso (XOF Fr) 10392 </button> 10393 </li> 10394 10395 <li class="disclosure__item order-last" data-order="BI"> 10396 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10397 @click="country_code = 'BI'; openCurrency = false;" 10398 10399 data-value="BI"> 10400 <span class="rounded-full w-5 h-5 bg-cover fi fi-bi"></span> 10401 Burundi (BIF Fr) 10402 </button> 10403 </li> 10404 10405 <li class="disclosure__item order-last" data-order="KH"> 10406 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10407 @click="country_code = 'KH'; openCurrency = false;" 10408 10409 data-value="KH"> 10410 <span class="rounded-full w-5 h-5 bg-cover fi fi-kh"></span> 10411 Cambodia (KHR á) 10412 </button> 10413 </li> 10414 10415 <li class="disclosure__item order-last" data-order="CM"> 10416 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10417 @click="country_code = 'CM'; openCurrency = false;" 10418 10419 data-value="CM"> 10420 <span class="rounded-full w-5 h-5 bg-cover fi fi-cm"></span> 10421 Cameroon (XAF CFA) 10422 </button> 10423 </li> 10424 10425 <li class="disclosure__item order-last" data-order="CA"> 10426 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10427 @click="country_code = 'CA'; openCurrency = false;" 10428 10429 data-value="CA"> 10430 <span class="rounded-full w-5 h-5 bg-cover fi fi-ca"></span> 10431 Canada (CAD $) 10432 </button> 10433 </li> 10434 10435 <li class="disclosure__item order-last" data-order="CV"> 10436 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10437 @click="country_code = 'CV'; openCurrency = false;" 10438 10439 data-value="CV"> 10440 <span class="rounded-full w-5 h-5 bg-cover fi fi-cv"></span> 10441 Cape Verde (CVE $) 10442 </button> 10443 </li> 10444 10445 <li class="disclosure__item order-last" data-order="BQ"> 10446 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10447 @click="country_code = 'BQ'; openCurrency = false;" 10448 10449 data-value="BQ"> 10450 <span class="rounded-full w-5 h-5 bg-cover fi fi-bq"></span> 10451 Caribbean Netherlands (USD $) 10452 </button> 10453 </li> 10454 10455 <li class="disclosure__item order-last" data-order="KY"> 10456 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10457 @click="country_code = 'KY'; openCurrency = false;" 10458 10459 data-value="KY">
10460 <span class="rounded-full w-5 h-5 bg-cover fi fi-ky"></span> 10461 Cayman Islands (KYD $) 10462 </button> 10463 </li> 10464 10465 <li class="disclosure__item order-last" data-order="CF"> 10466 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10467 @click="country_code = 'CF'; openCurrency = false;" 10468 10469 data-value="CF"> 10470 <span class="rounded-full w-5 h-5 bg-cover fi fi-cf"></span> 10471 Central African Republic (XAF CFA) 10472 </button> 10473 </li> 10474 10475 <li class="disclosure__item order-last" data-order="TD"> 10476 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10477 @click="country_code = 'TD'; openCurrency = false;" 10478 10479 data-value="TD"> 10480 <span class="rounded-full w-5 h-5 bg-cover fi fi-td"></span> 10481 Chad (XAF CFA) 10482 </button> 10483 </li> 10484 10485 <li class="disclosure__item order-last" data-order="CL"> 10486 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10487 @click="country_code = 'CL'; openCurrency = false;" 10488 10489 data-value="CL"> 10490 <span class="rounded-full w-5 h-5 bg-cover fi fi-cl"></span> 10491 Chile (USD $) 10492 </button> 10493 </li> 10494 10495 <li class="disclosure__item order-last" data-order="CN"> 10496 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10497 @click="country_code = 'CN'; openCurrency = false;" 10498 10499 data-value="CN"> 10500 <span class="rounded-full w-5 h-5 bg-cover fi fi-cn"></span> 10501 China (CNY ¥) 10502 </button> 10503 </li> 10504 10505 <li class="disclosure__item order-last" data-order="CX"> 10506 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10507 @click="country_code = 'CX'; openCurrency = false;" 10508 10509 data-value="CX"> 10510 <span class="rounded-full w-5 h-5 bg-cover fi fi-cx"></span> 10511 Christmas Island (AUD $) 10512 </button> 10513 </li> 10514 10515 <li class="disclosure__item order-last" data-order="CC"> 10516 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10517 @click="country_code = 'CC'; openCurrency = false;" 10518 10519 data-value="CC"> 10520 <span class="rounded-full w-5 h-5 bg-cover fi fi-cc"></span> 10521 Cocos (Keeling) Islands (AUD $) 10522 </button> 10523 </li> 10524 10525 <li class="disclosure__item order-last" data-order="CO"> 10526 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10527 @click="country_code = 'CO'; openCurrency = false;" 10528 10529 data-value="CO"> 10530 <span class="rounded-full w-5 h-5 bg-cover fi fi-co"></span> 10531 Colombia (USD $) 10532 </button> 10533 </li> 10534 10535 <li class="disclosure__item order-last" data-order="KM"> 10536 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10537 @click="country_code = 'KM'; openCurrency = false;" 10538 10539 data-value="KM">
10540 <span class="rounded-full w-5 h-5 bg-cover fi fi-km"></span> 10541 Comoros (KMF Fr) 10542 </button> 10543 </li> 10544 10545 <li class="disclosure__item order-last" data-order="CG"> 10546 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10547 @click="country_code = 'CG'; openCurrency = false;" 10548 10549 data-value="CG"> 10550 <span class="rounded-full w-5 h-5 bg-cover fi fi-cg"></span> 10551 Congo - Brazzaville (XAF CFA) 10552 </button> 10553 </li> 10554 10555 <li class="disclosure__item order-last" data-order="CD"> 10556 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10557 @click="country_code = 'CD'; openCurrency = false;" 10558 10559 data-value="CD"> 10560 <span class="rounded-full w-5 h-5 bg-cover fi fi-cd"></span> 10561 Congo - Kinshasa (CDF Fr) 10562 </button> 10563 </li> 10564 10565 <li class="disclosure__item order-last" data-order="CK"> 10566 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10567 @click="country_code = 'CK'; openCurrency = false;" 10568 10569 data-value="CK"> 10570 <span class="rounded-full w-5 h-5 bg-cover fi fi-ck"></span> 10571 Cook Islands (NZD $) 10572 </button> 10573 </li> 10574 10575 <li class="disclosure__item order-last" data-order="CR"> 10576 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10577 @click="country_code = 'CR'; openCurrency = false;" 10578 10579 data-value="CR"> 10580 <span class="rounded-full w-5 h-5 bg-cover fi fi-cr"></span> 10581 Costa Rica (CRC â¡) 10582 </button> 10583 </li> 10584 10585 <li class="disclosure__item order-last" data-order="CI"> 10586 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10587 @click="country_code = 'CI'; openCurrency = false;" 10588 10589 data-value="CI"> 10590 <span class="rounded-full w-5 h-5 bg-cover fi fi-ci"></span> 10591 Côte dâIvoire (XOF Fr) 10592 </button> 10593 </li> 10594 10595 <li class="disclosure__item order-last" data-order="HR"> 10596 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10597 @click="country_code = 'HR'; openCurrency = false;" 10598 10599 data-value="HR"> 10600 <span class="rounded-full w-5 h-5 bg-cover fi fi-hr"></span> 10601 Croatia (EUR â¬) 10602 </button> 10603 </li> 10604 10605 <li class="disclosure__item order-last" data-order="CW"> 10606 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10607 @click="country_code = 'CW'; openCurrency = false;" 10608 10609 data-value="CW"> 10610 <span class="rounded-full w-5 h-5 bg-cover fi fi-cw"></span> 10611 Curaçao (ANG Æ) 10612 </button> 10613 </li> 10614 10615 <li class="disclosure__item order-last" data-order="CY"> 10616 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10617 @click="country_code = 'CY'; openCurrency = false;" 10618 10619 data-value="CY">
10620 <span class="rounded-full w-5 h-5 bg-cover fi fi-cy"></span> 10621 Cyprus (EUR â¬) 10622 </button> 10623 </li> 10624 10625 <li class="disclosure__item order-last" data-order="CZ"> 10626 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10627 @click="country_code = 'CZ'; openCurrency = false;" 10628 10629 data-value="CZ"> 10630 <span class="rounded-full w-5 h-5 bg-cover fi fi-cz"></span> 10631 Czechia (CZK KÄ) 10632 </button> 10633 </li> 10634 10635 <li class="disclosure__item order-last" data-order="DK"> 10636 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10637 @click="country_code = 'DK'; openCurrency = false;" 10638 10639 data-value="DK"> 10640 <span class="rounded-full w-5 h-5 bg-cover fi fi-dk"></span> 10641 Denmark (DKK kr.) 10642 </button> 10643 </li> 10644 10645 <li class="disclosure__item order-last" data-order="DJ"> 10646 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10647 @click="country_code = 'DJ'; openCurrency = false;" 10648 10649 data-value="DJ"> 10650 <span class="rounded-full w-5 h-5 bg-cover fi fi-dj"></span> 10651 Djibouti (DJF Fdj) 10652 </button> 10653 </li> 10654 10655 <li class="disclosure__item order-last" data-order="DM"> 10656 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10657 @click="country_code = 'DM'; openCurrency = false;" 10658 10659 data-value="DM"> 10660 <span class="rounded-full w-5 h-5 bg-cover fi fi-dm"></span> 10661 Dominica (XCD $) 10662 </button> 10663 </li> 10664 10665 <li class="disclosure__item order-last" data-order="DO"> 10666 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10667 @click="country_code = 'DO'; openCurrency = false;" 10668 10669 data-value="DO"> 10670 <span class="rounded-full w-5 h-5 bg-cover fi fi-do"></span> 10671 Dominican Republic (DOP $) 10672 </button> 10673 </li> 10674 10675 <li class="disclosure__item order-last" data-order="EC"> 10676 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10677 @click="country_code = 'EC'; openCurrency = false;" 10678 10679 data-value="EC"> 10680 <span class="rounded-full w-5 h-5 bg-cover fi fi-ec"></span> 10681 Ecuador (USD $) 10682 </button> 10683 </li> 10684 10685 <li class="disclosure__item order-last" data-order="EG"> 10686 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10687 @click="country_code = 'EG'; openCurrency = false;" 10688 10689 data-value="EG"> 10690 <span class="rounded-full w-5 h-5 bg-cover fi fi-eg"></span> 10691 Egypt (EGP ج.Ù ) 10692 </button> 10693 </li> 10694 10695 <li class="disclosure__item order-last" data-order="SV"> 10696 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10697 @click="country_code = 'SV'; openCurrency = false;" 10698 10699 data-value="SV">
10700 <span class="rounded-full w-5 h-5 bg-cover fi fi-sv"></span> 10701 El Salvador (USD $) 10702 </button> 10703 </li> 10704 10705 <li class="disclosure__item order-last" data-order="GQ"> 10706 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10707 @click="country_code = 'GQ'; openCurrency = false;" 10708 10709 data-value="GQ"> 10710 <span class="rounded-full w-5 h-5 bg-cover fi fi-gq"></span> 10711 Equatorial Guinea (XAF CFA) 10712 </button> 10713 </li> 10714 10715 <li class="disclosure__item order-last" data-order="ER"> 10716 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10717 @click="country_code = 'ER'; openCurrency = false;" 10718 10719 data-value="ER"> 10720 <span class="rounded-full w-5 h-5 bg-cover fi fi-er"></span> 10721 Eritrea (USD $) 10722 </button> 10723 </li> 10724 10725 <li class="disclosure__item order-last" data-order="EE"> 10726 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10727 @click="country_code = 'EE'; openCurrency = false;" 10728 10729 data-value="EE"> 10730 <span class="rounded-full w-5 h-5 bg-cover fi fi-ee"></span> 10731 Estonia (EUR â¬) 10732 </button> 10733 </li> 10734 10735 <li class="disclosure__item order-last" data-order="SZ"> 10736 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10737 @click="country_code = 'SZ'; openCurrency = false;" 10738 10739 data-value="SZ"> 10740 <span class="rounded-full w-5 h-5 bg-cover fi fi-sz"></span> 10741 Eswatini (USD $) 10742 </button> 10743 </li> 10744 10745 <li class="disclosure__item order-last" data-order="ET"> 10746 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10747 @click="country_code = 'ET'; openCurrency = false;" 10748 10749 data-value="ET"> 10750 <span class="rounded-full w-5 h-5 bg-cover fi fi-et"></span> 10751 Ethiopia (ETB Br) 10752 </button> 10753 </li> 10754 10755 <li class="disclosure__item order-last" data-order="FK"> 10756 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10757 @click="country_code = 'FK'; openCurrency = false;" 10758 10759 data-value="FK"> 10760 <span class="rounded-full w-5 h-5 bg-cover fi fi-fk"></span> 10761 Falkland Islands (FKP £) 10762 </button> 10763 </li> 10764 10765 <li class="disclosure__item order-last" data-order="FO"> 10766 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10767 @click="country_code = 'FO'; openCurrency = false;" 10768 10769 data-value="FO"> 10770 <span class="rounded-full w-5 h-5 bg-cover fi fi-fo"></span> 10771 Faroe Islands (DKK kr.) 10772 </button> 10773 </li> 10774 10775 <li class="disclosure__item order-last" data-order="FJ"> 10776 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10777 @click="country_code = 'FJ'; openCurrency = false;" 10778 10779 data-value="FJ">
10780 <span class="rounded-full w-5 h-5 bg-cover fi fi-fj"></span> 10781 Fiji (FJD $) 10782 </button> 10783 </li> 10784 10785 <li class="disclosure__item order-last" data-order="FI"> 10786 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10787 @click="country_code = 'FI'; openCurrency = false;" 10788 10789 data-value="FI"> 10790 <span class="rounded-full w-5 h-5 bg-cover fi fi-fi"></span> 10791 Finland (EUR â¬) 10792 </button> 10793 </li> 10794 10795 <li class="disclosure__item order-last" data-order="FR"> 10796 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10797 @click="country_code = 'FR'; openCurrency = false;" 10798 10799 data-value="FR"> 10800 <span class="rounded-full w-5 h-5 bg-cover fi fi-fr"></span> 10801 France (EUR â¬) 10802 </button> 10803 </li> 10804 10805 <li class="disclosure__item order-last" data-order="GF"> 10806 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10807 @click="country_code = 'GF'; openCurrency = false;" 10808 10809 data-value="GF"> 10810 <span class="rounded-full w-5 h-5 bg-cover fi fi-gf"></span> 10811 French Guiana (EUR â¬) 10812 </button> 10813 </li> 10814 10815 <li class="disclosure__item order-last" data-order="PF"> 10816 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10817 @click="country_code = 'PF'; openCurrency = false;" 10818 10819 data-value="PF"> 10820 <span class="rounded-full w-5 h-5 bg-cover fi fi-pf"></span> 10821 French Polynesia (XPF Fr) 10822 </button> 10823 </li> 10824 10825 <li class="disclosure__item order-last" data-order="TF"> 10826 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10827 @click="country_code = 'TF'; openCurrency = false;" 10828 10829 data-value="TF"> 10830 <span class="rounded-full w-5 h-5 bg-cover fi fi-tf"></span> 10831 French Southern Territories (EUR â¬) 10832 </button> 10833 </li> 10834 10835 <li class="disclosure__item order-last" data-order="GA"> 10836 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10837 @click="country_code = 'GA'; openCurrency = false;" 10838 10839 data-value="GA"> 10840 <span class="rounded-full w-5 h-5 bg-cover fi fi-ga"></span> 10841 Gabon (XOF Fr) 10842 </button> 10843 </li> 10844 10845 <li class="disclosure__item order-last" data-order="GM"> 10846 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10847 @click="country_code = 'GM'; openCurrency = false;" 10848 10849 data-value="GM"> 10850 <span class="rounded-full w-5 h-5 bg-cover fi fi-gm"></span> 10851 Gambia (GMD D) 10852 </button> 10853 </li> 10854 10855 <li class="disclosure__item order-last" data-order="GE"> 10856 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10857 @click="country_code = 'GE'; openCurrency = false;" 10858 10859 data-value="GE">
10860 <span class="rounded-full w-5 h-5 bg-cover fi fi-ge"></span> 10861 Georgia (USD $) 10862 </button> 10863 </li> 10864 10865 <li class="disclosure__item order-last" data-order="DE"> 10866 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10867 @click="country_code = 'DE'; openCurrency = false;" 10868 10869 data-value="DE"> 10870 <span class="rounded-full w-5 h-5 bg-cover fi fi-de"></span> 10871 Germany (EUR â¬) 10872 </button> 10873 </li> 10874 10875 <li class="disclosure__item order-last" data-order="GH"> 10876 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10877 @click="country_code = 'GH'; openCurrency = false;" 10878 10879 data-value="GH"> 10880 <span class="rounded-full w-5 h-5 bg-cover fi fi-gh"></span> 10881 Ghana (USD $) 10882 </button> 10883 </li> 10884 10885 <li class="disclosure__item order-last" data-order="GI"> 10886 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10887 @click="country_code = 'GI'; openCurrency = false;" 10888 10889 data-value="GI"> 10890 <span class="rounded-full w-5 h-5 bg-cover fi fi-gi"></span> 10891 Gibraltar (GBP £) 10892 </button> 10893 </li> 10894 10895 <li class="disclosure__item order-last" data-order="GR"> 10896 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10897 @click="country_code = 'GR'; openCurrency = false;" 10898 10899 data-value="GR"> 10900 <span class="rounded-full w-5 h-5 bg-cover fi fi-gr"></span> 10901 Greece (EUR â¬) 10902 </button> 10903 </li> 10904 10905 <li class="disclosure__item order-last" data-order="GL"> 10906 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10907 @click="country_code = 'GL'; openCurrency = false;" 10908 10909 data-value="GL"> 10910 <span class="rounded-full w-5 h-5 bg-cover fi fi-gl"></span> 10911 Greenland (DKK kr.) 10912 </button> 10913 </li> 10914 10915 <li class="disclosure__item order-last" data-order="GD"> 10916 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10917 @click="country_code = 'GD'; openCurrency = false;" 10918 10919 data-value="GD"> 10920 <span class="rounded-full w-5 h-5 bg-cover fi fi-gd"></span> 10921 Grenada (XCD $) 10922 </button> 10923 </li> 10924 10925 <li class="disclosure__item order-last" data-order="GP"> 10926 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10927 @click="country_code = 'GP'; openCurrency = false;" 10928 10929 data-value="GP"> 10930 <span class="rounded-full w-5 h-5 bg-cover fi fi-gp"></span> 10931 Guadeloupe (EUR â¬) 10932 </button> 10933 </li> 10934 10935 <li class="disclosure__item order-last" data-order="GT"> 10936 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10937 @click="country_code = 'GT'; openCurrency = false;" 10938 10939 data-value="GT">
10940 <span class="rounded-full w-5 h-5 bg-cover fi fi-gt"></span> 10941 Guatemala (GTQ Q) 10942 </button> 10943 </li> 10944 10945 <li class="disclosure__item order-last" data-order="GG"> 10946 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10947 @click="country_code = 'GG'; openCurrency = false;" 10948 10949 data-value="GG"> 10950 <span class="rounded-full w-5 h-5 bg-cover fi fi-gg"></span> 10951 Guernsey (GBP £) 10952 </button> 10953 </li> 10954 10955 <li class="disclosure__item order-last" data-order="GN"> 10956 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10957 @click="country_code = 'GN'; openCurrency = false;" 10958 10959 data-value="GN"> 10960 <span class="rounded-full w-5 h-5 bg-cover fi fi-gn"></span> 10961 Guinea (GNF Fr) 10962 </button> 10963 </li> 10964 10965 <li class="disclosure__item order-last" data-order="GW"> 10966 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10967 @click="country_code = 'GW'; openCurrency = false;" 10968 10969 data-value="GW"> 10970 <span class="rounded-full w-5 h-5 bg-cover fi fi-gw"></span> 10971 Guinea-Bissau (XOF Fr) 10972 </button> 10973 </li> 10974 10975 <li class="disclosure__item order-last" data-order="GY"> 10976 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10977 @click="country_code = 'GY'; openCurrency = false;" 10978 10979 data-value="GY"> 10980 <span class="rounded-full w-5 h-5 bg-cover fi fi-gy"></span> 10981 Guyana (GYD $) 10982 </button> 10983 </li> 10984 10985 <li class="disclosure__item order-last" data-order="HT"> 10986 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10987 @click="country_code = 'HT'; openCurrency = false;" 10988 10989 data-value="HT"> 10990 <span class="rounded-full w-5 h-5 bg-cover fi fi-ht"></span> 10991 Haiti (USD $) 10992 </button> 10993 </li> 10994 10995 <li class="disclosure__item order-last" data-order="HN"> 10996 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 10997 @click="country_code = 'HN'; openCurrency = false;" 10998 10999 data-value="HN"> 11000 <span class="rounded-full w-5 h-5 bg-cover fi fi-hn"></span> 11001 Honduras (HNL L) 11002 </button> 11003 </li> 11004 11005 <li class="disclosure__item order-last" data-order="HK"> 11006 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11007 @click="country_code = 'HK'; openCurrency = false;" 11008 11009 data-value="HK"> 11010 <span class="rounded-full w-5 h-5 bg-cover fi fi-hk"></span> 11011 Hong Kong SAR (HKD $) 11012 </button> 11013 </li> 11014 11015 <li class="disclosure__item order-last" data-order="HU"> 11016 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11017 @click="country_code = 'HU'; openCurrency = false;" 11018 11019 data-value="HU">
11020 <span class="rounded-full w-5 h-5 bg-cover fi fi-hu"></span> 11021 Hungary (HUF Ft) 11022 </button> 11023 </li> 11024 11025 <li class="disclosure__item order-last" data-order="IS"> 11026 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11027 @click="country_code = 'IS'; openCurrency = false;" 11028 11029 data-value="IS"> 11030 <span class="rounded-full w-5 h-5 bg-cover fi fi-is"></span> 11031 Iceland (ISK kr) 11032 </button> 11033 </li> 11034 11035 <li class="disclosure__item order-last" data-order="IN"> 11036 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11037 @click="country_code = 'IN'; openCurrency = false;" 11038 11039 data-value="IN"> 11040 <span class="rounded-full w-5 h-5 bg-cover fi fi-in"></span> 11041 India (INR â¹) 11042 </button> 11043 </li> 11044 11045 <li class="disclosure__item order-last" data-order="ID"> 11046 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11047 @click="country_code = 'ID'; openCurrency = false;" 11048 11049 data-value="ID"> 11050 <span class="rounded-full w-5 h-5 bg-cover fi fi-id"></span> 11051 Indonesia (IDR Rp) 11052 </button> 11053 </li> 11054 11055 <li class="disclosure__item order-last" data-order="IQ"> 11056 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11057 @click="country_code = 'IQ'; openCurrency = false;" 11058 11059 data-value="IQ"> 11060 <span class="rounded-full w-5 h-5 bg-cover fi fi-iq"></span> 11061 Iraq (USD $) 11062 </button> 11063 </li> 11064 11065 <li class="disclosure__item order-last" data-order="IE"> 11066 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11067 @click="country_code = 'IE'; openCurrency = false;" 11068 11069 data-value="IE"> 11070 <span class="rounded-full w-5 h-5 bg-cover fi fi-ie"></span> 11071 Ireland (EUR â¬) 11072 </button> 11073 </li> 11074 11075 <li class="disclosure__item order-last" data-order="IM"> 11076 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11077 @click="country_code = 'IM'; openCurrency = false;" 11078 11079 data-value="IM"> 11080 <span class="rounded-full w-5 h-5 bg-cover fi fi-im"></span> 11081 Isle of Man (GBP £) 11082 </button> 11083 </li> 11084 11085 <li class="disclosure__item order-last" data-order="IL"> 11086 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11087 @click="country_code = 'IL'; openCurrency = false;" 11088 11089 data-value="IL"> 11090 <span class="rounded-full w-5 h-5 bg-cover fi fi-il"></span> 11091 Israel (ILS âª) 11092 </button> 11093 </li> 11094 11095 <li class="disclosure__item order-last" data-order="IT"> 11096 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11097 @click="country_code = 'IT'; openCurrency = false;" 11098 11099 data-value="IT">
11100 <span class="rounded-full w-5 h-5 bg-cover fi fi-it"></span> 11101 Italy (EUR â¬) 11102 </button> 11103 </li> 11104 11105 <li class="disclosure__item order-last" data-order="JM"> 11106 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11107 @click="country_code = 'JM'; openCurrency = false;" 11108 11109 data-value="JM"> 11110 <span class="rounded-full w-5 h-5 bg-cover fi fi-jm"></span> 11111 Jamaica (JMD $) 11112 </button> 11113 </li> 11114 11115 <li class="disclosure__item order-last" data-order="JP"> 11116 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11117 @click="country_code = 'JP'; openCurrency = false;" 11118 11119 data-value="JP"> 11120 <span class="rounded-full w-5 h-5 bg-cover fi fi-jp"></span> 11121 Japan (JPY Â¥) 11122 </button> 11123 </li> 11124 11125 <li class="disclosure__item order-last" data-order="JE"> 11126 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11127 @click="country_code = 'JE'; openCurrency = false;" 11128 11129 data-value="JE"> 11130 <span class="rounded-full w-5 h-5 bg-cover fi fi-je"></span> 11131 Jersey (GBP £) 11132 </button> 11133 </li> 11134 11135 <li class="disclosure__item order-last" data-order="JO"> 11136 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11137 @click="country_code = 'JO'; openCurrency = false;" 11138 11139 data-value="JO"> 11140 <span class="rounded-full w-5 h-5 bg-cover fi fi-jo"></span> 11141 Jordan (USD $) 11142 </button> 11143 </li> 11144 11145 <li class="disclosure__item order-last" data-order="KZ"> 11146 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11147 @click="country_code = 'KZ'; openCurrency = false;" 11148 11149 data-value="KZ"> 11150 <span class="rounded-full w-5 h-5 bg-cover fi fi-kz"></span> 11151 Kazakhstan (KZT â¸) 11152 </button> 11153 </li> 11154 11155 <li class="disclosure__item order-last" data-order="KE"> 11156 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11157 @click="country_code = 'KE'; openCurrency = false;" 11158 11159 data-value="KE"> 11160 <span class="rounded-full w-5 h-5 bg-cover fi fi-ke"></span> 11161 Kenya (KES KSh) 11162 </button> 11163 </li> 11164 11165 <li class="disclosure__item order-last" data-order="KI"> 11166 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11167 @click="country_code = 'KI'; openCurrency = false;" 11168 11169 data-value="KI"> 11170 <span class="rounded-full w-5 h-5 bg-cover fi fi-ki"></span> 11171 Kiribati (USD $) 11172 </button> 11173 </li> 11174 11175 <li class="disclosure__item order-last" data-order="XK"> 11176 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11177 @click="country_code = 'XK'; openCurrency = false;" 11178 11179 data-value="XK">
11180 <span class="rounded-full w-5 h-5 bg-cover fi fi-xk"></span> 11181 Kosovo (EUR â¬) 11182 </button> 11183 </li> 11184 11185 <li class="disclosure__item order-last" data-order="KW"> 11186 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11187 @click="country_code = 'KW'; openCurrency = false;" 11188 11189 data-value="KW"> 11190 <span class="rounded-full w-5 h-5 bg-cover fi fi-kw"></span> 11191 Kuwait (AED د.Ø¥) 11192 </button> 11193 </li> 11194 11195 <li class="disclosure__item order-last" data-order="KG"> 11196 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11197 @click="country_code = 'KG'; openCurrency = false;" 11198 11199 data-value="KG"> 11200 <span class="rounded-full w-5 h-5 bg-cover fi fi-kg"></span> 11201 Kyrgyzstan (KGS som) 11202 </button> 11203 </li> 11204 11205 <li class="disclosure__item order-last" data-order="LA"> 11206 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11207 @click="country_code = 'LA'; openCurrency = false;" 11208 11209 data-value="LA"> 11210 <span class="rounded-full w-5 h-5 bg-cover fi fi-la"></span> 11211 Laos (LAK â) 11212 </button> 11213 </li> 11214 11215 <li class="disclosure__item order-last" data-order="LV"> 11216 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11217 @click="country_code = 'LV'; openCurrency = false;" 11218 11219 data-value="LV"> 11220 <span class="rounded-full w-5 h-5 bg-cover fi fi-lv"></span> 11221 Latvia (EUR â¬) 11222 </button> 11223 </li> 11224 11225 <li class="disclosure__item order-last" data-order="LB"> 11226 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11227 @click="country_code = 'LB'; openCurrency = false;" 11228 11229 data-value="LB"> 11230 <span class="rounded-full w-5 h-5 bg-cover fi fi-lb"></span> 11231 Lebanon (LBP Ù.Ù) 11232 </button> 11233 </li> 11234 11235 <li class="disclosure__item order-last" data-order="LS"> 11236 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11237 @click="country_code = 'LS'; openCurrency = false;" 11238 11239 data-value="LS"> 11240 <span class="rounded-full w-5 h-5 bg-cover fi fi-ls"></span> 11241 Lesotho (USD $) 11242 </button> 11243 </li> 11244 11245 <li class="disclosure__item order-last" data-order="LR"> 11246 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11247 @click="country_code = 'LR'; openCurrency = false;" 11248 11249 data-value="LR"> 11250 <span class="rounded-full w-5 h-5 bg-cover fi fi-lr"></span> 11251 Liberia (USD $) 11252 </button> 11253 </li> 11254 11255 <li class="disclosure__item order-last" data-order="LY"> 11256 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11257 @click="country_code = 'LY'; openCurrency = false;" 11258 11259 data-value="LY">
11260 <span class="rounded-full w-5 h-5 bg-cover fi fi-ly"></span> 11261 Libya (USD $) 11262 </button> 11263 </li> 11264 11265 <li class="disclosure__item order-last" data-order="LI"> 11266 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11267 @click="country_code = 'LI'; openCurrency = false;" 11268 11269 data-value="LI"> 11270 <span class="rounded-full w-5 h-5 bg-cover fi fi-li"></span> 11271 Liechtenstein (CHF CHF) 11272 </button> 11273 </li> 11274 11275 <li class="disclosure__item order-last" data-order="LT"> 11276 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11277 @click="country_code = 'LT'; openCurrency = false;" 11278 11279 data-value="LT"> 11280 <span class="rounded-full w-5 h-5 bg-cover fi fi-lt"></span> 11281 Lithuania (EUR â¬) 11282 </button> 11283 </li> 11284 11285 <li class="disclosure__item order-last" data-order="LU"> 11286 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11287 @click="country_code = 'LU'; openCurrency = false;" 11288 11289 data-value="LU"> 11290 <span class="rounded-full w-5 h-5 bg-cover fi fi-lu"></span> 11291 Luxembourg (EUR â¬) 11292 </button> 11293 </li> 11294 11295 <li class="disclosure__item order-last" data-order="MO"> 11296 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11297 @click="country_code = 'MO'; openCurrency = false;" 11298 11299 data-value="MO"> 11300 <span class="rounded-full w-5 h-5 bg-cover fi fi-mo"></span> 11301 Macao SAR (MOP P) 11302 </button> 11303 </li> 11304 11305 <li class="disclosure__item order-last" data-order="MG"> 11306 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11307 @click="country_code = 'MG'; openCurrency = false;" 11308 11309 data-value="MG"> 11310 <span class="rounded-full w-5 h-5 bg-cover fi fi-mg"></span> 11311 Madagascar (USD $) 11312 </button> 11313 </li> 11314 11315 <li class="disclosure__item order-last" data-order="MW"> 11316 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11317 @click="country_code = 'MW'; openCurrency = false;" 11318 11319 data-value="MW"> 11320 <span class="rounded-full w-5 h-5 bg-cover fi fi-mw"></span> 11321 Malawi (MWK MK) 11322 </button> 11323 </li> 11324 11325 <li class="disclosure__item order-last" data-order="MY"> 11326 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11327 @click="country_code = 'MY'; openCurrency = false;" 11328 11329 data-value="MY"> 11330 <span class="rounded-full w-5 h-5 bg-cover fi fi-my"></span> 11331 Malaysia (MYR RM) 11332 </button> 11333 </li> 11334 11335 <li class="disclosure__item order-last" data-order="MV"> 11336 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11337 @click="country_code = 'MV'; openCurrency = false;" 11338 11339 data-value="MV">
11340 <span class="rounded-full w-5 h-5 bg-cover fi fi-mv"></span> 11341 Maldives (MVR MVR) 11342 </button> 11343 </li> 11344 11345 <li class="disclosure__item order-last" data-order="ML"> 11346 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11347 @click="country_code = 'ML'; openCurrency = false;" 11348 11349 data-value="ML"> 11350 <span class="rounded-full w-5 h-5 bg-cover fi fi-ml"></span> 11351 Mali (XOF Fr) 11352 </button> 11353 </li> 11354 11355 <li class="disclosure__item order-last" data-order="MT"> 11356 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11357 @click="country_code = 'MT'; openCurrency = false;" 11358 11359 data-value="MT"> 11360 <span class="rounded-full w-5 h-5 bg-cover fi fi-mt"></span> 11361 Malta (EUR â¬) 11362 </button> 11363 </li> 11364 11365 <li class="disclosure__item order-last" data-order="MQ"> 11366 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11367 @click="country_code = 'MQ'; openCurrency = false;" 11368 11369 data-value="MQ"> 11370 <span class="rounded-full w-5 h-5 bg-cover fi fi-mq"></span> 11371 Martinique (EUR â¬) 11372 </button> 11373 </li> 11374 11375 <li class="disclosure__item order-last" data-order="MR"> 11376 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11377 @click="country_code = 'MR'; openCurrency = false;" 11378 11379 data-value="MR"> 11380 <span class="rounded-full w-5 h-5 bg-cover fi fi-mr"></span> 11381 Mauritania (USD $) 11382 </button> 11383 </li> 11384 11385 <li class="disclosure__item order-last" data-order="MU"> 11386 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11387 @click="country_code = 'MU'; openCurrency = false;" 11388 11389 data-value="MU"> 11390 <span class="rounded-full w-5 h-5 bg-cover fi fi-mu"></span> 11391 Mauritius (MUR â¨) 11392 </button> 11393 </li> 11394 11395 <li class="disclosure__item order-last" data-order="YT"> 11396 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11397 @click="country_code = 'YT'; openCurrency = false;" 11398 11399 data-value="YT"> 11400 <span class="rounded-full w-5 h-5 bg-cover fi fi-yt"></span> 11401 Mayotte (EUR â¬) 11402 </button> 11403 </li> 11404 11405 <li class="disclosure__item order-last" data-order="MX"> 11406 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11407 @click="country_code = 'MX'; openCurrency = false;" 11408 11409 data-value="MX"> 11410 <span class="rounded-full w-5 h-5 bg-cover fi fi-mx"></span> 11411 Mexico (MXN $) 11412 </button> 11413 </li> 11414 11415 <li class="disclosure__item order-last" data-order="MD"> 11416 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11417 @click="country_code = 'MD'; openCurrency = false;" 11418 11419 data-value="MD">
11420 <span class="rounded-full w-5 h-5 bg-cover fi fi-md"></span> 11421 Moldova (MDL L) 11422 </button> 11423 </li> 11424 11425 <li class="disclosure__item order-last" data-order="MC"> 11426 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11427 @click="country_code = 'MC'; openCurrency = false;" 11428 11429 data-value="MC"> 11430 <span class="rounded-full w-5 h-5 bg-cover fi fi-mc"></span> 11431 Monaco (EUR â¬) 11432 </button> 11433 </li> 11434 11435 <li class="disclosure__item order-last" data-order="MN"> 11436 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11437 @click="country_code = 'MN'; openCurrency = false;" 11438 11439 data-value="MN"> 11440 <span class="rounded-full w-5 h-5 bg-cover fi fi-mn"></span> 11441 Mongolia (MNT â®) 11442 </button> 11443 </li> 11444 11445 <li class="disclosure__item order-last" data-order="ME"> 11446 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11447 @click="country_code = 'ME'; openCurrency = false;" 11448 11449 data-value="ME"> 11450 <span class="rounded-full w-5 h-5 bg-cover fi fi-me"></span> 11451 Montenegro (EUR â¬) 11452 </button> 11453 </li> 11454 11455 <li class="disclosure__item order-last" data-order="MS"> 11456 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11457 @click="country_code = 'MS'; openCurrency = false;" 11458 11459 data-value="MS"> 11460 <span class="rounded-full w-5 h-5 bg-cover fi fi-ms"></span> 11461 Montserrat (XCD $) 11462 </button> 11463 </li> 11464 11465 <li class="disclosure__item order-last" data-order="MA"> 11466 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11467 @click="country_code = 'MA'; openCurrency = false;" 11468 11469 data-value="MA"> 11470 <span class="rounded-full w-5 h-5 bg-cover fi fi-ma"></span> 11471 Morocco (MAD د.Ù .) 11472 </button> 11473 </li> 11474 11475 <li class="disclosure__item order-last" data-order="MZ"> 11476 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11477 @click="country_code = 'MZ'; openCurrency = false;" 11478 11479 data-value="MZ"> 11480 <span class="rounded-full w-5 h-5 bg-cover fi fi-mz"></span> 11481 Mozambique (USD $) 11482 </button> 11483 </li> 11484 11485 <li class="disclosure__item order-last" data-order="MM"> 11486 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11487 @click="country_code = 'MM'; openCurrency = false;" 11488 11489 data-value="MM"> 11490 <span class="rounded-full w-5 h-5 bg-cover fi fi-mm"></span> 11491 Myanmar (Burma) (MMK K) 11492 </button> 11493 </li> 11494 11495 <li class="disclosure__item order-last" data-order="NA"> 11496 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11497 @click="country_code = 'NA'; openCurrency = false;" 11498 11499 data-value="NA">
11500 <span class="rounded-full w-5 h-5 bg-cover fi fi-na"></span> 11501 Namibia (USD $) 11502 </button> 11503 </li> 11504 11505 <li class="disclosure__item order-last" data-order="NR"> 11506 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11507 @click="country_code = 'NR'; openCurrency = false;" 11508 11509 data-value="NR"> 11510 <span class="rounded-full w-5 h-5 bg-cover fi fi-nr"></span> 11511 Nauru (AUD $) 11512 </button> 11513 </li> 11514 11515 <li class="disclosure__item order-last" data-order="NP"> 11516 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11517 @click="country_code = 'NP'; openCurrency = false;" 11518 11519 data-value="NP"> 11520 <span class="rounded-full w-5 h-5 bg-cover fi fi-np"></span> 11521 Nepal (NPR Rs.) 11522 </button> 11523 </li> 11524 11525 <li class="disclosure__item order-last" data-order="NL"> 11526 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11527 @click="country_code = 'NL'; openCurrency = false;" 11528 11529 data-value="NL"> 11530 <span class="rounded-full w-5 h-5 bg-cover fi fi-nl"></span> 11531 Netherlands (EUR â¬) 11532 </button> 11533 </li> 11534 11535 <li class="disclosure__item order-last" data-order="NC"> 11536 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11537 @click="country_code = 'NC'; openCurrency = false;" 11538 11539 data-value="NC"> 11540 <span class="rounded-full w-5 h-5 bg-cover fi fi-nc"></span> 11541 New Caledonia (XPF Fr) 11542 </button> 11543 </li> 11544 11545 <li class="disclosure__item order-last" data-order="NZ"> 11546 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11547 @click="country_code = 'NZ'; openCurrency = false;" 11548 11549 data-value="NZ"> 11550 <span class="rounded-full w-5 h-5 bg-cover fi fi-nz"></span> 11551 New Zealand (NZD $) 11552 </button> 11553 </li> 11554 11555 <li class="disclosure__item order-last" data-order="NI"> 11556 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11557 @click="country_code = 'NI'; openCurrency = false;" 11558 11559 data-value="NI"> 11560 <span class="rounded-full w-5 h-5 bg-cover fi fi-ni"></span> 11561 Nicaragua (NIO C$) 11562 </button> 11563 </li> 11564 11565 <li class="disclosure__item order-last" data-order="NE"> 11566 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11567 @click="country_code = 'NE'; openCurrency = false;" 11568 11569 data-value="NE"> 11570 <span class="rounded-full w-5 h-5 bg-cover fi fi-ne"></span> 11571 Niger (XOF Fr) 11572 </button> 11573 </li> 11574 11575 <li class="disclosure__item order-last" data-order="NG"> 11576 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11577 @click="country_code = 'NG'; openCurrency = false;" 11578 11579 data-value="NG">
11580 <span class="rounded-full w-5 h-5 bg-cover fi fi-ng"></span> 11581 Nigeria (NGN â¦) 11582 </button> 11583 </li> 11584 11585 <li class="disclosure__item order-last" data-order="NU"> 11586 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11587 @click="country_code = 'NU'; openCurrency = false;" 11588 11589 data-value="NU"> 11590 <span class="rounded-full w-5 h-5 bg-cover fi fi-nu"></span> 11591 Niue (NZD $) 11592 </button> 11593 </li> 11594 11595 <li class="disclosure__item order-last" data-order="NF"> 11596 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11597 @click="country_code = 'NF'; openCurrency = false;" 11598 11599 data-value="NF"> 11600 <span class="rounded-full w-5 h-5 bg-cover fi fi-nf"></span> 11601 Norfolk Island (AUD $) 11602 </button> 11603 </li> 11604 11605 <li class="disclosure__item order-last" data-order="MK"> 11606 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11607 @click="country_code = 'MK'; openCurrency = false;" 11608 11609 data-value="MK"> 11610 <span class="rounded-full w-5 h-5 bg-cover fi fi-mk"></span> 11611 North Macedonia (MKD ден) 11612 </button> 11613 </li> 11614 11615 <li class="disclosure__item order-last" data-order="NO"> 11616 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11617 @click="country_code = 'NO'; openCurrency = false;" 11618 11619 data-value="NO"> 11620 <span class="rounded-full w-5 h-5 bg-cover fi fi-no"></span> 11621 Norway (NOK kr) 11622 </button> 11623 </li> 11624 11625 <li class="disclosure__item order-last" data-order="OM"> 11626 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11627 @click="country_code = 'OM'; openCurrency = false;" 11628 11629 data-value="OM"> 11630 <span class="rounded-full w-5 h-5 bg-cover fi fi-om"></span> 11631 Oman (USD $) 11632 </button> 11633 </li> 11634 11635 <li class="disclosure__item order-last" data-order="PK"> 11636 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11637 @click="country_code = 'PK'; openCurrency = false;" 11638 11639 data-value="PK"> 11640 <span class="rounded-full w-5 h-5 bg-cover fi fi-pk"></span> 11641 Pakistan (PKR â¨) 11642 </button> 11643 </li> 11644 11645 <li class="disclosure__item order-last" data-order="PA"> 11646 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11647 @click="country_code = 'PA'; openCurrency = false;" 11648 11649 data-value="PA"> 11650 <span class="rounded-full w-5 h-5 bg-cover fi fi-pa"></span> 11651 Panama (USD $) 11652 </button> 11653 </li> 11654 11655 <li class="disclosure__item order-last" data-order="PG"> 11656 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11657 @click="country_code = 'PG'; openCurrency = false;" 11658 11659 data-value="PG">
11660 <span class="rounded-full w-5 h-5 bg-cover fi fi-pg"></span> 11661 Papua New Guinea (PGK K) 11662 </button> 11663 </li> 11664 11665 <li class="disclosure__item order-last" data-order="PY"> 11666 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11667 @click="country_code = 'PY'; openCurrency = false;" 11668 11669 data-value="PY"> 11670 <span class="rounded-full w-5 h-5 bg-cover fi fi-py"></span> 11671 Paraguay (PYG â²) 11672 </button> 11673 </li> 11674 11675 <li class="disclosure__item order-last" data-order="PE"> 11676 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11677 @click="country_code = 'PE'; openCurrency = false;" 11678 11679 data-value="PE"> 11680 <span class="rounded-full w-5 h-5 bg-cover fi fi-pe"></span> 11681 Peru (PEN S/) 11682 </button> 11683 </li> 11684 11685 <li class="disclosure__item order-last" data-order="PH"> 11686 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11687 @click="country_code = 'PH'; openCurrency = false;" 11688 11689 data-value="PH"> 11690 <span class="rounded-full w-5 h-5 bg-cover fi fi-ph"></span> 11691 Philippines (PHP â±) 11692 </button> 11693 </li> 11694 11695 <li class="disclosure__item order-last" data-order="PN"> 11696 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11697 @click="country_code = 'PN'; openCurrency = false;" 11698 11699 data-value="PN"> 11700 <span class="rounded-full w-5 h-5 bg-cover fi fi-pn"></span> 11701 Pitcairn Islands (NZD $) 11702 </button> 11703 </li> 11704 11705 <li class="disclosure__item order-last" data-order="PL"> 11706 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11707 @click="country_code = 'PL'; openCurrency = false;" 11708 11709 data-value="PL"> 11710 <span class="rounded-full w-5 h-5 bg-cover fi fi-pl"></span> 11711 Poland (PLN zÅ) 11712 </button> 11713 </li> 11714 11715 <li class="disclosure__item order-last" data-order="PT"> 11716 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11717 @click="country_code = 'PT'; openCurrency = false;" 11718 11719 data-value="PT"> 11720 <span class="rounded-full w-5 h-5 bg-cover fi fi-pt"></span> 11721 Portugal (EUR â¬) 11722 </button> 11723 </li> 11724 11725 <li class="disclosure__item order-last" data-order="QA"> 11726 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11727 @click="country_code = 'QA'; openCurrency = false;" 11728 11729 data-value="QA"> 11730 <span class="rounded-full w-5 h-5 bg-cover fi fi-qa"></span> 11731 Qatar (QAR ر.Ù) 11732 </button> 11733 </li> 11734 11735 <li class="disclosure__item order-last" data-order="RE"> 11736 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11737 @click="country_code = 'RE'; openCurrency = false;" 11738 11739 data-value="RE">
11740 <span class="rounded-full w-5 h-5 bg-cover fi fi-re"></span> 11741 Réunion (EUR â¬) 11742 </button> 11743 </li> 11744 11745 <li class="disclosure__item order-last" data-order="RO"> 11746 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11747 @click="country_code = 'RO'; openCurrency = false;" 11748 11749 data-value="RO"> 11750 <span class="rounded-full w-5 h-5 bg-cover fi fi-ro"></span> 11751 Romania (RON Lei) 11752 </button> 11753 </li> 11754 11755 <li class="disclosure__item order-last" data-order="RW"> 11756 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11757 @click="country_code = 'RW'; openCurrency = false;" 11758 11759 data-value="RW"> 11760 <span class="rounded-full w-5 h-5 bg-cover fi fi-rw"></span> 11761 Rwanda (RWF FRw) 11762 </button> 11763 </li> 11764 11765 <li class="disclosure__item order-last" data-order="WS"> 11766 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11767 @click="country_code = 'WS'; openCurrency = false;" 11768 11769 data-value="WS"> 11770 <span class="rounded-full w-5 h-5 bg-cover fi fi-ws"></span> 11771 Samoa (WST T) 11772 </button> 11773 </li> 11774 11775 <li class="disclosure__item order-last" data-order="SM"> 11776 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11777 @click="country_code = 'SM'; openCurrency = false;" 11778 11779 data-value="SM"> 11780 <span class="rounded-full w-5 h-5 bg-cover fi fi-sm"></span> 11781 San Marino (EUR â¬) 11782 </button> 11783 </li> 11784 11785 <li class="disclosure__item order-last" data-order="ST"> 11786 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11787 @click="country_code = 'ST'; openCurrency = false;" 11788 11789 data-value="ST"> 11790 <span class="rounded-full w-5 h-5 bg-cover fi fi-st"></span> 11791 São Tomé & PrÃncipe (STD Db) 11792 </button> 11793 </li> 11794 11795 <li class="disclosure__item order-last" data-order="SA"> 11796 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11797 @click="country_code = 'SA'; openCurrency = false;" 11798 11799 data-value="SA"> 11800 <span class="rounded-full w-5 h-5 bg-cover fi fi-sa"></span> 11801 Saudi Arabia (SAR ر.س) 11802 </button> 11803 </li> 11804 11805 <li class="disclosure__item order-last" data-order="SN"> 11806 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11807 @click="country_code = 'SN'; openCurrency = false;" 11808 11809 data-value="SN"> 11810 <span class="rounded-full w-5 h-5 bg-cover fi fi-sn"></span> 11811 Senegal (XOF Fr) 11812 </button> 11813 </li> 11814 11815 <li class="disclosure__item order-last" data-order="RS"> 11816 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11817 @click="country_code = 'RS'; openCurrency = false;" 11818 11819 data-value="RS">
11820 <span class="rounded-full w-5 h-5 bg-cover fi fi-rs"></span> 11821 Serbia (RSD РСÐ) 11822 </button> 11823 </li> 11824 11825 <li class="disclosure__item order-last" data-order="SC"> 11826 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11827 @click="country_code = 'SC'; openCurrency = false;" 11828 11829 data-value="SC"> 11830 <span class="rounded-full w-5 h-5 bg-cover fi fi-sc"></span> 11831 Seychelles (USD $) 11832 </button> 11833 </li> 11834 11835 <li class="disclosure__item order-last" data-order="SL"> 11836 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11837 @click="country_code = 'SL'; openCurrency = false;" 11838 11839 data-value="SL"> 11840 <span class="rounded-full w-5 h-5 bg-cover fi fi-sl"></span> 11841 Sierra Leone (SLL Le) 11842 </button> 11843 </li> 11844 11845 <li class="disclosure__item order-last" data-order="SG"> 11846 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11847 @click="country_code = 'SG'; openCurrency = false;" 11848 11849 data-value="SG"> 11850 <span class="rounded-full w-5 h-5 bg-cover fi fi-sg"></span> 11851 Singapore (SGD $) 11852 </button> 11853 </li> 11854 11855 <li class="disclosure__item order-last" data-order="SX"> 11856 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11857 @click="country_code = 'SX'; openCurrency = false;" 11858 11859 data-value="SX"> 11860 <span class="rounded-full w-5 h-5 bg-cover fi fi-sx"></span> 11861 Sint Maarten (ANG Æ) 11862 </button> 11863 </li> 11864 11865 <li class="disclosure__item order-last" data-order="SK"> 11866 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11867 @click="country_code = 'SK'; openCurrency = false;" 11868 11869 data-value="SK"> 11870 <span class="rounded-full w-5 h-5 bg-cover fi fi-sk"></span> 11871 Slovakia (EUR â¬) 11872 </button> 11873 </li> 11874 11875 <li class="disclosure__item order-last" data-order="SI"> 11876 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11877 @click="country_code = 'SI'; openCurrency = false;" 11878 11879 data-value="SI"> 11880 <span class="rounded-full w-5 h-5 bg-cover fi fi-si"></span> 11881 Slovenia (EUR â¬) 11882 </button> 11883 </li> 11884 11885 <li class="disclosure__item order-last" data-order="SB"> 11886 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11887 @click="country_code = 'SB'; openCurrency = false;" 11888 11889 data-value="SB"> 11890 <span class="rounded-full w-5 h-5 bg-cover fi fi-sb"></span> 11891 Solomon Islands (SBD $) 11892 </button> 11893 </li> 11894 11895 <li class="disclosure__item order-last" data-order="SO"> 11896 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11897 @click="country_code = 'SO'; openCurrency = false;" 11898 11899 data-value="SO">
11900 <span class="rounded-full w-5 h-5 bg-cover fi fi-so"></span> 11901 Somalia (USD $) 11902 </button> 11903 </li> 11904 11905 <li class="disclosure__item order-last" data-order="ZA"> 11906 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11907 @click="country_code = 'ZA'; openCurrency = false;" 11908 11909 data-value="ZA"> 11910 <span class="rounded-full w-5 h-5 bg-cover fi fi-za"></span> 11911 South Africa (USD $) 11912 </button> 11913 </li> 11914 11915 <li class="disclosure__item order-last" data-order="GS"> 11916 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11917 @click="country_code = 'GS'; openCurrency = false;" 11918 11919 data-value="GS"> 11920 <span class="rounded-full w-5 h-5 bg-cover fi fi-gs"></span> 11921 South Georgia & South Sandwich Islands (GBP £) 11922 </button> 11923 </li> 11924 11925 <li class="disclosure__item order-last" data-order="KR"> 11926 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11927 @click="country_code = 'KR'; openCurrency = false;" 11928 11929 data-value="KR"> 11930 <span class="rounded-full w-5 h-5 bg-cover fi fi-kr"></span> 11931 South Korea (KRW â©) 11932 </button> 11933 </li> 11934 11935 <li class="disclosure__item order-last" data-order="SS"> 11936 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11937 @click="country_code = 'SS'; openCurrency = false;" 11938 11939 data-value="SS"> 11940 <span class="rounded-full w-5 h-5 bg-cover fi fi-ss"></span> 11941 South Sudan (USD $) 11942 </button> 11943 </li> 11944 11945 <li class="disclosure__item order-last" data-order="ES"> 11946 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11947 @click="country_code = 'ES'; openCurrency = false;" 11948 11949 data-value="ES"> 11950 <span class="rounded-full w-5 h-5 bg-cover fi fi-es"></span> 11951 Spain (EUR â¬) 11952 </button> 11953 </li> 11954 11955 <li class="disclosure__item order-last" data-order="LK"> 11956 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11957 @click="country_code = 'LK'; openCurrency = false;" 11958 11959 data-value="LK"> 11960 <span class="rounded-full w-5 h-5 bg-cover fi fi-lk"></span> 11961 Sri Lanka (LKR â¨) 11962 </button> 11963 </li> 11964 11965 <li class="disclosure__item order-last" data-order="BL"> 11966 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11967 @click="country_code = 'BL'; openCurrency = false;" 11968 11969 data-value="BL"> 11970 <span class="rounded-full w-5 h-5 bg-cover fi fi-bl"></span> 11971 St. Barthélemy (EUR â¬) 11972 </button> 11973 </li> 11974 11975 <li class="disclosure__item order-last" data-order="SH"> 11976 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11977 @click="country_code = 'SH'; openCurrency = false;" 11978 11979 data-value="SH">
11980 <span class="rounded-full w-5 h-5 bg-cover fi fi-sh"></span> 11981 St. Helena (SHP £) 11982 </button> 11983 </li> 11984 11985 <li class="disclosure__item order-last" data-order="KN"> 11986 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11987 @click="country_code = 'KN'; openCurrency = false;" 11988 11989 data-value="KN"> 11990 <span class="rounded-full w-5 h-5 bg-cover fi fi-kn"></span> 11991 St. Kitts & Nevis (XCD $) 11992 </button> 11993 </li> 11994 11995 <li class="disclosure__item order-last" data-order="LC"> 11996 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 11997 @click="country_code = 'LC'; openCurrency = false;" 11998 11999 data-value="LC"> 12000 <span class="rounded-full w-5 h-5 bg-cover fi fi-lc"></span> 12001 St. Lucia (XCD $) 12002 </button> 12003 </li> 12004 12005 <li class="disclosure__item order-last" data-order="MF"> 12006 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12007 @click="country_code = 'MF'; openCurrency = false;" 12008 12009 data-value="MF"> 12010 <span class="rounded-full w-5 h-5 bg-cover fi fi-mf"></span> 12011 St. Martin (EUR â¬) 12012 </button> 12013 </li> 12014 12015 <li class="disclosure__item order-last" data-order="PM"> 12016 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12017 @click="country_code = 'PM'; openCurrency = false;" 12018 12019 data-value="PM"> 12020 <span class="rounded-full w-5 h-5 bg-cover fi fi-pm"></span> 12021 St. Pierre & Miquelon (EUR â¬) 12022 </button> 12023 </li> 12024 12025 <li class="disclosure__item order-last" data-order="VC"> 12026 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12027 @click="country_code = 'VC'; openCurrency = false;" 12028 12029 data-value="VC"> 12030 <span class="rounded-full w-5 h-5 bg-cover fi fi-vc"></span> 12031 St. Vincent & Grenadines (XCD $) 12032 </button> 12033 </li> 12034 12035 <li class="disclosure__item order-last" data-order="SD"> 12036 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12037 @click="country_code = 'SD'; openCurrency = false;" 12038 12039 data-value="SD"> 12040 <span class="rounded-full w-5 h-5 bg-cover fi fi-sd"></span> 12041 Sudan (USD $) 12042 </button> 12043 </li> 12044 12045 <li class="disclosure__item order-last" data-order="SR"> 12046 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12047 @click="country_code = 'SR'; openCurrency = false;" 12048 12049 data-value="SR"> 12050 <span class="rounded-full w-5 h-5 bg-cover fi fi-sr"></span> 12051 Suriname (USD $) 12052 </button> 12053 </li> 12054 12055 <li class="disclosure__item order-last" data-order="SJ"> 12056 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12057 @click="country_code = 'SJ'; openCurrency = false;" 12058 12059 data-value="SJ">
12060 <span class="rounded-full w-5 h-5 bg-cover fi fi-sj"></span> 12061 Svalbard & Jan Mayen (NOK kr) 12062 </button> 12063 </li> 12064 12065 <li class="disclosure__item order-last" data-order="SE"> 12066 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12067 @click="country_code = 'SE'; openCurrency = false;" 12068 12069 data-value="SE"> 12070 <span class="rounded-full w-5 h-5 bg-cover fi fi-se"></span> 12071 Sweden (SEK kr) 12072 </button> 12073 </li> 12074 12075 <li class="disclosure__item order-last" data-order="CH"> 12076 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12077 @click="country_code = 'CH'; openCurrency = false;" 12078 12079 data-value="CH"> 12080 <span class="rounded-full w-5 h-5 bg-cover fi fi-ch"></span> 12081 Switzerland (CHF CHF) 12082 </button> 12083 </li> 12084 12085 <li class="disclosure__item order-last" data-order="TW"> 12086 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12087 @click="country_code = 'TW'; openCurrency = false;" 12088 12089 data-value="TW"> 12090 <span class="rounded-full w-5 h-5 bg-cover fi fi-tw"></span> 12091 Taiwan (TWD $) 12092 </button> 12093 </li> 12094 12095 <li class="disclosure__item order-last" data-order="TJ"> 12096 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12097 @click="country_code = 'TJ'; openCurrency = false;" 12098 12099 data-value="TJ"> 12100 <span class="rounded-full w-5 h-5 bg-cover fi fi-tj"></span> 12101 Tajikistan (TJS Ð Ð) 12102 </button> 12103 </li> 12104 12105 <li class="disclosure__item order-last" data-order="TZ"> 12106 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12107 @click="country_code = 'TZ'; openCurrency = false;" 12108 12109 data-value="TZ"> 12110 <span class="rounded-full w-5 h-5 bg-cover fi fi-tz"></span> 12111 Tanzania (TZS Sh) 12112 </button> 12113 </li> 12114 12115 <li class="disclosure__item order-last" data-order="TH"> 12116 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12117 @click="country_code = 'TH'; openCurrency = false;" 12118 12119 data-value="TH"> 12120 <span class="rounded-full w-5 h-5 bg-cover fi fi-th"></span> 12121 Thailand (THB ฿) 12122 </button> 12123 </li> 12124 12125 <li class="disclosure__item order-last" data-order="TL"> 12126 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12127 @click="country_code = 'TL'; openCurrency = false;" 12128 12129 data-value="TL"> 12130 <span class="rounded-full w-5 h-5 bg-cover fi fi-tl"></span> 12131 Timor-Leste (USD $) 12132 </button> 12133 </li> 12134 12135 <li class="disclosure__item order-last" data-order="TG"> 12136 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12137 @click="country_code = 'TG'; openCurrency = false;" 12138 12139 data-value="TG">
12140 <span class="rounded-full w-5 h-5 bg-cover fi fi-tg"></span> 12141 Togo (XOF Fr) 12142 </button> 12143 </li> 12144 12145 <li class="disclosure__item order-last" data-order="TK"> 12146 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12147 @click="country_code = 'TK'; openCurrency = false;" 12148 12149 data-value="TK"> 12150 <span class="rounded-full w-5 h-5 bg-cover fi fi-tk"></span> 12151 Tokelau (NZD $) 12152 </button> 12153 </li> 12154 12155 <li class="disclosure__item order-last" data-order="TO"> 12156 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12157 @click="country_code = 'TO'; openCurrency = false;" 12158 12159 data-value="TO"> 12160 <span class="rounded-full w-5 h-5 bg-cover fi fi-to"></span> 12161 Tonga (TOP T$) 12162 </button> 12163 </li> 12164 12165 <li class="disclosure__item order-last" data-order="TT"> 12166 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12167 @click="country_code = 'TT'; openCurrency = false;" 12168 12169 data-value="TT"> 12170 <span class="rounded-full w-5 h-5 bg-cover fi fi-tt"></span> 12171 Trinidad & Tobago (TTD $) 12172 </button> 12173 </li> 12174 12175 <li class="disclosure__item order-last" data-order="TA"> 12176 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12177 @click="country_code = 'TA'; openCurrency = false;" 12178 12179 data-value="TA"> 12180 <span class="rounded-full w-5 h-5 bg-cover fi fi-ta"></span> 12181 Tristan da Cunha (GBP £) 12182 </button> 12183 </li> 12184 12185 <li class="disclosure__item order-last" data-order="TN"> 12186 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12187 @click="country_code = 'TN'; openCurrency = false;" 12188 12189 data-value="TN"> 12190 <span class="rounded-full w-5 h-5 bg-cover fi fi-tn"></span> 12191 Tunisia (USD $) 12192 </button> 12193 </li> 12194 12195 <li class="disclosure__item order-last" data-order="TR"> 12196 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12197 @click="country_code = 'TR'; openCurrency = false;" 12198 12199 data-value="TR"> 12200 <span class="rounded-full w-5 h-5 bg-cover fi fi-tr"></span> 12201 Türkiye (USD $) 12202 </button> 12203 </li> 12204 12205 <li class="disclosure__item order-last" data-order="TM"> 12206 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12207 @click="country_code = 'TM'; openCurrency = false;" 12208 12209 data-value="TM"> 12210 <span class="rounded-full w-5 h-5 bg-cover fi fi-tm"></span> 12211 Turkmenistan (USD $) 12212 </button> 12213 </li> 12214 12215 <li class="disclosure__item order-last" data-order="TC"> 12216 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12217 @click="country_code = 'TC'; openCurrency = false;" 12218 12219 data-value="TC">
12220 <span class="rounded-full w-5 h-5 bg-cover fi fi-tc"></span> 12221 Turks & Caicos Islands (USD $) 12222 </button> 12223 </li> 12224 12225 <li class="disclosure__item order-last" data-order="TV"> 12226 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12227 @click="country_code = 'TV'; openCurrency = false;" 12228 12229 data-value="TV"> 12230 <span class="rounded-full w-5 h-5 bg-cover fi fi-tv"></span> 12231 Tuvalu (AUD $) 12232 </button> 12233 </li> 12234 12235 <li class="disclosure__item order-last" data-order="UM"> 12236 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12237 @click="country_code = 'UM'; openCurrency = false;" 12238 12239 data-value="UM"> 12240 <span class="rounded-full w-5 h-5 bg-cover fi fi-um"></span> 12241 U.S. Outlying Islands (USD $) 12242 </button> 12243 </li> 12244 12245 <li class="disclosure__item order-last" data-order="UG"> 12246 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12247 @click="country_code = 'UG'; openCurrency = false;" 12248 12249 data-value="UG"> 12250 <span class="rounded-full w-5 h-5 bg-cover fi fi-ug"></span> 12251 Uganda (UGX USh) 12252 </button> 12253 </li> 12254 12255 <li class="disclosure__item order-last" data-order="UA"> 12256 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12257 @click="country_code = 'UA'; openCurrency = false;" 12258 12259 data-value="UA"> 12260 <span class="rounded-full w-5 h-5 bg-cover fi fi-ua"></span> 12261 Ukraine (UAH â´) 12262 </button> 12263 </li> 12264 12265 <li class="disclosure__item order-last" data-order="AE"> 12266 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12267 @click="country_code = 'AE'; openCurrency = false;" 12268 12269 data-value="AE"> 12270 <span class="rounded-full w-5 h-5 bg-cover fi fi-ae"></span> 12271 United Arab Emirates (AED د.Ø¥) 12272 </button> 12273 </li> 12274 12275 <li class="disclosure__item order-last" data-order="GB"> 12276 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12277 @click="country_code = 'GB'; openCurrency = false;" 12278 12279 data-value="GB"> 12280 <span class="rounded-full w-5 h-5 bg-cover fi fi-gb"></span> 12281 United Kingdom (GBP £) 12282 </button> 12283 </li> 12284 12285 <li class="disclosure__item order-last" data-order="US"> 12286 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12287 @click="country_code = 'US'; openCurrency = false;" 12288 12289 aria-current="true" 12290 12291 data-value="US"> 12292 <span class="rounded-full w-5 h-5 bg-cover fi fi-us"></span> 12293 United States (USD $) 12294 </button> 12295 </li> 12296 12297 <li class="disclosure__item order-last" data-order="UY"> 12298 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12299 @click="country_code = 'UY'; openCurrency = false;" 12300 12301 data-value="UY">
12302 <span class="rounded-full w-5 h-5 bg-cover fi fi-uy"></span> 12303 Uruguay (UYU $U) 12304 </button> 12305 </li> 12306 12307 <li class="disclosure__item order-last" data-order="UZ"> 12308 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12309 @click="country_code = 'UZ'; openCurrency = false;" 12310 12311 data-value="UZ"> 12312 <span class="rounded-full w-5 h-5 bg-cover fi fi-uz"></span> 12313 Uzbekistan (UZS so'm) 12314 </button> 12315 </li> 12316 12317 <li class="disclosure__item order-last" data-order="VU"> 12318 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12319 @click="country_code = 'VU'; openCurrency = false;" 12320 12321 data-value="VU"> 12322 <span class="rounded-full w-5 h-5 bg-cover fi fi-vu"></span> 12323 Vanuatu (VUV Vt) 12324 </button> 12325 </li> 12326 12327 <li class="disclosure__item order-last" data-order="VA"> 12328 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12329 @click="country_code = 'VA'; openCurrency = false;" 12330 12331 data-value="VA"> 12332 <span class="rounded-full w-5 h-5 bg-cover fi fi-va"></span> 12333 Vatican City (EUR â¬) 12334 </button> 12335 </li> 12336 12337 <li class="disclosure__item order-last" data-order="VE"> 12338 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12339 @click="country_code = 'VE'; openCurrency = false;" 12340 12341 data-value="VE"> 12342 <span class="rounded-full w-5 h-5 bg-cover fi fi-ve"></span> 12343 Venezuela (USD $) 12344 </button> 12345 </li> 12346 12347 <li class="disclosure__item order-last" data-order="VN"> 12348 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12349 @click="country_code = 'VN'; openCurrency = false;" 12350 12351 data-value="VN"> 12352 <span class="rounded-full w-5 h-5 bg-cover fi fi-vn"></span> 12353 Vietnam (VND â«) 12354 </button> 12355 </li> 12356 12357 <li class="disclosure__item order-last" data-order="WF"> 12358 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12359 @click="country_code = 'WF'; openCurrency = false;" 12360 12361 data-value="WF"> 12362 <span class="rounded-full w-5 h-5 bg-cover fi fi-wf"></span> 12363 Wallis & Futuna (XPF Fr) 12364 </button> 12365 </li> 12366 12367 <li class="disclosure__item order-last" data-order="EH"> 12368 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12369 @click="country_code = 'EH'; openCurrency = false;" 12370 12371 data-value="EH"> 12372 <span class="rounded-full w-5 h-5 bg-cover fi fi-eh"></span> 12373 Western Sahara (MAD د.Ù .) 12374 </button> 12375 </li> 12376 12377 <li class="disclosure__item order-last" data-order="YE"> 12378 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12379 @click="country_code = 'YE'; openCurrency = false;" 12380 12381 data-value="YE">
12382 <span class="rounded-full w-5 h-5 bg-cover fi fi-ye"></span> 12383 Yemen (YER ï·¼) 12384 </button> 12385 </li> 12386 12387 <li class="disclosure__item order-last" data-order="ZM"> 12388 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12389 @click="country_code = 'ZM'; openCurrency = false;" 12390 12391 data-value="ZM"> 12392 <span class="rounded-full w-5 h-5 bg-cover fi fi-zm"></span> 12393 Zambia (USD $) 12394 </button> 12395 </li> 12396 12397 <li class="disclosure__item order-last" data-order="ZW"> 12398 <button type="button" class="text-left flex items-center gap-2 font-medium uppercase hover:underline" 12399 @click="country_code = 'ZW'; openCurrency = false;" 12400 12401 data-value="ZW"> 12402 <span class="rounded-full w-5 h-5 bg-cover fi fi-zw"></span> 12403 Zimbabwe (USD $) 12404 </button> 12405 </li> 12406 12407 </ul> 12408 <input type="hidden" x-model="country_code" name="country_code" value="US"> 12409 </form> 12410 12411</div> 12412 12413 12414 </div> 12415 12416 12417 12418 <div class="flex flex-col gap-2 px-4"> 12419 <span class="language-selector__title">Language:</span> 12420 <div class="language-selector language-selector__mobile relative text-sm mx-2 sm:block" 12421 x-init="$nextTick(() => { 12422 $watch('language', (value) => { 12423 $refs.HeaderLangauageForm.submit(); 12424 }); 12425 })" 12426 x-data="{ 12427 openLanguage: false, 12428 languageLabel: 'En', 12429 language: 'en', 12430 }" 12431 @click.outside="openLanguage = false"> 12432 <button type="button" @click="openLanguage = !openLanguage" :aria-expanded="openLanguage.toString()" aria-haspopup="true" class="flex items-center gap-1 uppercase"> 12433 <span class="sr-only">Language: </span><span class="language-selector__language-name mt-1" aria-hidden="true" x-text="languageLabel"> 12434 En 12435 </span> 12436 <span class="sr-only">English</span> 12437 <span :class="{ 'transform rotate-180': openLanguage }" x-transition aria-hidden="true"> 12438 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-chevron-down" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 12439 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 12440 <path d="M6 9l6 6l6 -6" /> 12441 </svg> 12442 </span> 12443 </button> 12444 12445 <div class="language-selector__dropdown absolute border bg-white overflow-auto no-scrollbar shadow-lg z-30 p-2 w-28 max-h-52 right-4 bottom-10" 12446 x-show="openLanguage" 12447 x-cloak 12448 x-transition:enter="transition ease-out duration-200" 12449 x-transition:enter-start="opacity-0 transform scale-90" 12450 x-transition:enter-end="opacity-100 transform scale-100" 12451 x-transition:leave="transition ease-in duration-75" 12452 x-transition:leave-start="opacity-100 transform scale-100" 12453 x-transition:leave-end="opacity-0 transform scale-90"> 12454 12455 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="HeaderLangauageForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /> 12456 <ul class="language-selector__list flex flex-col gap-2"> 12457 12458 <li class="disclosure__item"> 12459 <button type="button" @click="language = `en`" class="hover:underline flex gap-x-1 uppercase" hreflang="en" lang="en" aria-current="true"> 12460 12461 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-check" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 12462 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 12463 <path d="M5 12l5 5l10 -10" /> 12464 </svg> 12465 En 12466 12467 </button> 12468 </li> 12469 12470 <li class="disclosure__item"> 12471 <button type="button" @click="language = `fr`" class="hover:underline flex gap-x-1 uppercase" hreflang="fr" lang="fr"> 12472
12473 <span class="pl-5 uppercase"> 12474 Fr 12475 </span> 12476 12477 </button> 12478 </li> 12479 12480 <li class="disclosure__item"> 12481 <button type="button" @click="language = `de`" class="hover:underline flex gap-x-1 uppercase" hreflang="de" lang="de"> 12482 12483 <span class="pl-5 uppercase"> 12484 De 12485 </span> 12486 12487 </button> 12488 </li> 12489 12490 <li class="disclosure__item"> 12491 <button type="button" @click="language = `ko`" class="hover:underline flex gap-x-1 uppercase" hreflang="ko" lang="ko"> 12492 12493 <span class="pl-5 uppercase"> 12494 Ko 12495 </span> 12496 12497 </button> 12498 </li> 12499 12500 <li class="disclosure__item"> 12501 <button type="button" @click="language = `ja`" class="hover:underline flex gap-x-1 uppercase" hreflang="ja" lang="ja"> 12502 12503 <span class="pl-5 uppercase"> 12504 Ja 12505 </span> 12506 12507 </button> 12508 </li> 12509 12510 <li class="disclosure__item"> 12511 <button type="button" @click="language = `es`" class="hover:underline flex gap-x-1 uppercase" hreflang="es" lang="es"> 12512 12513 <span class="pl-5 uppercase"> 12514 Es 12515 </span> 12516 12517 </button> 12518 </li> 12519 12520 <li class="disclosure__item"> 12521 <button type="button" @click="language = `it`" class="hover:underline flex gap-x-1 uppercase" hreflang="it" lang="it"> 12522 12523 <span class="pl-5 uppercase"> 12524 It 12525 </span> 12526 12527 </button> 12528 </li> 12529 12530 </ul> 12531 <input type="hidden" name="language_code" x-model="language" value="en"> 12532 </form> 12533 12534</div> 12535 12536 </div> 12537 </div> 12538 12539 12540 </div> 12541 12542 12543 </div> 12544 </div> 12545 </div> 12546</div> 12547 12548 12549 12550 12551<div class="relative z-10"x-data="Search(``, 10)" 12552 @toggle-search.window="showSearch = !showSearch" 12553 @show-search.window="showSearch = true" 12554 @hide-search.window="showSearch = false" 12555 @keydown.escape.window="showSearch = false;" 12556 x-init="$nextTick(() => { $watch('showSearch', v => { try { document.documentElement.classList.toggle('is-search-open', !!v) } catch(e) {} }) })" 12557 x-cloak 12558 x-trap="showSearch" 12559 x-show="showSearch" 12560 role="dialog" aria-modal="true" aria-label="Search" 12561 > 12562 12563 <div class="header__search w-full absolute left-0 right-0 z-[1000] border-b bg-white px-2"> 12564 <form action="/search" method="get" class="header__search-form page-width z-[100] relative py-3"> 12565 <div class=" flex flex-row-reverse"> 12566 <input type="search" name="q" 12567 x-ref="search_input" 12568 x-cloak 12569 x-transition:enter="transform transition ease-in duration-400" 12570 x-transition:enter-start="w-[0px] opacity-0" 12571 x-transition:enter-end="w-full opacity-1" 12572 x-transition:leave="transform transition ease-out duration-400" 12573 x-transition:leave-start="w-full" 12574 x-transition:leave-end="w-[0px] opacity-0" 12575 12576 x-model.debounce="query" 12577 @focus.debounce="performSearch(); showSearch = true" 12578 @input.debounce="performSearch()" 12579 12580 class="border-1 w-full py-1" 12581 aria-label="Search" 12582 placeholder="Search" autocomplete="off" autofocus> 12583 12584 </div> 12585 12586 <div class="sr-only" role="status" 12587 x-text="(!showSearch || query === '' || loading) 12588 ? '' 12589 : ((queries.length + products.length) > 0 12590 ? "[suggestions] suggestions and [products] products available".replace('[suggestions]', queries.length).replace('[products]', products.length) 12591 : "No results found")"></div> 12592 12593 12594 <div 12595 class="md:flex gap-3 mt-2"> 12596 12597 <template x-if="query != ''"> 12598 <div class="search-queries min-w-72 border-r"> 12599 <h3 class="text-gray-600 border-b p-3 uppercase text-xs mb-2 font-medium">Suggestions</h3> 12600 <ul aria-label="Suggestions"> 12601 <template x-for="item in queries"> 12602 <li class="leading-none opacity-75" 12603 x-show="(() => { 12604 const allowed = ['US','CA']; 12605 const cc = (window.Shopify && window.Shopify.country) || ''; 12606 const allowedMarket = allowed.includes(cc); 12607 const q = (item.text || '').toLowerCase(); 12608 const restricted = q.includes('hello kitty') || q.includes('disney') || q.includes('Star Warsâ¢'); 12609 return !(restricted && !allowedMarket); 12610 })()"> 12611 <a 12612 @click="query = item.text; $refs?.search_input?.focus();" 12613 href="#" class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12614 12615<svg width="20" height="20" class="icon icon-search w-4 h-4" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 12616<path d="M14.0775 14.1L16.6442 16.6667M15.8334 9.58334C15.8334 11.2409 15.1749 12.8307 14.0028 14.0028C12.8307 15.1749 11.241 15.8333 9.58337 15.8333C7.92577 15.8333 6.33606 15.1749 5.16396 14.0028C3.99185 12.8307 3.33337 11.2409 3.33337 9.58334C3.33337 7.92573 3.99185 6.33602 5.16396 5.16392C6.33606 3.99182 7.92577 3.33334 9.58337 3.33334C11.241 3.33334 12.8307 3.99182 14.0028 5.16392C15.1749 6.33602 15.8334 7.92573 15.8334 9.58334Z" stroke="#231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12617</svg> 12618
12619 <span x-html="item.styled_text"></span> 12620 </a> 12621 </li> 12622 </template> 12623 </ul> 12624 </div> 12625 </template> 12626 12627 <template x-if="query == ''"> 12628 <div class="search-queries min-w-72 border-r"> 12629 <h3 class="text-gray-600 border-b p-3 uppercase text-xs mb-2 font-medium">popular searches</h3> 12630 12631 <ul> 12632 12633 <li class="leading-none opacity-75"> 12634 <a href="/pages/hair-body-care-from-kitsch" 12635 class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12636 12637<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-trend-up w-4 h-4"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg> 12638 Shampoo 12639 </a> 12640 </li> 12641 12642 12643 12644 <li class="leading-none opacity-75"> 12645 <a href="/collections/body-wash-bars" 12646 class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12647 12648<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-trend-up w-4 h-4"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg> 12649 Body Wash 12650 </a> 12651 </li> 12652 12653 12654 12655 <li class="leading-none opacity-75"> 12656 <a href="/collections/shop-satin-pillowcases" 12657 class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12658 12659<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-trend-up w-4 h-4"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg> 12660 Satin Pillowcase 12661 </a> 12662 </li> 12663 12664 12665 12666 <li class="leading-none opacity-75"> 12667 <a href="/collections/heatless-hair" 12668 class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12669 12670<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-trend-up w-4 h-4"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg> 12671 Heatless Hair 12672 </a> 12673 </li> 12674 12675 12676 12677 <li class="leading-none opacity-75"> 12678 <a href="/collections/hair-towels-shower-caps" 12679 class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12680 12681<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-trend-up w-4 h-4"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg> 12682 Shower Caps 12683 </a> 12684 </li> 12685 12686 12687 12688 <li class="leading-none opacity-75"> 12689 <a href="/collections/hair-clips-bobby-pins" 12690 class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12691 12692<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-trend-up w-4 h-4"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg> 12693 Recycled Hair Clips 12694 </a> 12695 </li> 12696 12697 12698 12699 <li class="leading-none opacity-75"> 12700 <a href="/collections/towel-scrunchies" 12701 class="px-3 py-2 underline flex gap-3 items-center font-medium"> 12702 12703<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-trend-up w-4 h-4"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg> 12704 Towel Scrunchies 12705 </a> 12706 </li> 12707 12708 12709 </ul> 12710 12711 </div> 12712 </template> 12713 12714 <div 12715 x-cloak 12716 class="predictive__search w-full bg-white overflow-hidden" 12717 x-show="showSearch && query != ''"> 12718 12719 <div class="flex justify-between gap-3 border-b items-center mb-2"> 12720 <h3 class="text-gray-600 p-3 uppercase text-xs font-medium" x-show="products.length > 0">Products</h3> 12721 <button type="submit" 12722 class="px-4 py-2 flex justify-between text-sm items-center" aria-label="Search">
12723 <span class="flex items-center gap-1"> 12724 <i> 12725 <svg height="24" viewBox="-1 0 512 512" class="icon icon-magic2 w-5 h-5" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="fi_1658465"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1=".000300288" x2="510.877660288" y1="255.999845288" y2="255.999845288"><stop offset="0" stop-color="#80d8ff"></stop><stop offset="1" stop-color="#ea80fc"></stop></linearGradient><path d="m117.472656 255.6875c0 11.042969 8.949219 19.996094 19.996094 19.996094 11.042969 0 19.992188-8.953125 19.992188-19.996094 0-53.75 43.730468-97.476562 97.476562-97.476562 11.042969 0 19.996094-8.953126 19.996094-19.996094v-.746094c0-11.046875-8.953125-19.996094-19.996094-19.996094-53.746094 0-97.476562-43.726562-97.476562-97.476562 0-11.042969-8.949219-19.996094-19.992188-19.996094-11.046875 0-19.996094 8.953125-19.996094 19.996094 0 53.75-43.726562 97.476562-97.476562 97.476562-11.042969 0-19.996094 8.949219-19.996094 19.996094v.746094c0 11.042968 8.953125 19.996094 19.996094 19.996094 53.75 0 97.476562 43.726562 97.476562 97.476562zm19.996094-164.355469c11.589844 19.015625 27.671875 35.015625 46.753906 46.511719-19.082031 11.492188-35.164062 27.492188-46.753906 46.507812-11.59375-19.015624-27.675781-35.015624-46.757812-46.507812 19.085937-11.496094 35.164062-27.496094 46.757812-46.511719zm353.414062 144.109375c-54.023437 0-97.976562-43.949218-97.976562-97.976562 0-11.042969-8.953125-19.992188-19.996094-19.992188-11.042968 0-19.996094 8.949219-19.996094 19.992188 0 54.027344-43.953124 97.976562-97.976562 97.976562-11.042969 0-19.992188 8.953125-19.992188 19.996094v.75c0 11.042969 8.949219 19.996094 19.992188 19.996094 54.023438 0 97.976562 43.953125 97.976562 97.976562 0 11.042969 8.953126 19.996094 19.996094 19.996094 11.042969 0 19.996094-8.953125 19.996094-19.996094 0-54.023437 43.953125-97.976562 97.976562-97.976562 11.042969 0 19.996094-8.953125 19.996094-19.996094v-.75c0-11.042969-8.953125-19.996094-19.996094-19.996094zm-117.972656 67.242188c-11.664062-19.179688-27.871094-35.304688-47.117187-46.871094 19.246093-11.566406 35.453125-27.691406 47.117187-46.871094 11.664063 19.179688 27.871094 35.304688 47.117188 46.871094-19.246094 11.566406-35.453125 27.691406-47.117188 46.871094zm-118.972656 90.847656c-31.972656 0-57.984375-26.011719-57.984375-57.984375 0-11.042969-8.953125-19.996094-19.996094-19.996094s-19.996093 8.953125-19.996093 19.996094c0 31.972656-26.011719 57.984375-57.984376 57.984375-11.042968 0-19.996093 8.953125-19.996093 19.996094v.496094c0 11.042968 8.953125 19.996093 19.996093 19.996093 31.972657 0 57.984376 26.011719 57.984376 57.984375 0 11.042969 8.953124 19.996094 19.996093 19.996094s19.996094-8.953125 19.996094-19.996094c0-31.972656 26.011719-57.984375 57.984375-57.984375 11.042969 0 19.996094-8.953125 19.996094-19.996093v-.496094c0-11.042969-8.953125-19.996094-19.996094-19.996094zm-77.980469 39.21875c-5.453125-7.164062-11.867187-13.550781-19.054687-18.976562 7.183594-5.425782 13.601562-11.8125 19.054687-18.976563 5.457031 7.164063 11.871094 13.550781 19.058594 18.976563-7.1875 5.425781-13.601563 11.816406-19.058594 18.976562zm0 0" fill="url(#a)"></path></svg> 12726 </i> 12727 Search for "<i x-text="query"></i>" 12728 </span> 12729 <span> 12730<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right "><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg> </span> 12731 </button> 12732 </div> 12733 12734 <div class="relative"> 12735 <template x-if="products.length > 0"> 12736 <ul class="predictive__search-products px-3 flex flex-col max-h-[50vh] overflow-scroll" role="list"> 12737 <template x-for="item in products"> 12738 <li class="products__item py-2 border-b my-2" 12739 x-show="(() => { 12740 const allowed = ['US','CA']; 12741 const cc = (window.Shopify && window.Shopify.country) || ''; 12742 const allowedMarket = allowed.includes(cc); 12743 const t = (item.title || '').toLowerCase(); 12744 const v = (item.vendor || '').toLowerCase(); 12745 const restricted = t.includes('hello kitty') || t.includes('disney') || t.includes('star wars') || v.includes('hello kitty') || v.includes('disney') || v.includes('star wars'); 12746 return !(restricted && !allowedMarket); 12747 })()"> 12748 <a 12749 :href="item.url" 12750 class="flex gap-x-3 items-center"> 12751 <div class="products__item-image w-20"> 12752 <img :src="item.image" loading="lazy" class="object-cover" :alt="item.title"> 12753 </div> 12754 12755 <div class="products__item-info flex flex-col"> 12756
12757 <span class="products__item-name-text hover:underline" x-text="item.title"></span> 12758 12759 </div> 12760 12761 </a> 12762 </li> 12763 </template> 12764 </ul> 12765 12766 </template> 12767 </div> 12768 </div> 12769 12770 <div class="trending-search-products relative overflow-hidden" x-show="query == ''"> 12771 <h3 class="text-gray-600 border-b p-3 uppercase text-xs mb-2 font-medium">trending products</h3> 12772 <ul 12773 class="flex gap-2 overflow-x-scroll snap-mandatory snap-x no-scrollbar"> 12774 12775 12776 <li class="featured-colection__item w-6/12 md:w-3/12 flex-shrink-0 snap-center last:mr-4 "> 12777
12778<script> 12779 window.hoverImageLoad = window.hoverImageLoad || function(el) { 12780 var p = el.querySelector('[data-hover-image]'); 12781 if (!p) return; 12782 var img = new Image(); 12783 img.src = p.dataset.hoverImage; 12784 img.alt = p.dataset.hoverAlt || ''; 12785 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 12786 img.loading = 'lazy'; 12787 img.decoding = 'async'; 12788 p.replaceWith(img); 12789 }; 12790 </script>
12790 12791 <div 12792 data-product-handle="no-snag-elastic-black" 12793 x-data 12794 class="card-wrapper flex flex-col h-full relative"> 12795 12796 12797 <rivo-favorite-button 12798 data-product-id="1990110347328" 12799 rivo-ax-data 12800 rivo-ax-cloak 12801 rivo-ax-html="$store.icons.heart" 12802 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 12803 12804 12805 12806 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 12807 > 12808 12809 12810 <a 12811 class="cursor-pointer" 12812 12813 href="/collections/best-sellers/products/no-snag-elastic-black" 12814 12815 aria-label="Black No-Snag Elastics 100pc Set"> 12816 12817 12818 12819 12820 12821 12822 12823 12824 12825 12826 12827 12828 12829 12830 12831 12832 12833 <img src="//www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?quality=75&v=1762182070&width=700" alt="KITSCH Black No-Snag Elastics 100pc Set â hero product shot â black hair elastics fanned out beside the kraft pouch packaging â easy-glide coating removes without snagging" srcset="//www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?quality=75&v=1762182070&width=200 200w, //www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?quality=75&v=1762182070&width=300 300w, //www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?quality=75&v=1762182070&width=400 400w, //www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?quality=75&v=1762182070&width=500 500w, //www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?quality=75&v=1762182070&width=600 600w, //www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?quality=75&v=1762182070&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 46.777%;"> 12834 12835 12836 12837 12838 12839 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 12840 12841 12842 12843 12844 12845 12846 12847 12848 12849 12850 12851 12852 12853 12854 12855 12856 12857 12858 12859</div> 12860 12861<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 12862 12863 12864 12865</div> 12866 12867 12868 12869 </a> 12870 12871 12872 12873 12874 12875<style> 12876 .product-shades { 12877 position: absolute; 12878 right: .75rem; 12879 bottom: .75rem; 12880 z-index: 20; 12881 display: flex; 12882 align-items: center; 12883 gap: .375rem; 12884 margin: 0; 12885 padding: 0; 12886 list-style: none; 12887 pointer-events: none; 12888 } 12889 12890 .product-shades__item { 12891 display: block; 12892 width: 15px; 12893 height: 15px; 12894 border-radius: 9999px; 12895 border: 1px solid #fff; 12896 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 12897 background-size: cover; 12898 background-position: center; 12899 background-repeat: no-repeat; 12900 } 12901 12902 @media (max-width: 767px) { 12903 .product-shades { 12904 right: .5rem; 12905 bottom: .5rem; 12906 gap: .25rem; 12907 } 12908 } 12909 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/1344-NoSnagElastics-Kitschpro-Brown-hero-v3-1280x1280px.jpg?v=1762182091&width=100)"> 12910 <span class="sr-only">Brown No-Snag Elastics 100pc Set</span> 12911 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/1337-NoSnagElastics-Kitschpro-Black-hero-v3-1280x1280px.jpg?v=1762182070&width=100)"> 12912 <span class="sr-only">Black No-Snag Elastics 100pc Set</span> 12913 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/1351-NoSnagElastics-Kitschpro-Clear-hero-v3-1280x1280px.jpg?v=1762182071&width=100)">
12914 <span class="sr-only">Clear No-Snag Elastics 100pc Set</span> 12915 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/514222-NoSnagElastics-Clear-200pcs-RecycledPlasticElasticCutter-Black-1pc-Set-Pro-hero-1280x1280px.jpg?v=1784749675&width=100)"> 12916 <span class="sr-only">Clear & Black No-Snag Elastics 200pcs & Cutter Set</span> 12917 </li></ul> 12918 12919 12920 </div> 12921 <a 12922 12923 href="/collections/best-sellers/products/no-snag-elastic-black" 12924 12925 class="card__content block cursor-pointer py-4 text-center space-y-1"> 12926 <p class="card__heading font-medium"> 12927 12928 Black No-Snag Elastics 100pc Set 12929 </p> 12930 <div class="flex justify-center gap-2 items-center"></div> 12931 <div class="card__information"> 12932 12933 12934 <div class="card__price"> 12935 12936 12937 12938 12939 12940 12941 12942 12943 12944 12945 12946 12947 12948 12949 12950 12951 12952<div class="flex gap-3 items-center justify-center "> 12953 <div x-init="$nextTick(() => { 12954 12955 12956 checkDiscountCode(false); 12957 12958 })" 12959 x-title="Product price" 12960 x-data="{ 12961 12962 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 12963 12964 isBundle: false, 12965 onSale: false, 12966 soldOut: false, 12967 isPDP: false, 12968 code_discount_active: false, 12969 12970 enable_tag_discount: false, 12971 12972 variant: { 12973 price: 600, 12974 }, 12975 currentPrice(){ 12976 let price = this.variant.price; 12977 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 12978 price = price - (price * this.discount_percentage / 100); 12979 } 12980 return Math.round(price); 12981 }, 12982 getPrice(){ 12983 if(this.variant){ 12984 return Unick.formatMoney(this.currentPrice()); 12985 } 12986 }, 12987 showOriginalPrice(fallbackVisible){ 12988 return !!fallbackVisible; 12989 }, 12990 renderOriginalPrice(fallbackPrice){ 12991 return Unick.formatMoney(fallbackPrice || 0); 12992 }, 12993 checkDiscountCode(broadcast){ 12994 12995 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 12996 const cookieDiscount = Unick.getCookie('discount_code'); 12997 const discount = cookieDiscount ? this.discount_table.find((item) => { 12998 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 12999 }) : null; 13000 const codePercentage = Number(discount?.split(':')[1]) || 0; 13001 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 13002 let productPrice = 600; 13003 13004 if(codePercentage > 0 && codePercentage >= tagPercentage){ 13005 // The larger of the code and tag discounts is shown; ties go 13006 // to the code since it is what checkout actually charges. The 13007 // cookie only holds codes the cart reports as applicable 13008 // (synced in theme.liquid). 13009 this.code_discount_active = true; 13010 this.onSale = true; 13011 this.$dispatch('discount-percentage', { percentage: codePercentage }); 13012 13013 let displayPrice = productPrice - (productPrice * codePercentage / 100); 13014 13015 let newOriginalPrice = 600; 13016 13017 if(broadcast){ 13018 this.$dispatch('discounted-price', { id: 1990110347328, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 13019 }else{ 13020 this.variant.price = displayPrice; 13021 this.variant.original_price = newOriginalPrice; 13022 } 13023 13024 }else if(this.enable_tag_discount){ 13025 // No applicable code on the cart (or none matching the table), 13026 // or the code's percentage is smaller than the tag's â use the 13027 // tag discount. 13028 this.code_discount_active = false;
13029 if(cookieDiscount){ 13030 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 13031 } 13032 // PDP renders the discounted amount directly; PLP keeps the 13033 // full price in variant.price and getPrice() applies the tag 13034 // percentage on the fly. 13035 let displayPrice = this.isPDP 13036 ? productPrice - (productPrice * this.discount_percentage / 100) 13037 : productPrice; 13038 13039 let newOriginalPrice = 600; 13040 13041 if(broadcast){ 13042 this.$dispatch('discounted-price', { id: 1990110347328, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 13043 }else{ 13044 this.variant.price = displayPrice; 13045 this.variant.original_price = newOriginalPrice; 13046 } 13047 13048 }else{ 13049 this.code_discount_active = false; 13050 this.onSale = false; 13051 if(cookieDiscount){ 13052 this.$dispatch('discount-percentage', { percentage: 0 }); 13053 } 13054 // reset price and dispatch the events to update the price 13055 13056 let newOriginalPrice = 600; 13057 13058 if(broadcast){ 13059 this.$dispatch('discounted-price', { id: 1990110347328, new_price: 600, new_original_price: newOriginalPrice, code_discount_active: false }); 13060 }else{ 13061 this.variant.price = 600; 13062 this.variant.original_price = newOriginalPrice; 13063 } 13064 13065 } 13066 } 13067 13068 } 13069 }" 13070 13071 @price-update.window="if($event.detail.id == 1990110347328) { 13072 isPDP = true; 13073 variant.price = $event.detail.new_price; 13074 variant.original_price = $event.detail.new_original_price; 13075 if(variant.original_price > variant.price){ 13076 onSale = true; 13077 }else{ 13078 onSale = false; 13079 } 13080 }" 13081 @set-onetime-price.window="if($event.detail.id == 1990110347328) { 13082 if(!$event.detail.subscribe){ 13083 variant.price = $event.detail.new_price; 13084 variant.original_price = $event.detail.new_original_price; 13085 } 13086 }" 13087 @set-subscription-price.window="if($event.detail.id == 1990110347328) { 13088 if($event.detail.subscribe){ 13089 variant.price = $event.detail.new_price; 13090 variant.original_price = $event.detail.new_original_price; 13091 } 13092 }" 13093 13094 @discounted-price.window="if($event.detail.id == 1990110347328) { 13095 variant.price = $event.detail.new_price; 13096 variant.original_price = $event.detail.new_original_price; 13097 code_discount_active = $event.detail.code_discount_active; 13098 }" 13099 13100 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 13101 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 13102 class="price justify-center font-medium flex gap-x-2 items-center"> 13103 <div class="price__container"><div class="price__regular"> 13104 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 13105 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 13106 <span>$6.00</span> 13107 </span> 13108 13109 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 13110 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 13111 </template> 13112 13113 13114 <template x-if="enable_tag_discount && !code_discount_active"> 13115 <div class="inline-block tag-discount-price compare-at-price"> 13116 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 13117 class="price-item price-item--regular text-gray-700" 13118 aria-hidden="true"> 13119 </s> 13120 </div> 13121 </template> 13122 13123 13124 13125<span 13126 class="comp-price " 13127 data-comp-price="1700"> 13128 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$17.00</span></s><span class="comp-price__label">Comp. Value</span></span> 13129 </div><small class="unit-price hidden">
13130 <span class="sr-only">Unit price</span> 13131 <span class="price-item price-item--last"> 13132 <span></span> 13133 <span aria-hidden="true">/</span> 13134 <span class="sr-only"> per </span> 13135 <span> 13136 </span> 13137 </span> 13138 </small> 13139 13140 </div> 13141 13142 </div> 13143</div> 13144 13145 13146 13147 </div> 13148 13149 13150 13151 13152 </div> 13153 </a> 13154 13155 13156 13157 13158 13159 13160 </div> 13161 </li> 13162 13163 13164 13165 <li class="featured-colection__item w-6/12 md:w-3/12 flex-shrink-0 snap-center last:mr-4 "> 13166
13167<script> 13168 window.hoverImageLoad = window.hoverImageLoad || function(el) { 13169 var p = el.querySelector('[data-hover-image]'); 13170 if (!p) return; 13171 var img = new Image(); 13172 img.src = p.dataset.hoverImage; 13173 img.alt = p.dataset.hoverAlt || ''; 13174 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 13175 img.loading = 'lazy'; 13176 img.decoding = 'async'; 13177 p.replaceWith(img); 13178 }; 13179 </script>
13179 13180 <div 13181 data-product-handle="essential-bobby-pin-blonde" 13182 x-data 13183 class="card-wrapper flex flex-col h-full relative"> 13184 13185 13186 <rivo-favorite-button 13187 data-product-id="1990111789120" 13188 rivo-ax-data 13189 rivo-ax-cloak 13190 rivo-ax-html="$store.icons.heart" 13191 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 13192 13193 13194 13195 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 13196 > 13197 13198 13199 <a 13200 class="cursor-pointer" 13201 13202 href="/collections/best-sellers/products/essential-bobby-pin-blonde" 13203 13204 aria-label="Blonde Bobby Pins 45pc Set"> 13205 13206 13207 13208 13209 13210 13211 13212 13213 13214 13215 13216 13217 13218 13219 13220 13221 13222 <img src="//www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?quality=75&v=1762182074&width=700" alt="Bobby Pins 45pc (Blonde)" srcset="//www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?quality=75&v=1762182074&width=200 200w, //www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?quality=75&v=1762182074&width=300 300w, //www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?quality=75&v=1762182074&width=400 400w, //www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?quality=75&v=1762182074&width=500 500w, //www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?quality=75&v=1762182074&width=600 600w, //www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?quality=75&v=1762182074&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 50.0%;"> 13223 13224 13225 13226 13227 13228 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 13229 13230 13231 13232 13233 13234 13235 13236 13237 13238 13239 13240 13241 13242 13243 13244 13245 13246 13247 13248 13249 13250 13251 13252 13253 13254</div> 13255 13256<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 13257 13258 13259 13260 13261 13262 13263 13264 13265 13266</div> 13267 13268 13269 13270 </a> 13271 13272 13273 13274 13275 13276<style> 13277 .product-shades { 13278 position: absolute; 13279 right: .75rem; 13280 bottom: .75rem; 13281 z-index: 20; 13282 display: flex; 13283 align-items: center; 13284 gap: .375rem; 13285 margin: 0; 13286 padding: 0; 13287 list-style: none; 13288 pointer-events: none; 13289 } 13290 13291 .product-shades__item { 13292 display: block; 13293 width: 15px; 13294 height: 15px; 13295 border-radius: 9999px; 13296 border: 1px solid #fff; 13297 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 13298 background-size: cover; 13299 background-position: center; 13300 background-repeat: no-repeat; 13301 } 13302 13303 @media (max-width: 767px) { 13304 .product-shades { 13305 right: .5rem; 13306 bottom: .5rem; 13307 gap: .25rem; 13308 } 13309 } 13310 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?v=1762182075&width=100)"> 13311 <span class="sr-only">Black Bobby Pins 45pc Set</span> 13312 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?v=1762182074&width=100)"> 13313 <span class="sr-only">Blonde Bobby Pins 45pc Set</span> 13314 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/products/1405-KitschPro-essential_bobbyPins-tort-pkg-2-1280x1280px.jpg?v=1762182074&width=100)">
13315 <span class="sr-only">Brown Bobby Pins 45pc Set</span> 13316 </li></ul> 13317 13318 13319 </div> 13320 <a 13321 13322 href="/collections/best-sellers/products/essential-bobby-pin-blonde" 13323 13324 class="card__content block cursor-pointer py-4 text-center space-y-1"> 13325 <p class="card__heading font-medium"> 13326 13327 Blonde Bobby Pins 45pc Set 13328 </p> 13329 <div class="flex justify-center gap-2 items-center"></div> 13330 <div class="card__information"> 13331 13332 13333 <div class="card__price"> 13334 13335 13336 13337 13338 13339 13340 13341 13342 13343 13344 13345 13346 13347 13348 13349 13350 13351<div class="flex gap-3 items-center justify-center "> 13352 <div x-init="$nextTick(() => { 13353 13354 13355 checkDiscountCode(false); 13356 13357 })" 13358 x-title="Product price" 13359 x-data="{ 13360 13361 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 13362 13363 isBundle: false, 13364 onSale: false, 13365 soldOut: false, 13366 isPDP: false, 13367 code_discount_active: false, 13368 13369 enable_tag_discount: false, 13370 13371 variant: { 13372 price: 500, 13373 }, 13374 currentPrice(){ 13375 let price = this.variant.price; 13376 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 13377 price = price - (price * this.discount_percentage / 100); 13378 } 13379 return Math.round(price); 13380 }, 13381 getPrice(){ 13382 if(this.variant){ 13383 return Unick.formatMoney(this.currentPrice()); 13384 } 13385 }, 13386 showOriginalPrice(fallbackVisible){ 13387 return !!fallbackVisible; 13388 }, 13389 renderOriginalPrice(fallbackPrice){ 13390 return Unick.formatMoney(fallbackPrice || 0); 13391 }, 13392 checkDiscountCode(broadcast){ 13393 13394 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 13395 const cookieDiscount = Unick.getCookie('discount_code'); 13396 const discount = cookieDiscount ? this.discount_table.find((item) => { 13397 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 13398 }) : null; 13399 const codePercentage = Number(discount?.split(':')[1]) || 0; 13400 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 13401 let productPrice = 500; 13402 13403 if(codePercentage > 0 && codePercentage >= tagPercentage){ 13404 // The larger of the code and tag discounts is shown; ties go 13405 // to the code since it is what checkout actually charges. The 13406 // cookie only holds codes the cart reports as applicable 13407 // (synced in theme.liquid). 13408 this.code_discount_active = true; 13409 this.onSale = true; 13410 this.$dispatch('discount-percentage', { percentage: codePercentage }); 13411 13412 let displayPrice = productPrice - (productPrice * codePercentage / 100); 13413 13414 let newOriginalPrice = 500; 13415 13416 if(broadcast){ 13417 this.$dispatch('discounted-price', { id: 1990111789120, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 13418 }else{ 13419 this.variant.price = displayPrice; 13420 this.variant.original_price = newOriginalPrice; 13421 } 13422 13423 }else if(this.enable_tag_discount){ 13424 // No applicable code on the cart (or none matching the table), 13425 // or the code's percentage is smaller than the tag's â use the 13426 // tag discount. 13427 this.code_discount_active = false; 13428 if(cookieDiscount){ 13429 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 13430 } 13431 // PDP renders the discounted amount directly; PLP keeps the 13432 // full price in variant.price and getPrice() applies the tag 13433 // percentage on the fly. 13434 let displayPrice = this.isPDP 13435 ? productPrice - (productPrice * this.discount_percentage / 100) 13436 : productPrice; 13437 13438 let newOriginalPrice = 500; 13439 13440 if(broadcast){ 13441 this.$dispatch('discounted-price', { id: 1990111789120, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 13442 }else{ 13443 this.variant.price = displayPrice; 13444 this.variant.original_price = newOriginalPrice; 13445 } 13446 13447 }else{ 13448 this.code_discount_active = false;
13449 this.onSale = false; 13450 if(cookieDiscount){ 13451 this.$dispatch('discount-percentage', { percentage: 0 }); 13452 } 13453 // reset price and dispatch the events to update the price 13454 13455 let newOriginalPrice = 500; 13456 13457 if(broadcast){ 13458 this.$dispatch('discounted-price', { id: 1990111789120, new_price: 500, new_original_price: newOriginalPrice, code_discount_active: false }); 13459 }else{ 13460 this.variant.price = 500; 13461 this.variant.original_price = newOriginalPrice; 13462 } 13463 13464 } 13465 } 13466 13467 } 13468 }" 13469 13470 @price-update.window="if($event.detail.id == 1990111789120) { 13471 isPDP = true; 13472 variant.price = $event.detail.new_price; 13473 variant.original_price = $event.detail.new_original_price; 13474 if(variant.original_price > variant.price){ 13475 onSale = true; 13476 }else{ 13477 onSale = false; 13478 } 13479 }" 13480 @set-onetime-price.window="if($event.detail.id == 1990111789120) { 13481 if(!$event.detail.subscribe){ 13482 variant.price = $event.detail.new_price; 13483 variant.original_price = $event.detail.new_original_price; 13484 } 13485 }" 13486 @set-subscription-price.window="if($event.detail.id == 1990111789120) { 13487 if($event.detail.subscribe){ 13488 variant.price = $event.detail.new_price; 13489 variant.original_price = $event.detail.new_original_price; 13490 } 13491 }" 13492 13493 @discounted-price.window="if($event.detail.id == 1990111789120) { 13494 variant.price = $event.detail.new_price; 13495 variant.original_price = $event.detail.new_original_price; 13496 code_discount_active = $event.detail.code_discount_active; 13497 }" 13498 13499 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 13500 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 13501 class="price justify-center font-medium flex gap-x-2 items-center"> 13502 <div class="price__container"><div class="price__regular"> 13503 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 13504 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 13505 <span>$5.00</span> 13506 </span> 13507 13508 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 13509 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 13510 </template> 13511 13512 13513 <template x-if="enable_tag_discount && !code_discount_active"> 13514 <div class="inline-block tag-discount-price compare-at-price"> 13515 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 13516 class="price-item price-item--regular text-gray-700" 13517 aria-hidden="true"> 13518 </s> 13519 </div> 13520 </template> 13521 13522 13523 13524<span 13525 class="comp-price " 13526 data-comp-price="1400"> 13527 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$14.00</span></s><span class="comp-price__label">Comp. Value</span></span> 13528 </div><small class="unit-price hidden"> 13529 <span class="sr-only">Unit price</span> 13530 <span class="price-item price-item--last"> 13531 <span></span> 13532 <span aria-hidden="true">/</span> 13533 <span class="sr-only"> per </span> 13534 <span> 13535 </span> 13536 </span> 13537 </small> 13538 13539 </div> 13540 13541 </div> 13542</div> 13543 13544 13545 13546 </div> 13547 13548 13549 13550 13551 </div> 13552 </a> 13553 13554 13555 13556 13557 13558 13559 </div> 13560 </li> 13561 13562 13563 13564 <li class="featured-colection__item w-6/12 md:w-3/12 flex-shrink-0 snap-center last:mr-4 "> 13565
13566<script> 13567 window.hoverImageLoad = window.hoverImageLoad || function(el) { 13568 var p = el.querySelector('[data-hover-image]'); 13569 if (!p) return; 13570 var img = new Image(); 13571 img.src = p.dataset.hoverImage; 13572 img.alt = p.dataset.hoverAlt || ''; 13573 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 13574 img.loading = 'lazy'; 13575 img.decoding = 'async'; 13576 p.replaceWith(img); 13577 }; 13578 </script>
13578 13579 <div 13580 data-product-handle="essential-bobby-pin-black" 13581 x-data 13582 class="card-wrapper flex flex-col h-full relative"> 13583 13584 13585 <rivo-favorite-button 13586 data-product-id="1990112215104" 13587 rivo-ax-data 13588 rivo-ax-cloak 13589 rivo-ax-html="$store.icons.heart" 13590 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 13591 13592 13593 13594 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 13595 > 13596 13597 13598 <a 13599 class="cursor-pointer" 13600 13601 href="/collections/best-sellers/products/essential-bobby-pin-black" 13602 13603 aria-label="Black Bobby Pins 45pc Set"> 13604 13605 13606 13607 13608 13609 13610 13611 13612 13613 13614 13615 13616 13617 13618 13619 13620 13621 <img src="//www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?quality=75&v=1762182075&width=700" alt="Bobby Pins 45pc (Black)" srcset="//www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?quality=75&v=1762182075&width=200 200w, //www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?quality=75&v=1762182075&width=300 300w, //www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?quality=75&v=1762182075&width=400 400w, //www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?quality=75&v=1762182075&width=500 500w, //www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?quality=75&v=1762182075&width=600 600w, //www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?quality=75&v=1762182075&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 50.586%;"> 13622 13623 13624 13625 13626 13627 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 13628 13629 13630 13631 13632 13633 13634 13635 13636 13637 13638 13639 13640 13641 13642 13643 13644 13645 13646 13647 13648 13649 13650 13651</div> 13652 13653<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 13654 13655 13656 13657 13658 13659 13660 13661</div> 13662 13663 13664 13665 </a> 13666 13667 13668 13669 13670 13671<style> 13672 .product-shades { 13673 position: absolute; 13674 right: .75rem; 13675 bottom: .75rem; 13676 z-index: 20; 13677 display: flex; 13678 align-items: center; 13679 gap: .375rem; 13680 margin: 0; 13681 padding: 0; 13682 list-style: none; 13683 pointer-events: none; 13684 } 13685 13686 .product-shades__item { 13687 display: block; 13688 width: 15px; 13689 height: 15px; 13690 border-radius: 9999px; 13691 border: 1px solid #fff; 13692 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 13693 background-size: cover; 13694 background-position: center; 13695 background-repeat: no-repeat; 13696 } 13697 13698 @media (max-width: 767px) { 13699 .product-shades { 13700 right: .5rem; 13701 bottom: .5rem; 13702 gap: .25rem; 13703 } 13704 } 13705 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/products/1399-KitschPro-essential_bobbyPin-black-pkg-2-1280x1280px.jpg?v=1762182075&width=100)"> 13706 <span class="sr-only">Black Bobby Pins 45pc Set</span> 13707 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/products/1412-KitschPro-essential_bobbyPins-blonde-pkg-2-1280x1280px.jpg?v=1762182074&width=100)"> 13708 <span class="sr-only">Blonde Bobby Pins 45pc Set</span> 13709 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/products/1405-KitschPro-essential_bobbyPins-tort-pkg-2-1280x1280px.jpg?v=1762182074&width=100)">
13710 <span class="sr-only">Brown Bobby Pins 45pc Set</span> 13711 </li></ul> 13712 13713 13714 </div> 13715 <a 13716 13717 href="/collections/best-sellers/products/essential-bobby-pin-black" 13718 13719 class="card__content block cursor-pointer py-4 text-center space-y-1"> 13720 <p class="card__heading font-medium"> 13721 13722 Black Bobby Pins 45pc Set 13723 </p> 13724 <div class="flex justify-center gap-2 items-center"></div> 13725 <div class="card__information"> 13726 13727 13728 <div class="card__price"> 13729 13730 13731 13732 13733 13734 13735 13736 13737 13738 13739 13740 13741 13742 13743 13744 13745 13746<div class="flex gap-3 items-center justify-center "> 13747 <div x-init="$nextTick(() => { 13748 13749 13750 checkDiscountCode(false); 13751 13752 })" 13753 x-title="Product price" 13754 x-data="{ 13755 13756 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 13757 13758 isBundle: false, 13759 onSale: false, 13760 soldOut: false, 13761 isPDP: false, 13762 code_discount_active: false, 13763 13764 enable_tag_discount: false, 13765 13766 variant: { 13767 price: 500, 13768 }, 13769 currentPrice(){ 13770 let price = this.variant.price; 13771 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 13772 price = price - (price * this.discount_percentage / 100); 13773 } 13774 return Math.round(price); 13775 }, 13776 getPrice(){ 13777 if(this.variant){ 13778 return Unick.formatMoney(this.currentPrice()); 13779 } 13780 }, 13781 showOriginalPrice(fallbackVisible){ 13782 return !!fallbackVisible; 13783 }, 13784 renderOriginalPrice(fallbackPrice){ 13785 return Unick.formatMoney(fallbackPrice || 0); 13786 }, 13787 checkDiscountCode(broadcast){ 13788 13789 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 13790 const cookieDiscount = Unick.getCookie('discount_code'); 13791 const discount = cookieDiscount ? this.discount_table.find((item) => { 13792 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 13793 }) : null; 13794 const codePercentage = Number(discount?.split(':')[1]) || 0; 13795 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 13796 let productPrice = 500; 13797 13798 if(codePercentage > 0 && codePercentage >= tagPercentage){ 13799 // The larger of the code and tag discounts is shown; ties go 13800 // to the code since it is what checkout actually charges. The 13801 // cookie only holds codes the cart reports as applicable 13802 // (synced in theme.liquid). 13803 this.code_discount_active = true; 13804 this.onSale = true; 13805 this.$dispatch('discount-percentage', { percentage: codePercentage }); 13806 13807 let displayPrice = productPrice - (productPrice * codePercentage / 100); 13808 13809 let newOriginalPrice = 500; 13810 13811 if(broadcast){ 13812 this.$dispatch('discounted-price', { id: 1990112215104, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 13813 }else{ 13814 this.variant.price = displayPrice; 13815 this.variant.original_price = newOriginalPrice; 13816 } 13817 13818 }else if(this.enable_tag_discount){ 13819 // No applicable code on the cart (or none matching the table), 13820 // or the code's percentage is smaller than the tag's â use the 13821 // tag discount. 13822 this.code_discount_active = false; 13823 if(cookieDiscount){ 13824 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 13825 } 13826 // PDP renders the discounted amount directly; PLP keeps the 13827 // full price in variant.price and getPrice() applies the tag 13828 // percentage on the fly. 13829 let displayPrice = this.isPDP 13830 ? productPrice - (productPrice * this.discount_percentage / 100) 13831 : productPrice; 13832 13833 let newOriginalPrice = 500; 13834 13835 if(broadcast){ 13836 this.$dispatch('discounted-price', { id: 1990112215104, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 13837 }else{ 13838 this.variant.price = displayPrice; 13839 this.variant.original_price = newOriginalPrice; 13840 } 13841 13842 }else{ 13843 this.code_discount_active = false;
13844 this.onSale = false; 13845 if(cookieDiscount){ 13846 this.$dispatch('discount-percentage', { percentage: 0 }); 13847 } 13848 // reset price and dispatch the events to update the price 13849 13850 let newOriginalPrice = 500; 13851 13852 if(broadcast){ 13853 this.$dispatch('discounted-price', { id: 1990112215104, new_price: 500, new_original_price: newOriginalPrice, code_discount_active: false }); 13854 }else{ 13855 this.variant.price = 500; 13856 this.variant.original_price = newOriginalPrice; 13857 } 13858 13859 } 13860 } 13861 13862 } 13863 }" 13864 13865 @price-update.window="if($event.detail.id == 1990112215104) { 13866 isPDP = true; 13867 variant.price = $event.detail.new_price; 13868 variant.original_price = $event.detail.new_original_price; 13869 if(variant.original_price > variant.price){ 13870 onSale = true; 13871 }else{ 13872 onSale = false; 13873 } 13874 }" 13875 @set-onetime-price.window="if($event.detail.id == 1990112215104) { 13876 if(!$event.detail.subscribe){ 13877 variant.price = $event.detail.new_price; 13878 variant.original_price = $event.detail.new_original_price; 13879 } 13880 }" 13881 @set-subscription-price.window="if($event.detail.id == 1990112215104) { 13882 if($event.detail.subscribe){ 13883 variant.price = $event.detail.new_price; 13884 variant.original_price = $event.detail.new_original_price; 13885 } 13886 }" 13887 13888 @discounted-price.window="if($event.detail.id == 1990112215104) { 13889 variant.price = $event.detail.new_price; 13890 variant.original_price = $event.detail.new_original_price; 13891 code_discount_active = $event.detail.code_discount_active; 13892 }" 13893 13894 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 13895 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 13896 class="price justify-center font-medium flex gap-x-2 items-center"> 13897 <div class="price__container"><div class="price__regular"> 13898 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 13899 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 13900 <span>$5.00</span> 13901 </span> 13902 13903 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 13904 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 13905 </template> 13906 13907 13908 <template x-if="enable_tag_discount && !code_discount_active"> 13909 <div class="inline-block tag-discount-price compare-at-price"> 13910 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 13911 class="price-item price-item--regular text-gray-700" 13912 aria-hidden="true"> 13913 </s> 13914 </div> 13915 </template> 13916 13917 13918 13919<span 13920 class="comp-price " 13921 data-comp-price="1400"> 13922 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$14.00</span></s><span class="comp-price__label">Comp. Value</span></span> 13923 </div><small class="unit-price hidden"> 13924 <span class="sr-only">Unit price</span> 13925 <span class="price-item price-item--last"> 13926 <span></span> 13927 <span aria-hidden="true">/</span> 13928 <span class="sr-only"> per </span> 13929 <span> 13930 </span> 13931 </span> 13932 </small> 13933 13934 </div> 13935 13936 </div> 13937</div> 13938 13939 13940 13941 </div> 13942 13943 13944 13945 13946 </div> 13947 </a> 13948 13949 13950 13951 13952 13953 13954 </div> 13955 </li> 13956 13957 13958 13959 <li class="featured-colection__item w-6/12 md:w-3/12 flex-shrink-0 snap-center last:mr-4 "> 13960
13961<script> 13962 window.hoverImageLoad = window.hoverImageLoad || function(el) { 13963 var p = el.querySelector('[data-hover-image]'); 13964 if (!p) return; 13965 var img = new Image(); 13966 img.src = p.dataset.hoverImage; 13967 img.alt = p.dataset.hoverAlt || ''; 13968 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 13969 img.loading = 'lazy'; 13970 img.decoding = 'async'; 13971 p.replaceWith(img); 13972 }; 13973 </script>
13973 13974 <div 13975 data-product-handle="velvet-scrunchies-blush-mauve" 13976 x-data 13977 class="card-wrapper flex flex-col h-full relative"> 13978 13979 13980 <rivo-favorite-button 13981 data-product-id="1990129451072" 13982 rivo-ax-data 13983 rivo-ax-cloak 13984 rivo-ax-html="$store.icons.heart" 13985 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 13986 13987 13988 13989 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 13990 > 13991 13992 13993 <a 13994 class="cursor-pointer" 13995 13996 href="/collections/best-sellers/products/velvet-scrunchies-blush-mauve" 13997 13998 aria-label="Blush & Mauve Velvet Scrunchies 5pc Set"> 13999 14000 14001 14002 14003 14004 14005 14006 14007 14008 14009 14010 14011 14012 14013 14014 14015 14016 <img src="//www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?quality=75&v=1762182109&width=700" alt="KITSCH Blush & Mauve Velvet Scrunchies 5pc Set â product packaging shot â 5-piece set of plush velvet scrunchies in blush and mauve â gentle on strands, all-day hold for all hair types" srcset="//www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?quality=75&v=1762182109&width=200 200w, //www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?quality=75&v=1762182109&width=300 300w, //www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?quality=75&v=1762182109&width=400 400w, //www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?quality=75&v=1762182109&width=500 500w, //www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?quality=75&v=1762182109&width=600 600w, //www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?quality=75&v=1762182109&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:33.398% 11.816%;"> 14017 14018 14019 14020 14021 14022 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 14023 14024 14025 14026 14027 14028 14029 14030 14031 14032 14033 14034 14035 14036 14037 14038 14039 14040 14041 14042 14043 14044 14045 14046 14047 14048 14049 14050 14051 14052</div> 14053 14054<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 14055 14056 14057 14058 14059 14060 14061 14062 14063 14064 14065 14066 14067 14068</div> 14069 14070 14071 14072 </a> 14073 14074 14075 14076 14077 14078<style> 14079 .product-shades { 14080 position: absolute; 14081 right: .75rem; 14082 bottom: .75rem; 14083 z-index: 20; 14084 display: flex; 14085 align-items: center; 14086 gap: .375rem; 14087 margin: 0; 14088 padding: 0; 14089 list-style: none; 14090 pointer-events: none; 14091 } 14092 14093 .product-shades__item { 14094 display: block; 14095 width: 15px; 14096 height: 15px; 14097 border-radius: 9999px; 14098 border: 1px solid #fff; 14099 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 14100 background-size: cover; 14101 background-position: center; 14102 background-repeat: no-repeat; 14103 } 14104 14105 @media (max-width: 767px) { 14106 .product-shades { 14107 right: .5rem; 14108 bottom: .5rem; 14109 gap: .25rem; 14110 } 14111 } 14112 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/1627-Sleep-satin-scrunchie-black-1280x1280px_2e34c0fc-df3a-4ed2-a2fc-3d516f7ea6a0.jpg?v=1708991797&width=100)">
14113 <span class="sr-only">Black Satin Sleep Scrunchies 5pc Set</span> 14114 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/3188-Hair-scrunchies-velvet-blush_mauve-pkg-1280x1280px_6727aaa5-36e3-4f83-a294-1110d0274a82.jpg?v=1762182109&width=100)"> 14115 <span class="sr-only">Blush & Mauve Velvet Scrunchies 5pc Set</span> 14116 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/freepik__talk__12302.jpg?v=1759809962&width=100)"> 14117 <span class="sr-only">Satin Sleep Scrunchies 5pc Set</span> 14118 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/5379NW-AssortedTexturedScrunchies-5pc-Hair-Terracotta-hero-1280x1280px.jpg?v=1762182538&width=100)"> 14119 <span class="sr-only">Assorted Textured Scrunchies 5pc Set - Terracotta</span> 14120 </li></ul> 14121 14122 14123 </div> 14124 <a 14125 14126 href="/collections/best-sellers/products/velvet-scrunchies-blush-mauve" 14127 14128 class="card__content block cursor-pointer py-4 text-center space-y-1"> 14129 <p class="card__heading font-medium"> 14130 14131 Blush & Mauve Velvet Scrunchies 5pc Set 14132 </p> 14133 <div class="flex justify-center gap-2 items-center"></div> 14134 <div class="card__information"> 14135 14136 14137 <div class="card__price"> 14138 14139 14140 14141 14142 14143 14144 14145 14146 14147 14148 14149 14150 14151 14152 14153 14154 14155<div class="flex gap-3 items-center justify-center "> 14156 <div x-init="$nextTick(() => { 14157 14158 14159 checkDiscountCode(false); 14160 14161 })" 14162 x-title="Product price" 14163 x-data="{ 14164 14165 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 14166 14167 isBundle: false, 14168 onSale: false, 14169 soldOut: false, 14170 isPDP: false, 14171 code_discount_active: false, 14172 14173 enable_tag_discount: false, 14174 14175 variant: { 14176 price: 1000, 14177 }, 14178 currentPrice(){ 14179 let price = this.variant.price; 14180 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 14181 price = price - (price * this.discount_percentage / 100); 14182 } 14183 return Math.round(price); 14184 }, 14185 getPrice(){ 14186 if(this.variant){ 14187 return Unick.formatMoney(this.currentPrice()); 14188 } 14189 }, 14190 showOriginalPrice(fallbackVisible){ 14191 return !!fallbackVisible; 14192 }, 14193 renderOriginalPrice(fallbackPrice){ 14194 return Unick.formatMoney(fallbackPrice || 0); 14195 }, 14196 checkDiscountCode(broadcast){ 14197 14198 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 14199 const cookieDiscount = Unick.getCookie('discount_code'); 14200 const discount = cookieDiscount ? this.discount_table.find((item) => { 14201 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 14202 }) : null; 14203 const codePercentage = Number(discount?.split(':')[1]) || 0; 14204 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 14205 let productPrice = 1000; 14206 14207 if(codePercentage > 0 && codePercentage >= tagPercentage){ 14208 // The larger of the code and tag discounts is shown; ties go 14209 // to the code since it is what checkout actually charges. The 14210 // cookie only holds codes the cart reports as applicable 14211 // (synced in theme.liquid). 14212 this.code_discount_active = true; 14213 this.onSale = true; 14214 this.$dispatch('discount-percentage', { percentage: codePercentage }); 14215 14216 let displayPrice = productPrice - (productPrice * codePercentage / 100); 14217 14218 let newOriginalPrice = 1000; 14219 14220 if(broadcast){ 14221 this.$dispatch('discounted-price', { id: 1990129451072, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 14222 }else{ 14223 this.variant.price = displayPrice; 14224 this.variant.original_price = newOriginalPrice; 14225 } 14226 14227 }else if(this.enable_tag_discount){ 14228 // No applicable code on the cart (or none matching the table), 14229 // or the code's percentage is smaller than the tag's â use the 14230 // tag discount. 14231 this.code_discount_active = false;
14232 if(cookieDiscount){ 14233 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 14234 } 14235 // PDP renders the discounted amount directly; PLP keeps the 14236 // full price in variant.price and getPrice() applies the tag 14237 // percentage on the fly. 14238 let displayPrice = this.isPDP 14239 ? productPrice - (productPrice * this.discount_percentage / 100) 14240 : productPrice; 14241 14242 let newOriginalPrice = 1000; 14243 14244 if(broadcast){ 14245 this.$dispatch('discounted-price', { id: 1990129451072, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 14246 }else{ 14247 this.variant.price = displayPrice; 14248 this.variant.original_price = newOriginalPrice; 14249 } 14250 14251 }else{ 14252 this.code_discount_active = false; 14253 this.onSale = false; 14254 if(cookieDiscount){ 14255 this.$dispatch('discount-percentage', { percentage: 0 }); 14256 } 14257 // reset price and dispatch the events to update the price 14258 14259 let newOriginalPrice = 1000; 14260 14261 if(broadcast){ 14262 this.$dispatch('discounted-price', { id: 1990129451072, new_price: 1000, new_original_price: newOriginalPrice, code_discount_active: false }); 14263 }else{ 14264 this.variant.price = 1000; 14265 this.variant.original_price = newOriginalPrice; 14266 } 14267 14268 } 14269 } 14270 14271 } 14272 }" 14273 14274 @price-update.window="if($event.detail.id == 1990129451072) { 14275 isPDP = true; 14276 variant.price = $event.detail.new_price; 14277 variant.original_price = $event.detail.new_original_price; 14278 if(variant.original_price > variant.price){ 14279 onSale = true; 14280 }else{ 14281 onSale = false; 14282 } 14283 }" 14284 @set-onetime-price.window="if($event.detail.id == 1990129451072) { 14285 if(!$event.detail.subscribe){ 14286 variant.price = $event.detail.new_price; 14287 variant.original_price = $event.detail.new_original_price; 14288 } 14289 }" 14290 @set-subscription-price.window="if($event.detail.id == 1990129451072) { 14291 if($event.detail.subscribe){ 14292 variant.price = $event.detail.new_price; 14293 variant.original_price = $event.detail.new_original_price; 14294 } 14295 }" 14296 14297 @discounted-price.window="if($event.detail.id == 1990129451072) { 14298 variant.price = $event.detail.new_price; 14299 variant.original_price = $event.detail.new_original_price; 14300 code_discount_active = $event.detail.code_discount_active; 14301 }" 14302 14303 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 14304 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 14305 class="price justify-center font-medium flex gap-x-2 items-center"> 14306 <div class="price__container"><div class="price__regular"> 14307 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 14308 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 14309 <span>$10.00</span> 14310 </span> 14311 14312 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 14313 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 14314 </template> 14315 14316 14317 <template x-if="enable_tag_discount && !code_discount_active"> 14318 <div class="inline-block tag-discount-price compare-at-price"> 14319 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 14320 class="price-item price-item--regular text-gray-700" 14321 aria-hidden="true"> 14322 </s> 14323 </div> 14324 </template> 14325 14326 14327 14328<span 14329 class="comp-price " 14330 data-comp-price="2800"> 14331 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$28.00</span></s><span class="comp-price__label">Comp. Value</span></span> 14332 </div><small class="unit-price hidden">
14333 <span class="sr-only">Unit price</span> 14334 <span class="price-item price-item--last"> 14335 <span></span> 14336 <span aria-hidden="true">/</span> 14337 <span class="sr-only"> per </span> 14338 <span> 14339 </span> 14340 </span> 14341 </small> 14342 14343 </div> 14344 14345 </div> 14346</div> 14347 14348 14349 14350 </div> 14351 14352 14353 14354 14355 </div> 14356 </a> 14357 14358 14359 14360 14361 14362 14363 </div> 14364 </li> 14365 14366 14367 14368 <li class="featured-colection__item w-6/12 md:w-3/12 flex-shrink-0 snap-center last:mr-4 "> 14369
14370<script> 14371 window.hoverImageLoad = window.hoverImageLoad || function(el) { 14372 var p = el.querySelector('[data-hover-image]'); 14373 if (!p) return; 14374 var img = new Image(); 14375 img.src = p.dataset.hoverImage; 14376 img.alt = p.dataset.hoverAlt || ''; 14377 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 14378 img.loading = 'lazy'; 14379 img.decoding = 'async'; 14380 p.replaceWith(img); 14381 }; 14382 </script>
14382 14383 <div 14384 data-product-handle="styling-clip-iridescent" 14385 x-data 14386 class="card-wrapper flex flex-col h-full relative"> 14387 14388 14389 <rivo-favorite-button 14390 data-product-id="1990164709440" 14391 rivo-ax-data 14392 rivo-ax-cloak 14393 rivo-ax-html="$store.icons.heart" 14394 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 14395 14396 14397 14398 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 14399 > 14400 14401 14402 <a 14403 class="cursor-pointer" 14404 14405 href="/collections/best-sellers/products/styling-clip-iridescent" 14406 14407 aria-label="Iridescent Styling Hair Clips 6pc Set"> 14408 14409 14410 14411 14412 14413 14414 14415 14416 14417 14418 14419 14420 14421 14422 14423 14424 14425 <img src="//www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?quality=75&v=1762182141&width=700" alt="KITSCH Iridescent Styling Hair Clips 6pc Set â hero product shot â six iridescent styling clips displayed beside the branded packaging â pro and at-home sectioning clips" srcset="//www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?quality=75&v=1762182141&width=200 200w, //www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?quality=75&v=1762182141&width=300 300w, //www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?quality=75&v=1762182141&width=400 400w, //www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?quality=75&v=1762182141&width=500 500w, //www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?quality=75&v=1762182141&width=600 600w, //www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?quality=75&v=1762182141&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 48.535%;"> 14426 14427 14428 14429 14430 14431 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 14432 14433 14434 14435 14436 14437 14438 14439 14440 14441 14442 14443 14444 14445 14446 14447 14448 14449 14450 14451 14452 14453 14454 14455 14456 14457 14458 14459</div> 14460 14461<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 14462 14463 14464 14465 14466 14467 14468 14469 14470 14471 14472 14473</div> 14474 14475 14476 14477 </a> 14478 14479 14480 14481 14482 14483<style> 14484 .product-shades { 14485 position: absolute; 14486 right: .75rem; 14487 bottom: .75rem; 14488 z-index: 20; 14489 display: flex; 14490 align-items: center; 14491 gap: .375rem; 14492 margin: 0; 14493 padding: 0; 14494 list-style: none; 14495 pointer-events: none; 14496 } 14497 14498 .product-shades__item { 14499 display: block; 14500 width: 15px; 14501 height: 15px; 14502 border-radius: 9999px; 14503 border: 1px solid #fff; 14504 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 14505 background-size: cover; 14506 background-position: center; 14507 background-repeat: no-repeat; 14508 } 14509 14510 @media (max-width: 767px) { 14511 .product-shades { 14512 right: .5rem; 14513 bottom: .5rem; 14514 gap: .25rem; 14515 } 14516 } 14517 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/3409-StylingClip-KitschPro-Iridescent-hero-1280x1280px.jpg?v=1762182141&width=100)"> 14518 <span class="sr-only">Iridescent Styling Hair Clips 6pc Set</span> 14519 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/1542-KitschPro-stylingClips-roseGold-hero-1280x1280px.jpg?v=1762182096&width=100)"> 14520 <span class="sr-only">Rose Gold Styling Hair Clips 6pc Set</span> 14521 </li></ul> 14522 14523 14524 </div> 14525 <a 14526 14527 href="/collections/best-sellers/products/styling-clip-iridescent" 14528 14529 class="card__content block cursor-pointer py-4 text-center space-y-1"> 14530 <p class="card__heading font-medium"> 14531 14532 Iridescent Styling Hair Clips 6pc Set 14533 </p> 14534 <div class="flex justify-center gap-2 items-center"></div> 14535 <div class="card__information"> 14536 14537 14538 <div class="card__price"> 14539 14540 14541 14542 14543 14544 14545 14546 14547 14548 14549 14550 14551 14552 14553 14554 14555 14556<div class="flex gap-3 items-center justify-center "> 14557 <div x-init="$nextTick(() => { 14558 14559 14560 checkDiscountCode(false); 14561 14562 })" 14563 x-title="Product price" 14564 x-data="{ 14565 14566 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley2
145666:26,Summer20:20,LABORDAY30:30'.split(','), 14567 14568 isBundle: false, 14569 onSale: false, 14570 soldOut: false, 14571 isPDP: false, 14572 code_discount_active: false, 14573 14574 enable_tag_discount: false, 14575 14576 variant: { 14577 price: 1000, 14578 }, 14579 currentPrice(){ 14580 let price = this.variant.price; 14581 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 14582 price = price - (price * this.discount_percentage / 100); 14583 } 14584 return Math.round(price); 14585 }, 14586 getPrice(){ 14587 if(this.variant){ 14588 return Unick.formatMoney(this.currentPrice()); 14589 } 14590 }, 14591 showOriginalPrice(fallbackVisible){ 14592 return !!fallbackVisible; 14593 }, 14594 renderOriginalPrice(fallbackPrice){ 14595 return Unick.formatMoney(fallbackPrice || 0); 14596 }, 14597 checkDiscountCode(broadcast){ 14598 14599 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 14600 const cookieDiscount = Unick.getCookie('discount_code'); 14601 const discount = cookieDiscount ? this.discount_table.find((item) => { 14602 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 14603 }) : null; 14604 const codePercentage = Number(discount?.split(':')[1]) || 0; 14605 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 14606 let productPrice = 1000; 14607 14608 if(codePercentage > 0 && codePercentage >= tagPercentage){ 14609 // The larger of the code and tag discounts is shown; ties go 14610 // to the code since it is what checkout actually charges. The 14611 // cookie only holds codes the cart reports as applicable 14612 // (synced in theme.liquid). 14613 this.code_discount_active = true; 14614 this.onSale = true; 14615 this.$dispatch('discount-percentage', { percentage: codePercentage }); 14616 14617 let displayPrice = productPrice - (productPrice * codePercentage / 100); 14618 14619 let newOriginalPrice = 1000; 14620 14621 if(broadcast){ 14622 this.$dispatch('discounted-price', { id: 1990164709440, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 14623 }else{ 14624 this.variant.price = displayPrice; 14625 this.variant.original_price = newOriginalPrice; 14626 } 14627 14628 }else if(this.enable_tag_discount){ 14629 // No applicable code on the cart (or none matching the table), 14630 // or the code's percentage is smaller than the tag's â use the 14631 // tag discount. 14632 this.code_discount_active = false; 14633 if(cookieDiscount){ 14634 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 14635 } 14636 // PDP renders the discounted amount directly; PLP keeps the 14637 // full price in variant.price and getPrice() applies the tag 14638 // percentage on the fly. 14639 let displayPrice = this.isPDP 14640 ? productPrice - (productPrice * this.discount_percentage / 100) 14641 : productPrice; 14642 14643 let newOriginalPrice = 1000; 14644 14645 if(broadcast){ 14646 this.$dispatch('discounted-price', { id: 1990164709440, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 14647 }else{ 14648 this.variant.price = displayPrice; 14649 this.variant.original_price = newOriginalPrice; 14650 } 14651 14652 }else{ 14653 this.code_discount_active = false;
14654 this.onSale = false; 14655 if(cookieDiscount){ 14656 this.$dispatch('discount-percentage', { percentage: 0 }); 14657 } 14658 // reset price and dispatch the events to update the price 14659 14660 let newOriginalPrice = 1000; 14661 14662 if(broadcast){ 14663 this.$dispatch('discounted-price', { id: 1990164709440, new_price: 1000, new_original_price: newOriginalPrice, code_discount_active: false }); 14664 }else{ 14665 this.variant.price = 1000; 14666 this.variant.original_price = newOriginalPrice; 14667 } 14668 14669 } 14670 } 14671 14672 } 14673 }" 14674 14675 @price-update.window="if($event.detail.id == 1990164709440) { 14676 isPDP = true; 14677 variant.price = $event.detail.new_price; 14678 variant.original_price = $event.detail.new_original_price; 14679 if(variant.original_price > variant.price){ 14680 onSale = true; 14681 }else{ 14682 onSale = false; 14683 } 14684 }" 14685 @set-onetime-price.window="if($event.detail.id == 1990164709440) { 14686 if(!$event.detail.subscribe){ 14687 variant.price = $event.detail.new_price; 14688 variant.original_price = $event.detail.new_original_price; 14689 } 14690 }" 14691 @set-subscription-price.window="if($event.detail.id == 1990164709440) { 14692 if($event.detail.subscribe){ 14693 variant.price = $event.detail.new_price; 14694 variant.original_price = $event.detail.new_original_price; 14695 } 14696 }" 14697 14698 @discounted-price.window="if($event.detail.id == 1990164709440) { 14699 variant.price = $event.detail.new_price; 14700 variant.original_price = $event.detail.new_original_price; 14701 code_discount_active = $event.detail.code_discount_active; 14702 }" 14703 14704 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 14705 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 14706 class="price justify-center font-medium flex gap-x-2 items-center"> 14707 <div class="price__container"><div class="price__regular"> 14708 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 14709 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 14710 <span>$10.00</span> 14711 </span> 14712 14713 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 14714 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 14715 </template> 14716 14717 14718 <template x-if="enable_tag_discount && !code_discount_active"> 14719 <div class="inline-block tag-discount-price compare-at-price"> 14720 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 14721 class="price-item price-item--regular text-gray-700" 14722 aria-hidden="true"> 14723 </s> 14724 </div> 14725 </template> 14726 14727 14728 14729<span 14730 class="comp-price " 14731 data-comp-price="2800"> 14732 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$28.00</span></s><span class="comp-price__label">Comp. Value</span></span> 14733 </div><small class="unit-price hidden"> 14734 <span class="sr-only">Unit price</span> 14735 <span class="price-item price-item--last"> 14736 <span></span> 14737 <span aria-hidden="true">/</span> 14738 <span class="sr-only"> per </span> 14739 <span> 14740 </span> 14741 </span> 14742 </small> 14743 14744 </div> 14745 14746 </div> 14747</div> 14748 14749 14750 14751 </div> 14752 14753 14754 14755 14756 </div> 14757 </a> 14758 14759 14760 14761 14762 14763 14764 </div> 14765 </li> 14766 14767 14768 </ul> 14769 </div> 14770 14771 </div> 14772 14773 </form> 14774 </div> 14775 14776 <div @click="showSearch = false" class="bg-overlay bg-black/10 fixed inset-0"></div> 14777 14778</div> 14779 14780 14781<style> @media only screen and (max-width: 728px) {#shopify-section-sections--27979440521397__header .language-selector__title {font-weight: 500; } #shopify-section-sections--27979440521397__header .currency-selector__dropdown {bottom: 2.15rem !important; top: auto; left: 10px !important; } #shopify-section-sections--27979440521397__header ul.text-black.divide-y.divide-gray-200 {border-bottom: 1px solid #e5e7eb; }} #shopify-section-sections--27979440521397__header .mobile-menu a[href="/collections/holiday-2024"] {color: red !important;} </style></div><section id="shopify-section-sections--27979440521397__mega_menu_mN7tyQ" class="shopify-section shopify-section-group-header-group"><div x-data class="mega-menu-section"> 14782 14783 14784 14785 <template x-teleport="#megamenu-1"> 14786 14787 <div class="hidden-section__blocks header__menu-dropdown bg-white divide-y md:divide-y-0 text-left 14788 md:gap-3"> 14789 <div class="md:px-4 page-width"> 14790 <div class=" grid 14791 lg:grid-cols-5 14792 md:grid-cols-2 14793 grid-cols-2 14794 gap-x-4 14795 divide-y 14796 divide-gray-200 14797 md:divide-y-0 14798 md:py-3 14799 "><div class="megamenu-submenu 14800 14801 ml-2 mb-2 14802 14803 md:ml-0 text-sm tracking-normal font-secondary " 14804 x-data="{ 14805 submenu: true, 14806 viewChange(){ 14807 // on mobile, hide submenu 14808 14809 this.submenu = true;
14810 $dispatch('hasheading', false); 14811 14812 } 14813 }" 14814 x-init="viewChange()" 14815 @resize.window="viewChange();" 14816 > 14817 14818 14819 <h3 class="text-base md:text-xl mb-2 " > 14820 14821 Product Type 14822 14823 </h3> 14824 14825 14826 14827 14828 <ul x-show="submenu"> 14829 14830 <li data-menu-handle="hair-perfumes"> 14831 <a href="/collections/hair-perfumes" 14832 class="link link--text py-1 block font-normal 14833 "> 14834 <span>Hair Perfumes</span> 14835 </a> 14836 </li> 14837 14838 14839 14840 <li data-menu-handle="shampoo-conditioner-combos"> 14841 <a href="/collections/shampoo-conditioner-combo-packs" 14842 class="link link--text py-1 block font-normal 14843 "> 14844 <span>Shampoo & Conditioner Combos</span> 14845 </a> 14846 </li> 14847 14848 14849 14850 <li data-menu-handle="shampoo"> 14851 <a href="/collections/shampoo" 14852 class="link link--text py-1 block font-normal 14853 "> 14854 <span>Shampoo</span> 14855 </a> 14856 </li> 14857 14858 14859 14860 <li data-menu-handle="conditioner"> 14861 <a href="/collections/conditioner" 14862 class="link link--text py-1 block font-normal 14863 "> 14864 <span>Conditioner</span> 14865 </a> 14866 </li> 14867 14868 14869 14870 <li data-menu-handle="shower-accessories"> 14871 <a href="/collections/shower-accessories" 14872 class="link link--text py-1 block font-normal 14873 "> 14874 <span>Shower Accessories</span> 14875 </a> 14876 </li> 14877 14878 14879 14880 <li data-menu-handle="styling-treatments"> 14881 <a href="/collections/hair-treatments" 14882 class="link link--text py-1 block font-normal 14883 "> 14884 <span>Styling & Treatments</span> 14885 </a> 14886 </li> 14887 14888 14889 14890 <li data-menu-handle="styling-tools"> 14891 <a href="/collections/styling-tools" 14892 class="link link--text py-1 block font-normal 14893 "> 14894 <span>Styling Tools</span> 14895 </a> 14896 </li> 14897 14898</ul> 14899 14900 </div><div class="megamenu-submenu 14901 14902 ml-2 mb-2 14903 14904 md:ml-0 text-sm tracking-normal font-secondary " 14905 x-data="{ 14906 submenu: true, 14907 viewChange(){ 14908 // on mobile, hide submenu 14909 14910 this.submenu = true;
14911 $dispatch('hasheading', false); 14912 14913 } 14914 }" 14915 x-init="viewChange()" 14916 @resize.window="viewChange();" 14917 > 14918 14919 14920 <h3 class="text-base md:text-xl mb-2 " > 14921 14922 Solutions 14923 14924 </h3> 14925 14926 14927 14928 14929 <ul x-show="submenu"> 14930 14931 <li data-menu-handle="hair-quiz"> 14932 <a href="/pages/take-the-kitsch-quiz" 14933 class="link link--text py-1 block font-normal 14934 "> 14935 <span>Hair Quiz</span> 14936 </a> 14937 </li> 14938 14939 14940 14941 <li data-menu-handle="hair-loss"> 14942 <a href="/collections/hair-loss" 14943 class="link link--text py-1 block font-normal 14944 "> 14945 <span>Hair Loss</span> 14946 </a> 14947 </li> 14948 14949 14950 14951 <li data-menu-handle="damaged-hair"> 14952 <a href="/collections/damaged-hair" 14953 class="link link--text py-1 block font-normal 14954 "> 14955 <span>Damaged Hair</span> 14956 </a> 14957 </li> 14958 14959 14960 14961 <li data-menu-handle="color-safe"> 14962 <a href="/collections/color-safe" 14963 class="link link--text py-1 block font-normal 14964 "> 14965 <span>Color Safe</span> 14966 </a> 14967 </li> 14968 14969 14970 14971 <li data-menu-handle="wavy-curly-hair"> 14972 <a href="/collections/wavy-curly-hair" 14973 class="link link--text py-1 block font-normal 14974 "> 14975 <span>Wavy & Curly Hair</span> 14976 </a> 14977 </li> 14978 14979 14980 14981 <li data-menu-handle="frizz"> 14982 <a href="/collections/frizz" 14983 class="link link--text py-1 block font-normal 14984 "> 14985 <span>Frizz</span> 14986 </a> 14987 </li> 14988 14989</ul> 14990 14991 </div><div class="megamenu-submenu 14992 14993 ml-2 mb-2 14994 14995 md:ml-0 text-sm tracking-normal font-secondary " 14996 x-data="{ 14997 submenu: true, 14998 viewChange(){ 14999 // on mobile, hide submenu 15000 15001 this.submenu = true;
15002 $dispatch('hasheading', false); 15003 15004 } 15005 }" 15006 x-init="viewChange()" 15007 @resize.window="viewChange();" 15008 > 15009 15010 15011 <h3 class="text-base md:text-xl mb-2 " > 15012 15013 Hair Treatment 15014 15015 </h3> 15016 15017 15018 15019 15020 <ul x-show="submenu"> 15021 15022 <li data-menu-handle="hair-masks"> 15023 <a href="/collections/hair-masks" 15024 class="link link--text py-1 block font-normal 15025 "> 15026 <span>Hair Masks</span> 15027 </a> 15028 </li> 15029 15030 15031 15032 <li data-menu-handle="hair-oils"> 15033 <a href="/collections/hair-oils" 15034 class="link link--text py-1 block font-normal 15035 "> 15036 <span>Hair Oils</span> 15037 </a> 15038 </li> 15039 15040 15041 15042 <li data-menu-handle="leave-in-conditioner"> 15043 <a href="/products/moisturizing-argan-milk-leave-in-conditioner" 15044 class="link link--text py-1 block font-normal 15045 "> 15046 <span>Leave-in Conditioner</span> 15047 </a> 15048 </li> 15049 15050</ul> 15051 15052 </div><div class="megamenu-submenu 15053 15054 ml-2 mb-2 15055 15056 md:ml-0 text-sm tracking-normal font-secondary " 15057 x-data="{ 15058 submenu: true, 15059 viewChange(){ 15060 // on mobile, hide submenu 15061 15062 this.submenu = true; 15063 $dispatch('hasheading', false); 15064 15065 } 15066 }" 15067 x-init="viewChange()" 15068 @resize.window="viewChange();" 15069 > 15070 15071 15072 <h3 class="text-base md:text-xl mb-2 " > 15073 15074 Hair Styling 15075 15076 </h3> 15077 15078 15079 15080 15081 <ul x-show="submenu"> 15082 15083 <li data-menu-handle="curl-cream"> 15084 <a href="/products/kitsch-moisturizing-curl-cream" 15085 class="link link--text py-1 block font-normal 15086 "> 15087 <span>Curl Cream</span> 15088 </a> 15089 </li> 15090 15091 15092 15093 <li data-menu-handle="heatless-hair"> 15094 <a href="/collections/heatless-hair-1" 15095 class="link link--text py-1 block font-normal 15096 ">
15097 <span>Heatless Hair</span> 15098 </a> 15099 </li> 15100 15101 15102 15103 <li data-menu-handle="hair-rollers"> 15104 <a href="/collections/hair-rollers" 15105 class="link link--text py-1 block font-normal 15106 "> 15107 <span>Hair Rollers</span> 15108 </a> 15109 </li> 15110 15111 15112 15113 <li data-menu-handle="hair-wax-stick"> 15114 <a href="/products/hair-wax-stick" 15115 class="link link--text py-1 block font-normal 15116 "> 15117 <span>Hair Wax Stick</span> 15118 </a> 15119 </li> 15120 15121 15122 15123 <li data-menu-handle="root-lifting-thickening-spray"> 15124 <a href="/products/root-lifting-thickening-spray" 15125 class="link link--text py-1 block font-normal 15126 "> 15127 <span>Root Lifting & Thickening Spray</span> 15128 </a> 15129 </li> 15130 15131 15132 15133 <li data-menu-handle="spray-bottles"> 15134 <a href="/collections/spray-bottle" 15135 class="link link--text py-1 block font-normal 15136 "> 15137 <span>Spray Bottles</span> 15138 </a> 15139 </li> 15140 15141 15142 15143 <li data-menu-handle="thermal-brushes"> 15144 <a href="/collections/thermal-brushes" 15145 class="link link--text py-1 block font-normal 15146 "> 15147 <span>Thermal Brushes</span> 15148 </a> 15149 </li> 15150 15151</ul> 15152 15153 </div><div class="megamenu-submenu 15154 15155 ml-2 mb-2 15156 15157 md:ml-0 text-sm tracking-normal font-secondary " 15158 x-data="{ 15159 submenu: true, 15160 viewChange(){ 15161 // on mobile, hide submenu 15162 15163 this.submenu = true; 15164 $dispatch('hasheading', false); 15165 15166 } 15167 }" 15168 x-init="viewChange()" 15169 @resize.window="viewChange();" 15170 > 15171 15172 15173 <h3 class="text-base md:text-xl mb-2 " > 15174 15175 Collections 15176 15177 </h3> 15178 15179 15180 15181 15182 <ul x-show="submenu"> 15183 15184 <li data-menu-handle="bundles"> 15185 <a href="/pages/bundles-1" 15186 class="link link--text py-1 block font-normal 15187 ">
15188 <span>Bundles</span> 15189 </a> 15190 </li> 15191 15192 15193 15194 <li data-menu-handle="hydration-heroes"> 15195 <a href="/collections/hydration-hair-care" 15196 class="link link--text py-1 block font-normal 15197 "> 15198 <span>Hydration Heroes</span> 15199 </a> 15200 </li> 15201 15202 15203 15204 <li data-menu-handle="repair-care"> 15205 <a href="/collections/repair-hair-care" 15206 class="link link--text py-1 block font-normal 15207 "> 15208 <span>Repair Care</span> 15209 </a> 15210 </li> 15211 15212</ul> 15213 15214 </div></div> 15215 </div> 15216 15217 </div> 15218 15219 </template> 15220 15221 15222 15223 15224</div> 15225 15226</section><section id="shopify-section-sections--27979440521397__mega_menu_waEyhR" class="shopify-section shopify-section-group-header-group"><div x-data class="mega-menu-section"> 15227 15228 15229 15230 <template x-teleport="#megamenu-2"> 15231 15232 <div class="hidden-section__blocks header__menu-dropdown bg-white divide-y md:divide-y-0 text-left 15233 md:gap-3"> 15234 <div class="md:px-4 page-width"> 15235 <div class=" grid 15236 lg:grid-cols-5 15237 md:grid-cols-3 15238 grid-cols-2 15239 gap-x-4 15240 divide-y 15241 divide-gray-200 15242 md:divide-y-0 15243 md:py-3 15244 "><div class="megamenu-submenu 15245 15246 ml-2 mb-2 15247 15248 md:ml-0 text-sm tracking-normal font-secondary " 15249 x-data="{ 15250 submenu: true, 15251 viewChange(){ 15252 // on mobile, hide submenu 15253 15254 this.submenu = true; 15255 $dispatch('hasheading', false); 15256 15257 } 15258 }" 15259 x-init="viewChange()" 15260 @resize.window="viewChange();" 15261 > 15262 15263 15264 <h3 class="text-base md:text-xl mb-2 " > 15265 15266 Accessories 15267 15268 </h3> 15269 15270 15271 15272 15273 <ul x-show="submenu"> 15274 15275 <li data-menu-handle="hair-clips-bobby-pins"> 15276 <a href="/collections/hair-clips-bobby-pins" 15277 class="link link--text py-1 block font-normal 15278 "> 15279 <span>Hair Clips & Bobby Pins</span> 15280 </a> 15281 </li> 15282 15283 15284 15285 <li data-menu-handle="hair-ties-scrunchies"> 15286 <a href="/collections/hair-ties-scrunchies" 15287 class="link link--text py-1 block font-normal 15288 "> 15289 <span>Hair Ties & Scrunchies</span> 15290 </a> 15291 </li> 15292 15293 15294 15295 <li data-menu-handle="headbands"> 15296 <a href="/collections/headbands" 15297 class="link link--text py-1 block font-normal 15298 ">
15299 <span>Headbands</span> 15300 </a> 15301 </li> 15302 15303 15304 15305 <li data-menu-handle="glazey-beanies"> 15306 <a href="/collections/glazey-beanies" 15307 class="link link--text py-1 block font-normal 15308 "> 15309 <span>Glazey Beanies</span> 15310 </a> 15311 </li> 15312 15313 15314 15315 <li data-menu-handle="mirrors"> 15316 <a href="/collections/mirrors" 15317 class="link link--text py-1 block font-normal 15318 "> 15319 <span>Mirrors</span> 15320 </a> 15321 </li> 15322 15323</ul> 15324 15325 </div><div class="megamenu-submenu 15326 15327 ml-2 mb-2 15328 15329 md:ml-0 text-sm tracking-normal font-secondary " 15330 x-data="{ 15331 submenu: true, 15332 viewChange(){ 15333 // on mobile, hide submenu 15334 15335 this.submenu = true; 15336 $dispatch('hasheading', false); 15337 15338 } 15339 }" 15340 x-init="viewChange()" 15341 @resize.window="viewChange();" 15342 > 15343 15344 15345 <h3 class="text-base md:text-xl mb-2 " > 15346 15347 Tools 15348 15349 </h3> 15350 15351 15352 15353 15354 <ul x-show="submenu"> 15355 15356 <li data-menu-handle="heatless-curling-sets"> 15357 <a href="/collections/heatless-hair-1" 15358 class="link link--text py-1 block font-normal 15359 "> 15360 <span>Heatless Curling Sets</span> 15361 </a> 15362 </li> 15363 15364 15365 15366 <li data-menu-handle="brushes-combs"> 15367 <a href="/collections/brushes-combs" 15368 class="link link--text py-1 block font-normal 15369 "> 15370 <span>Brushes & Combs</span> 15371 </a> 15372 </li> 15373 15374 15375 15376 <li data-menu-handle="spray-bottles"> 15377 <a href="/collections/spray-bottle" 15378 class="link link--text py-1 block font-normal 15379 "> 15380 <span>Spray Bottles</span> 15381 </a> 15382 </li> 15383 15384 15385 15386 <li data-menu-handle="hair-rollers"> 15387 <a href="/collections/hair-rollers" 15388 class="link link--text py-1 block font-normal 15389 ">
15390 <span>Hair Rollers</span> 15391 </a> 15392 </li> 15393 15394</ul> 15395 15396 </div></div> 15397 </div> 15398 15399 </div> 15400 15401 </template> 15402 15403 15404 15405 15406</div> 15407 15408</section><section id="shopify-section-sections--27979440521397__mega_menu_mctx4Y" class="shopify-section shopify-section-group-header-group"><div x-data class="mega-menu-section"> 15409 15410 15411 15412 <template x-teleport="#megamenu-3"> 15413 15414 <div class="hidden-section__blocks header__menu-dropdown bg-white divide-y md:divide-y-0 text-left 15415 md:gap-3"> 15416 <div class="md:px-4 page-width"> 15417 <div class=" grid 15418 lg:grid-cols-5 15419 md:grid-cols-3 15420 grid-cols-2 15421 gap-x-4 15422 divide-y 15423 divide-gray-200 15424 md:divide-y-0 15425 md:py-3 15426 "><div class="megamenu-submenu 15427 15428 ml-2 mb-2 15429 15430 md:ml-0 text-sm tracking-normal font-secondary " 15431 x-data="{ 15432 submenu: true, 15433 viewChange(){ 15434 // on mobile, hide submenu 15435 15436 this.submenu = true; 15437 $dispatch('hasheading', false); 15438 15439 } 15440 }" 15441 x-init="viewChange()" 15442 @resize.window="viewChange();" 15443 > 15444 15445 15446 <h3 class="text-base md:text-xl mb-2 " > 15447 15448 Product Type 15449 15450 </h3> 15451 15452 15453 15454 15455 <ul x-show="submenu"> 15456 15457 <li data-menu-handle="body-wash"> 15458 <a href="/collections/body-wash" 15459 class="link link--text py-1 block font-normal 15460 "> 15461 <span>Body Wash</span> 15462 </a> 15463 </li> 15464 15465 15466 15467 <li data-menu-handle="cleansing-pads"> 15468 <a href="/products/kojic-acid-face-body-cleansing-pads" 15469 class="link link--text py-1 block font-normal 15470 "> 15471 <span>Cleansing Pads</span> 15472 </a> 15473 </li> 15474 15475 15476 15477 <li data-menu-handle="exfoliating-tools-scrub"> 15478 <a href="/collections/exfoliating" 15479 class="link link--text py-1 block font-normal 15480 "> 15481 <span>Exfoliating Tools & Scrub</span> 15482 </a> 15483 </li> 15484 15485 15486 15487 <li data-menu-handle="facial-oils"> 15488 <a href="/collections/facial-oils" 15489 class="link link--text py-1 block font-normal 15490 "> 15491 <span>Facial Oils</span> 15492 </a> 15493 </li> 15494 15495 15496 15497 <li data-menu-handle="facial-skin-tools"> 15498 <a href="/collections/skin-tools" 15499 class="link link--text py-1 block font-normal 15500 ">
15501 <span>Facial & Skin Tools</span> 15502 </a> 15503 </li> 15504 15505 15506 15507 <li data-menu-handle="shave-razors"> 15508 <a href="/collections/razor" 15509 class="link link--text py-1 block font-normal 15510 "> 15511 <span>Shave & Razors</span> 15512 </a> 15513 </li> 15514 15515</ul> 15516 15517 </div><div class="megamenu-submenu 15518 15519 ml-2 mb-2 15520 15521 md:ml-0 text-sm tracking-normal font-secondary " 15522 x-data="{ 15523 submenu: true, 15524 viewChange(){ 15525 // on mobile, hide submenu 15526 15527 this.submenu = true; 15528 $dispatch('hasheading', false); 15529 15530 } 15531 }" 15532 x-init="viewChange()" 15533 @resize.window="viewChange();" 15534 > 15535 15536 15537 <h3 class="text-base md:text-xl mb-2 " > 15538 15539 Collections 15540 15541 </h3> 15542 15543 15544 15545 15546 <ul x-show="submenu"> 15547 15548 <li data-menu-handle="self-care"> 15549 <a href="/collections/self-care" 15550 class="link link--text py-1 block font-normal 15551 "> 15552 <span>Self-Care</span> 15553 </a> 15554 </li> 15555 15556 15557 15558 <li data-menu-handle="body-care"> 15559 <a href="/collections/body-care" 15560 class="link link--text py-1 block font-normal 15561 "> 15562 <span>Body-Care</span> 15563 </a> 15564 </li> 15565 15566</ul> 15567 15568 </div></div> 15569 </div> 15570 15571 </div> 15572 15573 </template> 15574 15575 15576 15577 15578</div> 15579 15580</section><section id="shopify-section-sections--27979440521397__mega_menu_z94wWj" class="shopify-section shopify-section-group-header-group"><div x-data class="mega-menu-section"> 15581 15582 15583 15584 <template x-teleport="#megamenu-4"> 15585 15586 <div class="hidden-section__blocks header__menu-dropdown bg-white divide-y md:divide-y-0 text-left 15587 md:gap-3"> 15588 <div class="md:px-4 page-width"> 15589 <div class=" grid 15590 lg:grid-cols-5 15591 md:grid-cols-3 15592 grid-cols-2 15593 gap-x-4 15594 divide-y 15595 divide-gray-200 15596 md:divide-y-0 15597 md:py-3 15598 "><div class="megamenu-submenu 15599 15600 ml-2 mb-2 15601 15602 md:ml-0 text-sm tracking-normal font-secondary " 15603 x-data="{ 15604 submenu: true, 15605 viewChange(){ 15606 // on mobile, hide submenu 15607 15608 this.submenu = true;
15609 $dispatch('hasheading', false); 15610 15611 } 15612 }" 15613 x-init="viewChange()" 15614 @resize.window="viewChange();" 15615 > 15616 15617 15618 <h3 class="text-base md:text-xl mb-2 " > 15619 15620 Product Type 15621 15622 </h3> 15623 15624 15625 15626 15627 <ul x-show="submenu"> 15628 15629 <li data-menu-handle="shower-filters"> 15630 <a href="/collections/shower-filters" 15631 class="link link--text py-1 block font-normal 15632 "> 15633 <span>Shower Filters</span> 15634 </a> 15635 </li> 15636 15637 15638 15639 <li data-menu-handle="travel-cases"> 15640 <a href="/collections/travel" 15641 class="link link--text py-1 block font-normal 15642 "> 15643 <span>Travel Cases</span> 15644 </a> 15645 </li> 15646 15647 15648 15649 <li data-menu-handle="accessories"> 15650 <a href="/collections/shower-accessories" 15651 class="link link--text py-1 block font-normal 15652 "> 15653 <span>Accessories</span> 15654 </a> 15655 </li> 15656 15657 15658 15659 <li data-menu-handle="hair-towels-towel-scrunchies"> 15660 <a href="/collections/hair-towels-scrunchies" 15661 class="link link--text py-1 block font-normal 15662 "> 15663 <span>Hair Towels & Towel Scrunchies</span> 15664 </a> 15665 </li> 15666 15667 15668 15669 <li data-menu-handle="shower-caps"> 15670 <a href="/collections/shower-caps" 15671 class="link link--text py-1 block font-normal 15672 "> 15673 <span>Shower Caps</span> 15674 </a> 15675 </li> 15676 15677 15678 15679 <li data-menu-handle="bundles"> 15680 <a href="/collections/shower-bundles" 15681 class="link link--text py-1 block font-normal 15682 "> 15683 <span>Bundles</span> 15684 </a> 15685 </li> 15686 15687</ul> 15688 15689 </div><div class="megamenu-submenu 15690 15691 ml-2 mb-2 15692 15693 md:ml-0 text-sm tracking-normal font-secondary " 15694 x-data="{ 15695 submenu: true, 15696 viewChange(){ 15697 // on mobile, hide submenu 15698 15699 this.submenu = true;
15700 $dispatch('hasheading', false); 15701 15702 } 15703 }" 15704 x-init="viewChange()" 15705 @resize.window="viewChange();" 15706 > 15707 15708 15709 <h3 class="text-base md:text-xl mb-2 " > 15710 15711 Shower Essentials 15712 15713 </h3> 15714 15715 15716 15717 15718 <ul x-show="submenu"> 15719 15720 <li data-menu-handle="bar-bags"> 15721 <a href="/collections/bar-bag" 15722 class="link link--text py-1 block font-normal 15723 "> 15724 <span>Bar Bags</span> 15725 </a> 15726 </li> 15727 15728 15729 15730 <li data-menu-handle="hair-catcher"> 15731 <a href="/products/hair-catcher" 15732 class="link link--text py-1 block font-normal 15733 "> 15734 <span>Hair Catcher</span> 15735 </a> 15736 </li> 15737 15738 15739 15740 <li data-menu-handle="soap-dishes-caddies"> 15741 <a href="/collections/soap-dishes-caddies" 15742 class="link link--text py-1 block font-normal 15743 "> 15744 <span>Soap Dishes & Caddies</span> 15745 </a> 15746 </li> 15747 15748 15749 15750 <li data-menu-handle="build-a-shower-bundle"> 15751 <a href="/collections/build-a-shower-bundle" 15752 class="link link--text py-1 block font-normal 15753 "> 15754 <span>Build a Shower Bundle</span> 15755 </a> 15756 </li> 15757 15758</ul> 15759 15760 </div></div> 15761 </div> 15762 15763 </div> 15764 15765 </template> 15766 15767 15768 15769 15770</div> 15771 15772</section><section id="shopify-section-sections--27979440521397__mega_menu_EdLC3r" class="shopify-section shopify-section-group-header-group"><div x-data class="mega-menu-section"> 15773 15774 15775 15776 <template x-teleport="#megamenu-5"> 15777 15778 <div class="hidden-section__blocks header__menu-dropdown bg-white divide-y md:divide-y-0 text-left 15779 md:gap-3"> 15780 <div class="md:px-4 page-width"> 15781 <div class=" grid 15782 lg:grid-cols-5 15783 md:grid-cols-3 15784 grid-cols-2 15785 gap-x-4 15786 divide-y 15787 divide-gray-200 15788 md:divide-y-0 15789 md:py-3 15790 "><div class="megamenu-submenu 15791 15792 ml-2 mb-2 15793 15794 md:ml-0 text-sm tracking-normal font-secondary " 15795 x-data="{ 15796 submenu: true, 15797 viewChange(){ 15798 // on mobile, hide submenu 15799 15800 this.submenu = true; 15801 $dispatch('hasheading', false); 15802 15803 } 15804 }" 15805 x-init="viewChange()" 15806 @resize.window="viewChange();" 15807 > 15808 15809 15810 <h3 class="text-base md:text-xl mb-2 " > 15811 15812 Product Type 15813 15814 </h3> 15815 15816 15817 15818 15819 <ul x-show="submenu"> 15820 15821 <li data-menu-handle="pillowcases"> 15822 <a href="/collections/all-pillowcases" 15823 class="link link--text py-1 block font-normal 15824 ">
15825 <span>Pillowcases</span> 15826 </a> 15827 </li> 15828 15829 15830 15831 <li data-menu-handle="satin-bonnets"> 15832 <a href="/collections/bonnet" 15833 class="link link--text py-1 block font-normal 15834 "> 15835 <span>Satin Bonnets</span> 15836 </a> 15837 </li> 15838 15839 15840 15841 <li data-menu-handle="sleep-wear"> 15842 <a href="/collections/sleep-wear" 15843 class="link link--text py-1 block font-normal 15844 "> 15845 <span>Sleep Wear</span> 15846 </a> 15847 </li> 15848 15849 15850 15851 <li data-menu-handle="sleep-scrunchies"> 15852 <a href="/collections/sleep-scrunchies" 15853 class="link link--text py-1 block font-normal 15854 "> 15855 <span>Sleep Scrunchies</span> 15856 </a> 15857 </li> 15858 15859 15860 15861 <li data-menu-handle="sleep-bundles"> 15862 <a href="/collections/pillowcase-2-and-4-pack-bundles" 15863 class="link link--text py-1 block font-normal 15864 "> 15865 <span>Sleep Bundles</span> 15866 </a> 15867 </li> 15868 15869</ul> 15870 15871 </div><div class="megamenu-submenu 15872 15873 ml-2 mb-2 15874 15875 md:ml-0 text-sm tracking-normal font-secondary " 15876 x-data="{ 15877 submenu: true, 15878 viewChange(){ 15879 // on mobile, hide submenu 15880 15881 this.submenu = true; 15882 $dispatch('hasheading', false); 15883 15884 } 15885 }" 15886 x-init="viewChange()" 15887 @resize.window="viewChange();" 15888 > 15889 15890 15891 <h3 class="text-base md:text-xl mb-2 " > 15892 15893 Collections 15894 15895 </h3> 15896 15897 15898 15899 15900 <ul x-show="submenu"> 15901 15902 <li data-menu-handle="bedtime-favorites"> 15903 <a href="/collections/bedtime-favorites" 15904 class="link link--text py-1 block font-normal 15905 "> 15906 <span>Bedtime Favorites</span> 15907 </a> 15908 </li> 15909 15910</ul> 15911 15912 </div></div> 15913 </div> 15914 15915 </div> 15916 15917 </template> 15918 15919 15920 15921 15922</div> 15923 15924</section><section id="shopify-section-sections--27979440521397__mega_menu_rYaUcd" class="shopify-section shopify-section-group-header-group"><div x-data class="mega-menu-section"> 15925 15926 15927 15928 <template x-teleport="#megamenu-right-1"> 15929 15930 <div class="hidden-section__blocks header__menu-dropdown bg-white divide-y md:divide-y-0 text-left 15931 md:gap-3"> 15932 <div class="md:px-4 page-width"> 15933 <div class=" grid 15934 lg:grid-cols-5 15935 md:grid-cols-3 15936 grid-cols-2 15937 gap-x-4 15938 divide-y 15939 divide-gray-200 15940 md:divide-y-0 15941 md:py-3 15942 "><div class="megamenu-submenu 15943 15944 ml-2 mb-2 15945 15946 md:ml-0 text-sm tracking-normal font-secondary " 15947 x-data="{ 15948 submenu: true, 15949 viewChange(){ 15950 // on mobile, hide submenu 15951 15952 this.submenu = true;
15953 $dispatch('hasheading', false); 15954 15955 } 15956 }" 15957 x-init="viewChange()" 15958 @resize.window="viewChange();" 15959 > 15960 15961 15962 <h3 class="text-base md:text-xl mb-2 " > 15963 15964 Top Collections 15965 15966 </h3> 15967 15968 15969 15970 15971 <ul x-show="submenu"> 15972 15973 <li data-menu-handle="fall-core-essentials"> 15974 <a href="/collections/fall-core" 15975 class="link link--text py-1 block font-normal 15976 "> 15977 <span>Fall Core Essentials</span> 15978 </a> 15979 </li> 15980 15981 15982 15983 <li data-menu-handle="halloween"> 15984 <a href="/collections/halloween" 15985 class="link link--text py-1 block font-normal 15986 "> 15987 <span>Halloween</span> 15988 </a> 15989 </li> 15990 15991 15992 15993 <li data-menu-handle="tennis-collection"> 15994 <a href="/collections/tennis-collection" 15995 class="link link--text py-1 block font-normal 15996 "> 15997 <span>Tennis Collection</span> 15998 </a> 15999 </li> 16000 16001 16002 16003 <li data-menu-handle="coastal-cottage"> 16004 <a href="/collections/coastal-cottage" 16005 class="link link--text py-1 block font-normal 16006 "> 16007 <span>Coastal Cottage</span> 16008 </a> 16009 </li> 16010 16011 16012 16013 <li data-menu-handle="kitschpopâ¢ï¸"> 16014 <a href="/collections/kitschpop" 16015 class="link link--text py-1 block font-normal 16016 "> 16017 <span>KitschPopâ¢ï¸</span> 16018 </a> 16019 </li> 16020 16021 16022 16023 <li data-menu-handle="cherry"> 16024 <a href="/collections/cherry" 16025 class="link link--text py-1 block font-normal 16026 "> 16027 <span>Cherry </span> 16028 </a> 16029 </li> 16030 16031 16032 16033 <li data-menu-handle="welcome-kits"> 16034 <a href="/collections/welcome-kits" 16035 class="link link--text py-1 block font-normal 16036 "> 16037 <span>Welcome Kits</span> 16038 </a> 16039 </li> 16040 16041 16042 16043 <li data-menu-handle="bundles"> 16044 <a href="/collections/all-bundles" 16045 class="link link--text py-1 block font-normal 16046 ">
16047 <span>Bundles</span> 16048 </a> 16049 </li> 16050 16051 16052 16053 <li data-menu-handle="whats-new"> 16054 <a href="/collections/whats-new" 16055 class="link link--text py-1 block font-normal 16056 "> 16057 <span>What's New</span> 16058 </a> 16059 </li> 16060 16061 16062 16063 <li data-menu-handle="gift-cards"> 16064 <a href="/products/kitsch-gift-card" 16065 class="link link--text py-1 block font-normal 16066 "> 16067 <span>Gift Cards</span> 16068 </a> 16069 </li> 16070 16071 16072 16073 <li data-menu-handle="viral-on-tiktok"> 16074 <a href="/collections/viral-on-tiktok" 16075 class="link link--text py-1 block font-normal 16076 "> 16077 <span>Viral on TikTok</span> 16078 </a> 16079 </li> 16080 16081 16082 16083 <li data-menu-handle="build-a-shower-bundles"> 16084 <a href="/collections/build-a-shower-bundle" 16085 class="link link--text py-1 block font-normal 16086 "> 16087 <span>Build a Shower Bundles</span> 16088 </a> 16089 </li> 16090 16091 16092 16093 <li data-menu-handle="travel"> 16094 <a href="/collections/travel" 16095 class="link link--text py-1 block font-normal 16096 "> 16097 <span>Travel</span> 16098 </a> 16099 </li> 16100 16101</ul> 16102 16103 </div><div class="megamenu-submenu 16104 16105 ml-2 mb-2 16106 16107 md:ml-0 text-sm tracking-normal font-secondary " 16108 x-data="{ 16109 submenu: true, 16110 viewChange(){ 16111 // on mobile, hide submenu 16112 16113 this.submenu = true; 16114 $dispatch('hasheading', false); 16115 16116 } 16117 }" 16118 x-init="viewChange()" 16119 @resize.window="viewChange();" 16120 > 16121 16122 16123 <h3 class="text-base md:text-xl mb-2 " > 16124 16125 Collabs 16126 16127 </h3> 16128 16129 16130 16131 16132 <ul x-show="submenu"> 16133 16134 <li data-menu-handle="the-grinch"> 16135 <a href="/collections/the-grinch-x-kitsch" 16136 class="link link--text py-1 block font-normal 16137 ">
16138 <span>The Grinch</span> 16139 </a> 16140 </li> 16141 16142 16143 16144 <li data-menu-handle="lisa-frank"> 16145 <a href="/collections/lisa-frank" 16146 class="link link--text py-1 block font-normal 16147 "> 16148 <span>Lisa Frank</span> 16149 </a> 16150 </li> 16151 16152 16153 16154 <li data-menu-handle="star-warsâ¢"> 16155 <a href="/collections/star-wars-kitsch" 16156 class="link link--text py-1 block font-normal 16157 "> 16158 <span>Star Warsâ¢</span> 16159 </a> 16160 </li> 16161 16162 16163 16164 <li data-menu-handle="harry-potter"> 16165 <a href="/collections/harry-potter" 16166 class="link link--text py-1 block font-normal 16167 "> 16168 <span>Harry Potter</span> 16169 </a> 16170 </li> 16171 16172 16173 16174 <li data-menu-handle="hello-kitty"> 16175 <a href="/collections/hello-kitty-x-kitsch" 16176 class="link link--text py-1 block font-normal 16177 "> 16178 <span>Hello Kitty</span> 16179 </a> 16180 </li> 16181 16182 16183 16184 <li data-menu-handle="bridgerton"> 16185 <a href="/collections/kitsch-x-bridgerton" 16186 class="link link--text py-1 block font-normal 16187 "> 16188 <span>Bridgerton</span> 16189 </a> 16190 </li> 16191 16192 16193 16194 <li data-menu-handle="bt21"> 16195 <a href="/collections/bt21-x-kitsch" 16196 class="link link--text py-1 block font-normal 16197 "> 16198 <span>BT21</span> 16199 </a> 16200 </li> 16201 16202 16203 16204 <li data-menu-handle="wonder-woman"> 16205 <a href="/collections/wonderwoman-x-kitsch" 16206 class="link link--text py-1 block font-normal 16207 "> 16208 <span>Wonder Woman</span> 16209 </a> 16210 </li> 16211 16212 16213 16214 <li data-menu-handle="elf"> 16215 <a href="/collections/elf-x-kitsch-collection" 16216 class="link link--text py-1 block font-normal 16217 "> 16218 <span>elf</span> 16219 </a> 16220 </li> 16221 16222</ul> 16223 16224 </div></div> 16225 </div> 16226 16227 </div> 16228 16229 </template> 16230 16231 16232 16233 16234</div> 16235 16236</section> 16237<!-- END sections: header-group --><div 16238 x-data="applovinBanner" 16239 x-show="showBanner" 16240 x-cloak 16241 x-transition:enter="transition ease-out duration-300" 16242 x-transition:enter-start="opacity-0 -translate-y-2" 16243 x-transition:enter-end="opacity-100 translate-y-0" 16244 x-transition:leave="transition ease-in duration-200" 16245 x-transition:leave-start="opacity-100 translate-y-0" 16246 x-transition:leave-end="opacity-0 -translate-y-2" 16247 class="fixed top-0 left-0 right-0 z-[1001] bg-gradient-to-r from-purple-600 to-pink-600 text-white py-2 px-3 shadow-lg"> 16248 16249 <div class="max-w-7xl mx-auto flex items-center justify-between"> 16250 <div class="flex items-center space-x-2"> 16251 <div class="bg-white bg-opacity-20 rounded-full p-1"> 16252 <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 20 20"> 16253 <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
16253 16254 </svg> 16255 </div> 16256 <div class="text-center"> 16257 <p class="text-xs font-semibold" x-text="bannerMessage"></p> 16258 </div> 16259 </div> 16260 16261 <div class="flex items-center space-x-2"> 16262 <button 16263 @click="closeBanner" 16264 class="bg-white bg-opacity-20 hover:bg-opacity-30 rounded-full p-1 transition-colors duration-200"> 16265 <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 16266 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 16267 </svg> 16268 </button> 16269 </div> 16270 </div> 16271</div> 16272
16273<script> 16274 document.addEventListener('alpine:init', () => { 16275 Alpine.data('applovinBanner', () => ({ 16276 showBanner: false, 16277 bannerMessage: '', 16278 appName: '', 16279 16280 init() { 16281 console.log('AppLovin Banner Init'); 16282 this.checkAppLovinVisit(); 16283 }, 16284 16285 checkAppLovinVisit() { 16286 const urlParams = new URLSearchParams(window.location.search); 16287 const nbPlatform = urlParams.get('nb_platform'); 16288 const utmContent = urlParams.get('utm_content'); 16289 16290 // Check if this is a valid AppLovin visit 16291 if (nbPlatform === 'applovin' && utmContent && utmContent.length < 31) { 16292 // Valid AppLovin visit - show banner 16293 this.appName = utmContent; 16294 this.bannerMessage = `All ${utmContent} players get a special 20% off deal for the next 24 hours`; 16295 this.setCookie('applovin_banner_shown', 'true', 24); 16296 this.setCookie('applovin_app_name', this.appName, 24); 16297 this.showBanner = true; 16298 } else { 16299 // Not a valid AppLovin visit 16300 if (nbPlatform !== 'applovin') { 16301 // If nb_platform is not applovin (or missing), clear AppLovin cookies 16302 this.deleteCookie('applovin_banner_shown'); 16303 this.deleteCookie('applovin_app_name'); 16304 this.deleteCookie('applovin_banner_closed'); 16305 } 16306 16307 // Only show banner if: 16308 // 1. We have valid AppLovin parameters, OR 16309 // 2. We have nb_platform=applovin AND existing cookies AND banner wasn't closed 16310 if (nbPlatform === 'applovin') { 16311 const cookieExists = this.getCookie('applovin_banner_shown'); 16312 const bannerClosed = this.getCookie('applovin_banner_closed'); 16313 16314 if (cookieExists === 'true' && bannerClosed !== 'true') { 16315 const storedAppName = this.getCookie('applovin_app_name'); 16316 if (storedAppName) { 16317 this.appName = storedAppName; 16318 this.bannerMessage = `All ${storedAppName} players get a special 20% off deal for the next 24 hours`; 16319 this.showBanner = true; 16320 } 16321 } 16322 } 16323 } 16324 }, 16325 16326 setCookie(name, value, hours) { 16327 const date = new Date(); 16328 date.setTime(date.getTime() + (hours * 60 * 60 * 1000)); 16329 const expires = "expires=" + date.toUTCString(); 16330 document.cookie = name + "=" + value + ";" + expires + ";path=/"; 16331 }, 16332 16333 getCookie(name) { 16334 const nameEQ = name + "="; 16335 const ca = document.cookie.split(';'); 16336 for (let i = 0; i < ca.length; i++) { 16337 let c = ca[i]; 16338 while (c.charAt(0) === ' ') c = c.substring(1, c.length); 16339 if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length); 16340 } 16341 return null; 16342 }, 16343 16344 deleteCookie(name) { 16345 document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 16346 }, 16347 16348 closeBanner() { 16349 this.showBanner = false; 16350 this.setCookie('applovin_banner_closed', 'true', 24); 16351 } 16352 })) 16353 }) 16354</script>
16354 16355 16356 <main id="MainContent" class="content-for-layout min-h-screen focus-none" role="main" tabindex="-1"> 16357 <section id="shopify-section-template--27979442553013__custom_liquid_PUPKJb" class="shopify-section section"> 16358<style> 16359 #Custom-liquid-template--27979442553013__custom_liquid_PUPKJb{ 16360 padding-top: 0px; 16361 padding-bottom: 0px; 16362 } 16363</style> 16364<div id="Custom-liquid-template--27979442553013__custom_liquid_PUPKJb"> 16365 <div class="page-width mx-auto px-4"> 16366 <style> 16367 16368#cio-plp-ui-container .cio-plp-grid{ 16369 display:flex !important; 16370 padding-left: 0 !important; 16371 padding-right: 0 !important; 16372 padding-top: 0; 16373} 16374#cio-plp-ui-container .cio-filters-container{ 16375 display: block; 16376 width: 25%; 16377} 16378#cio-plp-ui-container .cio-products-container{ 16379 width: 75%; 16380} 16381#cio-plp-ui-container .cio-products-header-wrapper{ 16382 display: none; 16383} 16384 16385nav.breadcrumbs.uppercase.font-medium.text-sm.d.md\:block.page-width, 16386.cio-mobile-products-header-wrapper.cio-mobile-only 16387{ 16388 display: none !important; 16389} 16390 16391@media (max-width: 768px) { 16392 #cio-plp-ui-container .cio-filters-container { 16393 display: none; 16394 } 16395#cio-plp-ui-container .cio-products-header-wrapper{ 16396 display: flex !important; 16397} 16398 #cio-plp-ui-container .cio-products-container{ 16399 width: 100%; 16400} 16401} 16402 16403</style> 16404 </div> 16405</div> 16406 16407 16408</section><div id="shopify-section-template--27979442553013__collection_banner_custom_e3BT7P" class="shopify-section section"><style> 16409 #Collection-banner-template--27979442553013__collection_banner_custom_e3BT7P{ 16410 padding-top: 36px; 16411 padding-bottom: 0px; 16412 background-color: ; 16413 color: #000000; 16414 16415 } 16416</style> 16417 16418 16419 16420 16421 16422 16423<div id="Collection-banner-template--27979442553013__collection_banner_custom_e3BT7P" class="collection-banner relative bg-auto"> 16424 16425 16426<nav class="breadcrumbs uppercase font-medium text-sm hidden md:block page-width" role="navigation" aria-label="breadcrumbs"> 16427 <ol class="breadcrumbs__list flex mb-4 md:mb-0 px-4 items-center "> 16428 <li class="breadcrumbs__item"> 16429 <a class="breadcrumbs__link" href="/">Home</a> 16430 </li> 16431 <li class="px-2"> 16432 16433<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right w-5"> 16434 <polyline points="9 18 15 12 9 6"></polyline> 16435</svg> 16436 </li><li class="breadcrumbs__item"> 16437 <a class="breadcrumbs__link" href="/collections/best-sellers" aria-current="page">Best Sellers</a> 16438 </li></ol> 16439 </nav> 16440 16441 16442 <div class="page-width mx-auto px-4 relative"> 16443 <div class="collection-banner__wrapper md:flex gap-6 py-4 16444 text-left 16445 items-start 16446 justify-start 16447 "> 16448 <div class="collection-banner__content"> 16449 <div class="collection-content-wrapper"> 16450 <h1 class="collection-banner__title text-2xl font-secondary font-bold"> 16451 <span class="sr-only">Collection: </span>Best Sellers</h1></div> 16452 16453 16454 <div class="collection__sort enavi-collection-sort flex relative justify-end order-2 md:order-2" 16455 x-data="filter" x-init="sort = 'manual'"> 16456 16457 <div class="loader fixed grid place-content-center inset-0 bg-black/20 z-20 " x-cloak transition.opacity x-show="loading"> 16458 <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 16459 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 16460 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 16461 </svg> 16462</div> 16463 16464 <div class="flex items-center justify-end gap-2"> 16465 16466 <details class="sort relative" x-data x-ref="details" @click.outside="$refs.details.removeAttribute('open')"> 16467 <summary class="sort-summary flex gap-1 cursor-pointer items-center"> 16468 <div class="font-medium text-sm"> 16469 Sort By: <span class="selected-sortby">manual</span> 16470 </div>
16471 <span class="arrow-icon rotate-90"> 16472 16473<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right w-5"> 16474 <polyline points="9 18 15 12 9 6"></polyline> 16475</svg> 16476 </span> 16477 </summary> 16478 <div class="sort-display pb-3 absolute space-y-1 right-0 z-20 bg-white shadow p-3 min-w-44 rounded-sm"> 16479 <button type="button" 16480 class="py-2 w-full text-left text-sm focus:border-gray-400 border border-transparent active:border-gray-400 " 16481 data-sort="best-selling" 16482 @click="sortBy('best-selling');document.querySelector('.selected-sortby').innerText='Best Selling';"> 16483 Best Selling 16484 </button> 16485 <button type="button" 16486 class="py-2 w-full text-left text-sm focus:border-gray-400 border border-transparent active:border-gray-400 " 16487 data-sort="created-descending" 16488 @click="sortBy('created-descending');document.querySelector('.selected-sortby').innerText='Newest to Oldest';"> 16489 Newest to Oldest 16490 </button> 16491 <button type="button" 16492 class="py-2 w-full text-left text-sm focus:border-gray-400 border border-transparent active:border-gray-400 " 16493 data-sort="price-ascending" 16494 @click="sortBy('price-ascending');document.querySelector('.selected-sortby').innerText='Price: Low to High';"> 16495 Price: Low to High 16496 </button> 16497 <button type="button" 16498 class="py-2 w-full text-left text-sm focus:border-gray-400 border border-transparent active:border-gray-400 " 16499 data-sort="price-descending" 16500 @click="sortBy('price-descending');document.querySelector('.selected-sortby').innerText='Price: High to Low';"> 16501 Price: High to Low 16502 </button> 16503 </div> 16504 </details> 16505 16506 </div> 16507 16508 <select id="sort-by" x-model="sort" @change="sortBy(sort)" class="rounded-md text-body border-0 hidden"> 16509 16510 <option value=""> 16511 Sort By 16512 </option> 16513 <option value="manual" selected="selected"> 16514 Featured 16515 </option> 16516 16517 <option value=""> 16518 Sort By 16519 </option> 16520 <option value="most-relevant" > 16521 Most relevant 16522 </option> 16523 16524 <option value=""> 16525 Sort By 16526 </option> 16527 <option value="best-selling" > 16528 Best selling 16529 </option> 16530 16531 <option value=""> 16532 Sort By 16533 </option> 16534 <option value="title-ascending" > 16535 Alphabetically, A-Z 16536 </option> 16537 16538 <option value=""> 16539 Sort By 16540 </option> 16541 <option value="title-descending" > 16542 Alphabetically, Z-A 16543 </option> 16544 16545 <option value=""> 16546 Sort By 16547 </option> 16548 <option value="price-ascending" > 16549 Price, low to high 16550 </option> 16551 16552 <option value=""> 16553 Sort By 16554 </option> 16555 <option value="price-descending" > 16556 Price, high to low 16557 </option> 16558 16559 <option value=""> 16560 Sort By 16561 </option> 16562 <option value="created-ascending" > 16563 Date, old to new 16564 </option> 16565 16566 <option value=""> 16567 Sort By 16568 </option> 16569 <option value="created-descending" > 16570 Date, new to old 16571 </option> 16572 16573 </select> 16574 </div> 16575 </div></div> 16576 16577 </div> 16578 16579</div> 16580 16581 16582</div><div id="shopify-section-template--27979442553013__product-grid" class="shopify-section"><style> 16583 #ProductGridContainer{ 16584 padding-top: 8px; 16585 padding-bottom: 32px; 16586 } 16587</style> 16588<div class="page-width mx-auto px-4" id="ProductGridContainer"> 16589 16590 16591 16592 16593 <div 16594 data-metafield 16595 x-title="Collection Filter" 16596 x-init=" 16597 $watch('products_count', (value) => { 16598 if(value < 2) {
16599 $dispatch('no-products-found'); 16600 } 16601 }); 16602 $watch('collectionURL', () => { 16603 loadCollection(); 16604 }) 16605 " 16606 x-data="{ 16607 loading: false, 16608 collectionURL: '/collections/best-sellers', 16609 products_count: 54, 16610 loadCollection() { 16611 this.loading = true; 16612 const sectionURL = this.collectionURL + (this.collectionURL.includes('?') ? '&' : '?') + 'section_id=template--27979442553013__product-grid'; 16613 fetch(sectionURL) 16614 .then(response => response.text()) 16615 .then(data => { 16616 let el = document.createElement('div'); 16617 el.innerHTML = data; 16618 let collectionContent = el.querySelector('#collection-content'); 16619 if(!collectionContent){ 16620 window.location.href = this.collectionURL; 16621 return; 16622 } 16623 this.products_count = collectionContent.childElementCount; 16624 document.querySelector('#collection-content').replaceChildren(...Array.from(collectionContent.childNodes)); 16625 // update filters 16626 let filterWrapper = el.querySelector('.collection_filters'); 16627 let currentFilter = document.querySelector('.collection_filters'); 16628 if(filterWrapper && currentFilter){ 16629 currentFilter.replaceChildren(...Array.from(filterWrapper.childNodes)); 16630 } 16631 16632 let newUrl = window.location.origin + this.collectionURL; 16633 window.history.pushState({}, '', newUrl); 16634 16635 this.loading = false; 16636 }); 16637 } 16638 }" 16639 class="tag_filtering my-2 pb-2 flex gap-2 no-scrollbar overflow-x-scroll"> 16640 <div class="loader fixed grid place-content-center inset-0 bg-black/20 z-20 " x-cloak transition.opacity x-show="loading"> 16641 <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 16642 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 16643 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 16644 </svg> 16645</div> 16646 16647 16648 <button type="button" 16649 :disabled="loading || collectionURL == '/collections/best-sellers'" 16650 @click="collectionURL = '/collections/best-sellers'" 16651 :class="{ 'bg-black text-white': collectionURL == '/collections/best-sellers' }" 16652 class="shrink-0 snap-start py-1 px-4 text-sm rounded border border-black capitalize bg-black text-white" 16653 aria-current="true">Best Sellers </button> 16654 16655 16656 16657 <button 16658 :class="{ 'bg-black text-white': collectionURL == '/collections/best-selling-hair' }" 16659 :disabled="loading || collectionURL == '/collections/best-selling-hair'" 16660 @click="collectionURL = '/collections/best-selling-hair'" 16661 class="shrink-0 snap-start py-1 px-4 text-sm rounded border cursor-pointer border-black capitalize">Best In Hair Care </button> 16662 16663 16664 16665 <button 16666 :class="{ 'bg-black text-white': collectionURL == '/collections/best-selling-perfume' }" 16667 :disabled="loading || collectionURL == '/collections/best-selling-perfume'" 16668 @click="collectionURL = '/collections/best-selling-perfume'" 16669 class="shrink-0 snap-start py-1 px-4 text-sm rounded border cursor-pointer border-black capitalize">Best In Perfume </button> 16670 16671 16672 16673 <button 16674 :class="{ 'bg-black text-white': collectionURL == '/collections/best-selling-body' }" 16675 :disabled="loading || collectionURL == '/collections/best-selling-body'" 16676 @click="collectionURL = '/collections/best-selling-body'" 16677 class="shrink-0 snap-start py-1 px-4 text-sm rounded border cursor-pointer border-black capitalize">Best In Body </button> 16678 16679 16680 16681 <button 16682 :class="{ 'bg-black text-white': collectionURL == '/collections/best-selling-styling' }" 16683 :disabled="loading || collectionURL == '/collections/best-selling-styling'" 16684 @click="collectionURL = '/collections/best-selling-styling'" 16685 class="shrink-0 snap-start py-1 px-4 text-sm rounded border cursor-pointer border-black capitalize">Best In Style </button> 16686 16687 16688 16689 <button 16690 :class="{ 'bg-black text-white': collectionURL == '/collections/best-selling-sleep' }" 16691 :disabled="loading || collectionURL == '/collections/best-selling-sleep'" 16692 @click="collectionURL = '/collections/best-selling-sleep'" 16693 class="shrink-0 snap-start py-1 px-4 text-sm rounded border cursor-pointer border-black capitalize">Best In Sleep </button> 16694 16695 16696 16697 <button 16698 :class="{ 'bg-black text-white': collectionURL == '/collections/best-in-shower' }" 16699 :disabled="loading || collectionURL == '/collections/best-in-shower'" 16700 @click="collectionURL = '/collections/best-in-shower'" 16701 class="shrink-0 snap-start py-1 px-4 text-sm rounded border cursor-pointer border-black capitalize">Best In Shower </button> 16702 16703 16704 </div> 16705 16706 16707 16708 16709 16710 16711 <div class="flex"><div class="collection" id="collection-content"> 16712 16713 16714 <div class="w-full mb-8 text-center" 16715 x-show="product_count >= limit" 16716 x-title="Load previous page"
16717 @no-products-found.window="show = false" 16718 x-show="show" 16719 x-cloak 16720 x-data="{ 16721 show: true, 16722 product_count: 0, 16723 loading: false, 16724 page: 1, 16725 current_page: 1, 16726 limit: 21, 16727 totalLoaded() { 16728 let total = this.page * this.limit; 16729 return total > this.product_count ? this.product_count : total; 16730 }, 16731 loadMore() { 16732 this.loading = true; 16733 const pageUrl = new URL(window.location.href); 16734 pageUrl.searchParams.set('page', this.page); 16735 pageUrl.searchParams.set('section_id', 'template--27979442553013__product-grid'); 16736 fetch(pageUrl.href) 16737 .then(response => response.text()) 16738 .then(data => { 16739 let el = document.createElement('div'); 16740 el.innerHTML = data; 16741 let newGrid = el.querySelector('#product-grid'); 16742 if (newGrid) { 16743 document.querySelector('#product-grid').insertAdjacentHTML('afterbegin', newGrid.innerHTML); 16744 } 16745 16746 // update url with page = this.page 16747 let url = new URL(window.location.href); 16748 url.searchParams.set('page', this.page); 16749 window.history.pushState({}, '', url.href); 16750 16751 this.page--; 16752 this.loading = false; 16753 }); 16754 16755 16756 }, 16757 }" 16758 x-init="$nextTick(() => { 16759 page -= 1; 16760 })"> 16761 16762 <button @click="loadMore" x-show="totalLoaded() > 0" class="inline-block px-8 py-3 uppercase text-center font-semibold rounded-sm button--primary cursor-pointer"> 16763 Load previous 16764 </button> 16765 16766 <div class="mt-4"> 16767 Showing <span x-text="totalLoaded" class="font-semibold"></span> of <span x-text="product_count" class="font-semibold"></span> Items 16768 </div> 16769 16770 <div class="fixed inset-0 z-10 bg-white/50 flex items-center justify-center" x-transition.opacity x-show="loading"> 16771 <div class="w-10"> 16772 <div class="loader fixed grid place-content-center inset-0 bg-black/20 z-20 rotate-center" x-cloak transition.opacity x-show="loading"> 16773 <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 16774 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 16775 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 16776 </svg> 16777</div> 16778 </div> 16779 </div> 16780 16781 </div> 16782 16783<ul id="product-grid" data-id="template--27979442553013__product-grid" class="grid 16784 md:gap-4 16785 gap-2 16786 lg:grid-cols-3 16787 md:grid-cols-2 16788 grid-cols-2"> 16789<li class="grid__item collection-product-grid" 16790 data-handle="rice-water-shampoo-conditioner-combo-pack"> 16791
16792<script> 16793 window.hoverImageLoad = window.hoverImageLoad || function(el) { 16794 var p = el.querySelector('[data-hover-image]'); 16795 if (!p) return; 16796 var img = new Image(); 16797 img.src = p.dataset.hoverImage; 16798 img.alt = p.dataset.hoverAlt || ''; 16799 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 16800 img.loading = 'lazy'; 16801 img.decoding = 'async'; 16802 p.replaceWith(img); 16803 }; 16804 </script>
16804 16805 <div 16806 data-product-handle="rice-water-shampoo-conditioner-combo-pack" 16807 x-data 16808 class="card-wrapper flex flex-col h-full relative"> 16809 16810 16811 <rivo-favorite-button 16812 data-product-id="7688221229237" 16813 rivo-ax-data 16814 rivo-ax-cloak 16815 rivo-ax-html="$store.icons.heart" 16816 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 16817 16818 16819 16820 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 16821 16822 @mouseenter.once="window.hoverImageLoad($el)" 16823 @touchstart.once.passive="window.hoverImageLoad($el)" 16824 > 16825 16826 16827 <a 16828 class="cursor-pointer" 16829 16830 href="/collections/best-sellers/products/rice-water-shampoo-conditioner-combo-pack" 16831 16832 aria-label="Rice Water Shampoo & Conditioner Bar Combo for Hair Growth"> 16833 16834 16835 16836 16837 16838 16839 16840 16841 16842 16843 16844 16845 16846 16847 16848 16849 16850 <img src="//www.mykitsch.com/cdn/shop/files/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?quality=75&v=1780523783&width=700" alt="KITSCH Rice Water Shampoo & Conditioner Bar Combo for Hair Growth â hero product shot â Formulated with Rice Tein NPNF®, clinically proven to increase hair volume and improve appearance of natural shine in just 5 washes â conditions & encourages overall hair length & density" srcset="//www.mykitsch.com/cdn/shop/files/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?quality=75&v=1780523783&width=200 200w, //www.mykitsch.com/cdn/shop/files/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?quality=75&v=1780523783&width=300 300w, //www.mykitsch.com/cdn/shop/files/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?quality=75&v=1780523783&width=400 400w, //www.mykitsch.com/cdn/shop/files/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?quality=75&v=1780523783&width=500 500w, //www.mykitsch.com/cdn/shop/files/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?quality=75&v=1780523783&width=600 600w, //www.mykitsch.com/cdn/shop/files/9081-RiceWaterProtein-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_2.jpg?quality=75&v=1780523783&width=700 700w" width="700" height="700" loading="eager" fetchpriority="high" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 49.414%;"> 16851 16852 16853 16854 16855 <div 16856 data-hover-image="//www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-5StarReview-300dpi_2.jpg?v=1780523786&width=700" 16857 data-hover-alt="KITSCH Rice Water Shampoo Bar for Hair Growth â 5-star customer review graphic â Rice Tein NPNF® has been shown to increase hair volume by 20% after 5 washes â free of parabens, phthalates, silicones, & sulfates" 16858 class="absolute z-10 top-0 left-0 h-full w-full" 16859 aria-hidden="true"></div> 16860 16861 16862 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 16863 16864 16865 16866 16867 16868 16869 16870 16871 16872 16873 16874 16875 16876 16877 16878 16879 16880 16881 16882 16883 16884 16885 16886 16887 16888 16889 16890 16891 16892 16893 16894 16895 16896 16897 16898 16899 16900 16901 16902 16903 16904 16905 16906 16907 16908 16909 16910 16911 16912 16913 16914 16915 16916</div> 16917 16918<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 16919 16920 16921 16922 16923 16924 16925 16926 16927 16928 16929 16930 16931 16932 16933 16934 16935 16936 16937 16938 16939 16940 16941 16942 16943 16944 16945 16946 16947 16948 16949 16950 16951 16952 16953 16954 16955 16956</div> 16957 16958 16959 16960 </a> 16961 16962 16963 16964 16965 16966 16967 16968 16969 </div> 16970 <a 16971 16972 href="/collections/best-sellers/products/rice-water-shampoo-conditioner-combo-pack" 16973 16974 class="card__content block cursor-pointer py-4 text-center space-y-1"> 16975 <p class="card__heading font-medium"> 16976 16977 Rice Water Shampoo & Conditioner Bar Combo for Hair Growth 16978 </p> 16979 <div class="flex justify-center gap-2 items-center"><div class=""> 16980 16981 16982<div hidden class="hidden"> 16983 7688221229237 16984</div> 16985 16986 16987 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 16988 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7688221229237"> 16989 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
16989<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.4967%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">4,105</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
16989<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.7","reviewCount":4105} </script>
16989</div> 16990 </div> 16991 16992 16993 16994 </div> 16995 16996 16997</div> 16998</div> 16999 <div class="card__information"> 17000 17001 17002 <div class="card__price"> 17003 17004 17005 17006 17007 17008 17009 17010 17011 17012 17013 17014 17015 17016 17017 17018 17019 17020<div class="flex gap-3 items-center justify-center "> 17021 <div x-init="$nextTick(() => { 17022 17023 17024 checkDiscountCode(false); 17025 17026 })" 17027 x-title="Product price" 17028 x-data="{ 17029 17030 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 17031 17032 isBundle: false, 17033 onSale: false, 17034 soldOut: false, 17035 isPDP: false, 17036 code_discount_active: false, 17037 17038 enable_tag_discount: false, 17039 17040 variant: { 17041 price: 2800, 17042 }, 17043 currentPrice(){ 17044 let price = this.variant.price; 17045 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 17046 price = price - (price * this.discount_percentage / 100); 17047 } 17048 return Math.round(price); 17049 }, 17050 getPrice(){ 17051 if(this.variant){ 17052 return Unick.formatMoney(this.currentPrice()); 17053 } 17054 }, 17055 showOriginalPrice(fallbackVisible){ 17056 return !!fallbackVisible; 17057 }, 17058 renderOriginalPrice(fallbackPrice){ 17059 return Unick.formatMoney(fallbackPrice || 0); 17060 }, 17061 checkDiscountCode(broadcast){ 17062 17063 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 17064 const cookieDiscount = Unick.getCookie('discount_code'); 17065 const discount = cookieDiscount ? this.discount_table.find((item) => { 17066 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 17067 }) : null; 17068 const codePercentage = Number(discount?.split(':')[1]) || 0; 17069 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 17070 let productPrice = 2800; 17071 17072 if(codePercentage > 0 && codePercentage >= tagPercentage){ 17073 // The larger of the code and tag discounts is shown; ties go 17074 // to the code since it is what checkout actually charges. The 17075 // cookie only holds codes the cart reports as applicable 17076 // (synced in theme.liquid). 17077 this.code_discount_active = true; 17078 this.onSale = true; 17079 this.$dispatch('discount-percentage', { percentage: codePercentage }); 17080 17081 let displayPrice = productPrice - (productPrice * codePercentage / 100); 17082 17083 let newOriginalPrice = 2800; 17084 17085 if(broadcast){ 17086 this.$dispatch('discounted-price', { id: 7688221229237, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 17087 }else{ 17088 this.variant.price = displayPrice; 17089 this.variant.original_price = newOriginalPrice; 17090 } 17091 17092 }else if(this.enable_tag_discount){ 17093 // No applicable code on the cart (or none matching the table), 17094 // or the code's percentage is smaller than the tag's â use the 17095 // tag discount. 17096 this.code_discount_active = false; 17097 if(cookieDiscount){ 17098 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 17099 } 17100 // PDP renders the discounted amount directly; PLP keeps the 17101 // full price in variant.price and getPrice() applies the tag 17102 // percentage on the fly. 17103 let displayPrice = this.isPDP 17104 ? productPrice - (productPrice * this.discount_percentage / 100) 17105 : productPrice; 17106 17107 let newOriginalPrice = 2800; 17108 17109 if(broadcast){ 17110 this.$dispatch('discounted-price', { id: 7688221229237, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 17111 }else{ 17112 this.variant.price = displayPrice; 17113 this.variant.original_price = newOriginalPrice; 17114 } 17115 17116 }else{ 17117 this.code_discount_active = false;
17118 this.onSale = false; 17119 if(cookieDiscount){ 17120 this.$dispatch('discount-percentage', { percentage: 0 }); 17121 } 17122 // reset price and dispatch the events to update the price 17123 17124 let newOriginalPrice = 2800; 17125 17126 if(broadcast){ 17127 this.$dispatch('discounted-price', { id: 7688221229237, new_price: 2800, new_original_price: newOriginalPrice, code_discount_active: false }); 17128 }else{ 17129 this.variant.price = 2800; 17130 this.variant.original_price = newOriginalPrice; 17131 } 17132 17133 } 17134 } 17135 17136 } 17137 }" 17138 17139 @discounted-price.window="if($event.detail.id == 7688221229237) { 17140 variant.price = $event.detail.new_price; 17141 variant.original_price = $event.detail.new_original_price; 17142 code_discount_active = $event.detail.code_discount_active; 17143 }" 17144 17145 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 17146 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 17147 class="price justify-center font-medium flex gap-x-2 items-center"> 17148 <div class="price__container"><div class="price__regular"> 17149 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 17150 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 17151 <span>$28.00</span> 17152 </span> 17153 17154 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 17155 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 17156 </template> 17157 17158 17159 <template x-if="enable_tag_discount && !code_discount_active"> 17160 <div class="inline-block tag-discount-price compare-at-price"> 17161 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 17162 class="price-item price-item--regular text-gray-700" 17163 aria-hidden="true"> 17164 </s> 17165 </div> 17166 </template> 17167 17168 17169 17170<span 17171 class="comp-price " 17172 data-comp-price="4600"> 17173 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$46.00</span></s><span class="comp-price__label">Comp. Value</span></span> 17174 </div><small class="unit-price hidden"> 17175 <span class="sr-only">Unit price</span> 17176 <span class="price-item price-item--last"> 17177 <span></span> 17178 <span aria-hidden="true">/</span> 17179 <span class="sr-only"> per </span> 17180 <span> 17181 </span> 17182 </span> 17183 </small> 17184 17185 </div> 17186 17187 </div> 17188</div> 17189 17190 17191 17192 </div> 17193 17194 17195 17196 17197 </div> 17198 </a> 17199 17200 17201 17202 17203 17204 <button type="button" 17205 x-data="QuickShopButton" 17206 data-product-handle="rice-water-shampoo-conditioner-combo-pack" 17207 17208 17209 x-bind="behaviour" 17210 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 17211 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 17212 quick shop 17213 </button> 17214 17215 17216 </div> 17217 </li> 17218 17219 17220<li class="grid__item collection-product-grid" 17221 data-handle="rosemary-biotin-volumizing-shampoo-conditioner-combo"> 17222
17223<script> 17224 window.hoverImageLoad = window.hoverImageLoad || function(el) { 17225 var p = el.querySelector('[data-hover-image]'); 17226 if (!p) return; 17227 var img = new Image(); 17228 img.src = p.dataset.hoverImage; 17229 img.alt = p.dataset.hoverAlt || ''; 17230 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 17231 img.loading = 'lazy'; 17232 img.decoding = 'async'; 17233 p.replaceWith(img); 17234 }; 17235 </script>
17235 17236 <div 17237 data-product-handle="rosemary-biotin-volumizing-shampoo-conditioner-combo" 17238 x-data 17239 class="card-wrapper flex flex-col h-full relative"> 17240 17241 17242 <rivo-favorite-button 17243 data-product-id="10318808088757" 17244 rivo-ax-data 17245 rivo-ax-cloak 17246 rivo-ax-html="$store.icons.heart" 17247 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 17248 17249 17250 17251 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 17252 17253 @mouseenter.once="window.hoverImageLoad($el)" 17254 @touchstart.once.passive="window.hoverImageLoad($el)" 17255 > 17256 17257 17258 <a 17259 class="cursor-pointer" 17260 17261 href="/collections/best-sellers/products/rosemary-biotin-volumizing-shampoo-conditioner-combo" 17262 17263 aria-label="Rosemary & Biotin Volumizing Shampoo & Conditioner Combo"> 17264 17265 17266 17267 17268 17269 17270 17271 17272 17273 17274 17275 17276 17277 17278 17279 17280 17281 <img src="//www.mykitsch.com/cdn/shop/files/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?quality=75&v=1766763910&width=700" alt="Two sage-green rectangular bottles of Kitsch Volumizing Rosemary & Biotin Shampoo and Conditioner for fine, limp, and delicate hair. The labels highlight the use of NaturePep Amaranth, noting it is clinically tested to reduce friction and boost fullness. The bottles feature icons for bio-based, made in USA, sustainably sourced, and cruelty-free." srcset="//www.mykitsch.com/cdn/shop/files/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?quality=75&v=1766763910&width=200 200w, //www.mykitsch.com/cdn/shop/files/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?quality=75&v=1766763910&width=300 300w, //www.mykitsch.com/cdn/shop/files/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?quality=75&v=1766763910&width=400 400w, //www.mykitsch.com/cdn/shop/files/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?quality=75&v=1766763910&width=500 500w, //www.mykitsch.com/cdn/shop/files/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?quality=75&v=1766763910&width=600 600w, //www.mykitsch.com/cdn/shop/files/Rosemary_BiotinLiquidShampoo505909andConditioner505916.jpg?quality=75&v=1766763910&width=700 700w" width="700" height="700" loading="eager" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:47.949% 33.545%;"> 17282 17283 17284 17285 17286 <div 17287 data-hover-image="//www.mykitsch.com/cdn/shop/files/505909_Rosemary_Biotin_Liquid_Shampoo_8ef15e3f-d1b6-442f-9aec-1dad8065babd.png?v=1767215752&width=700" 17288 data-hover-alt="Kitsch Volumizing Rosemary & Biotin Shampoo advertisement. Featuring natural ingredients and a testimonial from Tiffany H.: "I love how much volume I got with this shampoo. The smell is great." Rated 5 stars." 17289 class="absolute z-10 top-0 left-0 h-full w-full" 17290 aria-hidden="true"></div> 17291 17292 17293 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 17294 17295 17296 17297 17298 17299 17300 17301 17302 17303 17304 17305 17306 17307 17308 17309 17310 17311 17312 17313 17314 17315 17316 17317 17318 17319 17320 17321 17322 17323 17324 17325 17326 17327 17328 17329 17330 17331 17332 17333 17334 17335 17336 17337 17338 17339 17340 17341</div> 17342 17343<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 17344 17345 17346 17347 17348 17349 17350 17351 17352 17353 17354 17355 17356 17357 17358 17359 17360 17361 17362 17363 17364 17365 17366 17367 17368 17369 17370 17371 17372 17373 17374 17375</div> 17376 17377 17378 17379 </a> 17380 17381 17382 17383 17384 17385 17386 17387 17388 </div> 17389 <a 17390 17391 href="/collections/best-sellers/products/rosemary-biotin-volumizing-shampoo-conditioner-combo" 17392 17393 class="card__content block cursor-pointer py-4 text-center space-y-1"> 17394 <p class="card__heading font-medium"> 17395 17396 Rosemary & Biotin Volumizing Shampoo & Conditioner Combo 17397 </p> 17398 <div class="flex justify-center gap-2 items-center"><div class=""> 17399 17400 17401<div hidden class="hidden"> 17402 10318808088757 17403</div> 17404 17405 17406 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 17407 <div data-oke-star-rating data-oke-reviews-product-id="shopify-10318808088757"> 17408 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.5 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
17408<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 90.8278%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.5 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">530</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
17408<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.5","reviewCount":530} </script>
17408</div> 17409 </div> 17410 17411 17412 17413 </div> 17414 17415 17416</div> 17417</div> 17418 <div class="card__information"> 17419 17420 17421 <div class="card__price"> 17422 17423 17424 17425 17426 17427 17428 17429 17430 17431 17432 17433 17434 17435 17436 17437 17438 17439<div class="flex gap-3 items-center justify-center "> 17440 <div x-init="$nextTick(() => { 17441 17442 17443 checkDiscountCode(false); 17444 17445 })" 17446 x-title="Product price" 17447 x-data="{ 17448 17449 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 17450 17451 isBundle: false, 17452 onSale: false, 17453 soldOut: false, 17454 isPDP: false, 17455 code_discount_active: false, 17456 17457 enable_tag_discount: false, 17458 17459 variant: { 17460 price: 2800, 17461 }, 17462 currentPrice(){ 17463 let price = this.variant.price; 17464 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 17465 price = price - (price * this.discount_percentage / 100); 17466 } 17467 return Math.round(price); 17468 }, 17469 getPrice(){ 17470 if(this.variant){ 17471 return Unick.formatMoney(this.currentPrice()); 17472 } 17473 }, 17474 showOriginalPrice(fallbackVisible){ 17475 return !!fallbackVisible; 17476 }, 17477 renderOriginalPrice(fallbackPrice){ 17478 return Unick.formatMoney(fallbackPrice || 0); 17479 }, 17480 checkDiscountCode(broadcast){ 17481 17482 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 17483 const cookieDiscount = Unick.getCookie('discount_code'); 17484 const discount = cookieDiscount ? this.discount_table.find((item) => { 17485 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 17486 }) : null; 17487 const codePercentage = Number(discount?.split(':')[1]) || 0; 17488 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 17489 let productPrice = 2800; 17490 17491 if(codePercentage > 0 && codePercentage >= tagPercentage){ 17492 // The larger of the code and tag discounts is shown; ties go 17493 // to the code since it is what checkout actually charges. The 17494 // cookie only holds codes the cart reports as applicable 17495 // (synced in theme.liquid). 17496 this.code_discount_active = true; 17497 this.onSale = true; 17498 this.$dispatch('discount-percentage', { percentage: codePercentage }); 17499 17500 let displayPrice = productPrice - (productPrice * codePercentage / 100); 17501 17502 let newOriginalPrice = 2800; 17503 17504 if(broadcast){ 17505 this.$dispatch('discounted-price', { id: 10318808088757, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 17506 }else{ 17507 this.variant.price = displayPrice; 17508 this.variant.original_price = newOriginalPrice; 17509 } 17510 17511 }else if(this.enable_tag_discount){ 17512 // No applicable code on the cart (or none matching the table), 17513 // or the code's percentage is smaller than the tag's â use the 17514 // tag discount. 17515 this.code_discount_active = false; 17516 if(cookieDiscount){ 17517 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 17518 } 17519 // PDP renders the discounted amount directly; PLP keeps the 17520 // full price in variant.price and getPrice() applies the tag 17521 // percentage on the fly. 17522 let displayPrice = this.isPDP 17523 ? productPrice - (productPrice * this.discount_percentage / 100) 17524 : productPrice; 17525 17526 let newOriginalPrice = 2800; 17527 17528 if(broadcast){ 17529 this.$dispatch('discounted-price', { id: 10318808088757, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 17530 }else{ 17531 this.variant.price = displayPrice; 17532 this.variant.original_price = newOriginalPrice; 17533 } 17534 17535 }else{ 17536 this.code_discount_active = false;
17537 this.onSale = false; 17538 if(cookieDiscount){ 17539 this.$dispatch('discount-percentage', { percentage: 0 }); 17540 } 17541 // reset price and dispatch the events to update the price 17542 17543 let newOriginalPrice = 2800; 17544 17545 if(broadcast){ 17546 this.$dispatch('discounted-price', { id: 10318808088757, new_price: 2800, new_original_price: newOriginalPrice, code_discount_active: false }); 17547 }else{ 17548 this.variant.price = 2800; 17549 this.variant.original_price = newOriginalPrice; 17550 } 17551 17552 } 17553 } 17554 17555 } 17556 }" 17557 17558 @discounted-price.window="if($event.detail.id == 10318808088757) { 17559 variant.price = $event.detail.new_price; 17560 variant.original_price = $event.detail.new_original_price; 17561 code_discount_active = $event.detail.code_discount_active; 17562 }" 17563 17564 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 17565 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 17566 class="price justify-center font-medium flex gap-x-2 items-center"> 17567 <div class="price__container"><div class="price__regular"> 17568 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 17569 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 17570 <span>$28.00</span> 17571 </span> 17572 17573 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 17574 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 17575 </template> 17576 17577 17578 <template x-if="enable_tag_discount && !code_discount_active"> 17579 <div class="inline-block tag-discount-price compare-at-price"> 17580 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 17581 class="price-item price-item--regular text-gray-700" 17582 aria-hidden="true"> 17583 </s> 17584 </div> 17585 </template> 17586 17587 17588 17589<span 17590 class="comp-price " 17591 data-comp-price="4000"> 17592 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$40.00</span></s><span class="comp-price__label">Comp. Value</span></span> 17593 </div><small class="unit-price hidden"> 17594 <span class="sr-only">Unit price</span> 17595 <span class="price-item price-item--last"> 17596 <span></span> 17597 <span aria-hidden="true">/</span> 17598 <span class="sr-only"> per </span> 17599 <span> 17600 </span> 17601 </span> 17602 </small> 17603 17604 </div> 17605 17606 </div> 17607</div> 17608 17609 17610 17611 </div> 17612 17613 17614 17615 17616 </div> 17617 </a> 17618 17619 17620 17621 17622 17623 <button type="button" 17624 x-data="QuickShopButton" 17625 data-product-handle="rosemary-biotin-volumizing-shampoo-conditioner-combo" 17626 17627 17628 x-bind="behaviour" 17629 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 17630 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 17631 quick shop 17632 </button> 17633 17634 17635 </div> 17636 </li> 17637 17638 17639<li class="grid__item collection-product-grid" 17640 data-handle="rosemary-biotin-shampoo-conditioner-2pc-combo-pack"> 17641
17642<script> 17643 window.hoverImageLoad = window.hoverImageLoad || function(el) { 17644 var p = el.querySelector('[data-hover-image]'); 17645 if (!p) return; 17646 var img = new Image(); 17647 img.src = p.dataset.hoverImage; 17648 img.alt = p.dataset.hoverAlt || ''; 17649 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 17650 img.loading = 'lazy'; 17651 img.decoding = 'async'; 17652 p.replaceWith(img); 17653 }; 17654 </script>
17654 17655 <div 17656 data-product-handle="rosemary-biotin-shampoo-conditioner-2pc-combo-pack" 17657 x-data 17658 class="card-wrapper flex flex-col h-full relative"> 17659 17660 17661 <rivo-favorite-button 17662 data-product-id="7839889817781" 17663 rivo-ax-data 17664 rivo-ax-cloak 17665 rivo-ax-html="$store.icons.heart" 17666 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 17667 17668 17669 17670 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 17671 17672 @mouseenter.once="window.hoverImageLoad($el)" 17673 @touchstart.once.passive="window.hoverImageLoad($el)" 17674 > 17675 17676 17677 <a 17678 class="cursor-pointer" 17679 17680 href="/collections/best-sellers/products/rosemary-biotin-shampoo-conditioner-2pc-combo-pack" 17681 17682 aria-label="Rosemary & Biotin Volumizing Shampoo & Conditioner Bar Combo"> 17683 17684 17685 17686 17687 17688 17689 17690 17691 17692 17693 17694 17695 17696 17697 17698 17699 17700 <img src="//www.mykitsch.com/cdn/shop/files/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?quality=75&v=1779215859&width=700" alt="KITSCH Volumizing Rosemary & Biotin Solid Shampoo Bar 3.2oz & Conditioner Bar 2.7oz Combo on light gray background â both bars labeled VOLUMIZING, For fine, limp, & delicate hair â icons: Bio-Based, Made in USA, Sustainably Sourced, 100 Washes, Cruelty-Free â bottle-free solid bar set for fine, limp, and delicate hair" srcset="//www.mykitsch.com/cdn/shop/files/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?quality=75&v=1779215859&width=200 200w, //www.mykitsch.com/cdn/shop/files/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?quality=75&v=1779215859&width=300 300w, //www.mykitsch.com/cdn/shop/files/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?quality=75&v=1779215859&width=400 400w, //www.mykitsch.com/cdn/shop/files/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?quality=75&v=1779215859&width=500 500w, //www.mykitsch.com/cdn/shop/files/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?quality=75&v=1779215859&width=600 600w, //www.mykitsch.com/cdn/shop/files/68738-Rosemary_Biotin-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_8f6bbc9c-73b2-40c7-8361-f10de156af29.jpg?quality=75&v=1779215859&width=700 700w" width="700" height="700" loading="eager" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:44.092% 54.248%;"> 17701 17702 17703 17704 17705 <div 17706 data-hover-image="//www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-5StarReview-300dpi.png?v=1778788537&width=700" 17707 data-hover-alt="5-star customer review flat-lay for KITSCH Volumizing Rosemary & Biotin Solid Shampoo Bar on light green background styled with rosemary sprigs, white flower, and vanilla beans â Sharon L.: "IT MADE MY HAIR FEEL HEALTHIER-SHINY AND WITH MORE VOLUME. I LOVE THE LIGHT REFRESHING FRAGRANCE." â Cruelty-Free, Recyclable Paper Packaging" 17708 class="absolute z-10 top-0 left-0 h-full w-full" 17709 aria-hidden="true"></div> 17710 17711 17712 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 17713 17714 17715 17716 17717 17718 17719 17720 17721 17722 17723 17724 17725 17726 17727 17728 17729 17730 17731 17732 17733 17734 17735 17736 17737 17738 17739 17740 17741 17742 17743 17744 17745 17746 17747 17748 17749 17750 17751 17752 17753 17754 17755 17756 17757 17758 17759 17760 17761 17762 17763 17764</div> 17765 17766<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 17767 17768 17769 17770 17771 17772 17773 17774 17775 17776 17777 17778 17779 17780 17781 17782 17783 17784 17785 17786 17787 17788 17789 17790 17791 17792 17793 17794 17795 17796 17797 17798 17799 17800 17801 17802</div> 17803 17804 17805 17806 </a> 17807 17808 17809 17810 17811 17812 17813 17814 17815 </div> 17816 <a 17817 17818 href="/collections/best-sellers/products/rosemary-biotin-shampoo-conditioner-2pc-combo-pack" 17819 17820 class="card__content block cursor-pointer py-4 text-center space-y-1"> 17821 <p class="card__heading font-medium"> 17822 17823 Rosemary & Biotin Volumizing Shampoo & Conditioner Bar Combo 17824 </p> 17825 <div class="flex justify-center gap-2 items-center"><div class=""> 17826 17827 17828<div hidden class="hidden"> 17829 7839889817781 17830</div> 17831 17832 17833 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 17834 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7839889817781"> 17835 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
17835<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.4967%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">1,543</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
17835<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.7","reviewCount":1543} </script>
17835</div> 17836 </div> 17837 17838 17839 17840 </div> 17841 17842 17843</div> 17844</div> 17845 <div class="card__information"> 17846 17847 17848 <div class="card__price"> 17849 17850 17851 17852 17853 17854 17855 17856 17857 17858 17859 17860 17861 17862 17863 17864 17865 17866<div class="flex gap-3 items-center justify-center "> 17867 <div x-init="$nextTick(() => { 17868 17869 17870 checkDiscountCode(false); 17871 17872 })" 17873 x-title="Product price" 17874 x-data="{ 17875 17876 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 17877 17878 isBundle: false, 17879 onSale: false, 17880 soldOut: false, 17881 isPDP: false, 17882 code_discount_active: false, 17883 17884 enable_tag_discount: false, 17885 17886 variant: { 17887 price: 2800, 17888 }, 17889 currentPrice(){ 17890 let price = this.variant.price; 17891 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 17892 price = price - (price * this.discount_percentage / 100); 17893 } 17894 return Math.round(price); 17895 }, 17896 getPrice(){ 17897 if(this.variant){ 17898 return Unick.formatMoney(this.currentPrice()); 17899 } 17900 }, 17901 showOriginalPrice(fallbackVisible){ 17902 return !!fallbackVisible; 17903 }, 17904 renderOriginalPrice(fallbackPrice){ 17905 return Unick.formatMoney(fallbackPrice || 0); 17906 }, 17907 checkDiscountCode(broadcast){ 17908 17909 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 17910 const cookieDiscount = Unick.getCookie('discount_code'); 17911 const discount = cookieDiscount ? this.discount_table.find((item) => { 17912 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 17913 }) : null; 17914 const codePercentage = Number(discount?.split(':')[1]) || 0; 17915 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 17916 let productPrice = 2800; 17917 17918 if(codePercentage > 0 && codePercentage >= tagPercentage){ 17919 // The larger of the code and tag discounts is shown; ties go 17920 // to the code since it is what checkout actually charges. The 17921 // cookie only holds codes the cart reports as applicable 17922 // (synced in theme.liquid). 17923 this.code_discount_active = true; 17924 this.onSale = true; 17925 this.$dispatch('discount-percentage', { percentage: codePercentage }); 17926 17927 let displayPrice = productPrice - (productPrice * codePercentage / 100); 17928 17929 let newOriginalPrice = 2800; 17930 17931 if(broadcast){ 17932 this.$dispatch('discounted-price', { id: 7839889817781, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 17933 }else{ 17934 this.variant.price = displayPrice; 17935 this.variant.original_price = newOriginalPrice; 17936 } 17937 17938 }else if(this.enable_tag_discount){ 17939 // No applicable code on the cart (or none matching the table), 17940 // or the code's percentage is smaller than the tag's â use the 17941 // tag discount. 17942 this.code_discount_active = false; 17943 if(cookieDiscount){ 17944 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 17945 } 17946 // PDP renders the discounted amount directly; PLP keeps the 17947 // full price in variant.price and getPrice() applies the tag 17948 // percentage on the fly. 17949 let displayPrice = this.isPDP 17950 ? productPrice - (productPrice * this.discount_percentage / 100) 17951 : productPrice; 17952 17953 let newOriginalPrice = 2800; 17954 17955 if(broadcast){ 17956 this.$dispatch('discounted-price', { id: 7839889817781, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 17957 }else{ 17958 this.variant.price = displayPrice; 17959 this.variant.original_price = newOriginalPrice; 17960 } 17961 17962 }else{ 17963 this.code_discount_active = false;
17964 this.onSale = false; 17965 if(cookieDiscount){ 17966 this.$dispatch('discount-percentage', { percentage: 0 }); 17967 } 17968 // reset price and dispatch the events to update the price 17969 17970 let newOriginalPrice = 2800; 17971 17972 if(broadcast){ 17973 this.$dispatch('discounted-price', { id: 7839889817781, new_price: 2800, new_original_price: newOriginalPrice, code_discount_active: false }); 17974 }else{ 17975 this.variant.price = 2800; 17976 this.variant.original_price = newOriginalPrice; 17977 } 17978 17979 } 17980 } 17981 17982 } 17983 }" 17984 17985 @discounted-price.window="if($event.detail.id == 7839889817781) { 17986 variant.price = $event.detail.new_price; 17987 variant.original_price = $event.detail.new_original_price; 17988 code_discount_active = $event.detail.code_discount_active; 17989 }" 17990 17991 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 17992 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 17993 class="price justify-center font-medium flex gap-x-2 items-center"> 17994 <div class="price__container"><div class="price__regular"> 17995 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 17996 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 17997 <span>$28.00</span> 17998 </span> 17999 18000 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 18001 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 18002 </template> 18003 18004 18005 <template x-if="enable_tag_discount && !code_discount_active"> 18006 <div class="inline-block tag-discount-price compare-at-price"> 18007 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 18008 class="price-item price-item--regular text-gray-700" 18009 aria-hidden="true"> 18010 </s> 18011 </div> 18012 </template> 18013 18014 18015 18016<span 18017 class="comp-price " 18018 data-comp-price="4400"> 18019 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$44.00</span></s><span class="comp-price__label">Comp. Value</span></span> 18020 </div><small class="unit-price hidden"> 18021 <span class="sr-only">Unit price</span> 18022 <span class="price-item price-item--last"> 18023 <span></span> 18024 <span aria-hidden="true">/</span> 18025 <span class="sr-only"> per </span> 18026 <span> 18027 </span> 18028 </span> 18029 </small> 18030 18031 </div> 18032 18033 </div> 18034</div> 18035 18036 18037 18038 </div> 18039 18040 18041 18042 18043 </div> 18044 </a> 18045 18046 18047 18048 18049 18050 <button type="button" 18051 x-data="QuickShopButton" 18052 data-product-handle="rosemary-biotin-shampoo-conditioner-2pc-combo-pack" 18053 18054 18055 x-bind="behaviour" 18056 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 18057 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 18058 quick shop 18059 </button> 18060 18061 18062 </div> 18063 </li> 18064 18065 18066<li class="grid__item collection-product-grid" 18067 data-handle="tart-cherry-hair-perfume"> 18068
18069<script> 18070 window.hoverImageLoad = window.hoverImageLoad || function(el) { 18071 var p = el.querySelector('[data-hover-image]'); 18072 if (!p) return; 18073 var img = new Image(); 18074 img.src = p.dataset.hoverImage; 18075 img.alt = p.dataset.hoverAlt || ''; 18076 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 18077 img.loading = 'lazy'; 18078 img.decoding = 'async'; 18079 p.replaceWith(img); 18080 }; 18081 </script>
18081 18082 <div 18083 data-product-handle="tart-cherry-hair-perfume" 18084 x-data 18085 class="card-wrapper flex flex-col h-full relative"> 18086 18087 18088 <rivo-favorite-button 18089 data-product-id="8060554215605" 18090 rivo-ax-data 18091 rivo-ax-cloak 18092 rivo-ax-html="$store.icons.heart" 18093 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 18094 18095 18096 18097 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 18098 18099 @mouseenter.once="window.hoverImageLoad($el)" 18100 @touchstart.once.passive="window.hoverImageLoad($el)" 18101 > 18102 18103 18104 <a 18105 class="cursor-pointer" 18106 18107 href="/collections/best-sellers/products/tart-cherry-hair-perfume" 18108 18109 aria-label="Tart Cherry Hair & Body Perfume Mist"> 18110 18111 18112 18113 18114 18115 18116 18117 18118 18119 18120 18121 18122 18123 18124 18125 18126 18127 <img src="//www.mykitsch.com/cdn/shop/files/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?quality=75&v=1788569475&width=700" alt="Kitsch Tart Cherry Hair & Body Perfume Mist bottle on a soft pink background" srcset="//www.mykitsch.com/cdn/shop/files/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?quality=75&v=1788569475&width=200 200w, //www.mykitsch.com/cdn/shop/files/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?quality=75&v=1788569475&width=300 300w, //www.mykitsch.com/cdn/shop/files/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?quality=75&v=1788569475&width=400 400w, //www.mykitsch.com/cdn/shop/files/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?quality=75&v=1788569475&width=500 500w, //www.mykitsch.com/cdn/shop/files/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?quality=75&v=1788569475&width=600 600w, //www.mykitsch.com/cdn/shop/files/69162-TartCherryHairPerfume-SeasonalCollection-Cherry-hero-1280x1280px_d950acec-e1e0-4de9-8cf4-787ec60efb97.jpg?quality=75&v=1788569475&width=700 700w" width="700" height="700" loading="eager" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"> 18128 18129 18130 18131 18132 <div 18133 data-hover-image="//www.mykitsch.com/cdn/shop/files/69162_Tart_Cherry_Hair_Perfume_Review_Image.png?v=1773259797&width=700" 18134 data-hover-alt="Kitsch Tart Cherry Hair Perfume bottle styled with fresh cherries and a five-star customer review" 18135 class="absolute z-10 top-0 left-0 h-full w-full" 18136 aria-hidden="true"></div> 18137 18138 18139 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 18140 18141 18142 18143 18144 18145 18146 18147 18148 18149 18150 18151 18152 18153 18154 18155 18156 18157 18158 18159 18160 18161 18162 18163 18164 18165 18166 18167</div> 18168 18169<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 18170 18171 18172 18173 18174 18175 18176 18177 18178 18179 18180 18181</div> 18182 18183 18184 18185 </a> 18186 18187 18188 18189 18190 18191<style> 18192 .product-shades { 18193 position: absolute; 18194 right: .75rem; 18195 bottom: .75rem; 18196 z-index: 20; 18197 display: flex; 18198 align-items: center; 18199 gap: .375rem; 18200 margin: 0; 18201 padding: 0; 18202 list-style: none; 18203 pointer-events: none; 18204 } 18205 18206 .product-shades__item { 18207 display: block; 18208 width: 15px; 18209 height: 15px; 18210 border-radius: 9999px; 18211 border: 1px solid #fff; 18212 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 18213 background-size: cover; 18214 background-position: center; 18215 background-repeat: no-repeat; 18216 } 18217 18218 @media (max-width: 767px) { 18219 .product-shades { 18220 right: .5rem; 18221 bottom: .5rem; 18222 gap: .25rem; 18223 } 18224 } 18225 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/KRBCS-38-513317-Bvutltered-Caramel-Hair-Perfume-UC-50mL_PP2_-_Top
18225az_Gigapixel_escala_2x_-_Topaz_Gigapixel_escala_2x_46dabdd5-4651-41b6-ba9c-f7dbd9b2ce99.jpg?v=1786044079&width=100)"> 18226 <span class="sr-only">Caramel Cream Hair & Body Perfume Mist</span> 18227 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/512785-Soft-Santal-Hair-Perfume__ai.png?v=1786043768&width=100)"> 18228 <span class="sr-only">Soft Santal Hair & Body Perfume Mist</span> 18229 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/tula_rose_Hair_Perfume_Swatch.png?v=1768316994&width=100)"> 18230 <span class="sr-only">Tula Rose Hair & Body Perfume Mist</span> 18231 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/Untitled_design_91d2407d-a09f-497a-a96c-e5c476541db6.png?v=1758644137&width=100)"> 18232 <span class="sr-only">Oak & Amber Hair & Body Perfume Mist</span> 18233 </li></ul> 18234 18235 18236 </div> 18237 <a 18238 18239 href="/collections/best-sellers/products/tart-cherry-hair-perfume" 18240 18241 class="card__content block cursor-pointer py-4 text-center space-y-1"> 18242 <p class="card__heading font-medium"> 18243 18244 Tart Cherry Hair & Body Perfume Mist 18245 </p> 18246 <div class="flex justify-center gap-2 items-center"><div class=""> 18247 18248 18249<div hidden class="hidden"> 18250 8060554215605 18251</div> 18252 18253 18254 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 18255 <div data-oke-star-rating data-oke-reviews-product-id="shopify-8060554215605"> 18256 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.5 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 90.8278%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.5 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">610</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
18256<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.5","reviewCount":610} </script>
18256</div> 18257 </div> 18258 18259 18260 18261 </div> 18262 18263 18264</div> 18265</div> 18266 <div class="card__information"> 18267 18268 18269 <div class="card__price"> 18270 18271 18272 18273 18274 18275 18276 18277 18278 18279 18280 18281 18282 18283 18284 18285 18286 18287<div class="flex gap-3 items-center justify-center "> 18288 <div x-init="$nextTick(() => { 18289 18290 18291 checkDiscountCode(false); 18292 18293 })" 18294 x-title="Product price" 18295 x-data="{ 18296 18297 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 18298 18299 isBundle: false, 18300 onSale: false, 18301 soldOut: false, 18302 isPDP: false, 18303 code_discount_active: false, 18304 18305 enable_tag_discount: false, 18306 18307 variant: { 18308 price: 2000, 18309 }, 18310 currentPrice(){ 18311 let price = this.variant.price; 18312 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 18313 price = price - (price * this.discount_percentage / 100); 18314 } 18315 return Math.round(price); 18316 }, 18317 getPrice(){ 18318 if(this.variant){ 18319 return Unick.formatMoney(this.currentPrice()); 18320 } 18321 }, 18322 showOriginalPrice(fallbackVisible){ 18323 return !!fallbackVisible; 18324 }, 18325 renderOriginalPrice(fallbackPrice){ 18326 return Unick.formatMoney(fallbackPrice || 0); 18327 }, 18328 checkDiscountCode(broadcast){ 18329 18330 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 18331 const cookieDiscount = Unick.getCookie('discount_code'); 18332 const discount = cookieDiscount ? this.discount_table.find((item) => { 18333 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 18334 }) : null; 18335 const codePercentage = Number(discount?.split(':')[1]) || 0; 18336 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 18337 let productPrice = 2000; 18338 18339 if(codePercentage > 0 && codePercentage >= tagPercentage){ 18340 // The larger of the code and tag discounts is shown; ties go 18341 // to the code since it is what checkout actually charges. The 18342 // cookie only holds codes the cart reports as applicable 18343 // (synced in theme.liquid). 18344 this.code_discount_active = true; 18345 this.onSale = true; 18346 this.$dispatch('discount-percentage', { percentage: codePercentage }); 18347 18348 let displayPrice = productPrice - (productPrice * codePercentage / 100); 18349 18350 let newOriginalPrice = 2000; 18351 18352 if(broadcast){ 18353 this.$dispatch('discounted-price', { id: 8060554215605, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 18354 }else{ 18355 this.variant.price = displayPrice; 18356 this.variant.original_price = newOriginalPrice; 18357 } 18358 18359 }else if(this.enable_tag_discount){ 18360 // No applicable code on the cart (or none matching the table), 18361 // or the code's percentage is smaller than the tag's â use the 18362 // tag discount. 18363 this.code_discount_active = false; 18364 if(cookieDiscount){ 18365 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 18366 } 18367 // PDP renders the discounted amount directly; PLP keeps the 18368 // full price in variant.price and getPrice() applies the tag 18369 // percentage on the fly. 18370 let displayPrice = this.isPDP 18371 ? productPrice - (productPrice * this.discount_percentage / 100) 18372 : productPrice; 18373 18374 let newOriginalPrice = 2000; 18375 18376 if(broadcast){ 18377 this.$dispatch('discounted-price', { id: 8060554215605, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 18378 }else{ 18379 this.variant.price = displayPrice; 18380 this.variant.original_price = newOriginalPrice; 18381 } 18382 18383 }else{ 18384 this.code_discount_active = false;
18385 this.onSale = false; 18386 if(cookieDiscount){ 18387 this.$dispatch('discount-percentage', { percentage: 0 }); 18388 } 18389 // reset price and dispatch the events to update the price 18390 18391 let newOriginalPrice = 2000; 18392 18393 if(broadcast){ 18394 this.$dispatch('discounted-price', { id: 8060554215605, new_price: 2000, new_original_price: newOriginalPrice, code_discount_active: false }); 18395 }else{ 18396 this.variant.price = 2000; 18397 this.variant.original_price = newOriginalPrice; 18398 } 18399 18400 } 18401 } 18402 18403 } 18404 }" 18405 18406 @discounted-price.window="if($event.detail.id == 8060554215605) { 18407 variant.price = $event.detail.new_price; 18408 variant.original_price = $event.detail.new_original_price; 18409 code_discount_active = $event.detail.code_discount_active; 18410 }" 18411 18412 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 18413 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 18414 class="price justify-center font-medium flex gap-x-2 items-center"> 18415 <div class="price__container"><div class="price__regular"> 18416 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 18417 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 18418 <span>$20.00</span> 18419 </span> 18420 18421 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 18422 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 18423 </template> 18424 18425 18426 <template x-if="enable_tag_discount && !code_discount_active"> 18427 <div class="inline-block tag-discount-price compare-at-price"> 18428 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 18429 class="price-item price-item--regular text-gray-700" 18430 aria-hidden="true"> 18431 </s> 18432 </div> 18433 </template> 18434 18435 18436 18437 18438 </div><small class="unit-price hidden"> 18439 <span class="sr-only">Unit price</span> 18440 <span class="price-item price-item--last"> 18441 <span></span> 18442 <span aria-hidden="true">/</span> 18443 <span class="sr-only"> per </span> 18444 <span> 18445 </span> 18446 </span> 18447 </small> 18448 18449 </div> 18450 18451 </div> 18452</div> 18453 18454 18455 18456 </div> 18457 18458 18459 18460 18461 </div> 18462 </a> 18463 18464 18465 18466 18467 18468 <button type="button" 18469 x-data="QuickShopButton" 18470 data-product-handle="tart-cherry-hair-perfume" 18471 18472 data-has-options="true" 18473 x-bind="behaviour" 18474 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 18475 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 18476 quick shop 18477 </button> 18478 18479 18480 </div> 18481 </li> 18482 18483 18484<li class="grid__item collection-product-grid" 18485 data-handle="coastal-cottage-hair-perfume-duo"> 18486
18487<script> 18488 window.hoverImageLoad = window.hoverImageLoad || function(el) { 18489 var p = el.querySelector('[data-hover-image]'); 18490 if (!p) return; 18491 var img = new Image(); 18492 img.src = p.dataset.hoverImage; 18493 img.alt = p.dataset.hoverAlt || ''; 18494 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 18495 img.loading = 'lazy'; 18496 img.decoding = 'async'; 18497 p.replaceWith(img); 18498 }; 18499 </script>
18499 18500 <div 18501 data-product-handle="coastal-cottage-hair-perfume-duo" 18502 x-data 18503 class="card-wrapper flex flex-col h-full relative"> 18504 18505 18506 <rivo-favorite-button 18507 data-product-id="10399449743541" 18508 rivo-ax-data 18509 rivo-ax-cloak 18510 rivo-ax-html="$store.icons.heart" 18511 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 18512 18513 18514 18515 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 18516 18517 @mouseenter.once="window.hoverImageLoad($el)" 18518 @touchstart.once.passive="window.hoverImageLoad($el)" 18519 > 18520 18521 18522 <a 18523 class="cursor-pointer" 18524 18525 href="/collections/best-sellers/products/coastal-cottage-hair-perfume-duo" 18526 18527 aria-label="Coastal Cottage Hair Perfume Duo"> 18528 18529 18530 18531 18532 18533 18534 18535 18536 18537 18538 18539 18540 18541 18542 18543 18544 18545 <img src="//www.mykitsch.com/cdn/shop/files/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174&width=700" alt="Kitsch Coastal Cottage Hair Perfume Duo set â two hair perfume bottles on a soft neutral background" srcset="//www.mykitsch.com/cdn/shop/files/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174&width=200 200w, //www.mykitsch.com/cdn/shop/files/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174&width=300 300w, //www.mykitsch.com/cdn/shop/files/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174&width=400 400w, //www.mykitsch.com/cdn/shop/files/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174&width=500 500w, //www.mykitsch.com/cdn/shop/files/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174&width=600 600w, //www.mykitsch.com/cdn/shop/files/CoastalCottageHairPerfumeDuo_Recolored.png?v=1774621174&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:49.927% 28.589%;"> 18546 18547 18548 18549 18550 <div 18551 data-hover-image="//www.mykitsch.com/cdn/shop/files/509693BeachyGelatoHairPerfumeInfographics.jpg?v=1775596304&width=700" 18552 data-hover-alt="Kitsch Beachy Gelato Hair Perfume scent notes infographic â top, middle, and base fragrance notes" 18553 class="absolute z-10 top-0 left-0 h-full w-full" 18554 aria-hidden="true"></div> 18555 18556 18557 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 18558 18559 18560 18561 18562 18563 18564 18565 18566 18567 18568 18569 18570 18571 18572 18573 18574 18575 18576 18577 18578 18579 18580 18581 18582 18583 18584 18585 18586 18587 18588 <i class="discount-flag not-italic text-xs md:text-sm pb-1 z-10 absolute top-2 right-2 bg-black text-white px-2 py-1 " 18589 style="background-color: #000; color: #fff;">30% OFF</i> 18590 18591 18592 18593</div> 18594 18595<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 18596 18597 18598 18599 18600 18601 18602 18603 18604 18605 18606 18607 18608 18609</div> 18610 18611 18612 18613 </a> 18614 18615 18616 18617 18618 18619 18620 18621 18622 </div> 18623 <a 18624 18625 href="/collections/best-sellers/products/coastal-cottage-hair-perfume-duo" 18626 18627 class="card__content block cursor-pointer py-4 text-center space-y-1"> 18628 <p class="card__heading font-medium"> 18629 18630 Coastal Cottage Hair Perfume Duo 18631 </p> 18632 <div class="flex justify-center gap-2 items-center"><div class=""> 18633 18634 18635<div hidden class="hidden"> 18636 10399449743541 18637</div> 18638 18639 18640 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 18641 <div data-oke-star-rating data-oke-reviews-product-id="shopify-10399449743541"> 18642 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.6 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
18642<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 92.6622%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.6 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">4,354</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
18642<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.6","reviewCount":4354} </script>
18642</div> 18643 </div> 18644 18645 18646 18647 </div> 18648 18649 18650</div> 18651</div> 18652 <div class="card__information"> 18653 18654 18655 <div class="card__price"> 18656 18657 18658 18659 18660 18661 18662 18663 18664 18665 18666 18667 18668 18669 18670 18671 18672 18673<div class="flex gap-3 items-center justify-center "> 18674 <div x-init="$nextTick(() => { 18675 18676 18677 checkDiscountCode(false); 18678 18679 })" 18680 x-title="Product price" 18681 x-data="{ 18682 18683 isBundle: true, 18684 onSale: true, 18685 soldOut: false, 18686 isPDP: false, 18687 code_discount_active: false, 18688 18689 enable_tag_discount: false, 18690 18691 variant: { 18692 price: 2800, 18693 }, 18694 currentPrice(){ 18695 let price = this.variant.price; 18696 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 18697 price = price - (price * this.discount_percentage / 100); 18698 } 18699 return Math.round(price); 18700 }, 18701 getPrice(){ 18702 if(this.variant){ 18703 return Unick.formatMoney(this.currentPrice()); 18704 } 18705 }, 18706 showOriginalPrice(fallbackVisible){ 18707 return !!fallbackVisible; 18708 }, 18709 renderOriginalPrice(fallbackPrice){ 18710 return Unick.formatMoney(fallbackPrice || 0); 18711 }, 18712 checkDiscountCode(broadcast){ 18713 18714 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 18715 const cookieDiscount = Unick.getCookie('discount_code'); 18716 const discount = cookieDiscount ? this.discount_table.find((item) => { 18717 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 18718 }) : null; 18719 const codePercentage = Number(discount?.split(':')[1]) || 0; 18720 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 18721 let productPrice = 2800; 18722 18723 if(codePercentage > 0 && codePercentage >= tagPercentage){ 18724 // The larger of the code and tag discounts is shown; ties go 18725 // to the code since it is what checkout actually charges. The 18726 // cookie only holds codes the cart reports as applicable 18727 // (synced in theme.liquid). 18728 this.code_discount_active = true; 18729 this.onSale = true; 18730 this.$dispatch('discount-percentage', { percentage: codePercentage }); 18731 18732 let displayPrice = productPrice - (productPrice * codePercentage / 100); 18733 18734 let newOriginalPrice = 4000; 18735 18736 if(broadcast){ 18737 this.$dispatch('discounted-price', { id: 10399449743541, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 18738 }else{ 18739 this.variant.price = displayPrice; 18740 this.variant.original_price = newOriginalPrice; 18741 } 18742 18743 }else if(this.enable_tag_discount){ 18744 // No applicable code on the cart (or none matching the table), 18745 // or the code's percentage is smaller than the tag's â use the 18746 // tag discount. 18747 this.code_discount_active = false; 18748 if(cookieDiscount){ 18749 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 18750 } 18751 // PDP renders the discounted amount directly; PLP keeps the 18752 // full price in variant.price and getPrice() applies the tag 18753 // percentage on the fly. 18754 let displayPrice = this.isPDP 18755 ? productPrice - (productPrice * this.discount_percentage / 100) 18756 : productPrice; 18757 18758 let newOriginalPrice = 4000; 18759 18760 if(broadcast){ 18761 this.$dispatch('discounted-price', { id: 10399449743541, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 18762 }else{ 18763 this.variant.price = displayPrice; 18764 this.variant.original_price = newOriginalPrice; 18765 } 18766 18767 }else{ 18768 this.code_discount_active = false;
18769 this.onSale = false; 18770 if(cookieDiscount){ 18771 this.$dispatch('discount-percentage', { percentage: 0 }); 18772 } 18773 // reset price and dispatch the events to update the price 18774 18775 let newOriginalPrice = 4000; 18776 18777 if(broadcast){ 18778 this.$dispatch('discounted-price', { id: 10399449743541, new_price: 2800, new_original_price: newOriginalPrice, code_discount_active: false }); 18779 }else{ 18780 this.variant.price = 2800; 18781 this.variant.original_price = newOriginalPrice; 18782 } 18783 18784 } 18785 } 18786 18787 } 18788 }" 18789 18790 @discounted-price.window="if($event.detail.id == 10399449743541) { 18791 variant.price = $event.detail.new_price; 18792 variant.original_price = $event.detail.new_original_price; 18793 code_discount_active = $event.detail.code_discount_active; 18794 }" 18795 18796 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 18797 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 18798 class="price justify-center font-medium flex gap-x-2 items-center price--on-sale "> 18799 <div class="price__container"> 18800 <div class="price__sale flex gap-2"> 18801 <span class="sr-only" x-text="(4000 > 2800) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(4000)) : getPrice()"></span> 18802 <span class="price-item price-item--last price-item--current text-red-700 " x-text="getPrice()" aria-hidden="true"> 18803 <span>$28.00</span> 18804 </span> 18805 18806 <template x-if="enable_tag_discount"> 18807 <div class="inline-block compare-at-price"> 18808 18809 <s x-show="!isPDP" x-text="Unick.formatMoney(4000)" 18810 class="price-item price-item--regular text-gray-700" 18811 aria-hidden="true"> 18812 </s> 18813 18814 </div> 18815 </template> 18816 18817 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price && enable_tag_discount)"> 18818 <s x-show="isPDP" x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 18819 </template> 18820 <span x-show="!enable_tag_discount" class="compare-at-price" aria-hidden="true"> 18821 <s class="price-item price-item--regular text-gray-700"> 18822 18823 <span>$40.00</span> 18824 18825 </s> 18826 </span> 18827 18828 18829 </div><small class="unit-price hidden"> 18830 <span class="sr-only">Unit price</span> 18831 <span class="price-item price-item--last"> 18832 <span></span> 18833 <span aria-hidden="true">/</span> 18834 <span class="sr-only"> per </span> 18835 <span> 18836 </span> 18837 </span> 18838 </small> 18839 18840 </div> 18841 18842 </div> 18843</div> 18844 18845 18846 18847 </div> 18848 18849 18850 18851 18852 </div> 18853 </a> 18854 18855 18856 18857 18858 18859 <button type="button" 18860 x-data="QuickShopButton" 18861 data-product-handle="coastal-cottage-hair-perfume-duo" 18862 data-is-bundle="true" 18863 18864 x-bind="behaviour" 18865 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 18866 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 18867 quick shop 18868 </button> 18869 18870 18871 </div> 18872 </li> 18873 18874 18875<li class="grid__item collection-product-grid" 18876 data-handle="warm-sugar-hair-perfume"> 18877
18878<script> 18879 window.hoverImageLoad = window.hoverImageLoad || function(el) { 18880 var p = el.querySelector('[data-hover-image]'); 18881 if (!p) return; 18882 var img = new Image(); 18883 img.src = p.dataset.hoverImage; 18884 img.alt = p.dataset.hoverAlt || ''; 18885 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 18886 img.loading = 'lazy'; 18887 img.decoding = 'async'; 18888 p.replaceWith(img); 18889 }; 18890 </script>
18890 18891 <div 18892 data-product-handle="warm-sugar-hair-perfume" 18893 x-data 18894 class="card-wrapper flex flex-col h-full relative"> 18895 18896 18897 <rivo-favorite-button 18898 data-product-id="8022086385845" 18899 rivo-ax-data 18900 rivo-ax-cloak 18901 rivo-ax-html="$store.icons.heart" 18902 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 18903 18904 18905 18906 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 18907 18908 @mouseenter.once="window.hoverImageLoad($el)" 18909 @touchstart.once.passive="window.hoverImageLoad($el)" 18910 > 18911 18912 18913 <a 18914 class="cursor-pointer" 18915 18916 href="/collections/best-sellers/products/warm-sugar-hair-perfume" 18917 18918 aria-label="Warm Sugar Hair & Body Perfume Mist"> 18919 18920 18921 18922 18923 18924 18925 18926 18927 18928 18929 18930 18931 18932 18933 18934 18935 18936 <img src="//www.mykitsch.com/cdn/shop/files/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?quality=75&v=1789574385&width=700" alt="Kitsch Warm Sugar Hair & Body Perfume Mist bottle on a soft pink background" srcset="//www.mykitsch.com/cdn/shop/files/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?quality=75&v=1789574385&width=200 200w, //www.mykitsch.com/cdn/shop/files/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?quality=75&v=1789574385&width=300 300w, //www.mykitsch.com/cdn/shop/files/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?quality=75&v=1789574385&width=400 400w, //www.mykitsch.com/cdn/shop/files/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?quality=75&v=1789574385&width=500 500w, //www.mykitsch.com/cdn/shop/files/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?quality=75&v=1789574385&width=600 600w, //www.mykitsch.com/cdn/shop/files/69841-WarmSugar-HairPerfume-Fragrance-50ml-hero-1280x1280px_46ce05a7-c046-420d-9055-a9c6998adc54.jpg?quality=75&v=1789574385&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"> 18937 18938 18939 18940 18941 <div 18942 data-hover-image="//www.mykitsch.com/cdn/shop/files/69841_Warm_Sugar_Hair_Perfume_Review_Image.png?v=1776192965&width=700" 18943 data-hover-alt="Kitsch Warm Sugar Hair Perfume bottle with 5-star customer review, surrounded by grapefruit and vanilla on a pink background" 18944 class="absolute z-10 top-0 left-0 h-full w-full" 18945 aria-hidden="true"></div> 18946 18947 18948 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 18949 18950 18951 18952 18953 18954 18955 18956 18957 18958 18959 18960 18961 18962 18963 18964 18965 18966 18967 18968 18969 18970 18971 18972 18973 18974 18975 18976 18977 18978 18979 18980</div> 18981 18982<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 18983 18984 18985 18986 18987 18988 18989 18990 18991 18992 18993 18994 18995 18996 18997 18998</div> 18999 19000 19001 19002 </a> 19003 19004 19005 19006 19007 19008<style> 19009 .product-shades { 19010 position: absolute; 19011 right: .75rem; 19012 bottom: .75rem; 19013 z-index: 20; 19014 display: flex; 19015 align-items: center; 19016 gap: .375rem; 19017 margin: 0; 19018 padding: 0; 19019 list-style: none; 19020 pointer-events: none; 19021 } 19022 19023 .product-shades__item { 19024 display: block; 19025 width: 15px; 19026 height: 15px; 19027 border-radius: 9999px; 19028 border: 1px solid #fff; 19029 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 19030 background-size: cover; 19031 background-position: center; 19032 background-repeat: no-repeat; 19033 } 19034 19035 @media (max-width: 767px) { 19036 .product-shades { 19037 right: .5rem; 19038 bottom: .5rem; 19039 gap: .25rem; 19040 } 19041 } 19042 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/KRBCS-38-513317-Bvutltered-Caramel-Hair-Perfume-UC-50mL_PP2_-_Top
19042az_Gigapixel_escala_2x_-_Topaz_Gigapixel_escala_2x_46dabdd5-4651-41b6-ba9c-f7dbd9b2ce99.jpg?v=1786044079&width=100)"> 19043 <span class="sr-only">Caramel Cream Hair & Body Perfume Mist</span> 19044 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/512785-Soft-Santal-Hair-Perfume__ai.png?v=1786043768&width=100)"> 19045 <span class="sr-only">Soft Santal Hair & Body Perfume Mist</span> 19046 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/tula_rose_Hair_Perfume_Swatch.png?v=1768316994&width=100)"> 19047 <span class="sr-only">Tula Rose Hair & Body Perfume Mist</span> 19048 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/Untitled_design_91d2407d-a09f-497a-a96c-e5c476541db6.png?v=1758644137&width=100)"> 19049 <span class="sr-only">Oak & Amber Hair & Body Perfume Mist</span> 19050 </li></ul> 19051 19052 19053 </div> 19054 <a 19055 19056 href="/collections/best-sellers/products/warm-sugar-hair-perfume" 19057 19058 class="card__content block cursor-pointer py-4 text-center space-y-1"> 19059 <p class="card__heading font-medium"> 19060 19061 Warm Sugar Hair & Body Perfume Mist 19062 </p> 19063 <div class="flex justify-center gap-2 items-center"><div class=""> 19064 19065 19066<div hidden class="hidden"> 19067 8022086385845 19068</div> 19069 19070 19071 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 19072 <div data-oke-star-rating data-oke-reviews-product-id="shopify-8022086385845"> 19073 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.8 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 96.3311%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">588</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
19073<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.8","reviewCount":588} </script>
19073</div> 19074 </div> 19075 19076 19077 19078 </div> 19079 19080 19081</div> 19082</div> 19083 <div class="card__information"> 19084 19085 19086 <div class="card__price"> 19087 19088 19089 19090 19091 19092 19093 19094 19095 19096 19097 19098 19099 19100 19101 19102 19103 19104<div class="flex gap-3 items-center justify-center "> 19105 <div x-init="$nextTick(() => { 19106 19107 19108 checkDiscountCode(false); 19109 19110 })" 19111 x-title="Product price" 19112 x-data="{ 19113 19114 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 19115 19116 isBundle: false, 19117 onSale: false, 19118 soldOut: false, 19119 isPDP: false, 19120 code_discount_active: false, 19121 19122 enable_tag_discount: false, 19123 19124 variant: { 19125 price: 2000, 19126 }, 19127 currentPrice(){ 19128 let price = this.variant.price; 19129 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 19130 price = price - (price * this.discount_percentage / 100); 19131 } 19132 return Math.round(price); 19133 }, 19134 getPrice(){ 19135 if(this.variant){ 19136 return Unick.formatMoney(this.currentPrice()); 19137 } 19138 }, 19139 showOriginalPrice(fallbackVisible){ 19140 return !!fallbackVisible; 19141 }, 19142 renderOriginalPrice(fallbackPrice){ 19143 return Unick.formatMoney(fallbackPrice || 0); 19144 }, 19145 checkDiscountCode(broadcast){ 19146 19147 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 19148 const cookieDiscount = Unick.getCookie('discount_code'); 19149 const discount = cookieDiscount ? this.discount_table.find((item) => { 19150 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 19151 }) : null; 19152 const codePercentage = Number(discount?.split(':')[1]) || 0; 19153 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 19154 let productPrice = 2000; 19155 19156 if(codePercentage > 0 && codePercentage >= tagPercentage){ 19157 // The larger of the code and tag discounts is shown; ties go 19158 // to the code since it is what checkout actually charges. The 19159 // cookie only holds codes the cart reports as applicable 19160 // (synced in theme.liquid). 19161 this.code_discount_active = true; 19162 this.onSale = true; 19163 this.$dispatch('discount-percentage', { percentage: codePercentage }); 19164 19165 let displayPrice = productPrice - (productPrice * codePercentage / 100); 19166 19167 let newOriginalPrice = 2000; 19168 19169 if(broadcast){ 19170 this.$dispatch('discounted-price', { id: 8022086385845, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 19171 }else{ 19172 this.variant.price = displayPrice; 19173 this.variant.original_price = newOriginalPrice; 19174 } 19175 19176 }else if(this.enable_tag_discount){ 19177 // No applicable code on the cart (or none matching the table), 19178 // or the code's percentage is smaller than the tag's â use the 19179 // tag discount. 19180 this.code_discount_active = false; 19181 if(cookieDiscount){ 19182 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 19183 } 19184 // PDP renders the discounted amount directly; PLP keeps the 19185 // full price in variant.price and getPrice() applies the tag 19186 // percentage on the fly. 19187 let displayPrice = this.isPDP 19188 ? productPrice - (productPrice * this.discount_percentage / 100) 19189 : productPrice; 19190 19191 let newOriginalPrice = 2000; 19192 19193 if(broadcast){ 19194 this.$dispatch('discounted-price', { id: 8022086385845, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 19195 }else{ 19196 this.variant.price = displayPrice; 19197 this.variant.original_price = newOriginalPrice; 19198 } 19199 19200 }else{ 19201 this.code_discount_active = false;
19202 this.onSale = false; 19203 if(cookieDiscount){ 19204 this.$dispatch('discount-percentage', { percentage: 0 }); 19205 } 19206 // reset price and dispatch the events to update the price 19207 19208 let newOriginalPrice = 2000; 19209 19210 if(broadcast){ 19211 this.$dispatch('discounted-price', { id: 8022086385845, new_price: 2000, new_original_price: newOriginalPrice, code_discount_active: false }); 19212 }else{ 19213 this.variant.price = 2000; 19214 this.variant.original_price = newOriginalPrice; 19215 } 19216 19217 } 19218 } 19219 19220 } 19221 }" 19222 19223 @discounted-price.window="if($event.detail.id == 8022086385845) { 19224 variant.price = $event.detail.new_price; 19225 variant.original_price = $event.detail.new_original_price; 19226 code_discount_active = $event.detail.code_discount_active; 19227 }" 19228 19229 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 19230 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 19231 class="price justify-center font-medium flex gap-x-2 items-center"> 19232 <div class="price__container"><div class="price__regular"> 19233 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 19234 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 19235 <span>$20.00</span> 19236 </span> 19237 19238 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 19239 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 19240 </template> 19241 19242 19243 <template x-if="enable_tag_discount && !code_discount_active"> 19244 <div class="inline-block tag-discount-price compare-at-price"> 19245 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 19246 class="price-item price-item--regular text-gray-700" 19247 aria-hidden="true"> 19248 </s> 19249 </div> 19250 </template> 19251 19252 19253 19254<span 19255 class="comp-price " 19256 data-comp-price="8500"> 19257 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$85.00</span></s><span class="comp-price__label">Comp. Value</span></span> 19258 </div><small class="unit-price hidden"> 19259 <span class="sr-only">Unit price</span> 19260 <span class="price-item price-item--last"> 19261 <span></span> 19262 <span aria-hidden="true">/</span> 19263 <span class="sr-only"> per </span> 19264 <span> 19265 </span> 19266 </span> 19267 </small> 19268 19269 </div> 19270 19271 </div> 19272</div> 19273 19274 19275 19276 </div> 19277 19278 19279 19280 19281 </div> 19282 </a> 19283 19284 19285 19286 19287 19288 <button type="button" 19289 x-data="QuickShopButton" 19290 data-product-handle="warm-sugar-hair-perfume" 19291 19292 data-has-options="true" 19293 x-bind="behaviour" 19294 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 19295 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 19296 quick shop 19297 </button> 19298 19299 19300 </div> 19301 </li> 19302 19303 19304<li class="grid__item collection-product-grid" 19305 data-handle="kitsch-smoothing-air-dry-cream"> 19306
19307<script> 19308 window.hoverImageLoad = window.hoverImageLoad || function(el) { 19309 var p = el.querySelector('[data-hover-image]'); 19310 if (!p) return; 19311 var img = new Image(); 19312 img.src = p.dataset.hoverImage; 19313 img.alt = p.dataset.hoverAlt || ''; 19314 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 19315 img.loading = 'lazy'; 19316 img.decoding = 'async'; 19317 p.replaceWith(img); 19318 }; 19319 </script>
19319 19320 <div 19321 data-product-handle="kitsch-smoothing-air-dry-cream" 19322 x-data 19323 class="card-wrapper flex flex-col h-full relative"> 19324 19325 19326 <rivo-favorite-button 19327 data-product-id="8143720153269" 19328 rivo-ax-data 19329 rivo-ax-cloak 19330 rivo-ax-html="$store.icons.heart" 19331 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 19332 19333 19334 19335 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 19336 19337 @mouseenter.once="window.hoverImageLoad($el)" 19338 @touchstart.once.passive="window.hoverImageLoad($el)" 19339 > 19340 19341 19342 <a 19343 class="cursor-pointer" 19344 19345 href="/collections/best-sellers/products/kitsch-smoothing-air-dry-cream" 19346 19347 aria-label="Smoothing Air Dry Cream"> 19348 19349 19350 19351 19352 19353 19354 19355 19356 19357 19358 19359 19360 19361 19362 19363 19364 19365 <img src="//www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?quality=75&v=1779490582&width=700" alt="KITSCH Smoothing Air Dry Cream â hero product shot â Enhances the appearance of natural texture and locks down frizz for up to 24 hours â lightweight, leave-in cream for effortless, heat-free styling" srcset="//www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?quality=75&v=1779490582&width=200 200w, //www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?quality=75&v=1779490582&width=300 300w, //www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?quality=75&v=1779490582&width=400 400w, //www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?quality=75&v=1779490582&width=500 500w, //www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?quality=75&v=1779490582&width=600 600w, //www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px.jpg?quality=75&v=1779490582&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:49.512% 50.0%;"> 19366 19367 19368 19369 19370 <div 19371 data-hover-image="//www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-5StarReview-300dpi.jpg?v=1779490583&width=700" 19372 data-hover-alt="KITSCH Smoothing Air Dry Cream â 5-star customer review graphic â 24-hour frizz control that keeps hair soft, polished, and touchably smooth â free from parabens, phthalates, sulfates, and artificial dyes" 19373 class="absolute z-10 top-0 left-0 h-full w-full" 19374 aria-hidden="true"></div> 19375 19376 19377 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 19378 19379 19380 19381 19382 19383 19384 19385 19386 19387 19388 19389 19390 19391 19392 19393 19394 19395 19396 19397 19398 19399 19400 19401 19402 19403 19404 19405 19406 19407 19408 19409 19410 19411 19412 19413 19414 19415 19416 19417 19418 19419 19420 19421 19422 19423</div> 19424 19425<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 19426 19427 19428 19429 19430 19431 19432 19433 19434 19435 19436 19437 19438 19439 19440 19441 19442 19443 19444 19445 19446 19447 19448 19449 19450 19451 19452 19453 19454 19455</div> 19456 19457 19458 19459 </a> 19460 19461 19462 19463 19464 19465<style> 19466 .product-shades { 19467 position: absolute; 19468 right: .75rem; 19469 bottom: .75rem; 19470 z-index: 20; 19471 display: flex; 19472 align-items: center; 19473 gap: .375rem; 19474 margin: 0; 19475 padding: 0; 19476 list-style: none; 19477 pointer-events: none; 19478 } 19479 19480 .product-shades__item { 19481 display: block; 19482 width: 15px; 19483 height: 15px; 19484 border-radius: 9999px; 19485 border: 1px solid #fff; 19486 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 19487 background-size: cover; 19488 background-position: center; 19489 background-repeat: no-repeat; 19490 } 19491 19492 @media (max-width: 767px) { 19493 .product-shades { 19494 right: .5rem; 19495 bottom: .5rem; 19496 gap: .25rem; 19497 } 19498 } 19499 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/500904-AirDryCream-Consumables-hero-1280x1280px_f9c8a2e6-ab61-42b7-8fe4-066dc58b68bd.jpg?v=1785855662&width=100)">
19500 <span class="sr-only">Smoothing Air Dry Cream</span> 19501 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/Kitsch-2Pack-AirDryCream.jpg?v=1785414777&width=100)"> 19502 <span class="sr-only">Smoothing Air Dry Cream 2 Pack</span> 19503 </li></ul> 19504 19505 19506 </div> 19507 <a 19508 19509 href="/collections/best-sellers/products/kitsch-smoothing-air-dry-cream" 19510 19511 class="card__content block cursor-pointer py-4 text-center space-y-1"> 19512 <p class="card__heading font-medium"> 19513 19514 Smoothing Air Dry Cream 19515 </p> 19516 <div class="flex justify-center gap-2 items-center"><div class=""> 19517 19518 19519<div hidden class="hidden"> 19520 8143720153269 19521</div> 19522 19523 19524 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 19525 <div data-oke-star-rating data-oke-reviews-product-id="shopify-8143720153269"> 19526 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.4 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 88.9933%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.4 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">1,391</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
19526<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.4","reviewCount":1391} </script>
19526</div> 19527 </div> 19528 19529 19530 19531 </div> 19532 19533 19534</div> 19535</div> 19536 <div class="card__information"> 19537 19538 19539 <div class="card__price"> 19540 19541 19542 19543 19544 19545 19546 19547 19548 19549 19550 19551 19552 19553 19554 19555 19556 19557<div class="flex gap-3 items-center justify-center "> 19558 <div x-init="$nextTick(() => { 19559 19560 19561 checkDiscountCode(false); 19562 19563 })" 19564 x-title="Product price" 19565 x-data="{ 19566 19567 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 19568 19569 isBundle: false, 19570 onSale: false, 19571 soldOut: false, 19572 isPDP: false, 19573 code_discount_active: false, 19574 19575 enable_tag_discount: false, 19576 19577 variant: { 19578 price: 1500, 19579 }, 19580 currentPrice(){ 19581 let price = this.variant.price; 19582 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 19583 price = price - (price * this.discount_percentage / 100); 19584 } 19585 return Math.round(price); 19586 }, 19587 getPrice(){ 19588 if(this.variant){ 19589 return Unick.formatMoney(this.currentPrice()); 19590 } 19591 }, 19592 showOriginalPrice(fallbackVisible){ 19593 return !!fallbackVisible; 19594 }, 19595 renderOriginalPrice(fallbackPrice){ 19596 return Unick.formatMoney(fallbackPrice || 0); 19597 }, 19598 checkDiscountCode(broadcast){ 19599 19600 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 19601 const cookieDiscount = Unick.getCookie('discount_code'); 19602 const discount = cookieDiscount ? this.discount_table.find((item) => { 19603 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 19604 }) : null; 19605 const codePercentage = Number(discount?.split(':')[1]) || 0; 19606 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 19607 let productPrice = 1500; 19608 19609 if(codePercentage > 0 && codePercentage >= tagPercentage){ 19610 // The larger of the code and tag discounts is shown; ties go 19611 // to the code since it is what checkout actually charges. The 19612 // cookie only holds codes the cart reports as applicable 19613 // (synced in theme.liquid). 19614 this.code_discount_active = true; 19615 this.onSale = true; 19616 this.$dispatch('discount-percentage', { percentage: codePercentage }); 19617 19618 let displayPrice = productPrice - (productPrice * codePercentage / 100); 19619 19620 let newOriginalPrice = 1500; 19621 19622 if(broadcast){ 19623 this.$dispatch('discounted-price', { id: 8143720153269, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 19624 }else{ 19625 this.variant.price = displayPrice; 19626 this.variant.original_price = newOriginalPrice; 19627 } 19628 19629 }else if(this.enable_tag_discount){ 19630 // No applicable code on the cart (or none matching the table), 19631 // or the code's percentage is smaller than the tag's â use the 19632 // tag discount. 19633 this.code_discount_active = false; 19634 if(cookieDiscount){ 19635 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 19636 } 19637 // PDP renders the discounted amount directly; PLP keeps the 19638 // full price in variant.price and getPrice() applies the tag 19639 // percentage on the fly. 19640 let displayPrice = this.isPDP 19641 ? productPrice - (productPrice * this.discount_percentage / 100) 19642 : productPrice; 19643 19644 let newOriginalPrice = 1500; 19645 19646 if(broadcast){ 19647 this.$dispatch('discounted-price', { id: 8143720153269, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 19648 }else{ 19649 this.variant.price = displayPrice; 19650 this.variant.original_price = newOriginalPrice; 19651 } 19652 19653 }else{ 19654 this.code_discount_active = false;
19655 this.onSale = false; 19656 if(cookieDiscount){ 19657 this.$dispatch('discount-percentage', { percentage: 0 }); 19658 } 19659 // reset price and dispatch the events to update the price 19660 19661 let newOriginalPrice = 1500; 19662 19663 if(broadcast){ 19664 this.$dispatch('discounted-price', { id: 8143720153269, new_price: 1500, new_original_price: newOriginalPrice, code_discount_active: false }); 19665 }else{ 19666 this.variant.price = 1500; 19667 this.variant.original_price = newOriginalPrice; 19668 } 19669 19670 } 19671 } 19672 19673 } 19674 }" 19675 19676 @discounted-price.window="if($event.detail.id == 8143720153269) { 19677 variant.price = $event.detail.new_price; 19678 variant.original_price = $event.detail.new_original_price; 19679 code_discount_active = $event.detail.code_discount_active; 19680 }" 19681 19682 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 19683 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 19684 class="price justify-center font-medium flex gap-x-2 items-center"> 19685 <div class="price__container"><div class="price__regular"> 19686 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 19687 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 19688 <span>$15.00</span> 19689 </span> 19690 19691 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 19692 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 19693 </template> 19694 19695 19696 <template x-if="enable_tag_discount && !code_discount_active"> 19697 <div class="inline-block tag-discount-price compare-at-price"> 19698 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 19699 class="price-item price-item--regular text-gray-700" 19700 aria-hidden="true"> 19701 </s> 19702 </div> 19703 </template> 19704 19705 19706 19707<span 19708 class="comp-price " 19709 data-comp-price="3000"> 19710 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$30.00</span></s><span class="comp-price__label">Comp. Value</span></span> 19711 </div><small class="unit-price hidden"> 19712 <span class="sr-only">Unit price</span> 19713 <span class="price-item price-item--last"> 19714 <span></span> 19715 <span aria-hidden="true">/</span> 19716 <span class="sr-only"> per </span> 19717 <span> 19718 </span> 19719 </span> 19720 </small> 19721 19722 </div> 19723 19724 </div> 19725</div> 19726 19727 19728 19729 </div> 19730 19731 19732 19733 19734 </div> 19735 </a> 19736 19737 19738 19739 19740 19741 <button type="button" 19742 x-data="QuickShopButton" 19743 data-product-handle="kitsch-smoothing-air-dry-cream" 19744 19745 data-has-options="true" 19746 x-bind="behaviour" 19747 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 19748 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 19749 quick shop 19750 </button> 19751 19752 19753 </div> 19754 </li> 19755 19756 19757<li class="grid__item collection-product-grid" 19758 data-handle="rice-water-shampoo-conditioner-combo-for-hair-growth"> 19759
19760<script> 19761 window.hoverImageLoad = window.hoverImageLoad || function(el) { 19762 var p = el.querySelector('[data-hover-image]'); 19763 if (!p) return; 19764 var img = new Image(); 19765 img.src = p.dataset.hoverImage; 19766 img.alt = p.dataset.hoverAlt || ''; 19767 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 19768 img.loading = 'lazy'; 19769 img.decoding = 'async'; 19770 p.replaceWith(img); 19771 }; 19772 </script>
19772 19773 <div 19774 data-product-handle="rice-water-shampoo-conditioner-combo-for-hair-growth" 19775 x-data 19776 class="card-wrapper flex flex-col h-full relative"> 19777 19778 19779 <rivo-favorite-button 19780 data-product-id="10318931329205" 19781 rivo-ax-data 19782 rivo-ax-cloak 19783 rivo-ax-html="$store.icons.heart" 19784 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 19785 19786 19787 19788 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 19789 19790 @mouseenter.once="window.hoverImageLoad($el)" 19791 @touchstart.once.passive="window.hoverImageLoad($el)" 19792 > 19793 19794 19795 <a 19796 class="cursor-pointer" 19797 19798 href="/collections/best-sellers/products/rice-water-shampoo-conditioner-combo-for-hair-growth" 19799 19800 aria-label="Rice Water Shampoo & Conditioner Combo for Hair Growth"> 19801 19802 19803 19804 19805 19806 19807 19808 19809 19810 19811 19812 19813 19814 19815 19816 19817 19818 <img src="//www.mykitsch.com/cdn/shop/files/RiceWaterShampoo505886andConditioner505893.jpg?quality=75&v=1766763909&width=700" alt="Two bottles of Kitsch Rice Water Protein Shampoo and Conditioner on a white background" srcset="//www.mykitsch.com/cdn/shop/files/RiceWaterShampoo505886andConditioner505893.jpg?quality=75&v=1766763909&width=200 200w, //www.mykitsch.com/cdn/shop/files/RiceWaterShampoo505886andConditioner505893.jpg?quality=75&v=1766763909&width=300 300w, //www.mykitsch.com/cdn/shop/files/RiceWaterShampoo505886andConditioner505893.jpg?quality=75&v=1766763909&width=400 400w, //www.mykitsch.com/cdn/shop/files/RiceWaterShampoo505886andConditioner505893.jpg?quality=75&v=1766763909&width=500 500w, //www.mykitsch.com/cdn/shop/files/RiceWaterShampoo505886andConditioner505893.jpg?quality=75&v=1766763909&width=600 600w, //www.mykitsch.com/cdn/shop/files/RiceWaterShampoo505886andConditioner505893.jpg?quality=75&v=1766763909&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:48.242% 32.275%;"> 19819 19820 19821 19822 19823 <div 19824 data-hover-image="//www.mykitsch.com/cdn/shop/files/505886-505893-RiceWaterProteinLiquidShampoo_Conditoner-Model-Front-Before_After-1280x1280px.jpg?v=1776093076&width=700" 19825 data-hover-alt="Before and after comparison of a woman with long blonde hair showing improved volume and shine after using KITSCH Rice Water Protein Shampoo and Conditioner" 19826 class="absolute z-10 top-0 left-0 h-full w-full" 19827 aria-hidden="true"></div> 19828 19829 19830 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 19831 19832 19833 19834 19835 19836 19837 19838 19839 19840 19841 19842 19843 19844 19845 19846 19847 19848 19849 19850 19851 19852 19853 19854 19855 19856 19857 19858 19859 19860 19861 19862 19863 19864 19865 19866 19867 19868 19869 19870 19871 19872 19873 19874 19875 19876 19877 19878 19879 19880 19881 19882 19883 19884 19885 19886</div> 19887 19888<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 19889 19890 19891 19892 19893 19894 <img loading="lazy" class="no-hover rounded-full" width="160" height="160" src="//www.mykitsch.com/cdn/shop/files/award-bazaar_160x.png?v=16879789948671727830" alt="award-bazaar.png"> 19895 19896 19897 19898 19899 19900 19901 19902 19903 19904 19905 19906 19907 19908 19909 19910 19911 19912 19913 19914 19915 19916 19917 19918 19919 19920 19921 19922 19923 19924 19925 19926 19927 19928 19929 19930 19931</div> 19932 19933 19934 19935 </a> 19936 19937 19938 19939 19940 19941 19942 19943 19944 </div> 19945 <a 19946 19947 href="/collections/best-sellers/products/rice-water-shampoo-conditioner-combo-for-hair-growth" 19948 19949 class="card__content block cursor-pointer py-4 text-center space-y-1"> 19950 <p class="card__heading font-medium"> 19951 19952 Rice Water Shampoo & Conditioner Combo for Hair Growth 19953 </p> 19954 <div class="flex justify-center gap-2 items-center"><div class=""> 19955 19956 19957<div hidden class="hidden"> 19958 10318931329205 19959</div> 19960 19961 19962 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 19963 <div data-oke-star-rating data-oke-reviews-product-id="shopify-10318931329205"> 19964 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.5 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
19964<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 90.8278%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.5 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">485</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
19964<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.5","reviewCount":485} </script>
19964</div> 19965 </div> 19966 19967 19968 19969 </div> 19970 19971 19972</div> 19973</div> 19974 <div class="card__information"> 19975 19976 19977 <div class="card__price"> 19978 19979 19980 19981 19982 19983 19984 19985 19986 19987 19988 19989 19990 19991 19992 19993 19994 19995<div class="flex gap-3 items-center justify-center "> 19996 <div x-init="$nextTick(() => { 19997 19998 19999 checkDiscountCode(false); 20000 20001 })" 20002 x-title="Product price" 20003 x-data="{ 20004 20005 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 20006 20007 isBundle: false, 20008 onSale: false, 20009 soldOut: false, 20010 isPDP: false, 20011 code_discount_active: false, 20012 20013 enable_tag_discount: false, 20014 20015 variant: { 20016 price: 2800, 20017 }, 20018 currentPrice(){ 20019 let price = this.variant.price; 20020 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 20021 price = price - (price * this.discount_percentage / 100); 20022 } 20023 return Math.round(price); 20024 }, 20025 getPrice(){ 20026 if(this.variant){ 20027 return Unick.formatMoney(this.currentPrice()); 20028 } 20029 }, 20030 showOriginalPrice(fallbackVisible){ 20031 return !!fallbackVisible; 20032 }, 20033 renderOriginalPrice(fallbackPrice){ 20034 return Unick.formatMoney(fallbackPrice || 0); 20035 }, 20036 checkDiscountCode(broadcast){ 20037 20038 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 20039 const cookieDiscount = Unick.getCookie('discount_code'); 20040 const discount = cookieDiscount ? this.discount_table.find((item) => { 20041 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 20042 }) : null; 20043 const codePercentage = Number(discount?.split(':')[1]) || 0; 20044 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 20045 let productPrice = 2800; 20046 20047 if(codePercentage > 0 && codePercentage >= tagPercentage){ 20048 // The larger of the code and tag discounts is shown; ties go 20049 // to the code since it is what checkout actually charges. The 20050 // cookie only holds codes the cart reports as applicable 20051 // (synced in theme.liquid). 20052 this.code_discount_active = true; 20053 this.onSale = true; 20054 this.$dispatch('discount-percentage', { percentage: codePercentage }); 20055 20056 let displayPrice = productPrice - (productPrice * codePercentage / 100); 20057 20058 let newOriginalPrice = 2800; 20059 20060 if(broadcast){ 20061 this.$dispatch('discounted-price', { id: 10318931329205, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 20062 }else{ 20063 this.variant.price = displayPrice; 20064 this.variant.original_price = newOriginalPrice; 20065 } 20066 20067 }else if(this.enable_tag_discount){ 20068 // No applicable code on the cart (or none matching the table), 20069 // or the code's percentage is smaller than the tag's â use the 20070 // tag discount. 20071 this.code_discount_active = false; 20072 if(cookieDiscount){ 20073 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 20074 } 20075 // PDP renders the discounted amount directly; PLP keeps the 20076 // full price in variant.price and getPrice() applies the tag 20077 // percentage on the fly. 20078 let displayPrice = this.isPDP 20079 ? productPrice - (productPrice * this.discount_percentage / 100) 20080 : productPrice; 20081 20082 let newOriginalPrice = 2800; 20083 20084 if(broadcast){ 20085 this.$dispatch('discounted-price', { id: 10318931329205, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 20086 }else{ 20087 this.variant.price = displayPrice; 20088 this.variant.original_price = newOriginalPrice; 20089 } 20090 20091 }else{ 20092 this.code_discount_active = false;
20093 this.onSale = false; 20094 if(cookieDiscount){ 20095 this.$dispatch('discount-percentage', { percentage: 0 }); 20096 } 20097 // reset price and dispatch the events to update the price 20098 20099 let newOriginalPrice = 2800; 20100 20101 if(broadcast){ 20102 this.$dispatch('discounted-price', { id: 10318931329205, new_price: 2800, new_original_price: newOriginalPrice, code_discount_active: false }); 20103 }else{ 20104 this.variant.price = 2800; 20105 this.variant.original_price = newOriginalPrice; 20106 } 20107 20108 } 20109 } 20110 20111 } 20112 }" 20113 20114 @discounted-price.window="if($event.detail.id == 10318931329205) { 20115 variant.price = $event.detail.new_price; 20116 variant.original_price = $event.detail.new_original_price; 20117 code_discount_active = $event.detail.code_discount_active; 20118 }" 20119 20120 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 20121 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 20122 class="price justify-center font-medium flex gap-x-2 items-center"> 20123 <div class="price__container"><div class="price__regular"> 20124 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 20125 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 20126 <span>$28.00</span> 20127 </span> 20128 20129 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 20130 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 20131 </template> 20132 20133 20134 <template x-if="enable_tag_discount && !code_discount_active"> 20135 <div class="inline-block tag-discount-price compare-at-price"> 20136 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 20137 class="price-item price-item--regular text-gray-700" 20138 aria-hidden="true"> 20139 </s> 20140 </div> 20141 </template> 20142 20143 20144 20145<span 20146 class="comp-price " 20147 data-comp-price="4000"> 20148 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$40.00</span></s><span class="comp-price__label">Comp. Value</span></span> 20149 </div><small class="unit-price hidden"> 20150 <span class="sr-only">Unit price</span> 20151 <span class="price-item price-item--last"> 20152 <span></span> 20153 <span aria-hidden="true">/</span> 20154 <span class="sr-only"> per </span> 20155 <span> 20156 </span> 20157 </span> 20158 </small> 20159 20160 </div> 20161 20162 </div> 20163</div> 20164 20165 20166 20167 </div> 20168 20169 20170 20171 20172 </div> 20173 </a> 20174 20175 20176 20177 20178 20179 <button type="button" 20180 x-data="QuickShopButton" 20181 data-product-handle="rice-water-shampoo-conditioner-combo-for-hair-growth" 20182 20183 20184 x-bind="behaviour" 20185 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 20186 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 20187 quick shop 20188 </button> 20189 20190 20191 </div> 20192 </li> 20193 20194 20195<li class="grid__item collection-product-grid" 20196 data-handle="brooke-monks-marathon-tested-hair-bundle"> 20197
20198<script> 20199 window.hoverImageLoad = window.hoverImageLoad || function(el) { 20200 var p = el.querySelector('[data-hover-image]'); 20201 if (!p) return; 20202 var img = new Image(); 20203 img.src = p.dataset.hoverImage; 20204 img.alt = p.dataset.hoverAlt || ''; 20205 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 20206 img.loading = 'lazy'; 20207 img.decoding = 'async'; 20208 p.replaceWith(img); 20209 }; 20210 </script>
20210 20211 <div 20212 data-product-handle="brooke-monks-marathon-tested-hair-bundle" 20213 x-data 20214 class="card-wrapper flex flex-col h-full relative"> 20215 20216 20217 <rivo-favorite-button 20218 data-product-id="10429561962677" 20219 rivo-ax-data 20220 rivo-ax-cloak 20221 rivo-ax-html="$store.icons.heart" 20222 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 20223 20224 20225 20226 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 20227 20228 @mouseenter.once="window.hoverImageLoad($el)" 20229 @touchstart.once.passive="window.hoverImageLoad($el)" 20230 > 20231 20232 20233 <a 20234 class="cursor-pointer" 20235 20236 href="/collections/best-sellers/products/brooke-monks-marathon-tested-hair-bundle" 20237 20238 aria-label="Brooke Monk's Marathon-Tested Hair Bundle"> 20239 20240 20241 20242 20243 20244 20245 20246 20247 20248 20249 20250 20251 20252 20253 20254 20255 20256 <img src="//www.mykitsch.com/cdn/shop/files/TikTok-bundle-image-1-updated.png?v=1777990687&width=700" alt="Brooke Monkâs Marathon-Tested Hair Bundle by Kitsch â Rice Water Protein Shampoo, Conditioner, and Shine Serum together on a neutral background" srcset="//www.mykitsch.com/cdn/shop/files/TikTok-bundle-image-1-updated.png?v=1777990687&width=200 200w, //www.mykitsch.com/cdn/shop/files/TikTok-bundle-image-1-updated.png?v=1777990687&width=300 300w, //www.mykitsch.com/cdn/shop/files/TikTok-bundle-image-1-updated.png?v=1777990687&width=400 400w, //www.mykitsch.com/cdn/shop/files/TikTok-bundle-image-1-updated.png?v=1777990687&width=500 500w, //www.mykitsch.com/cdn/shop/files/TikTok-bundle-image-1-updated.png?v=1777990687&width=600 600w, //www.mykitsch.com/cdn/shop/files/TikTok-bundle-image-1-updated.png?v=1777990687&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:49.609% 12.744%;"> 20257 20258 20259 20260 20261 <div 20262 data-hover-image="//www.mykitsch.com/cdn/shop/files/505893_Rice_Water_Protein_Liquid_Conditioner.png?v=1776721236&width=700" 20263 data-hover-alt="Kitsch Rice Water Protein Conditioner bottle with decorative elements on a light background" 20264 class="absolute z-10 top-0 left-0 h-full w-full" 20265 aria-hidden="true"></div> 20266 20267 20268 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 20269 20270 20271 20272 20273 20274 20275 20276 20277 20278 20279 20280 20281 20282 20283 20284 20285 20286 20287 20288 20289 20290 20291 20292 20293 20294 20295 20296 20297 <i class="discount-flag not-italic text-xs md:text-sm pb-1 z-10 absolute top-2 right-2 bg-black text-white px-2 py-1 " 20298 style="background-color: #000; color: #fff;">30% OFF</i> 20299 20300 20301 20302</div> 20303 20304<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 20305 20306 20307 20308 20309 20310 20311 20312 20313 20314 20315 20316</div> 20317 20318 20319 20320 </a> 20321 20322 20323 20324 20325 20326 20327 20328 20329 </div> 20330 <a 20331 20332 href="/collections/best-sellers/products/brooke-monks-marathon-tested-hair-bundle" 20333 20334 class="card__content block cursor-pointer py-4 text-center space-y-1"> 20335 <p class="card__heading font-medium"> 20336 20337 Brooke Monk's Marathon-Tested Hair Bundle 20338 </p> 20339 <div class="flex justify-center gap-2 items-center"><div class=""> 20340 20341 20342<div hidden class="hidden"> 20343 10429561962677 20344</div> 20345 20346 20347 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 20348 <div data-oke-star-rating data-oke-reviews-product-id="shopify-10429561962677"> 20349 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.5 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
20349<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 90.8278%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.5 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">657</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
20349<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.5","reviewCount":657} </script>
20349</div> 20350 </div> 20351 20352 20353 20354 </div> 20355 20356 20357</div> 20358</div> 20359 <div class="card__information"> 20360 20361 20362 <div class="card__price"> 20363 20364 20365 20366 20367 20368 20369 20370 20371 20372 20373 20374 20375 20376 20377 20378 20379 20380<div class="flex gap-3 items-center justify-center "> 20381 <div x-init="$nextTick(() => { 20382 20383 20384 checkDiscountCode(false); 20385 20386 })" 20387 x-title="Product price" 20388 x-data="{ 20389 20390 isBundle: true, 20391 onSale: true, 20392 soldOut: false, 20393 isPDP: false, 20394 code_discount_active: false, 20395 20396 enable_tag_discount: false, 20397 20398 variant: { 20399 price: 3010, 20400 }, 20401 currentPrice(){ 20402 let price = this.variant.price; 20403 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 20404 price = price - (price * this.discount_percentage / 100); 20405 } 20406 return Math.round(price); 20407 }, 20408 getPrice(){ 20409 if(this.variant){ 20410 return Unick.formatMoney(this.currentPrice()); 20411 } 20412 }, 20413 showOriginalPrice(fallbackVisible){ 20414 return !!fallbackVisible; 20415 }, 20416 renderOriginalPrice(fallbackPrice){ 20417 return Unick.formatMoney(fallbackPrice || 0); 20418 }, 20419 checkDiscountCode(broadcast){ 20420 20421 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 20422 const cookieDiscount = Unick.getCookie('discount_code'); 20423 const discount = cookieDiscount ? this.discount_table.find((item) => { 20424 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 20425 }) : null; 20426 const codePercentage = Number(discount?.split(':')[1]) || 0; 20427 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 20428 let productPrice = 3010; 20429 20430 if(codePercentage > 0 && codePercentage >= tagPercentage){ 20431 // The larger of the code and tag discounts is shown; ties go 20432 // to the code since it is what checkout actually charges. The 20433 // cookie only holds codes the cart reports as applicable 20434 // (synced in theme.liquid). 20435 this.code_discount_active = true; 20436 this.onSale = true; 20437 this.$dispatch('discount-percentage', { percentage: codePercentage }); 20438 20439 let displayPrice = productPrice - (productPrice * codePercentage / 100); 20440 20441 let newOriginalPrice = 4300; 20442 20443 if(broadcast){ 20444 this.$dispatch('discounted-price', { id: 10429561962677, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 20445 }else{ 20446 this.variant.price = displayPrice; 20447 this.variant.original_price = newOriginalPrice; 20448 } 20449 20450 }else if(this.enable_tag_discount){ 20451 // No applicable code on the cart (or none matching the table), 20452 // or the code's percentage is smaller than the tag's â use the 20453 // tag discount. 20454 this.code_discount_active = false; 20455 if(cookieDiscount){ 20456 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 20457 } 20458 // PDP renders the discounted amount directly; PLP keeps the 20459 // full price in variant.price and getPrice() applies the tag 20460 // percentage on the fly. 20461 let displayPrice = this.isPDP 20462 ? productPrice - (productPrice * this.discount_percentage / 100) 20463 : productPrice; 20464 20465 let newOriginalPrice = 4300; 20466 20467 if(broadcast){ 20468 this.$dispatch('discounted-price', { id: 10429561962677, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 20469 }else{ 20470 this.variant.price = displayPrice; 20471 this.variant.original_price = newOriginalPrice; 20472 } 20473 20474 }else{ 20475 this.code_discount_active = false;
20476 this.onSale = false; 20477 if(cookieDiscount){ 20478 this.$dispatch('discount-percentage', { percentage: 0 }); 20479 } 20480 // reset price and dispatch the events to update the price 20481 20482 let newOriginalPrice = 4300; 20483 20484 if(broadcast){ 20485 this.$dispatch('discounted-price', { id: 10429561962677, new_price: 3010, new_original_price: newOriginalPrice, code_discount_active: false }); 20486 }else{ 20487 this.variant.price = 3010; 20488 this.variant.original_price = newOriginalPrice; 20489 } 20490 20491 } 20492 } 20493 20494 } 20495 }" 20496 20497 @discounted-price.window="if($event.detail.id == 10429561962677) { 20498 variant.price = $event.detail.new_price; 20499 variant.original_price = $event.detail.new_original_price; 20500 code_discount_active = $event.detail.code_discount_active; 20501 }" 20502 20503 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 20504 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 20505 class="price justify-center font-medium flex gap-x-2 items-center price--on-sale "> 20506 <div class="price__container"> 20507 <div class="price__sale flex gap-2"> 20508 <span class="sr-only" x-text="(4300 > 3010) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(4300)) : getPrice()"></span> 20509 <span class="price-item price-item--last price-item--current text-red-700 " x-text="getPrice()" aria-hidden="true"> 20510 <span>$30.10</span> 20511 </span> 20512 20513 <template x-if="enable_tag_discount"> 20514 <div class="inline-block compare-at-price"> 20515 20516 <s x-show="!isPDP" x-text="Unick.formatMoney(4300)" 20517 class="price-item price-item--regular text-gray-700" 20518 aria-hidden="true"> 20519 </s> 20520 20521 </div> 20522 </template> 20523 20524 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price && enable_tag_discount)"> 20525 <s x-show="isPDP" x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 20526 </template> 20527 <span x-show="!enable_tag_discount" class="compare-at-price" aria-hidden="true"> 20528 <s class="price-item price-item--regular text-gray-700"> 20529 20530 <span>$43.00</span> 20531 20532 </s> 20533 </span> 20534 20535 20536 </div><small class="unit-price hidden"> 20537 <span class="sr-only">Unit price</span> 20538 <span class="price-item price-item--last"> 20539 <span></span> 20540 <span aria-hidden="true">/</span> 20541 <span class="sr-only"> per </span> 20542 <span> 20543 </span> 20544 </span> 20545 </small> 20546 20547 </div> 20548 20549 </div> 20550</div> 20551 20552 20553 20554 </div> 20555 20556 20557 20558 20559 </div> 20560 </a> 20561 20562 20563 20564 20565 20566 <button type="button" 20567 x-data="QuickShopButton" 20568 data-product-handle="brooke-monks-marathon-tested-hair-bundle" 20569 data-is-bundle="true" 20570 20571 x-bind="behaviour" 20572 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 20573 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 20574 quick shop 20575 </button> 20576 20577 20578 </div> 20579 </li> 20580 20581 20582<li class="grid__item collection-product-grid" 20583 data-handle="kitsch-moisturizing-curl-cream"> 20584
20585<script> 20586 window.hoverImageLoad = window.hoverImageLoad || function(el) { 20587 var p = el.querySelector('[data-hover-image]'); 20588 if (!p) return; 20589 var img = new Image(); 20590 img.src = p.dataset.hoverImage; 20591 img.alt = p.dataset.hoverAlt || ''; 20592 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 20593 img.loading = 'lazy'; 20594 img.decoding = 'async'; 20595 p.replaceWith(img); 20596 }; 20597 </script>
20597 20598 <div 20599 data-product-handle="kitsch-moisturizing-curl-cream" 20600 x-data 20601 class="card-wrapper flex flex-col h-full relative"> 20602 20603 20604 <rivo-favorite-button 20605 data-product-id="10179685843125" 20606 rivo-ax-data 20607 rivo-ax-cloak 20608 rivo-ax-html="$store.icons.heart" 20609 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 20610 20611 20612 20613 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 20614 20615 @mouseenter.once="window.hoverImageLoad($el)" 20616 @touchstart.once.passive="window.hoverImageLoad($el)" 20617 > 20618 20619 20620 <a 20621 class="cursor-pointer" 20622 20623 href="/collections/best-sellers/products/kitsch-moisturizing-curl-cream" 20624 20625 aria-label="Moisturizing Curl Cream"> 20626 20627 20628 20629 20630 20631 20632 20633 20634 20635 20636 20637 20638 20639 20640 20641 20642 20643 <img src="//www.mykitsch.com/cdn/shop/files/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?quality=75&v=1767136802&width=700" alt="KITSCH Moisturizing Curl Cream â hero product shot â Rich yet feather-light formula crafted to hydrate deeply, enhance curl memory, and awaken your hair's natural patternâwithout the crunch â infused with nourishing coconut oil and moisture-locking emollients" srcset="//www.mykitsch.com/cdn/shop/files/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?quality=75&v=1767136802&width=200 200w, //www.mykitsch.com/cdn/shop/files/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?quality=75&v=1767136802&width=300 300w, //www.mykitsch.com/cdn/shop/files/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?quality=75&v=1767136802&width=400 400w, //www.mykitsch.com/cdn/shop/files/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?quality=75&v=1767136802&width=500 500w, //www.mykitsch.com/cdn/shop/files/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?quality=75&v=1767136802&width=600 600w, //www.mykitsch.com/cdn/shop/files/504001-CurlCream-Moisturizing-hero-1280x1280px.jpg?quality=75&v=1767136802&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.586% 50.0%;"> 20644 20645 20646 20647 20648 <div 20649 data-hover-image="//www.mykitsch.com/cdn/shop/files/504001_Curl_Cream_Review_Image_1.jpg?v=1772228432&width=700" 20650 data-hover-alt="KITSCH Moisturizing Curl Cream â 5-star customer review graphic â Infused with nourishing coconut oil and moisture-locking emollients â defines the hair's natural curl, leaving it moisturized and controlled" 20651 class="absolute z-10 top-0 left-0 h-full w-full" 20652 aria-hidden="true"></div> 20653 20654 20655 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 20656 20657 20658 20659 20660 20661 20662 20663 20664 20665 20666 20667 20668 20669 20670 20671 20672 20673 20674 20675 20676 20677 20678 20679 20680 20681 20682 20683 20684 20685 20686 20687 20688 20689 20690 20691</div> 20692 20693<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 20694 20695 20696 20697 20698 20699 20700 20701 20702 20703 20704 20705 20706 20707 20708 20709 20710 20711 20712 20713</div> 20714 20715 20716 20717 </a> 20718 20719 20720 20721 20722 20723 20724 20725 20726 </div> 20727 <a 20728 20729 href="/collections/best-sellers/products/kitsch-moisturizing-curl-cream" 20730 20731 class="card__content block cursor-pointer py-4 text-center space-y-1"> 20732 <p class="card__heading font-medium"> 20733 20734 Moisturizing Curl Cream 20735 </p> 20736 <div class="flex justify-center gap-2 items-center"><div class=""> 20737 20738 20739<div hidden class="hidden"> 20740 10179685843125 20741</div> 20742 20743 20744 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 20745 <div data-oke-star-rating data-oke-reviews-product-id="shopify-10179685843125"> 20746 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.3 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
20746<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 87.1589%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.3 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">302</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
20746<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.3","reviewCount":302} </script>
20746</div> 20747 </div> 20748 20749 20750 20751 </div> 20752 20753 20754</div> 20755</div> 20756 <div class="card__information"> 20757 20758 20759 <div class="card__price"> 20760 20761 20762 20763 20764 20765 20766 20767 20768 20769 20770 20771 20772 20773 20774 20775 20776 20777<div class="flex gap-3 items-center justify-center "> 20778 <div x-init="$nextTick(() => { 20779 20780 20781 checkDiscountCode(false); 20782 20783 })" 20784 x-title="Product price" 20785 x-data="{ 20786 20787 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 20788 20789 isBundle: false, 20790 onSale: false, 20791 soldOut: false, 20792 isPDP: false, 20793 code_discount_active: false, 20794 20795 enable_tag_discount: false, 20796 20797 variant: { 20798 price: 1500, 20799 }, 20800 currentPrice(){ 20801 let price = this.variant.price; 20802 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 20803 price = price - (price * this.discount_percentage / 100); 20804 } 20805 return Math.round(price); 20806 }, 20807 getPrice(){ 20808 if(this.variant){ 20809 return Unick.formatMoney(this.currentPrice()); 20810 } 20811 }, 20812 showOriginalPrice(fallbackVisible){ 20813 return !!fallbackVisible; 20814 }, 20815 renderOriginalPrice(fallbackPrice){ 20816 return Unick.formatMoney(fallbackPrice || 0); 20817 }, 20818 checkDiscountCode(broadcast){ 20819 20820 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 20821 const cookieDiscount = Unick.getCookie('discount_code'); 20822 const discount = cookieDiscount ? this.discount_table.find((item) => { 20823 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 20824 }) : null; 20825 const codePercentage = Number(discount?.split(':')[1]) || 0; 20826 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 20827 let productPrice = 1500; 20828 20829 if(codePercentage > 0 && codePercentage >= tagPercentage){ 20830 // The larger of the code and tag discounts is shown; ties go 20831 // to the code since it is what checkout actually charges. The 20832 // cookie only holds codes the cart reports as applicable 20833 // (synced in theme.liquid). 20834 this.code_discount_active = true; 20835 this.onSale = true; 20836 this.$dispatch('discount-percentage', { percentage: codePercentage }); 20837 20838 let displayPrice = productPrice - (productPrice * codePercentage / 100); 20839 20840 let newOriginalPrice = 1500; 20841 20842 if(broadcast){ 20843 this.$dispatch('discounted-price', { id: 10179685843125, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 20844 }else{ 20845 this.variant.price = displayPrice; 20846 this.variant.original_price = newOriginalPrice; 20847 } 20848 20849 }else if(this.enable_tag_discount){ 20850 // No applicable code on the cart (or none matching the table), 20851 // or the code's percentage is smaller than the tag's â use the 20852 // tag discount. 20853 this.code_discount_active = false; 20854 if(cookieDiscount){ 20855 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 20856 } 20857 // PDP renders the discounted amount directly; PLP keeps the 20858 // full price in variant.price and getPrice() applies the tag 20859 // percentage on the fly. 20860 let displayPrice = this.isPDP 20861 ? productPrice - (productPrice * this.discount_percentage / 100) 20862 : productPrice; 20863 20864 let newOriginalPrice = 1500; 20865 20866 if(broadcast){ 20867 this.$dispatch('discounted-price', { id: 10179685843125, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 20868 }else{ 20869 this.variant.price = displayPrice; 20870 this.variant.original_price = newOriginalPrice; 20871 } 20872 20873 }else{ 20874 this.code_discount_active = false;
20875 this.onSale = false; 20876 if(cookieDiscount){ 20877 this.$dispatch('discount-percentage', { percentage: 0 }); 20878 } 20879 // reset price and dispatch the events to update the price 20880 20881 let newOriginalPrice = 1500; 20882 20883 if(broadcast){ 20884 this.$dispatch('discounted-price', { id: 10179685843125, new_price: 1500, new_original_price: newOriginalPrice, code_discount_active: false }); 20885 }else{ 20886 this.variant.price = 1500; 20887 this.variant.original_price = newOriginalPrice; 20888 } 20889 20890 } 20891 } 20892 20893 } 20894 }" 20895 20896 @discounted-price.window="if($event.detail.id == 10179685843125) { 20897 variant.price = $event.detail.new_price; 20898 variant.original_price = $event.detail.new_original_price; 20899 code_discount_active = $event.detail.code_discount_active; 20900 }" 20901 20902 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 20903 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 20904 class="price justify-center font-medium flex gap-x-2 items-center"> 20905 <div class="price__container"><div class="price__regular"> 20906 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 20907 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 20908 <span>$15.00</span> 20909 </span> 20910 20911 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 20912 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 20913 </template> 20914 20915 20916 <template x-if="enable_tag_discount && !code_discount_active"> 20917 <div class="inline-block tag-discount-price compare-at-price"> 20918 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 20919 class="price-item price-item--regular text-gray-700" 20920 aria-hidden="true"> 20921 </s> 20922 </div> 20923 </template> 20924 20925 20926 20927<span 20928 class="comp-price " 20929 data-comp-price="2200"> 20930 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$22.00</span></s><span class="comp-price__label">Comp. Value</span></span> 20931 </div><small class="unit-price hidden"> 20932 <span class="sr-only">Unit price</span> 20933 <span class="price-item price-item--last"> 20934 <span></span> 20935 <span aria-hidden="true">/</span> 20936 <span class="sr-only"> per </span> 20937 <span> 20938 </span> 20939 </span> 20940 </small> 20941 20942 </div> 20943 20944 </div> 20945</div> 20946 20947 20948 20949 </div> 20950 20951 20952 20953 20954 </div> 20955 </a> 20956 20957 20958 20959 20960 20961 <button type="button" 20962 x-data="QuickShopButton" 20963 data-product-handle="kitsch-moisturizing-curl-cream" 20964 20965 20966 x-bind="behaviour" 20967 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 20968 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 20969 quick shop 20970 </button> 20971 20972 20973 </div> 20974 </li> 20975 20976 20977<li class="grid__item collection-product-grid" 20978 data-handle="rice-water-protein-shampoo-bar-strengthening"> 20979
20980<script> 20981 window.hoverImageLoad = window.hoverImageLoad || function(el) { 20982 var p = el.querySelector('[data-hover-image]'); 20983 if (!p) return; 20984 var img = new Image(); 20985 img.src = p.dataset.hoverImage; 20986 img.alt = p.dataset.hoverAlt || ''; 20987 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 20988 img.loading = 'lazy'; 20989 img.decoding = 'async'; 20990 p.replaceWith(img); 20991 }; 20992 </script>
20992 20993 <div 20994 data-product-handle="rice-water-protein-shampoo-bar-strengthening" 20995 x-data 20996 class="card-wrapper flex flex-col h-full relative"> 20997 20998 20999 <rivo-favorite-button 21000 data-product-id="6967152345269" 21001 rivo-ax-data 21002 rivo-ax-cloak 21003 rivo-ax-html="$store.icons.heart" 21004 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 21005 21006 21007 21008 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 21009 21010 @mouseenter.once="window.hoverImageLoad($el)" 21011 @touchstart.once.passive="window.hoverImageLoad($el)" 21012 > 21013 21014 21015 <a 21016 class="cursor-pointer" 21017 21018 href="/collections/best-sellers/products/rice-water-protein-shampoo-bar-strengthening" 21019 21020 aria-label="Rice Water Shampoo Bar for Hair Growth"> 21021 21022 21023 21024 21025 21026 21027 21028 21029 21030 21031 21032 21033 21034 21035 21036 21037 21038 <img src="//www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?quality=75&v=1780529203&width=700" alt="KITSCH Rice Water Shampoo Bar for Hair Growth â hero product shot â Formulated with Rice Tein NPNF®, clinically proven to increase hair volume and improve appearance of natural shine in just 5 washes â gives you a nourishing cleanse to encourage overall hair length & density" srcset="//www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?quality=75&v=1780529203&width=200 200w, //www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?quality=75&v=1780529203&width=300 300w, //www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?quality=75&v=1780529203&width=400 400w, //www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?quality=75&v=1780529203&width=500 500w, //www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?quality=75&v=1780529203&width=600 600w, //www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-hero-1280x1280px_2.jpg?quality=75&v=1780529203&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:18.164% 20.41%;"> 21039 21040 21041 21042 21043 <div 21044 data-hover-image="//www.mykitsch.com/cdn/shop/files/6745-RiceWaterProteinShampooBar-BottleFreeBeauty-Strengthening-5StarReview-300dpi_2.jpg?v=1780523786&width=700" 21045 data-hover-alt="KITSCH Rice Water Shampoo Bar for Hair Growth â 5-star customer review graphic â Rice Tein NPNF® has been shown to increase hair volume by 20% after 5 washes â free of parabens, phthalates, silicones, & sulfates" 21046 class="absolute z-10 top-0 left-0 h-full w-full" 21047 aria-hidden="true"></div> 21048 21049 21050 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 21051 21052 21053 21054 21055 21056 21057 21058 21059 21060 21061 21062 21063 21064 21065 21066 21067 21068 21069 21070 21071 21072 21073 21074 21075 21076 21077 21078 21079 21080 21081 21082 21083 21084 21085 21086 21087 21088 21089 21090 21091 21092 21093 21094 21095 21096 21097 21098 21099 21100 21101 21102 21103 21104</div> 21105 21106<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 21107 21108 21109 21110 21111 21112 21113 21114 21115 21116 21117 21118 21119 21120 21121 21122 21123 21124 21125 21126 21127 21128 21129 21130 21131 21132 21133 21134 21135 21136 21137 21138 21139 21140 21141 21142 21143 21144</div> 21145 21146 21147 21148 </a> 21149 21150 21151 21152 21153 21154 21155 21156 21157 </div> 21158 <a 21159 21160 href="/collections/best-sellers/products/rice-water-protein-shampoo-bar-strengthening" 21161 21162 class="card__content block cursor-pointer py-4 text-center space-y-1"> 21163 <p class="card__heading font-medium"> 21164 21165 Rice Water Shampoo Bar for Hair Growth 21166 </p> 21167 <div class="flex justify-center gap-2 items-center"><div class=""> 21168 21169 21170<div hidden class="hidden"> 21171 6967152345269 21172</div> 21173 21174 21175 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 21176 <div data-oke-star-rating data-oke-reviews-product-id="shopify-6967152345269"> 21177 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.8 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
21177<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 96.3311%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">10,521</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
21177<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.8","reviewCount":10521} </script>
21177</div> 21178 </div> 21179 21180 21181 21182 </div> 21183 21184 21185</div> 21186</div> 21187 <div class="card__information"> 21188 21189 21190 <div class="card__price"> 21191 21192 21193 21194 21195 21196 21197 21198 21199 21200 21201 21202 21203 21204 21205 21206 21207 21208<div class="flex gap-3 items-center justify-center "> 21209 <div x-init="$nextTick(() => { 21210 21211 21212 checkDiscountCode(false); 21213 21214 })" 21215 x-title="Product price" 21216 x-data="{ 21217 21218 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 21219 21220 isBundle: false, 21221 onSale: false, 21222 soldOut: false, 21223 isPDP: false, 21224 code_discount_active: false, 21225 21226 enable_tag_discount: false, 21227 21228 variant: { 21229 price: 1600, 21230 }, 21231 currentPrice(){ 21232 let price = this.variant.price; 21233 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 21234 price = price - (price * this.discount_percentage / 100); 21235 } 21236 return Math.round(price); 21237 }, 21238 getPrice(){ 21239 if(this.variant){ 21240 return Unick.formatMoney(this.currentPrice()); 21241 } 21242 }, 21243 showOriginalPrice(fallbackVisible){ 21244 return !!fallbackVisible; 21245 }, 21246 renderOriginalPrice(fallbackPrice){ 21247 return Unick.formatMoney(fallbackPrice || 0); 21248 }, 21249 checkDiscountCode(broadcast){ 21250 21251 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 21252 const cookieDiscount = Unick.getCookie('discount_code'); 21253 const discount = cookieDiscount ? this.discount_table.find((item) => { 21254 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 21255 }) : null; 21256 const codePercentage = Number(discount?.split(':')[1]) || 0; 21257 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 21258 let productPrice = 1600; 21259 21260 if(codePercentage > 0 && codePercentage >= tagPercentage){ 21261 // The larger of the code and tag discounts is shown; ties go 21262 // to the code since it is what checkout actually charges. The 21263 // cookie only holds codes the cart reports as applicable 21264 // (synced in theme.liquid). 21265 this.code_discount_active = true; 21266 this.onSale = true; 21267 this.$dispatch('discount-percentage', { percentage: codePercentage }); 21268 21269 let displayPrice = productPrice - (productPrice * codePercentage / 100); 21270 21271 let newOriginalPrice = 1600; 21272 21273 if(broadcast){ 21274 this.$dispatch('discounted-price', { id: 6967152345269, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 21275 }else{ 21276 this.variant.price = displayPrice; 21277 this.variant.original_price = newOriginalPrice; 21278 } 21279 21280 }else if(this.enable_tag_discount){ 21281 // No applicable code on the cart (or none matching the table), 21282 // or the code's percentage is smaller than the tag's â use the 21283 // tag discount. 21284 this.code_discount_active = false; 21285 if(cookieDiscount){ 21286 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 21287 } 21288 // PDP renders the discounted amount directly; PLP keeps the 21289 // full price in variant.price and getPrice() applies the tag 21290 // percentage on the fly. 21291 let displayPrice = this.isPDP 21292 ? productPrice - (productPrice * this.discount_percentage / 100) 21293 : productPrice; 21294 21295 let newOriginalPrice = 1600; 21296 21297 if(broadcast){ 21298 this.$dispatch('discounted-price', { id: 6967152345269, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 21299 }else{ 21300 this.variant.price = displayPrice; 21301 this.variant.original_price = newOriginalPrice; 21302 } 21303 21304 }else{ 21305 this.code_discount_active = false;
21306 this.onSale = false; 21307 if(cookieDiscount){ 21308 this.$dispatch('discount-percentage', { percentage: 0 }); 21309 } 21310 // reset price and dispatch the events to update the price 21311 21312 let newOriginalPrice = 1600; 21313 21314 if(broadcast){ 21315 this.$dispatch('discounted-price', { id: 6967152345269, new_price: 1600, new_original_price: newOriginalPrice, code_discount_active: false }); 21316 }else{ 21317 this.variant.price = 1600; 21318 this.variant.original_price = newOriginalPrice; 21319 } 21320 21321 } 21322 } 21323 21324 } 21325 }" 21326 21327 @discounted-price.window="if($event.detail.id == 6967152345269) { 21328 variant.price = $event.detail.new_price; 21329 variant.original_price = $event.detail.new_original_price; 21330 code_discount_active = $event.detail.code_discount_active; 21331 }" 21332 21333 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 21334 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 21335 class="price justify-center font-medium flex gap-x-2 items-center"> 21336 <div class="price__container"><div class="price__regular"> 21337 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 21338 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 21339 <span>$16.00</span> 21340 </span> 21341 21342 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 21343 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 21344 </template> 21345 21346 21347 <template x-if="enable_tag_discount && !code_discount_active"> 21348 <div class="inline-block tag-discount-price compare-at-price"> 21349 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 21350 class="price-item price-item--regular text-gray-700" 21351 aria-hidden="true"> 21352 </s> 21353 </div> 21354 </template> 21355 21356 21357 21358<span 21359 class="comp-price " 21360 data-comp-price="2200"> 21361 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$22.00</span></s><span class="comp-price__label">Comp. Value</span></span> 21362 </div><small class="unit-price hidden"> 21363 <span class="sr-only">Unit price</span> 21364 <span class="price-item price-item--last"> 21365 <span></span> 21366 <span aria-hidden="true">/</span> 21367 <span class="sr-only"> per </span> 21368 <span> 21369 </span> 21370 </span> 21371 </small> 21372 21373 </div> 21374 21375 </div> 21376</div> 21377 21378 21379 21380 </div> 21381 21382 21383 21384 21385 </div> 21386 </a> 21387 21388 21389 21390 21391 21392 <button type="button" 21393 x-data="QuickShopButton" 21394 data-product-handle="rice-water-protein-shampoo-bar-strengthening" 21395 21396 21397 x-bind="behaviour" 21398 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 21399 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 21400 quick shop 21401 </button> 21402 21403 21404 </div> 21405 </li> 21406 21407 21408<li class="grid__item collection-product-grid" 21409 data-handle="moisturizing-argan-milk-leave-in-conditioner"> 21410
21411<script> 21412 window.hoverImageLoad = window.hoverImageLoad || function(el) { 21413 var p = el.querySelector('[data-hover-image]'); 21414 if (!p) return; 21415 var img = new Image(); 21416 img.src = p.dataset.hoverImage; 21417 img.alt = p.dataset.hoverAlt || ''; 21418 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 21419 img.loading = 'lazy'; 21420 img.decoding = 'async'; 21421 p.replaceWith(img); 21422 }; 21423 </script>
21423 21424 <div 21425 data-product-handle="moisturizing-argan-milk-leave-in-conditioner" 21426 x-data 21427 class="card-wrapper flex flex-col h-full relative"> 21428 21429 21430 <rivo-favorite-button 21431 data-product-id="7720880930997" 21432 rivo-ax-data 21433 rivo-ax-cloak 21434 rivo-ax-html="$store.icons.heart" 21435 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 21436 21437 21438 21439 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 21440 21441 @mouseenter.once="window.hoverImageLoad($el)" 21442 @touchstart.once.passive="window.hoverImageLoad($el)" 21443 > 21444 21445 21446 <a 21447 class="cursor-pointer" 21448 21449 href="/collections/best-sellers/products/moisturizing-argan-milk-leave-in-conditioner" 21450 21451 aria-label="Moisturizing Argan Milk Leave-In Conditioner"> 21452 21453 21454 21455 21456 21457 21458 21459 21460 21461 21462 21463 21464 21465 21466 21467 21468 21469 <img src="//www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?quality=75&v=1785521419&width=700" alt="Kitsch Moisturizing Leave-In Conditioner Spray in blush packaging for dry, damaged, and frizzy hair, formulated with Actimilk⢠Argan." srcset="//www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?quality=75&v=1785521419&width=200 200w, //www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?quality=75&v=1785521419&width=300 300w, //www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?quality=75&v=1785521419&width=400 400w, //www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?quality=75&v=1785521419&width=500 500w, //www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?quality=75&v=1785521419&width=600 600w, //www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-pkg-1280x1280px.jpg?quality=75&v=1785521419&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 51.66%;"> 21470 21471 21472 21473 21474 <div 21475 data-hover-image="//www.mykitsch.com/cdn/shop/files/64488-MoisturizingArganMilkLeaveInConditioner-HairCare-IngredientFocused-Infographic-300dpi.jpg?v=1785521421&width=700" 21476 data-hover-alt="Kit-sch Moisturizing Leave-In Conditioner Spray with grapefruit, vanilla, orchid, and sugar cubes alongside a 5-star customer review praising softer, healthier-looking hair." 21477 class="absolute z-10 top-0 left-0 h-full w-full" 21478 aria-hidden="true"></div> 21479 21480 21481 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 21482 21483 21484 21485 21486 21487 21488 21489 21490 21491 21492 21493 21494 21495 21496 21497 21498 21499 21500 21501 21502 21503 21504 21505 21506 21507 21508 21509 21510 21511 21512 21513 21514 21515 21516 21517 21518 21519 21520 21521 21522 21523 21524 21525 21526 21527 21528 21529 21530 21531 21532 21533</div> 21534 21535<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 21536 21537 21538 21539 21540 21541 21542 21543 21544 21545 21546 21547 21548 21549 21550 21551 21552 21553 21554 21555 21556 21557 21558 21559 21560 21561 21562 21563 21564 21565 21566 21567 21568 21569 21570 21571</div> 21572 21573 21574 21575 </a> 21576 21577 21578 21579 21580 21581 21582 21583 21584 </div> 21585 <a 21586 21587 href="/collections/best-sellers/products/moisturizing-argan-milk-leave-in-conditioner" 21588 21589 class="card__content block cursor-pointer py-4 text-center space-y-1"> 21590 <p class="card__heading font-medium"> 21591 21592 Moisturizing Argan Milk Leave-In Conditioner 21593 </p> 21594 <div class="flex justify-center gap-2 items-center"><div class=""> 21595 21596 21597<div hidden class="hidden"> 21598 7720880930997 21599</div> 21600 21601 21602 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 21603 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7720880930997"> 21604 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.8 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
21604<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 96.3311%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">1,247</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
21604<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.8","reviewCount":1247} </script>
21604</div> 21605 </div> 21606 21607 21608 21609 </div> 21610 21611 21612</div> 21613</div> 21614 <div class="card__information"> 21615 21616 21617 <div class="card__price"> 21618 21619 21620 21621 21622 21623 21624 21625 21626 21627 21628 21629 21630 21631 21632 21633 21634 21635<div class="flex gap-3 items-center justify-center "> 21636 <div x-init="$nextTick(() => { 21637 21638 21639 checkDiscountCode(false); 21640 21641 })" 21642 x-title="Product price" 21643 x-data="{ 21644 21645 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 21646 21647 isBundle: false, 21648 onSale: false, 21649 soldOut: false, 21650 isPDP: false, 21651 code_discount_active: false, 21652 21653 enable_tag_discount: false, 21654 21655 variant: { 21656 price: 1500, 21657 }, 21658 currentPrice(){ 21659 let price = this.variant.price; 21660 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 21661 price = price - (price * this.discount_percentage / 100); 21662 } 21663 return Math.round(price); 21664 }, 21665 getPrice(){ 21666 if(this.variant){ 21667 return Unick.formatMoney(this.currentPrice()); 21668 } 21669 }, 21670 showOriginalPrice(fallbackVisible){ 21671 return !!fallbackVisible; 21672 }, 21673 renderOriginalPrice(fallbackPrice){ 21674 return Unick.formatMoney(fallbackPrice || 0); 21675 }, 21676 checkDiscountCode(broadcast){ 21677 21678 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 21679 const cookieDiscount = Unick.getCookie('discount_code'); 21680 const discount = cookieDiscount ? this.discount_table.find((item) => { 21681 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 21682 }) : null; 21683 const codePercentage = Number(discount?.split(':')[1]) || 0; 21684 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 21685 let productPrice = 1500; 21686 21687 if(codePercentage > 0 && codePercentage >= tagPercentage){ 21688 // The larger of the code and tag discounts is shown; ties go 21689 // to the code since it is what checkout actually charges. The 21690 // cookie only holds codes the cart reports as applicable 21691 // (synced in theme.liquid). 21692 this.code_discount_active = true; 21693 this.onSale = true; 21694 this.$dispatch('discount-percentage', { percentage: codePercentage }); 21695 21696 let displayPrice = productPrice - (productPrice * codePercentage / 100); 21697 21698 let newOriginalPrice = 1500; 21699 21700 if(broadcast){ 21701 this.$dispatch('discounted-price', { id: 7720880930997, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 21702 }else{ 21703 this.variant.price = displayPrice; 21704 this.variant.original_price = newOriginalPrice; 21705 } 21706 21707 }else if(this.enable_tag_discount){ 21708 // No applicable code on the cart (or none matching the table), 21709 // or the code's percentage is smaller than the tag's â use the 21710 // tag discount. 21711 this.code_discount_active = false; 21712 if(cookieDiscount){ 21713 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 21714 } 21715 // PDP renders the discounted amount directly; PLP keeps the 21716 // full price in variant.price and getPrice() applies the tag 21717 // percentage on the fly. 21718 let displayPrice = this.isPDP 21719 ? productPrice - (productPrice * this.discount_percentage / 100) 21720 : productPrice; 21721 21722 let newOriginalPrice = 1500; 21723 21724 if(broadcast){ 21725 this.$dispatch('discounted-price', { id: 7720880930997, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 21726 }else{ 21727 this.variant.price = displayPrice; 21728 this.variant.original_price = newOriginalPrice; 21729 } 21730 21731 }else{ 21732 this.code_discount_active = false;
21733 this.onSale = false; 21734 if(cookieDiscount){ 21735 this.$dispatch('discount-percentage', { percentage: 0 }); 21736 } 21737 // reset price and dispatch the events to update the price 21738 21739 let newOriginalPrice = 1500; 21740 21741 if(broadcast){ 21742 this.$dispatch('discounted-price', { id: 7720880930997, new_price: 1500, new_original_price: newOriginalPrice, code_discount_active: false }); 21743 }else{ 21744 this.variant.price = 1500; 21745 this.variant.original_price = newOriginalPrice; 21746 } 21747 21748 } 21749 } 21750 21751 } 21752 }" 21753 21754 @discounted-price.window="if($event.detail.id == 7720880930997) { 21755 variant.price = $event.detail.new_price; 21756 variant.original_price = $event.detail.new_original_price; 21757 code_discount_active = $event.detail.code_discount_active; 21758 }" 21759 21760 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 21761 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 21762 class="price justify-center font-medium flex gap-x-2 items-center"> 21763 <div class="price__container"><div class="price__regular"> 21764 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 21765 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 21766 <span>$15.00</span> 21767 </span> 21768 21769 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 21770 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 21771 </template> 21772 21773 21774 <template x-if="enable_tag_discount && !code_discount_active"> 21775 <div class="inline-block tag-discount-price compare-at-price"> 21776 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 21777 class="price-item price-item--regular text-gray-700" 21778 aria-hidden="true"> 21779 </s> 21780 </div> 21781 </template> 21782 21783 21784 21785<span 21786 class="comp-price " 21787 data-comp-price="4300"> 21788 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$43.00</span></s><span class="comp-price__label">Comp. Value</span></span> 21789 </div><small class="unit-price hidden"> 21790 <span class="sr-only">Unit price</span> 21791 <span class="price-item price-item--last"> 21792 <span></span> 21793 <span aria-hidden="true">/</span> 21794 <span class="sr-only"> per </span> 21795 <span> 21796 </span> 21797 </span> 21798 </small> 21799 21800 </div> 21801 21802 </div> 21803</div> 21804 21805 21806 21807 </div> 21808 21809 21810 21811 21812 </div> 21813 </a> 21814 21815 21816 21817 21818 21819 <button type="button" 21820 x-data="QuickShopButton" 21821 data-product-handle="moisturizing-argan-milk-leave-in-conditioner" 21822 21823 21824 x-bind="behaviour" 21825 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 21826 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 21827 quick shop 21828 </button> 21829 21830 21831 </div> 21832 </li> 21833 21834 21835<li class="grid__item collection-product-grid" 21836 data-handle="kojic-acid-face-body-cleansing-pads"> 21837
21838<script> 21839 window.hoverImageLoad = window.hoverImageLoad || function(el) { 21840 var p = el.querySelector('[data-hover-image]'); 21841 if (!p) return; 21842 var img = new Image(); 21843 img.src = p.dataset.hoverImage; 21844 img.alt = p.dataset.hoverAlt || ''; 21845 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 21846 img.loading = 'lazy'; 21847 img.decoding = 'async'; 21848 p.replaceWith(img); 21849 }; 21850 </script>
21850 21851 <div 21852 data-product-handle="kojic-acid-face-body-cleansing-pads" 21853 x-data 21854 class="card-wrapper flex flex-col h-full relative"> 21855 21856 21857 <rivo-favorite-button 21858 data-product-id="10200047780021" 21859 rivo-ax-data 21860 rivo-ax-cloak 21861 rivo-ax-html="$store.icons.heart" 21862 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 21863 21864 21865 21866 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 21867 21868 @mouseenter.once="window.hoverImageLoad($el)" 21869 @touchstart.once.passive="window.hoverImageLoad($el)" 21870 > 21871 21872 21873 <a 21874 class="cursor-pointer" 21875 21876 href="/collections/best-sellers/products/kojic-acid-face-body-cleansing-pads" 21877 21878 aria-label="Kojic Acid Face & Body Cleansing Pads"> 21879 21880 21881 21882 21883 21884 21885 21886 21887 21888 21889 21890 21891 21892 21893 21894 21895 21896 <img src="//www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?quality=75&v=1763395968&width=700" alt="KITSCH Kojic Acid Face & Body Cleansing Pads â hero product shot on light gray background â yellow tub with single white pad displayed â BRIGHTENING | For dark spots, pigmentation, & uneven skin â Kojic Acid helps fade dark spots, reduce sun damage, and lighten acne scars â Turmeric Root Powder fights dullness and boosts antioxidants â Contains 50 pads" srcset="//www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?quality=75&v=1763395968&width=200 200w, //www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?quality=75&v=1763395968&width=300 300w, //www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?quality=75&v=1763395968&width=400 400w, //www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?quality=75&v=1763395968&width=500 500w, //www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?quality=75&v=1763395968&width=600 600w, //www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?quality=75&v=1763395968&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 48.926%;"> 21897 21898 21899 21900 21901 <div 21902 data-hover-image="//www.mykitsch.com/cdn/shop/files/507682-507699-Face_BodyPads-CreativeProductShoot-300dpi.png?v=1763572840&width=700" 21903 data-hover-alt="KITSCH Kojic Acid Face & Body Cleansing Pads â ingredient infographic showing hands using pad on skin with callouts â Kojic Acid: Brightens & evens skin tone | Cica Extract: Restores strength, heals naturally | Turmeric Root Powder: Energizes tired, dull skin â Pre-soaked cleansing pads for face and body â Centella Asiatica (Cica) strengthens and repairs the skin barrier" 21904 class="absolute z-10 top-0 left-0 h-full w-full" 21905 aria-hidden="true"></div> 21906 21907 21908 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 21909 21910 21911 21912 21913 21914 21915 21916 21917 21918 21919 21920 21921 21922 21923 21924 21925 21926 21927 21928 21929 21930</div> 21931 21932<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 21933 21934 21935 21936 21937 21938</div> 21939 21940 21941 21942 </a> 21943 21944 21945 21946 21947 21948<style> 21949 .product-shades { 21950 position: absolute; 21951 right: .75rem; 21952 bottom: .75rem; 21953 z-index: 20; 21954 display: flex; 21955 align-items: center; 21956 gap: .375rem; 21957 margin: 0; 21958 padding: 0; 21959 list-style: none; 21960 pointer-events: none; 21961 } 21962 21963 .product-shades__item { 21964 display: block; 21965 width: 15px; 21966 height: 15px; 21967 border-radius: 9999px; 21968 border: 1px solid #fff; 21969 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 21970 background-size: cover; 21971 background-position: center; 21972 background-repeat: no-repeat; 21973 } 21974 21975 @media (max-width: 767px) { 21976 .product-shades { 21977 right: .5rem; 21978 bottom: .5rem; 21979 gap: .25rem; 21980 } 21981 } 21982 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/507682-KojicAcid-Face_BodyPads-Resurfacing-50pc-hero-1280x1280px_1.jpg?v=1763395968&width=100)">
21983 <span class="sr-only">Kojic Acid Face & Body Cleansing Pads</span> 21984 </li></ul> 21985 21986 21987 </div> 21988 <a 21989 21990 href="/collections/best-sellers/products/kojic-acid-face-body-cleansing-pads" 21991 21992 class="card__content block cursor-pointer py-4 text-center space-y-1"> 21993 <p class="card__heading font-medium"> 21994 21995 Kojic Acid Face & Body Cleansing Pads 21996 </p> 21997 <div class="flex justify-center gap-2 items-center"><div class=""> 21998 21999 22000<div hidden class="hidden"> 22001 10200047780021 22002</div> 22003 22004 22005 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 22006 <div data-oke-star-rating data-oke-reviews-product-id="shopify-10200047780021"> 22007 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.4967%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">366</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
22007<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.7","reviewCount":366} </script>
22007</div> 22008 </div> 22009 22010 22011 22012 </div> 22013 22014 22015</div> 22016</div> 22017 <div class="card__information"> 22018 22019 22020 <div class="card__price"> 22021 22022 22023 22024 22025 22026 22027 22028 22029 22030 22031 22032 22033 22034 22035 22036 22037 22038<div class="flex gap-3 items-center justify-center "> 22039 <div x-init="$nextTick(() => { 22040 22041 22042 checkDiscountCode(false); 22043 22044 })" 22045 x-title="Product price" 22046 x-data="{ 22047 22048 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 22049 22050 isBundle: false, 22051 onSale: false, 22052 soldOut: false, 22053 isPDP: false, 22054 code_discount_active: false, 22055 22056 enable_tag_discount: false, 22057 22058 variant: { 22059 price: 2300, 22060 }, 22061 currentPrice(){ 22062 let price = this.variant.price; 22063 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 22064 price = price - (price * this.discount_percentage / 100); 22065 } 22066 return Math.round(price); 22067 }, 22068 getPrice(){ 22069 if(this.variant){ 22070 return Unick.formatMoney(this.currentPrice()); 22071 } 22072 }, 22073 showOriginalPrice(fallbackVisible){ 22074 return !!fallbackVisible; 22075 }, 22076 renderOriginalPrice(fallbackPrice){ 22077 return Unick.formatMoney(fallbackPrice || 0); 22078 }, 22079 checkDiscountCode(broadcast){ 22080 22081 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 22082 const cookieDiscount = Unick.getCookie('discount_code'); 22083 const discount = cookieDiscount ? this.discount_table.find((item) => { 22084 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 22085 }) : null; 22086 const codePercentage = Number(discount?.split(':')[1]) || 0; 22087 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 22088 let productPrice = 2300; 22089 22090 if(codePercentage > 0 && codePercentage >= tagPercentage){ 22091 // The larger of the code and tag discounts is shown; ties go 22092 // to the code since it is what checkout actually charges. The 22093 // cookie only holds codes the cart reports as applicable 22094 // (synced in theme.liquid). 22095 this.code_discount_active = true; 22096 this.onSale = true; 22097 this.$dispatch('discount-percentage', { percentage: codePercentage }); 22098 22099 let displayPrice = productPrice - (productPrice * codePercentage / 100); 22100 22101 let newOriginalPrice = 2300; 22102 22103 if(broadcast){ 22104 this.$dispatch('discounted-price', { id: 10200047780021, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 22105 }else{ 22106 this.variant.price = displayPrice; 22107 this.variant.original_price = newOriginalPrice; 22108 } 22109 22110 }else if(this.enable_tag_discount){ 22111 // No applicable code on the cart (or none matching the table), 22112 // or the code's percentage is smaller than the tag's â use the 22113 // tag discount. 22114 this.code_discount_active = false; 22115 if(cookieDiscount){ 22116 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 22117 } 22118 // PDP renders the discounted amount directly; PLP keeps the 22119 // full price in variant.price and getPrice() applies the tag 22120 // percentage on the fly. 22121 let displayPrice = this.isPDP 22122 ? productPrice - (productPrice * this.discount_percentage / 100) 22123 : productPrice; 22124 22125 let newOriginalPrice = 2300; 22126 22127 if(broadcast){ 22128 this.$dispatch('discounted-price', { id: 10200047780021, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 22129 }else{ 22130 this.variant.price = displayPrice; 22131 this.variant.original_price = newOriginalPrice; 22132 } 22133 22134 }else{ 22135 this.code_discount_active = false;
22136 this.onSale = false; 22137 if(cookieDiscount){ 22138 this.$dispatch('discount-percentage', { percentage: 0 }); 22139 } 22140 // reset price and dispatch the events to update the price 22141 22142 let newOriginalPrice = 2300; 22143 22144 if(broadcast){ 22145 this.$dispatch('discounted-price', { id: 10200047780021, new_price: 2300, new_original_price: newOriginalPrice, code_discount_active: false }); 22146 }else{ 22147 this.variant.price = 2300; 22148 this.variant.original_price = newOriginalPrice; 22149 } 22150 22151 } 22152 } 22153 22154 } 22155 }" 22156 22157 @discounted-price.window="if($event.detail.id == 10200047780021) { 22158 variant.price = $event.detail.new_price; 22159 variant.original_price = $event.detail.new_original_price; 22160 code_discount_active = $event.detail.code_discount_active; 22161 }" 22162 22163 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 22164 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 22165 class="price justify-center font-medium flex gap-x-2 items-center"> 22166 <div class="price__container"><div class="price__regular"> 22167 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 22168 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 22169 <span>$23.00</span> 22170 </span> 22171 22172 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 22173 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 22174 </template> 22175 22176 22177 <template x-if="enable_tag_discount && !code_discount_active"> 22178 <div class="inline-block tag-discount-price compare-at-price"> 22179 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 22180 class="price-item price-item--regular text-gray-700" 22181 aria-hidden="true"> 22182 </s> 22183 </div> 22184 </template> 22185 22186 22187 22188<span 22189 class="comp-price " 22190 data-comp-price="4200"> 22191 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$42.00</span></s><span class="comp-price__label">Comp. Value</span></span> 22192 </div><small class="unit-price hidden"> 22193 <span class="sr-only">Unit price</span> 22194 <span class="price-item price-item--last"> 22195 <span></span> 22196 <span aria-hidden="true">/</span> 22197 <span class="sr-only"> per </span> 22198 <span> 22199 </span> 22200 </span> 22201 </small> 22202 22203 </div> 22204 22205 </div> 22206</div> 22207 22208 22209 22210 </div> 22211 22212 22213 22214 22215 </div> 22216 </a> 22217 22218 22219 22220 22221 22222 <button type="button" 22223 x-data="QuickShopButton" 22224 data-product-handle="kojic-acid-face-body-cleansing-pads" 22225 22226 data-has-options="true" 22227 x-bind="behaviour" 22228 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 22229 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 22230 quick shop 22231 </button> 22232 22233 22234 </div> 22235 </li> 22236 22237 22238<li class="grid__item collection-product-grid" 22239 data-handle="shea-butter-solid-body-wash"> 22240
22241<script> 22242 window.hoverImageLoad = window.hoverImageLoad || function(el) { 22243 var p = el.querySelector('[data-hover-image]'); 22244 if (!p) return; 22245 var img = new Image(); 22246 img.src = p.dataset.hoverImage; 22247 img.alt = p.dataset.hoverAlt || ''; 22248 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 22249 img.loading = 'lazy'; 22250 img.decoding = 'async'; 22251 p.replaceWith(img); 22252 }; 22253 </script>
22253 22254 <div 22255 data-product-handle="shea-butter-solid-body-wash" 22256 x-data 22257 class="card-wrapper flex flex-col h-full relative"> 22258 22259 22260 <rivo-favorite-button 22261 data-product-id="7376125329589" 22262 rivo-ax-data 22263 rivo-ax-cloak 22264 rivo-ax-html="$store.icons.heart" 22265 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 22266 22267 22268 22269 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 22270 22271 @mouseenter.once="window.hoverImageLoad($el)" 22272 @touchstart.once.passive="window.hoverImageLoad($el)" 22273 > 22274 22275 22276 <a 22277 class="cursor-pointer" 22278 22279 href="/collections/best-sellers/products/shea-butter-solid-body-wash" 22280 22281 aria-label="Shea Butter Exfoliating Body Wash"> 22282 22283 22284 22285 22286 22287 22288 22289 22290 22291 22292 22293 22294 22295 22296 22297 22298 22299 <img src="//www.mykitsch.com/cdn/shop/files/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?quality=75&v=1778097098&width=700" alt="KITSCH Shea Butter Exfoliating Body Wash â hero product shot on white background" srcset="//www.mykitsch.com/cdn/shop/files/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?quality=75&v=1778097098&width=200 200w, //www.mykitsch.com/cdn/shop/files/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?quality=75&v=1778097098&width=300 300w, //www.mykitsch.com/cdn/shop/files/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?quality=75&v=1778097098&width=400 400w, //www.mykitsch.com/cdn/shop/files/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?quality=75&v=1778097098&width=500 500w, //www.mykitsch.com/cdn/shop/files/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?quality=75&v=1778097098&width=600 600w, //www.mykitsch.com/cdn/shop/files/9852-SheaButterSolidBodyWashBar-BottleFreeBeauty-Moisturizing-Hero-1280x1280px_8d065d67-4e39-44f7-8158-b7be14187326.jpg?quality=75&v=1778097098&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 49.121%;"> 22300 22301 22302 22303 22304 <div 22305 data-hover-image="//www.mykitsch.com/cdn/shop/files/Shea_Butter_Infographic-1.png?v=1778182313&width=700" 22306 data-hover-alt="KITSCH Shea Butter Exfoliating Body Wash â 5-star customer review graphic" 22307 class="absolute z-10 top-0 left-0 h-full w-full" 22308 aria-hidden="true"></div> 22309 22310 22311 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 22312 22313 22314 22315 22316 22317 22318 22319 22320 22321 22322 22323 22324 22325 22326 22327 22328 22329 22330 22331 22332 22333 22334 22335 22336 22337 22338 22339 22340 22341</div> 22342 22343<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 22344 22345 22346 22347 22348 22349 22350 22351 22352 22353 22354 22355 22356 22357</div> 22358 22359 22360 22361 </a> 22362 22363 22364 22365 22366 22367<style> 22368 .product-shades { 22369 position: absolute; 22370 right: .75rem; 22371 bottom: .75rem; 22372 z-index: 20; 22373 display: flex; 22374 align-items: center; 22375 gap: .375rem; 22376 margin: 0; 22377 padding: 0; 22378 list-style: none; 22379 pointer-events: none; 22380 } 22381 22382 .product-shades__item { 22383 display: block; 22384 width: 15px; 22385 height: 15px; 22386 border-radius: 9999px; 22387 border: 1px solid #fff; 22388 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 22389 background-size: cover; 22390 background-position: center; 22391 background-repeat: no-repeat; 22392 } 22393 22394 @media (max-width: 767px) { 22395 .product-shades { 22396 right: .5rem; 22397 bottom: .5rem; 22398 gap: .25rem; 22399 } 22400 } 22401 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/amber_shores-swatch_c3bb62c7-4b4e-4996-9803-94b0590e42d9.png?v=1742241091&width=100)">
22402 <span class="sr-only">Cleansing Amber Shores Body Wash Bar</span> 22403 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/warm_sugar-swatch.png?v=1742241210&width=100)"> 22404 <span class="sr-only">Cleansing Warm Sugar Body Wash Bar</span> 22405 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/BodyWash-RiceWaterBodyBar-HERO-WNDA9023-72dpi_e952f184-4c06-41b4-a913-ce9c36df2ded.jpg?v=1775678555&width=100)"> 22406 <span class="sr-only">Rice Water Protein Restoring Face & Body Wash Bar</span> 22407 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/504650-GlycolicAcidSolidFace_BodyWash-BottleFreeBeauty-hero-ingredients-1280x1280px.jpg?v=1754941097&width=100)"> 22408 <span class="sr-only">Glycolic Acid Resurfacing Face and Body Wash</span> 22409 </li></ul> 22410 22411 22412 </div> 22413 <a 22414 22415 href="/collections/best-sellers/products/shea-butter-solid-body-wash" 22416 22417 class="card__content block cursor-pointer py-4 text-center space-y-1"> 22418 <p class="card__heading font-medium"> 22419 22420 Shea Butter Exfoliating Body Wash 22421 </p> 22422 <div class="flex justify-center gap-2 items-center"><div class=""> 22423 22424 22425<div hidden class="hidden"> 22426 7376125329589 22427</div> 22428 22429 22430 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 22431 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7376125329589"> 22432 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.4967%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">2,919</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
22432<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.7","reviewCount":2919} </script>
22432</div> 22433 </div> 22434 22435 22436 22437 </div> 22438 22439 22440</div> 22441</div> 22442 <div class="card__information"> 22443 22444 22445 <div class="card__price"> 22446 22447 22448 22449 22450 22451 22452 22453 22454 22455 22456 22457 22458 22459 22460 22461 22462 22463<div class="flex gap-3 items-center justify-center "> 22464 <div x-init="$nextTick(() => { 22465 22466 22467 checkDiscountCode(false); 22468 22469 })" 22470 x-title="Product price" 22471 x-data="{ 22472 22473 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 22474 22475 isBundle: false, 22476 onSale: false, 22477 soldOut: false, 22478 isPDP: false, 22479 code_discount_active: false, 22480 22481 enable_tag_discount: false, 22482 22483 variant: { 22484 price: 1400, 22485 }, 22486 currentPrice(){ 22487 let price = this.variant.price; 22488 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 22489 price = price - (price * this.discount_percentage / 100); 22490 } 22491 return Math.round(price); 22492 }, 22493 getPrice(){ 22494 if(this.variant){ 22495 return Unick.formatMoney(this.currentPrice()); 22496 } 22497 }, 22498 showOriginalPrice(fallbackVisible){ 22499 return !!fallbackVisible; 22500 }, 22501 renderOriginalPrice(fallbackPrice){ 22502 return Unick.formatMoney(fallbackPrice || 0); 22503 }, 22504 checkDiscountCode(broadcast){ 22505 22506 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 22507 const cookieDiscount = Unick.getCookie('discount_code'); 22508 const discount = cookieDiscount ? this.discount_table.find((item) => { 22509 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 22510 }) : null; 22511 const codePercentage = Number(discount?.split(':')[1]) || 0; 22512 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 22513 let productPrice = 1400; 22514 22515 if(codePercentage > 0 && codePercentage >= tagPercentage){ 22516 // The larger of the code and tag discounts is shown; ties go 22517 // to the code since it is what checkout actually charges. The 22518 // cookie only holds codes the cart reports as applicable 22519 // (synced in theme.liquid). 22520 this.code_discount_active = true; 22521 this.onSale = true; 22522 this.$dispatch('discount-percentage', { percentage: codePercentage }); 22523 22524 let displayPrice = productPrice - (productPrice * codePercentage / 100); 22525 22526 let newOriginalPrice = 1400; 22527 22528 if(broadcast){ 22529 this.$dispatch('discounted-price', { id: 7376125329589, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 22530 }else{ 22531 this.variant.price = displayPrice; 22532 this.variant.original_price = newOriginalPrice; 22533 } 22534 22535 }else if(this.enable_tag_discount){ 22536 // No applicable code on the cart (or none matching the table), 22537 // or the code's percentage is smaller than the tag's â use the 22538 // tag discount. 22539 this.code_discount_active = false; 22540 if(cookieDiscount){ 22541 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 22542 } 22543 // PDP renders the discounted amount directly; PLP keeps the 22544 // full price in variant.price and getPrice() applies the tag 22545 // percentage on the fly. 22546 let displayPrice = this.isPDP 22547 ? productPrice - (productPrice * this.discount_percentage / 100) 22548 : productPrice; 22549 22550 let newOriginalPrice = 1400; 22551 22552 if(broadcast){ 22553 this.$dispatch('discounted-price', { id: 7376125329589, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 22554 }else{ 22555 this.variant.price = displayPrice; 22556 this.variant.original_price = newOriginalPrice; 22557 } 22558 22559 }else{ 22560 this.code_discount_active = false;
22561 this.onSale = false; 22562 if(cookieDiscount){ 22563 this.$dispatch('discount-percentage', { percentage: 0 }); 22564 } 22565 // reset price and dispatch the events to update the price 22566 22567 let newOriginalPrice = 1400; 22568 22569 if(broadcast){ 22570 this.$dispatch('discounted-price', { id: 7376125329589, new_price: 1400, new_original_price: newOriginalPrice, code_discount_active: false }); 22571 }else{ 22572 this.variant.price = 1400; 22573 this.variant.original_price = newOriginalPrice; 22574 } 22575 22576 } 22577 } 22578 22579 } 22580 }" 22581 22582 @discounted-price.window="if($event.detail.id == 7376125329589) { 22583 variant.price = $event.detail.new_price; 22584 variant.original_price = $event.detail.new_original_price; 22585 code_discount_active = $event.detail.code_discount_active; 22586 }" 22587 22588 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 22589 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 22590 class="price justify-center font-medium flex gap-x-2 items-center"> 22591 <div class="price__container"><div class="price__regular"> 22592 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 22593 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 22594 <span>$14.00</span> 22595 </span> 22596 22597 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 22598 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 22599 </template> 22600 22601 22602 <template x-if="enable_tag_discount && !code_discount_active"> 22603 <div class="inline-block tag-discount-price compare-at-price"> 22604 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 22605 class="price-item price-item--regular text-gray-700" 22606 aria-hidden="true"> 22607 </s> 22608 </div> 22609 </template> 22610 22611 22612 22613<span 22614 class="comp-price " 22615 data-comp-price="1900"> 22616 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$19.00</span></s><span class="comp-price__label">Comp. Value</span></span> 22617 </div><small class="unit-price hidden"> 22618 <span class="sr-only">Unit price</span> 22619 <span class="price-item price-item--last"> 22620 <span></span> 22621 <span aria-hidden="true">/</span> 22622 <span class="sr-only"> per </span> 22623 <span> 22624 </span> 22625 </span> 22626 </small> 22627 22628 </div> 22629 22630 </div> 22631</div> 22632 22633 22634 22635 </div> 22636 22637 22638 22639 22640 </div> 22641 </a> 22642 22643 22644 22645 22646 22647 <button type="button" 22648 x-data="QuickShopButton" 22649 data-product-handle="shea-butter-solid-body-wash" 22650 22651 data-has-options="true" 22652 x-bind="behaviour" 22653 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 22654 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 22655 quick shop 22656 </button> 22657 22658 22659 </div> 22660 </li> 22661 22662 22663<li class="grid__item collection-product-grid" 22664 data-handle="self-draining-soap-dish-1"> 22665
22666<script> 22667 window.hoverImageLoad = window.hoverImageLoad || function(el) { 22668 var p = el.querySelector('[data-hover-image]'); 22669 if (!p) return; 22670 var img = new Image(); 22671 img.src = p.dataset.hoverImage; 22672 img.alt = p.dataset.hoverAlt || ''; 22673 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 22674 img.loading = 'lazy'; 22675 img.decoding = 'async'; 22676 p.replaceWith(img); 22677 }; 22678 </script>
22678 22679 <div 22680 data-product-handle="self-draining-soap-dish-1" 22681 x-data 22682 class="card-wrapper flex flex-col h-full relative"> 22683 22684 22685 <rivo-favorite-button 22686 data-product-id="7550911643829" 22687 rivo-ax-data 22688 rivo-ax-cloak 22689 rivo-ax-html="$store.icons.heart" 22690 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 22691 22692 22693 22694 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 22695 22696 @mouseenter.once="window.hoverImageLoad($el)" 22697 @touchstart.once.passive="window.hoverImageLoad($el)" 22698 > 22699 22700 22701 <a 22702 class="cursor-pointer" 22703 22704 href="/collections/best-sellers/products/self-draining-soap-dish-1" 22705 22706 aria-label="Terracotta Self-Draining Soap Dish"> 22707 22708 22709 22710 22711 22712 22713 22714 22715 22716 22717 22718 22719 22720 22721 22722 22723 22724 <img src="//www.mykitsch.com/cdn/shop/files/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?quality=75&v=1776103815&width=700" alt="KITSCH Terracotta Self-Draining Soap Dish â product hero shot â 3-compartment terracotta soap dish holds Shampoo, Conditioner & Body Wash bars â keeps bars dry & goop-free" srcset="//www.mykitsch.com/cdn/shop/files/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?quality=75&v=1776103815&width=200 200w, //www.mykitsch.com/cdn/shop/files/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?quality=75&v=1776103815&width=300 300w, //www.mykitsch.com/cdn/shop/files/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?quality=75&v=1776103815&width=400 400w, //www.mykitsch.com/cdn/shop/files/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?quality=75&v=1776103815&width=500 500w, //www.mykitsch.com/cdn/shop/files/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?quality=75&v=1776103815&width=600 600w, //www.mykitsch.com/cdn/shop/files/63832-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Hero-1280x1280px_1.jpg?quality=75&v=1776103815&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:49.121% 61.719%;"> 22725 22726 22727 22728 22729 <div 22730 data-hover-image="//www.mykitsch.com/cdn/shop/files/63832-CreativeProductShoot-SelfDrainingSoapDish-BottleFreeBeauty-Terracotta-Review.jpg?v=1777329641&width=700" 22731 data-hover-alt="Hand reaching for kitsch shampoo, conditioner, and soap bars in a terracotta soap dish attached to a tiled wall. There is a 5 star customer review on the bottom that reads: This soap dish is actually the best purchase I have spent money on. â Franny" 22732 class="absolute z-10 top-0 left-0 h-full w-full" 22733 aria-hidden="true"></div> 22734 22735 22736 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 22737 22738 22739 22740 22741 22742 22743 22744 22745 22746 22747 22748 22749 22750 22751 22752 22753 22754 22755 22756 22757 22758 22759 22760 22761 22762</div> 22763 22764<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 22765 22766 22767 22768 22769 22770 22771 22772 22773 22774</div> 22775 22776 22777 22778 </a> 22779 22780 22781 22782 22783 22784<style> 22785 .product-shades { 22786 position: absolute; 22787 right: .75rem; 22788 bottom: .75rem; 22789 z-index: 20; 22790 display: flex; 22791 align-items: center; 22792 gap: .375rem; 22793 margin: 0; 22794 padding: 0; 22795 list-style: none; 22796 pointer-events: none; 22797 } 22798 22799 .product-shades__item { 22800 display: block; 22801 width: 15px; 22802 height: 15px; 22803 border-radius: 9999px; 22804 border: 1px solid #fff; 22805 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 22806 background-size: cover; 22807 background-position: center; 22808 background-repeat: no-repeat; 22809 } 22810 22811 @media (max-width: 767px) { 22812 .product-shades { 22813 right: .5rem; 22814 bottom: .5rem; 22815 gap: .25rem; 22816 } 22817 } 22818 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/Terracotta-v2.jpg?v=1714460518&width=100)">
22819 <span class="sr-only">Terracotta Self-Draining Soap Dish</span> 22820 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/Black-v2.jpg?v=1714460531&width=100)"> 22821 <span class="sr-only">Black Self-Draining Soap Dish</span> 22822 </li></ul> 22823 22824 22825 </div> 22826 <a 22827 22828 href="/collections/best-sellers/products/self-draining-soap-dish-1" 22829 22830 class="card__content block cursor-pointer py-4 text-center space-y-1"> 22831 <p class="card__heading font-medium"> 22832 22833 Terracotta Self-Draining Soap Dish 22834 </p> 22835 <div class="flex justify-center gap-2 items-center"><div class=""> 22836 22837 22838<div hidden class="hidden"> 22839 7550911643829 22840</div> 22841 22842 22843 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 22844 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7550911643829"> 22845 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.4967%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">2,308</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
22845<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.7","reviewCount":2308} </script>
22845</div> 22846 </div> 22847 22848 22849 22850 </div> 22851 22852 22853</div> 22854</div> 22855 <div class="card__information"> 22856 22857 22858 <div class="card__price"> 22859 22860 22861 22862 22863 22864 22865 22866 22867 22868 22869 22870 22871 22872 22873 22874 22875 22876<div class="flex gap-3 items-center justify-center "> 22877 <div x-init="$nextTick(() => { 22878 22879 22880 checkDiscountCode(false); 22881 22882 })" 22883 x-title="Product price" 22884 x-data="{ 22885 22886 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 22887 22888 isBundle: false, 22889 onSale: false, 22890 soldOut: false, 22891 isPDP: false, 22892 code_discount_active: false, 22893 22894 enable_tag_discount: false, 22895 22896 variant: { 22897 price: 1600, 22898 }, 22899 currentPrice(){ 22900 let price = this.variant.price; 22901 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 22902 price = price - (price * this.discount_percentage / 100); 22903 } 22904 return Math.round(price); 22905 }, 22906 getPrice(){ 22907 if(this.variant){ 22908 return Unick.formatMoney(this.currentPrice()); 22909 } 22910 }, 22911 showOriginalPrice(fallbackVisible){ 22912 return !!fallbackVisible; 22913 }, 22914 renderOriginalPrice(fallbackPrice){ 22915 return Unick.formatMoney(fallbackPrice || 0); 22916 }, 22917 checkDiscountCode(broadcast){ 22918 22919 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 22920 const cookieDiscount = Unick.getCookie('discount_code'); 22921 const discount = cookieDiscount ? this.discount_table.find((item) => { 22922 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 22923 }) : null; 22924 const codePercentage = Number(discount?.split(':')[1]) || 0; 22925 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 22926 let productPrice = 1600; 22927 22928 if(codePercentage > 0 && codePercentage >= tagPercentage){ 22929 // The larger of the code and tag discounts is shown; ties go 22930 // to the code since it is what checkout actually charges. The 22931 // cookie only holds codes the cart reports as applicable 22932 // (synced in theme.liquid). 22933 this.code_discount_active = true; 22934 this.onSale = true; 22935 this.$dispatch('discount-percentage', { percentage: codePercentage }); 22936 22937 let displayPrice = productPrice - (productPrice * codePercentage / 100); 22938 22939 let newOriginalPrice = 1600; 22940 22941 if(broadcast){ 22942 this.$dispatch('discounted-price', { id: 7550911643829, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 22943 }else{ 22944 this.variant.price = displayPrice; 22945 this.variant.original_price = newOriginalPrice; 22946 } 22947 22948 }else if(this.enable_tag_discount){ 22949 // No applicable code on the cart (or none matching the table), 22950 // or the code's percentage is smaller than the tag's â use the 22951 // tag discount. 22952 this.code_discount_active = false; 22953 if(cookieDiscount){ 22954 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 22955 } 22956 // PDP renders the discounted amount directly; PLP keeps the 22957 // full price in variant.price and getPrice() applies the tag 22958 // percentage on the fly. 22959 let displayPrice = this.isPDP 22960 ? productPrice - (productPrice * this.discount_percentage / 100) 22961 : productPrice; 22962 22963 let newOriginalPrice = 1600; 22964 22965 if(broadcast){ 22966 this.$dispatch('discounted-price', { id: 7550911643829, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 22967 }else{ 22968 this.variant.price = displayPrice; 22969 this.variant.original_price = newOriginalPrice; 22970 } 22971 22972 }else{ 22973 this.code_discount_active = false;
22974 this.onSale = false; 22975 if(cookieDiscount){ 22976 this.$dispatch('discount-percentage', { percentage: 0 }); 22977 } 22978 // reset price and dispatch the events to update the price 22979 22980 let newOriginalPrice = 1600; 22981 22982 if(broadcast){ 22983 this.$dispatch('discounted-price', { id: 7550911643829, new_price: 1600, new_original_price: newOriginalPrice, code_discount_active: false }); 22984 }else{ 22985 this.variant.price = 1600; 22986 this.variant.original_price = newOriginalPrice; 22987 } 22988 22989 } 22990 } 22991 22992 } 22993 }" 22994 22995 @discounted-price.window="if($event.detail.id == 7550911643829) { 22996 variant.price = $event.detail.new_price; 22997 variant.original_price = $event.detail.new_original_price; 22998 code_discount_active = $event.detail.code_discount_active; 22999 }" 23000 23001 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 23002 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 23003 class="price justify-center font-medium flex gap-x-2 items-center"> 23004 <div class="price__container"><div class="price__regular"> 23005 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 23006 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 23007 <span>$16.00</span> 23008 </span> 23009 23010 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 23011 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 23012 </template> 23013 23014 23015 <template x-if="enable_tag_discount && !code_discount_active"> 23016 <div class="inline-block tag-discount-price compare-at-price"> 23017 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 23018 class="price-item price-item--regular text-gray-700" 23019 aria-hidden="true"> 23020 </s> 23021 </div> 23022 </template> 23023 23024 23025 23026<span 23027 class="comp-price " 23028 data-comp-price="2200"> 23029 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$22.00</span></s><span class="comp-price__label">Comp. Value</span></span> 23030 </div><small class="unit-price hidden"> 23031 <span class="sr-only">Unit price</span> 23032 <span class="price-item price-item--last"> 23033 <span></span> 23034 <span aria-hidden="true">/</span> 23035 <span class="sr-only"> per </span> 23036 <span> 23037 </span> 23038 </span> 23039 </small> 23040 23041 </div> 23042 23043 </div> 23044</div> 23045 23046 23047 23048 </div> 23049 23050 23051 23052 23053 </div> 23054 </a> 23055 23056 23057 23058 23059 23060 <button type="button" 23061 x-data="QuickShopButton" 23062 data-product-handle="self-draining-soap-dish-1" 23063 23064 data-has-options="true" 23065 x-bind="behaviour" 23066 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 23067 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 23068 quick shop 23069 </button> 23070 23071 23072 </div> 23073 </li> 23074 23075 23076<li class="grid__item collection-product-grid" 23077 data-handle="pre-wash-scalp-hair-oil-with-rosemary-and-biotin"> 23078
23079<script> 23080 window.hoverImageLoad = window.hoverImageLoad || function(el) { 23081 var p = el.querySelector('[data-hover-image]'); 23082 if (!p) return; 23083 var img = new Image(); 23084 img.src = p.dataset.hoverImage; 23085 img.alt = p.dataset.hoverAlt || ''; 23086 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 23087 img.loading = 'lazy'; 23088 img.decoding = 'async'; 23089 p.replaceWith(img); 23090 }; 23091 </script>
23091 23092 <div 23093 data-product-handle="pre-wash-scalp-hair-oil-with-rosemary-and-biotin" 23094 x-data 23095 class="card-wrapper flex flex-col h-full relative"> 23096 23097 23098 <rivo-favorite-button 23099 data-product-id="7388078997685" 23100 rivo-ax-data 23101 rivo-ax-cloak 23102 rivo-ax-html="$store.icons.heart" 23103 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 23104 23105 23106 23107 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 23108 23109 @mouseenter.once="window.hoverImageLoad($el)" 23110 @touchstart.once.passive="window.hoverImageLoad($el)" 23111 > 23112 23113 23114 <a 23115 class="cursor-pointer" 23116 23117 href="/collections/best-sellers/products/pre-wash-scalp-hair-oil-with-rosemary-and-biotin" 23118 23119 aria-label="Strengthening Rosemary & Biotin Scalp & Hair Oil - 2fl oz./60mL"> 23120 23121 23122 23123 23124 23125 23126 23127 23128 23129 23130 23131 23132 23133 23134 23135 23136 23137 <img src="//www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?quality=75&v=1767714906&width=700" alt="KITSCH Strengthening Rosemary & Biotin Scalp & Hair Oil 2fl oz./60mL â hero product shot â 100% plant-based oil formulated with rosemary extract and biotin â supports scalp health & hair strength from root to tip" srcset="//www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?quality=75&v=1767714906&width=200 200w, //www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?quality=75&v=1767714906&width=300 300w, //www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?quality=75&v=1767714906&width=400 400w, //www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?quality=75&v=1767714906&width=500 500w, //www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?quality=75&v=1767714906&width=600 600w, //www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px.jpg?quality=75&v=1767714906&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:49.902% 50.0%;"> 23138 23139 23140 23141 23142 <div 23143 data-hover-image="//www.mykitsch.com/cdn/shop/files/67823_Strengthening_Scalp_Hair_Oil_with_Rosemary_Biotin_Review_Image.png?v=1776094263&width=700" 23144 data-hover-alt="KITSCH Strengthening Rosemary & Biotin Scalp & Hair Oil â 5-star customer review graphic â 100% plant-based oil formulated with rosemary extract and biotin â free of parabens, phthalates, silicones, sulfates, & artificial fragrance" 23145 class="absolute z-10 top-0 left-0 h-full w-full" 23146 aria-hidden="true"></div> 23147 23148 23149 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 23150 23151 23152 23153 23154 23155 23156 23157 23158 23159 23160 23161 23162 23163 23164 23165 23166 23167 23168 23169 23170 23171 23172 23173 23174 23175 23176 23177 23178 23179 23180 23181 23182 23183 23184 23185 23186 23187 23188 23189 23190 23191 23192 23193 23194 23195 23196 23197 23198 23199 23200 23201 23202 23203 23204 23205</div> 23206 23207<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 23208 23209 23210 23211 23212 23213 23214 23215 23216 23217 23218 23219 23220 23221 23222 23223 23224 23225 23226 23227 23228 23229 23230 23231 23232 23233 23234 23235 23236 23237 23238 23239 23240 23241 23242 23243 23244 23245 23246 23247</div> 23248 23249 23250 23251 </a> 23252 23253 23254 23255 23256 23257<style> 23258 .product-shades { 23259 position: absolute; 23260 right: .75rem; 23261 bottom: .75rem; 23262 z-index: 20; 23263 display: flex; 23264 align-items: center; 23265 gap: .375rem; 23266 margin: 0; 23267 padding: 0; 23268 list-style: none; 23269 pointer-events: none; 23270 } 23271 23272 .product-shades__item { 23273 display: block; 23274 width: 15px; 23275 height: 15px; 23276 border-radius: 9999px; 23277 border: 1px solid #fff; 23278 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 23279 background-size: cover; 23280 background-position: center; 23281 background-repeat: no-repeat; 23282 } 23283 23284 @media (max-width: 767px) { 23285 .product-shades { 23286 right: .5rem; 23287 bottom: .5rem; 23288 gap: .25rem; 23289 } 23290 } 23291 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/67823-StrengtheningScalp_HairOil-Rosemary_Biotin-Consumables-1280x1280px_ffbb724d-207e-4e23-9e93-5670ecb7bc0d.jpg?v=1774277077&width=100)">
23292 <span class="sr-only">Strengthening Rosemary & Biotin Scalp & Hair Oil - 0.34fl oz./10mL</span> 23293 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/60633-StrengtheningHair_ScalpOil-BottleFreeBeauty-Rosemary_Biotin-60ml-1280x1280px_1.jpg?v=1789672452&width=100)"> 23294 <span class="sr-only">Strengthening Rosemary & Biotin Scalp & Hair Oil - 2fl oz./60mL</span> 23295 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/ScalpOil-60mL-bundle_1.jpg?v=1750117304&width=100)"> 23296 <span class="sr-only">Strengthening Rosemary & Biotin Scalp & Hair Oil 3 Pack</span> 23297 </li></ul> 23298 23299 23300 </div> 23301 <a 23302 23303 href="/collections/best-sellers/products/pre-wash-scalp-hair-oil-with-rosemary-and-biotin" 23304 23305 class="card__content block cursor-pointer py-4 text-center space-y-1"> 23306 <p class="card__heading font-medium"> 23307 23308 Strengthening Rosemary & Biotin Scalp & Hair Oil - 2fl oz./60mL 23309 </p> 23310 <div class="flex justify-center gap-2 items-center"><div class=""> 23311 23312 23313<div hidden class="hidden"> 23314 7388078997685 23315</div> 23316 23317 23318 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 23319 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7388078997685"> 23320 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.4967%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">1,122</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
23320<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.7","reviewCount":1122} </script>
23320</div> 23321 </div> 23322 23323 23324 23325 </div> 23326 23327 23328</div> 23329</div> 23330 <div class="card__information"> 23331 23332 23333 <div class="card__price"> 23334 23335 23336 23337 23338 23339 23340 23341 23342 23343 23344 23345 23346 23347 23348 23349 23350 23351<div class="flex gap-3 items-center justify-center "> 23352 <div x-init="$nextTick(() => { 23353 23354 23355 checkDiscountCode(false); 23356 23357 })" 23358 x-title="Product price" 23359 x-data="{ 23360 23361 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 23362 23363 isBundle: false, 23364 onSale: false, 23365 soldOut: false, 23366 isPDP: false, 23367 code_discount_active: false, 23368 23369 enable_tag_discount: false, 23370 23371 variant: { 23372 price: 1500, 23373 }, 23374 currentPrice(){ 23375 let price = this.variant.price; 23376 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 23377 price = price - (price * this.discount_percentage / 100); 23378 } 23379 return Math.round(price); 23380 }, 23381 getPrice(){ 23382 if(this.variant){ 23383 return Unick.formatMoney(this.currentPrice()); 23384 } 23385 }, 23386 showOriginalPrice(fallbackVisible){ 23387 return !!fallbackVisible; 23388 }, 23389 renderOriginalPrice(fallbackPrice){ 23390 return Unick.formatMoney(fallbackPrice || 0); 23391 }, 23392 checkDiscountCode(broadcast){ 23393 23394 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 23395 const cookieDiscount = Unick.getCookie('discount_code'); 23396 const discount = cookieDiscount ? this.discount_table.find((item) => { 23397 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 23398 }) : null; 23399 const codePercentage = Number(discount?.split(':')[1]) || 0; 23400 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 23401 let productPrice = 1500; 23402 23403 if(codePercentage > 0 && codePercentage >= tagPercentage){ 23404 // The larger of the code and tag discounts is shown; ties go 23405 // to the code since it is what checkout actually charges. The 23406 // cookie only holds codes the cart reports as applicable 23407 // (synced in theme.liquid). 23408 this.code_discount_active = true; 23409 this.onSale = true; 23410 this.$dispatch('discount-percentage', { percentage: codePercentage }); 23411 23412 let displayPrice = productPrice - (productPrice * codePercentage / 100); 23413 23414 let newOriginalPrice = 1500; 23415 23416 if(broadcast){ 23417 this.$dispatch('discounted-price', { id: 7388078997685, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 23418 }else{ 23419 this.variant.price = displayPrice; 23420 this.variant.original_price = newOriginalPrice; 23421 } 23422 23423 }else if(this.enable_tag_discount){ 23424 // No applicable code on the cart (or none matching the table), 23425 // or the code's percentage is smaller than the tag's â use the 23426 // tag discount. 23427 this.code_discount_active = false; 23428 if(cookieDiscount){ 23429 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 23430 } 23431 // PDP renders the discounted amount directly; PLP keeps the 23432 // full price in variant.price and getPrice() applies the tag 23433 // percentage on the fly. 23434 let displayPrice = this.isPDP 23435 ? productPrice - (productPrice * this.discount_percentage / 100) 23436 : productPrice; 23437 23438 let newOriginalPrice = 1500; 23439 23440 if(broadcast){ 23441 this.$dispatch('discounted-price', { id: 7388078997685, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 23442 }else{ 23443 this.variant.price = displayPrice; 23444 this.variant.original_price = newOriginalPrice; 23445 } 23446 23447 }else{ 23448 this.code_discount_active = false;
23449 this.onSale = false; 23450 if(cookieDiscount){ 23451 this.$dispatch('discount-percentage', { percentage: 0 }); 23452 } 23453 // reset price and dispatch the events to update the price 23454 23455 let newOriginalPrice = 1500; 23456 23457 if(broadcast){ 23458 this.$dispatch('discounted-price', { id: 7388078997685, new_price: 1500, new_original_price: newOriginalPrice, code_discount_active: false }); 23459 }else{ 23460 this.variant.price = 1500; 23461 this.variant.original_price = newOriginalPrice; 23462 } 23463 23464 } 23465 } 23466 23467 } 23468 }" 23469 23470 @discounted-price.window="if($event.detail.id == 7388078997685) { 23471 variant.price = $event.detail.new_price; 23472 variant.original_price = $event.detail.new_original_price; 23473 code_discount_active = $event.detail.code_discount_active; 23474 }" 23475 23476 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 23477 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 23478 class="price justify-center font-medium flex gap-x-2 items-center"> 23479 <div class="price__container"><div class="price__regular"> 23480 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 23481 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 23482 <span>$15.00</span> 23483 </span> 23484 23485 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 23486 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 23487 </template> 23488 23489 23490 <template x-if="enable_tag_discount && !code_discount_active"> 23491 <div class="inline-block tag-discount-price compare-at-price"> 23492 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 23493 class="price-item price-item--regular text-gray-700" 23494 aria-hidden="true"> 23495 </s> 23496 </div> 23497 </template> 23498 23499 23500 23501<span 23502 class="comp-price " 23503 data-comp-price="3200"> 23504 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$32.00</span></s><span class="comp-price__label">Comp. Value</span></span> 23505 </div><small class="unit-price hidden"> 23506 <span class="sr-only">Unit price</span> 23507 <span class="price-item price-item--last"> 23508 <span></span> 23509 <span aria-hidden="true">/</span> 23510 <span class="sr-only"> per </span> 23511 <span> 23512 </span> 23513 </span> 23514 </small> 23515 23516 </div> 23517 23518 </div> 23519</div> 23520 23521 23522 23523 </div> 23524 23525 23526 23527 23528 </div> 23529 </a> 23530 23531 23532 23533 23534 23535 <button type="button" 23536 x-data="QuickShopButton" 23537 data-product-handle="pre-wash-scalp-hair-oil-with-rosemary-and-biotin" 23538 23539 data-has-options="true" 23540 x-bind="behaviour" 23541 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 23542 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 23543 quick shop 23544 </button> 23545 23546 23547 </div> 23548 </li> 23549 23550 23551<li class="grid__item collection-product-grid" 23552 data-handle="kojic-acid-face-and-body-bar"> 23553
23554<script> 23555 window.hoverImageLoad = window.hoverImageLoad || function(el) { 23556 var p = el.querySelector('[data-hover-image]'); 23557 if (!p) return; 23558 var img = new Image(); 23559 img.src = p.dataset.hoverImage; 23560 img.alt = p.dataset.hoverAlt || ''; 23561 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 23562 img.loading = 'lazy'; 23563 img.decoding = 'async'; 23564 p.replaceWith(img); 23565 }; 23566 </script>
23566 23567 <div 23568 data-product-handle="kojic-acid-face-and-body-bar" 23569 x-data 23570 class="card-wrapper flex flex-col h-full relative"> 23571 23572 23573 <rivo-favorite-button 23574 data-product-id="7785571680437" 23575 rivo-ax-data 23576 rivo-ax-cloak 23577 rivo-ax-html="$store.icons.heart" 23578 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 23579 23580 23581 23582 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 23583 23584 @mouseenter.once="window.hoverImageLoad($el)" 23585 @touchstart.once.passive="window.hoverImageLoad($el)" 23586 > 23587 23588 23589 <a 23590 class="cursor-pointer" 23591 23592 href="/collections/best-sellers/products/kojic-acid-face-and-body-bar" 23593 23594 aria-label="Kojic Acid Bar for Hyperpigmentation & Dark Spots"> 23595 23596 23597 23598 23599 23600 23601 23602 23603 23604 23605 23606 23607 23608 23609 23610 23611 23612 <img src="//www.mykitsch.com/cdn/shop/files/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?quality=75&v=1762182720&width=700" alt="KITSCH Kojic Acid Bar for Hyperpigmentation & Dark Spots â hero product shot â Infused with kojic acid to help brighten your skin for an even-looking complexion â formulated to help your skin glow from within by fading the look of dark spots and hyperpigmentation" srcset="//www.mykitsch.com/cdn/shop/files/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?quality=75&v=1762182720&width=200 200w, //www.mykitsch.com/cdn/shop/files/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?quality=75&v=1762182720&width=300 300w, //www.mykitsch.com/cdn/shop/files/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?quality=75&v=1762182720&width=400 400w, //www.mykitsch.com/cdn/shop/files/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?quality=75&v=1762182720&width=500 500w, //www.mykitsch.com/cdn/shop/files/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?quality=75&v=1762182720&width=600 600w, //www.mykitsch.com/cdn/shop/files/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?quality=75&v=1762182720&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:20.41% 25.293%;"> 23613 23614 23615 23616 23617 <div 23618 data-hover-image="//www.mykitsch.com/cdn/shop/files/66185_New_Packaging.jpg?v=1768862526&width=700" 23619 data-hover-alt="KITSCH Kojic Acid Bar for Hyperpigmentation & Dark Spots â 5-star customer review graphic â Deeply cleanses your face and body with skin-loving turmeric, hydrating hyaluronic acid, and nourishing shea butter â free of parabens, phthalates, silicones & sulfates" 23620 class="absolute z-10 top-0 left-0 h-full w-full" 23621 aria-hidden="true"></div> 23622 23623 23624 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 23625 23626 23627 23628 23629 23630 23631 23632 23633 23634 23635 23636 23637 23638 23639 23640 23641 23642 23643 23644 23645 23646 23647 23648 23649 23650 23651 23652</div> 23653 23654<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 23655 23656 23657 23658 23659 23660 23661 23662 23663 23664 23665 23666</div> 23667 23668 23669 23670 </a> 23671 23672 23673 23674 23675 23676<style> 23677 .product-shades { 23678 position: absolute; 23679 right: .75rem; 23680 bottom: .75rem; 23681 z-index: 20; 23682 display: flex; 23683 align-items: center; 23684 gap: .375rem; 23685 margin: 0; 23686 padding: 0; 23687 list-style: none; 23688 pointer-events: none; 23689 } 23690 23691 .product-shades__item { 23692 display: block; 23693 width: 15px; 23694 height: 15px; 23695 border-radius: 9999px; 23696 border: 1px solid #fff; 23697 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 23698 background-size: cover; 23699 background-position: center; 23700 background-repeat: no-repeat; 23701 } 23702 23703 @media (max-width: 767px) { 23704 .product-shades { 23705 right: .5rem; 23706 bottom: .5rem; 23707 gap: .25rem; 23708 } 23709 } 23710 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/amber_shores-swatch_c3bb62c7-4b4e-4996-9803-94b0590e42d9.png?v=1742241091&width=100)">
23711 <span class="sr-only">Cleansing Amber Shores Body Wash Bar</span> 23712 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/warm_sugar-swatch.png?v=1742241210&width=100)"> 23713 <span class="sr-only">Cleansing Warm Sugar Body Wash Bar</span> 23714 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/BodyWash-RiceWaterBodyBar-HERO-WNDA9023-72dpi_e952f184-4c06-41b4-a913-ce9c36df2ded.jpg?v=1775678555&width=100)"> 23715 <span class="sr-only">Rice Water Protein Restoring Face & Body Wash Bar</span> 23716 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/504650-GlycolicAcidSolidFace_BodyWash-BottleFreeBeauty-hero-ingredients-1280x1280px.jpg?v=1754941097&width=100)"> 23717 <span class="sr-only">Glycolic Acid Resurfacing Face and Body Wash</span> 23718 </li></ul> 23719 23720 23721 </div> 23722 <a 23723 23724 href="/collections/best-sellers/products/kojic-acid-face-and-body-bar" 23725 23726 class="card__content block cursor-pointer py-4 text-center space-y-1"> 23727 <p class="card__heading font-medium"> 23728 23729 Kojic Acid Bar for Hyperpigmentation & Dark Spots 23730 </p> 23731 <div class="flex justify-center gap-2 items-center"><div class=""> 23732 23733 23734<div hidden class="hidden"> 23735 7785571680437 23736</div> 23737 23738 23739 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 23740 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7785571680437"> 23741 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.4967%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">963</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
23741<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.7","reviewCount":963} </script>
23741</div> 23742 </div> 23743 23744 23745 23746 </div> 23747 23748 23749</div> 23750</div> 23751 <div class="card__information"> 23752 23753 23754 <div class="card__price"> 23755 23756 23757 23758 23759 23760 23761 23762 23763 23764 23765 23766 23767 23768 23769 23770 23771 23772<div class="flex gap-3 items-center justify-center "> 23773 <div x-init="$nextTick(() => { 23774 23775 23776 checkDiscountCode(false); 23777 23778 })" 23779 x-title="Product price" 23780 x-data="{ 23781 23782 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 23783 23784 isBundle: false, 23785 onSale: false, 23786 soldOut: false, 23787 isPDP: false, 23788 code_discount_active: false, 23789 23790 enable_tag_discount: false, 23791 23792 variant: { 23793 price: 1800, 23794 }, 23795 currentPrice(){ 23796 let price = this.variant.price; 23797 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 23798 price = price - (price * this.discount_percentage / 100); 23799 } 23800 return Math.round(price); 23801 }, 23802 getPrice(){ 23803 if(this.variant){ 23804 return Unick.formatMoney(this.currentPrice()); 23805 } 23806 }, 23807 showOriginalPrice(fallbackVisible){ 23808 return !!fallbackVisible; 23809 }, 23810 renderOriginalPrice(fallbackPrice){ 23811 return Unick.formatMoney(fallbackPrice || 0); 23812 }, 23813 checkDiscountCode(broadcast){ 23814 23815 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 23816 const cookieDiscount = Unick.getCookie('discount_code'); 23817 const discount = cookieDiscount ? this.discount_table.find((item) => { 23818 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 23819 }) : null; 23820 const codePercentage = Number(discount?.split(':')[1]) || 0; 23821 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 23822 let productPrice = 1800; 23823 23824 if(codePercentage > 0 && codePercentage >= tagPercentage){ 23825 // The larger of the code and tag discounts is shown; ties go 23826 // to the code since it is what checkout actually charges. The 23827 // cookie only holds codes the cart reports as applicable 23828 // (synced in theme.liquid). 23829 this.code_discount_active = true; 23830 this.onSale = true; 23831 this.$dispatch('discount-percentage', { percentage: codePercentage }); 23832 23833 let displayPrice = productPrice - (productPrice * codePercentage / 100); 23834 23835 let newOriginalPrice = 1800; 23836 23837 if(broadcast){ 23838 this.$dispatch('discounted-price', { id: 7785571680437, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 23839 }else{ 23840 this.variant.price = displayPrice; 23841 this.variant.original_price = newOriginalPrice; 23842 } 23843 23844 }else if(this.enable_tag_discount){ 23845 // No applicable code on the cart (or none matching the table), 23846 // or the code's percentage is smaller than the tag's â use the 23847 // tag discount. 23848 this.code_discount_active = false; 23849 if(cookieDiscount){ 23850 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 23851 } 23852 // PDP renders the discounted amount directly; PLP keeps the 23853 // full price in variant.price and getPrice() applies the tag 23854 // percentage on the fly. 23855 let displayPrice = this.isPDP 23856 ? productPrice - (productPrice * this.discount_percentage / 100) 23857 : productPrice; 23858 23859 let newOriginalPrice = 1800; 23860 23861 if(broadcast){ 23862 this.$dispatch('discounted-price', { id: 7785571680437, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 23863 }else{ 23864 this.variant.price = displayPrice; 23865 this.variant.original_price = newOriginalPrice; 23866 } 23867 23868 }else{ 23869 this.code_discount_active = false;
23870 this.onSale = false; 23871 if(cookieDiscount){ 23872 this.$dispatch('discount-percentage', { percentage: 0 }); 23873 } 23874 // reset price and dispatch the events to update the price 23875 23876 let newOriginalPrice = 1800; 23877 23878 if(broadcast){ 23879 this.$dispatch('discounted-price', { id: 7785571680437, new_price: 1800, new_original_price: newOriginalPrice, code_discount_active: false }); 23880 }else{ 23881 this.variant.price = 1800; 23882 this.variant.original_price = newOriginalPrice; 23883 } 23884 23885 } 23886 } 23887 23888 } 23889 }" 23890 23891 @discounted-price.window="if($event.detail.id == 7785571680437) { 23892 variant.price = $event.detail.new_price; 23893 variant.original_price = $event.detail.new_original_price; 23894 code_discount_active = $event.detail.code_discount_active; 23895 }" 23896 23897 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 23898 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 23899 class="price justify-center font-medium flex gap-x-2 items-center"> 23900 <div class="price__container"><div class="price__regular"> 23901 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 23902 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 23903 <span>$18.00</span> 23904 </span> 23905 23906 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 23907 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 23908 </template> 23909 23910 23911 <template x-if="enable_tag_discount && !code_discount_active"> 23912 <div class="inline-block tag-discount-price compare-at-price"> 23913 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 23914 class="price-item price-item--regular text-gray-700" 23915 aria-hidden="true"> 23916 </s> 23917 </div> 23918 </template> 23919 23920 23921 23922<span 23923 class="comp-price " 23924 data-comp-price="2400"> 23925 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$24.00</span></s><span class="comp-price__label">Comp. Value</span></span> 23926 </div><small class="unit-price hidden"> 23927 <span class="sr-only">Unit price</span> 23928 <span class="price-item price-item--last"> 23929 <span></span> 23930 <span aria-hidden="true">/</span> 23931 <span class="sr-only"> per </span> 23932 <span> 23933 </span> 23934 </span> 23935 </small> 23936 23937 </div> 23938 23939 </div> 23940</div> 23941 23942 23943 23944 </div> 23945 23946 23947 23948 23949 </div> 23950 </a> 23951 23952 23953 23954 23955 23956 <button type="button" 23957 x-data="QuickShopButton" 23958 data-product-handle="kojic-acid-face-and-body-bar" 23959 23960 data-has-options="true" 23961 x-bind="behaviour" 23962 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 23963 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 23964 quick shop 23965 </button> 23966 23967 23968 </div> 23969 </li> 23970 23971 23972<li class="grid__item collection-product-grid" 23973 data-handle="bottle-free-beauty-travel-case"> 23974
23975<script> 23976 window.hoverImageLoad = window.hoverImageLoad || function(el) { 23977 var p = el.querySelector('[data-hover-image]'); 23978 if (!p) return; 23979 var img = new Image(); 23980 img.src = p.dataset.hoverImage; 23981 img.alt = p.dataset.hoverAlt || ''; 23982 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 23983 img.loading = 'lazy'; 23984 img.decoding = 'async'; 23985 p.replaceWith(img); 23986 }; 23987 </script>
23987 23988 <div 23989 data-product-handle="bottle-free-beauty-travel-case" 23990 x-data 23991 class="card-wrapper flex flex-col h-full relative"> 23992 23993 23994 <rivo-favorite-button 23995 data-product-id="7457653096629" 23996 rivo-ax-data 23997 rivo-ax-cloak 23998 rivo-ax-html="$store.icons.heart" 23999 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 24000 24001 24002 24003 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 24004 24005 @mouseenter.once="window.hoverImageLoad($el)" 24006 @touchstart.once.passive="window.hoverImageLoad($el)" 24007 > 24008 24009 24010 <a 24011 class="cursor-pointer" 24012 24013 href="/collections/best-sellers/products/bottle-free-beauty-travel-case" 24014 24015 aria-label="2-Compartment Travel Case - Terracotta"> 24016 24017 24018 24019 24020 24021 24022 24023 24024 24025 24026 24027 24028 24029 24030 24031 24032 24033 <img src="//www.mykitsch.com/cdn/shop/files/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?quality=75&v=1776868472&width=700" alt="Kitsch 2-Compartment Travel Case in Terracotta â leak-proof, TSA-approved case for shampoo and conditioner bars" srcset="//www.mykitsch.com/cdn/shop/files/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?quality=75&v=1776868472&width=200 200w, //www.mykitsch.com/cdn/shop/files/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?quality=75&v=1776868472&width=300 300w, //www.mykitsch.com/cdn/shop/files/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?quality=75&v=1776868472&width=400 400w, //www.mykitsch.com/cdn/shop/files/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?quality=75&v=1776868472&width=500 500w, //www.mykitsch.com/cdn/shop/files/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?quality=75&v=1776868472&width=600 600w, //www.mykitsch.com/cdn/shop/files/62361-TravelCase-BottleFreeBeauty-Terracotta-hero-1280x1280px.jpg?quality=75&v=1776868472&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:43.848% 14.16%;"> 24034 24035 24036 24037 24038 <div 24039 data-hover-image="//www.mykitsch.com/cdn/shop/files/504322_2COMP-TRAVEL-CARE-TERRACOTA-Infographic-300dpi_86cd1882-78fd-426c-84e4-3e2b8ccf7fc5.jpg?v=1760451801&width=700" 24040 data-hover-alt="KITSCH 2-Compartment Travel Case Terracotta â feature infographic on white background â Upgraded Design: Fits Shampoo, Conditioner & Full-Size Soap Bars | Leak-Proof Seal: Upgraded seal keeps spills & water out | Smart Organization: Dual compartments for effortless packing â TSA-approved size â Eco-friendly; made from 100% recycled plastic" 24041 class="absolute z-10 top-0 left-0 h-full w-full" 24042 aria-hidden="true"></div> 24043 24044 24045 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 24046 24047 24048 24049 24050 24051 24052 24053 24054 24055 24056 24057 24058 24059 24060 24061 24062 24063 24064 24065 24066 24067 24068 24069 24070 24071</div> 24072 24073<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 24074 24075 24076 24077 24078 24079 24080 24081 24082 24083</div> 24084 24085 24086 24087 </a> 24088 24089 24090 24091 24092 24093<style> 24094 .product-shades { 24095 position: absolute; 24096 right: .75rem; 24097 bottom: .75rem; 24098 z-index: 20; 24099 display: flex; 24100 align-items: center; 24101 gap: .375rem; 24102 margin: 0; 24103 padding: 0; 24104 list-style: none; 24105 pointer-events: none; 24106 } 24107 24108 .product-shades__item { 24109 display: block; 24110 width: 15px; 24111 height: 15px; 24112 border-radius: 9999px; 24113 border: 1px solid #fff; 24114 box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); 24115 background-size: cover; 24116 background-position: center; 24117 background-repeat: no-repeat; 24118 } 24119 24120 @media (max-width: 767px) { 24121 .product-shades { 24122 right: .5rem; 24123 bottom: .5rem; 24124 gap: .25rem; 24125 } 24126 } 24127 </style><ul class="product-shades "><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/terracota-travel-2-case-swatch.png?v=1761520015&width=100)">
24128 <span class="sr-only">2-Compartment Travel Case - Terracotta</span> 24129 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/black-travel-2-case-swatch_1.png?v=1761520084&width=100)"> 24130 <span class="sr-only">2-Compartment Travel Case - Black</span> 24131 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/502755-4Compartment-TravelCase-BottleFreeBeauty-Terracotta-1-1280x1280px.jpg?v=1757973898&width=100)"> 24132 <span class="sr-only">4-Compartment Travel Case - Terracotta</span> 24133 </li><li class="product-shades__item" style="background-image: url(//www.mykitsch.com/cdn/shop/files/504339-4Compartment-TravelCase-BottleFreeBeauty-Black-1-1280x1280px.jpg?v=1757973381&width=100)"> 24134 <span class="sr-only">4-Compartment Travel Case - Black</span> 24135 </li></ul> 24136 24137 24138 </div> 24139 <a 24140 24141 href="/collections/best-sellers/products/bottle-free-beauty-travel-case" 24142 24143 class="card__content block cursor-pointer py-4 text-center space-y-1"> 24144 <p class="card__heading font-medium"> 24145 24146 2-Compartment Travel Case - Terracotta 24147 </p> 24148 <div class="flex justify-center gap-2 items-center"><div class=""> 24149 24150 24151<div hidden class="hidden"> 24152 7457653096629 24153</div> 24154 24155 24156 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 24157 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7457653096629"> 24158 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.8 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 96.3311%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">1,116</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
24158<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.8","reviewCount":1116} </script>
24158</div> 24159 </div> 24160 24161 24162 24163 </div> 24164 24165 24166</div> 24167</div> 24168 <div class="card__information"> 24169 24170 24171 <div class="card__price"> 24172 24173 24174 24175 24176 24177 24178 24179 24180 24181 24182 24183 24184 24185 24186 24187 24188 24189<div class="flex gap-3 items-center justify-center "> 24190 <div x-init="$nextTick(() => { 24191 24192 24193 checkDiscountCode(false); 24194 24195 })" 24196 x-title="Product price" 24197 x-data="{ 24198 24199 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 24200 24201 isBundle: false, 24202 onSale: false, 24203 soldOut: false, 24204 isPDP: false, 24205 code_discount_active: false, 24206 24207 enable_tag_discount: false, 24208 24209 variant: { 24210 price: 1200, 24211 }, 24212 currentPrice(){ 24213 let price = this.variant.price; 24214 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 24215 price = price - (price * this.discount_percentage / 100); 24216 } 24217 return Math.round(price); 24218 }, 24219 getPrice(){ 24220 if(this.variant){ 24221 return Unick.formatMoney(this.currentPrice()); 24222 } 24223 }, 24224 showOriginalPrice(fallbackVisible){ 24225 return !!fallbackVisible; 24226 }, 24227 renderOriginalPrice(fallbackPrice){ 24228 return Unick.formatMoney(fallbackPrice || 0); 24229 }, 24230 checkDiscountCode(broadcast){ 24231 24232 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 24233 const cookieDiscount = Unick.getCookie('discount_code'); 24234 const discount = cookieDiscount ? this.discount_table.find((item) => { 24235 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 24236 }) : null; 24237 const codePercentage = Number(discount?.split(':')[1]) || 0; 24238 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 24239 let productPrice = 1200; 24240 24241 if(codePercentage > 0 && codePercentage >= tagPercentage){ 24242 // The larger of the code and tag discounts is shown; ties go 24243 // to the code since it is what checkout actually charges. The 24244 // cookie only holds codes the cart reports as applicable 24245 // (synced in theme.liquid). 24246 this.code_discount_active = true; 24247 this.onSale = true; 24248 this.$dispatch('discount-percentage', { percentage: codePercentage }); 24249 24250 let displayPrice = productPrice - (productPrice * codePercentage / 100); 24251 24252 let newOriginalPrice = 1200; 24253 24254 if(broadcast){ 24255 this.$dispatch('discounted-price', { id: 7457653096629, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 24256 }else{ 24257 this.variant.price = displayPrice; 24258 this.variant.original_price = newOriginalPrice; 24259 } 24260 24261 }else if(this.enable_tag_discount){ 24262 // No applicable code on the cart (or none matching the table), 24263 // or the code's percentage is smaller than the tag's â use the 24264 // tag discount. 24265 this.code_discount_active = false; 24266 if(cookieDiscount){ 24267 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 24268 } 24269 // PDP renders the discounted amount directly; PLP keeps the 24270 // full price in variant.price and getPrice() applies the tag 24271 // percentage on the fly. 24272 let displayPrice = this.isPDP 24273 ? productPrice - (productPrice * this.discount_percentage / 100) 24274 : productPrice; 24275 24276 let newOriginalPrice = 1200; 24277 24278 if(broadcast){ 24279 this.$dispatch('discounted-price', { id: 7457653096629, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 24280 }else{ 24281 this.variant.price = displayPrice; 24282 this.variant.original_price = newOriginalPrice; 24283 } 24284 24285 }else{ 24286 this.code_discount_active = false;
24287 this.onSale = false; 24288 if(cookieDiscount){ 24289 this.$dispatch('discount-percentage', { percentage: 0 }); 24290 } 24291 // reset price and dispatch the events to update the price 24292 24293 let newOriginalPrice = 1200; 24294 24295 if(broadcast){ 24296 this.$dispatch('discounted-price', { id: 7457653096629, new_price: 1200, new_original_price: newOriginalPrice, code_discount_active: false }); 24297 }else{ 24298 this.variant.price = 1200; 24299 this.variant.original_price = newOriginalPrice; 24300 } 24301 24302 } 24303 } 24304 24305 } 24306 }" 24307 24308 @discounted-price.window="if($event.detail.id == 7457653096629) { 24309 variant.price = $event.detail.new_price; 24310 variant.original_price = $event.detail.new_original_price; 24311 code_discount_active = $event.detail.code_discount_active; 24312 }" 24313 24314 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 24315 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 24316 class="price justify-center font-medium flex gap-x-2 items-center"> 24317 <div class="price__container"><div class="price__regular"> 24318 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 24319 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 24320 <span>$12.00</span> 24321 </span> 24322 24323 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 24324 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 24325 </template> 24326 24327 24328 <template x-if="enable_tag_discount && !code_discount_active"> 24329 <div class="inline-block tag-discount-price compare-at-price"> 24330 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 24331 class="price-item price-item--regular text-gray-700" 24332 aria-hidden="true"> 24333 </s> 24334 </div> 24335 </template> 24336 24337 24338 24339<span 24340 class="comp-price " 24341 data-comp-price="1600"> 24342 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$16.00</span></s><span class="comp-price__label">Comp. Value</span></span> 24343 </div><small class="unit-price hidden"> 24344 <span class="sr-only">Unit price</span> 24345 <span class="price-item price-item--last"> 24346 <span></span> 24347 <span aria-hidden="true">/</span> 24348 <span class="sr-only"> per </span> 24349 <span> 24350 </span> 24351 </span> 24352 </small> 24353 24354 </div> 24355 24356 </div> 24357</div> 24358 24359 24360 24361 </div> 24362 24363 24364 24365 24366 </div> 24367 </a> 24368 24369 24370 24371 24372 24373 <button type="button" 24374 x-data="QuickShopButton" 24375 data-product-handle="bottle-free-beauty-travel-case" 24376 24377 data-has-options="true" 24378 x-bind="behaviour" 24379 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 24380 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 24381 quick shop 24382 </button> 24383 24384 24385 </div> 24386 </li> 24387 24388 24389<li class="grid__item collection-product-grid" 24390 data-handle="satin-jumbo-flexi-rods-4pc-rosewood"> 24391
24392<script> 24393 window.hoverImageLoad = window.hoverImageLoad || function(el) { 24394 var p = el.querySelector('[data-hover-image]'); 24395 if (!p) return; 24396 var img = new Image(); 24397 img.src = p.dataset.hoverImage; 24398 img.alt = p.dataset.hoverAlt || ''; 24399 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 24400 img.loading = 'lazy'; 24401 img.decoding = 'async'; 24402 p.replaceWith(img); 24403 }; 24404 </script>
24404 24405 <div 24406 data-product-handle="satin-jumbo-flexi-rods-4pc-rosewood" 24407 x-data 24408 class="card-wrapper flex flex-col h-full relative"> 24409 24410 24411 <rivo-favorite-button 24412 data-product-id="7467140153525" 24413 rivo-ax-data 24414 rivo-ax-cloak 24415 rivo-ax-html="$store.icons.heart" 24416 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 24417 24418 24419 24420 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 24421 24422 @mouseenter.once="window.hoverImageLoad($el)" 24423 @touchstart.once.passive="window.hoverImageLoad($el)" 24424 > 24425 24426 24427 <a 24428 class="cursor-pointer" 24429 24430 href="/collections/best-sellers/products/satin-jumbo-flexi-rods-4pc-rosewood" 24431 24432 aria-label="Rosewood Jumbo Satin Flexi Rods 4pc Set"> 24433 24434 24435 24436 24437 24438 24439 24440 24441 24442 24443 24444 24445 24446 24447 24448 24449 24450 <img src="//www.mykitsch.com/cdn/shop/files/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?quality=75&v=1774638694&width=700" alt="Kitsch Rosewood Jumbo Satin Flexi Rods 4-piece set on a soft neutral background" srcset="//www.mykitsch.com/cdn/shop/files/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?quality=75&v=1774638694&width=200 200w, //www.mykitsch.com/cdn/shop/files/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?quality=75&v=1774638694&width=300 300w, //www.mykitsch.com/cdn/shop/files/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?quality=75&v=1774638694&width=400 400w, //www.mykitsch.com/cdn/shop/files/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?quality=75&v=1774638694&width=500 500w, //www.mykitsch.com/cdn/shop/files/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?quality=75&v=1774638694&width=600 600w, //www.mykitsch.com/cdn/shop/files/60640SatinWrappedJumboFlexiRods4pc-Rosewood-Hero-1280x1280px.jpg?quality=75&v=1774638694&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:25.293
24450% 37.891%;"> 24451 24452 24453 24454 24455 <div 24456 data-hover-image="//www.mykitsch.com/cdn/shop/files/60640-SatinWrappedJumboFlexiRods-4pc-Model-Sleep-Rosewood-19-1280x1280px-2.jpg?v=1774638694&width=700" 24457 data-hover-alt="Kitsch Rosewood Jumbo Satin Flexi Rods displayed with packaging on a warm background" 24458 class="absolute z-10 top-0 left-0 h-full w-full" 24459 aria-hidden="true"></div> 24460 24461 24462 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 24463 24464 24465 24466 24467 24468 24469 24470 24471 24472 24473 24474 24475 24476 24477 24478 24479 24480 24481 24482 24483 24484 24485 24486 24487 24488 24489 24490 24491 24492 24493 24494 24495 24496 24497 24498 24499 24500</div> 24501 24502<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 24503 24504 24505 24506 24507 24508 24509 24510 24511 24512 24513 24514 24515 24516 24517 24518 24519 24520 24521 24522 24523 24524</div> 24525 24526 24527 24528 </a> 24529 24530 24531 24532 24533 24534 24535 24536 24537 </div> 24538 <a 24539 24540 href="/collections/best-sellers/products/satin-jumbo-flexi-rods-4pc-rosewood" 24541 24542 class="card__content block cursor-pointer py-4 text-center space-y-1"> 24543 <p class="card__heading font-medium"> 24544 24545 Rosewood Jumbo Satin Flexi Rods 4pc Set 24546 </p> 24547 <div class="flex justify-center gap-2 items-center"><div class=""> 24548 24549 24550<div hidden class="hidden"> 24551 7467140153525 24552</div> 24553 24554 24555 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 24556 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7467140153525"> 24557 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.4 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use><use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 88.9933%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.4 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">269</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
24557<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.4","reviewCount":269} </script>
24557</div> 24558 </div> 24559 24560 24561 24562 </div> 24563 24564 24565</div> 24566</div> 24567 <div class="card__information"> 24568 24569 24570 <div class="card__price"> 24571 24572 24573 24574 24575 24576 24577 24578 24579 24580 24581 24582 24583 24584 24585 24586 24587 24588<div class="flex gap-3 items-center justify-center "> 24589 <div x-init="$nextTick(() => { 24590 24591 24592 checkDiscountCode(false); 24593 24594 })" 24595 x-title="Product price" 24596 x-data="{ 24597 24598 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 24599 24600 isBundle: false, 24601 onSale: false, 24602 soldOut: false, 24603 isPDP: false, 24604 code_discount_active: false, 24605 24606 enable_tag_discount: false, 24607 24608 variant: { 24609 price: 2100, 24610 }, 24611 currentPrice(){ 24612 let price = this.variant.price; 24613 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 24614 price = price - (price * this.discount_percentage / 100); 24615 } 24616 return Math.round(price); 24617 }, 24618 getPrice(){ 24619 if(this.variant){ 24620 return Unick.formatMoney(this.currentPrice()); 24621 } 24622 }, 24623 showOriginalPrice(fallbackVisible){ 24624 return !!fallbackVisible; 24625 }, 24626 renderOriginalPrice(fallbackPrice){ 24627 return Unick.formatMoney(fallbackPrice || 0); 24628 }, 24629 checkDiscountCode(broadcast){ 24630 24631 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 24632 const cookieDiscount = Unick.getCookie('discount_code'); 24633 const discount = cookieDiscount ? this.discount_table.find((item) => { 24634 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 24635 }) : null; 24636 const codePercentage = Number(discount?.split(':')[1]) || 0; 24637 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 24638 let productPrice = 2100; 24639 24640 if(codePercentage > 0 && codePercentage >= tagPercentage){ 24641 // The larger of the code and tag discounts is shown; ties go 24642 // to the code since it is what checkout actually charges. The 24643 // cookie only holds codes the cart reports as applicable 24644 // (synced in theme.liquid). 24645 this.code_discount_active = true; 24646 this.onSale = true; 24647 this.$dispatch('discount-percentage', { percentage: codePercentage }); 24648 24649 let displayPrice = productPrice - (productPrice * codePercentage / 100); 24650 24651 let newOriginalPrice = 2100; 24652 24653 if(broadcast){ 24654 this.$dispatch('discounted-price', { id: 7467140153525, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 24655 }else{ 24656 this.variant.price = displayPrice; 24657 this.variant.original_price = newOriginalPrice; 24658 } 24659 24660 }else if(this.enable_tag_discount){ 24661 // No applicable code on the cart (or none matching the table), 24662 // or the code's percentage is smaller than the tag's â use the 24663 // tag discount. 24664 this.code_discount_active = false; 24665 if(cookieDiscount){ 24666 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 24667 } 24668 // PDP renders the discounted amount directly; PLP keeps the 24669 // full price in variant.price and getPrice() applies the tag 24670 // percentage on the fly. 24671 let displayPrice = this.isPDP 24672 ? productPrice - (productPrice * this.discount_percentage / 100) 24673 : productPrice; 24674 24675 let newOriginalPrice = 2100; 24676 24677 if(broadcast){ 24678 this.$dispatch('discounted-price', { id: 7467140153525, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 24679 }else{ 24680 this.variant.price = displayPrice; 24681 this.variant.original_price = newOriginalPrice; 24682 } 24683 24684 }else{ 24685 this.code_discount_active = false;
24686 this.onSale = false; 24687 if(cookieDiscount){ 24688 this.$dispatch('discount-percentage', { percentage: 0 }); 24689 } 24690 // reset price and dispatch the events to update the price 24691 24692 let newOriginalPrice = 2100; 24693 24694 if(broadcast){ 24695 this.$dispatch('discounted-price', { id: 7467140153525, new_price: 2100, new_original_price: newOriginalPrice, code_discount_active: false }); 24696 }else{ 24697 this.variant.price = 2100; 24698 this.variant.original_price = newOriginalPrice; 24699 } 24700 24701 } 24702 } 24703 24704 } 24705 }" 24706 24707 @discounted-price.window="if($event.detail.id == 7467140153525) { 24708 variant.price = $event.detail.new_price; 24709 variant.original_price = $event.detail.new_original_price; 24710 code_discount_active = $event.detail.code_discount_active; 24711 }" 24712 24713 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 24714 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 24715 class="price justify-center font-medium flex gap-x-2 items-center"> 24716 <div class="price__container"><div class="price__regular"> 24717 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 24718 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 24719 <span>$21.00</span> 24720 </span> 24721 24722 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 24723 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 24724 </template> 24725 24726 24727 <template x-if="enable_tag_discount && !code_discount_active"> 24728 <div class="inline-block tag-discount-price compare-at-price"> 24729 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 24730 class="price-item price-item--regular text-gray-700" 24731 aria-hidden="true"> 24732 </s> 24733 </div> 24734 </template> 24735 24736 24737 24738<span 24739 class="comp-price " 24740 data-comp-price="2900"> 24741 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$29.00</span></s><span class="comp-price__label">Comp. Value</span></span> 24742 </div><small class="unit-price hidden"> 24743 <span class="sr-only">Unit price</span> 24744 <span class="price-item price-item--last"> 24745 <span></span> 24746 <span aria-hidden="true">/</span> 24747 <span class="sr-only"> per </span> 24748 <span> 24749 </span> 24750 </span> 24751 </small> 24752 24753 </div> 24754 24755 </div> 24756</div> 24757 24758 24759 24760 </div> 24761 24762 24763 24764 24765 </div> 24766 </a> 24767 24768 24769 24770 24771 24772 <button type="button" 24773 x-data="QuickShopButton" 24774 data-product-handle="satin-jumbo-flexi-rods-4pc-rosewood" 24775 24776 24777 x-bind="behaviour" 24778 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 24779 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 24780 quick shop 24781 </button> 24782 24783 24784 </div> 24785 </li> 24786 24787 24788<li class="grid__item collection-product-grid" 24789 data-handle="rosemary-biotin-volumizing-solid-shampoo"> 24790
24791<script> 24792 window.hoverImageLoad = window.hoverImageLoad || function(el) { 24793 var p = el.querySelector('[data-hover-image]'); 24794 if (!p) return; 24795 var img = new Image(); 24796 img.src = p.dataset.hoverImage; 24797 img.alt = p.dataset.hoverAlt || ''; 24798 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 24799 img.loading = 'lazy'; 24800 img.decoding = 'async'; 24801 p.replaceWith(img); 24802 }; 24803 </script>
24803 24804 <div 24805 data-product-handle="rosemary-biotin-volumizing-solid-shampoo" 24806 x-data 24807 class="card-wrapper flex flex-col h-full relative"> 24808 24809 24810 <rivo-favorite-button 24811 data-product-id="7696241230005" 24812 rivo-ax-data 24813 rivo-ax-cloak 24814 rivo-ax-html="$store.icons.heart" 24815 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 24816 24817 24818 24819 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 24820 24821 @mouseenter.once="window.hoverImageLoad($el)" 24822 @touchstart.once.passive="window.hoverImageLoad($el)" 24823 > 24824 24825 24826 <a 24827 class="cursor-pointer" 24828 24829 href="/collections/best-sellers/products/rosemary-biotin-volumizing-solid-shampoo" 24830 24831 aria-label="Rosemary & Biotin Volumizing Shampoo Bar"> 24832 24833 24834 24835 24836 24837 24838 24839 24840 24841 24842 24843 24844 24845 24846 24847 24848 24849 <img src="//www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?quality=75&v=1778788536&width=700" alt="Kitsch Volumizing Rosemary & Biotin Shampoo Bar with retail packaging on a soft neutral background â for fine, limp hair" srcset="//www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?quality=75&v=1778788536&width=200 200w, //www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?quality=75&v=1778788536&width=300 300w, //www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?quality=75&v=1778788536&width=400 400w, //www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?quality=75&v=1778788536&width=500 500w, //www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?quality=75&v=1778788536&width=600 600w, //www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-hero-1280x1280px_391411c5-771f-45e9-a1b4-84c645d84b58.jpg?quality=75&v=1778788536&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 48.926%;"> 24850 24851 24852 24853 24854 <div 24855 data-hover-image="//www.mykitsch.com/cdn/shop/files/64945-VolumizingSolidShampoo-BottleFreeBeauty-Rosemary_Biotin-5StarReview-300dpi.png?v=1778788537&width=700" 24856 data-hover-alt="5-star customer review flat-lay for KITSCH Volumizing Rosemary & Biotin Solid Shampoo Bar on light green background styled with rosemary sprigs, white flower, and vanilla beans â Sharon L.: "IT MADE MY HAIR FEEL HEALTHIER-SHINY AND WITH MORE VOLUME. I LOVE THE LIGHT REFRESHING FRAGRANCE." â Cruelty-Free, Recyclable Paper Packaging" 24857 class="absolute z-10 top-0 left-0 h-full w-full" 24858 aria-hidden="true"></div> 24859 24860 24861 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 24862 24863 24864 24865 24866 24867 24868 24869 24870 24871 24872 24873 24874 24875 24876 24877 24878 24879 24880 24881 24882 24883 24884 24885 24886 24887 24888 24889 24890 24891 24892 24893 24894 24895 24896 24897 24898 24899 24900 24901 24902 24903 24904 24905 24906 24907 24908 24909</div> 24910 24911<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 24912 24913 24914 24915 24916 24917 24918 24919 24920 24921 24922 24923 24924 24925 24926 24927 24928 24929 24930 24931 24932 24933 24934 24935 24936 24937 24938 24939 24940 24941 24942 24943</div> 24944 24945 24946 24947 </a> 24948 24949 24950 24951 24952 24953 24954 24955 24956 </div> 24957 <a 24958 24959 href="/collections/best-sellers/products/rosemary-biotin-volumizing-solid-shampoo" 24960 24961 class="card__content block cursor-pointer py-4 text-center space-y-1"> 24962 <p class="card__heading font-medium"> 24963 24964 Rosemary & Biotin Volumizing Shampoo Bar 24965 </p> 24966 <div class="flex justify-center gap-2 items-center"><div class=""> 24967 24968 24969<div hidden class="hidden"> 24970 7696241230005 24971</div> 24972 24973 24974 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 24975 <div data-oke-star-rating data-oke-reviews-product-id="shopify-7696241230005"> 24976 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.8 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
24976<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 96.3311%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">765</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
24976<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.8","reviewCount":765} </script>
24976</div> 24977 </div> 24978 24979 24980 24981 </div> 24982 24983 24984</div> 24985</div> 24986 <div class="card__information"> 24987 24988 24989 <div class="card__price"> 24990 24991 24992 24993 24994 24995 24996 24997 24998 24999 25000 25001 25002 25003 25004 25005 25006 25007<div class="flex gap-3 items-center justify-center "> 25008 <div x-init="$nextTick(() => { 25009 25010 25011 checkDiscountCode(false); 25012 25013 })" 25014 x-title="Product price" 25015 x-data="{ 25016 25017 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 25018 25019 isBundle: false, 25020 onSale: false, 25021 soldOut: false, 25022 isPDP: false, 25023 code_discount_active: false, 25024 25025 enable_tag_discount: false, 25026 25027 variant: { 25028 price: 1600, 25029 }, 25030 currentPrice(){ 25031 let price = this.variant.price; 25032 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 25033 price = price - (price * this.discount_percentage / 100); 25034 } 25035 return Math.round(price); 25036 }, 25037 getPrice(){ 25038 if(this.variant){ 25039 return Unick.formatMoney(this.currentPrice()); 25040 } 25041 }, 25042 showOriginalPrice(fallbackVisible){ 25043 return !!fallbackVisible; 25044 }, 25045 renderOriginalPrice(fallbackPrice){ 25046 return Unick.formatMoney(fallbackPrice || 0); 25047 }, 25048 checkDiscountCode(broadcast){ 25049 25050 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 25051 const cookieDiscount = Unick.getCookie('discount_code'); 25052 const discount = cookieDiscount ? this.discount_table.find((item) => { 25053 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 25054 }) : null; 25055 const codePercentage = Number(discount?.split(':')[1]) || 0; 25056 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 25057 let productPrice = 1600; 25058 25059 if(codePercentage > 0 && codePercentage >= tagPercentage){ 25060 // The larger of the code and tag discounts is shown; ties go 25061 // to the code since it is what checkout actually charges. The 25062 // cookie only holds codes the cart reports as applicable 25063 // (synced in theme.liquid). 25064 this.code_discount_active = true; 25065 this.onSale = true; 25066 this.$dispatch('discount-percentage', { percentage: codePercentage }); 25067 25068 let displayPrice = productPrice - (productPrice * codePercentage / 100); 25069 25070 let newOriginalPrice = 1600; 25071 25072 if(broadcast){ 25073 this.$dispatch('discounted-price', { id: 7696241230005, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 25074 }else{ 25075 this.variant.price = displayPrice; 25076 this.variant.original_price = newOriginalPrice; 25077 } 25078 25079 }else if(this.enable_tag_discount){ 25080 // No applicable code on the cart (or none matching the table), 25081 // or the code's percentage is smaller than the tag's â use the 25082 // tag discount. 25083 this.code_discount_active = false; 25084 if(cookieDiscount){ 25085 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 25086 } 25087 // PDP renders the discounted amount directly; PLP keeps the 25088 // full price in variant.price and getPrice() applies the tag 25089 // percentage on the fly. 25090 let displayPrice = this.isPDP 25091 ? productPrice - (productPrice * this.discount_percentage / 100) 25092 : productPrice; 25093 25094 let newOriginalPrice = 1600; 25095 25096 if(broadcast){ 25097 this.$dispatch('discounted-price', { id: 7696241230005, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 25098 }else{ 25099 this.variant.price = displayPrice; 25100 this.variant.original_price = newOriginalPrice; 25101 } 25102 25103 }else{ 25104 this.code_discount_active = false;
25105 this.onSale = false; 25106 if(cookieDiscount){ 25107 this.$dispatch('discount-percentage', { percentage: 0 }); 25108 } 25109 // reset price and dispatch the events to update the price 25110 25111 let newOriginalPrice = 1600; 25112 25113 if(broadcast){ 25114 this.$dispatch('discounted-price', { id: 7696241230005, new_price: 1600, new_original_price: newOriginalPrice, code_discount_active: false }); 25115 }else{ 25116 this.variant.price = 1600; 25117 this.variant.original_price = newOriginalPrice; 25118 } 25119 25120 } 25121 } 25122 25123 } 25124 }" 25125 25126 @discounted-price.window="if($event.detail.id == 7696241230005) { 25127 variant.price = $event.detail.new_price; 25128 variant.original_price = $event.detail.new_original_price; 25129 code_discount_active = $event.detail.code_discount_active; 25130 }" 25131 25132 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 25133 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 25134 class="price justify-center font-medium flex gap-x-2 items-center"> 25135 <div class="price__container"><div class="price__regular"> 25136 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 25137 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 25138 <span>$16.00</span> 25139 </span> 25140 25141 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 25142 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 25143 </template> 25144 25145 25146 <template x-if="enable_tag_discount && !code_discount_active"> 25147 <div class="inline-block tag-discount-price compare-at-price"> 25148 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 25149 class="price-item price-item--regular text-gray-700" 25150 aria-hidden="true"> 25151 </s> 25152 </div> 25153 </template> 25154 25155 25156 25157<span 25158 class="comp-price " 25159 data-comp-price="2200"> 25160 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$22.00</span></s><span class="comp-price__label">Comp. Value</span></span> 25161 </div><small class="unit-price hidden"> 25162 <span class="sr-only">Unit price</span> 25163 <span class="price-item price-item--last"> 25164 <span></span> 25165 <span aria-hidden="true">/</span> 25166 <span class="sr-only"> per </span> 25167 <span> 25168 </span> 25169 </span> 25170 </small> 25171 25172 </div> 25173 25174 </div> 25175</div> 25176 25177 25178 25179 </div> 25180 25181 25182 25183 25184 </div> 25185 </a> 25186 25187 25188 25189 25190 25191 <button type="button" 25192 x-data="QuickShopButton" 25193 data-product-handle="rosemary-biotin-volumizing-solid-shampoo" 25194 25195 25196 x-bind="behaviour" 25197 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 25198 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 25199 quick shop 25200 </button> 25201 25202 25203 </div> 25204 </li> 25205 25206 25207<li class="grid__item collection-product-grid" 25208 data-handle="purple-biotin-shampoo-conditioner-combo"> 25209
25210<script> 25211 window.hoverImageLoad = window.hoverImageLoad || function(el) { 25212 var p = el.querySelector('[data-hover-image]'); 25213 if (!p) return; 25214 var img = new Image(); 25215 img.src = p.dataset.hoverImage; 25216 img.alt = p.dataset.hoverAlt || ''; 25217 img.className = 'absolute z-10 top-0 left-0 h-full w-full object-cover opacity-0 group-hover:opacity-100'; 25218 img.loading = 'lazy'; 25219 img.decoding = 'async'; 25220 p.replaceWith(img); 25221 }; 25222 </script>
25222 25223 <div 25224 data-product-handle="purple-biotin-shampoo-conditioner-combo" 25225 x-data 25226 class="card-wrapper flex flex-col h-full relative"> 25227 25228 25229 <rivo-favorite-button 25230 data-product-id="8116071366837" 25231 rivo-ax-data 25232 rivo-ax-cloak 25233 rivo-ax-html="$store.icons.heart" 25234 rivo-ax-show="$store.rivo_aw_settings?.favorites_enabled && (!$store.rivo_profile_customer || $store.loading_states.global_favorite_buttons)"></rivo-favorite-button> 25235 25236 25237 25238 <div class="cart__media relative group" x-bind="behaviour" x-data="QuickViewButton" 25239 25240 @mouseenter.once="window.hoverImageLoad($el)" 25241 @touchstart.once.passive="window.hoverImageLoad($el)" 25242 > 25243 25244 25245 <a 25246 class="cursor-pointer" 25247 25248 href="/collections/best-sellers/products/purple-biotin-shampoo-conditioner-combo" 25249 25250 aria-label="Purple Toning Shampoo & Conditioner Bar Combo for Color-Treated & Grey Hair"> 25251 25252 25253 25254 25255 25256 25257 25258 25259 25260 25261 25262 25263 25264 25265 25266 25267 25268 <img src="//www.mykitsch.com/cdn/shop/files/510996-PurpleToning-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?quality=75&v=1784245535&width=700" alt="Kitsch Purple Toning + Biotin Solid Shampoo and Conditioner Bar bundle for blonde, silver, and highlighted hair." srcset="//www.mykitsch.com/cdn/shop/files/510996-PurpleToning-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?quality=75&v=1784245535&width=200 200w, //www.mykitsch.com/cdn/shop/files/510996-PurpleToning-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?quality=75&v=1784245535&width=300 300w, //www.mykitsch.com/cdn/shop/files/510996-PurpleToning-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?quality=75&v=1784245535&width=400 400w, //www.mykitsch.com/cdn/shop/files/510996-PurpleToning-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?quality=75&v=1784245535&width=500 500w, //www.mykitsch.com/cdn/shop/files/510996-PurpleToning-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?quality=75&v=1784245535&width=600 600w, //www.mykitsch.com/cdn/shop/files/510996-PurpleToning-Shampoo_Conditioner-2pc-Combo-BottleFreeBeauty-hero-opt2-1280x1280px_6db00e9e-ecf7-4c9b-b9cf-b5ba27d9436e.jpg?quality=75&v=1784245535&width=700 700w" width="700" height="700" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" style="object-position:50.0% 49.414%;"> 25269 25270 25271 25272 25273 <div 25274 data-hover-image="//www.mykitsch.com/cdn/shop/files/9845-PurpleToningSolidConditioner-BottleFreeBeauty-5StarReview-300dpi_0f76bf47-a57e-41f6-a91c-3489002f25aa.jpg?v=1784245365&width=700" 25275 data-hover-alt="Kitsch Purple Toning + Biotin Solid Conditioner Bar with orange blossom, jasmine, and a five-star customer review." 25276 class="absolute z-10 top-0 left-0 h-full w-full" 25277 aria-hidden="true"></div> 25278 25279 25280 <div class="item-flag grid grid-cols-3 gap-1 empty:hidden" data-language="en"> 25281 25282 25283 25284 25285 25286 25287 25288 25289 25290 25291 25292 25293 25294 25295 25296 25297 25298 25299 25300 25301 25302 25303 25304 25305 25306 25307 25308 25309 25310 25311 25312 25313 25314 25315 25316 25317 25318 25319 25320 25321 25322 25323 25324 25325 25326</div> 25327 25328<div class="product-award absolute top-1 left-1 w-20 h-20 empty:hidden"> 25329 25330 25331 25332 25333 25334 25335 25336 25337 25338 25339 25340 25341 25342 25343 25344 25345 25346 25347 25348 25349 25350 25351 25352 25353 25354 25355 25356 25357 25358</div> 25359 25360 25361 25362 </a> 25363 25364 25365 25366 25367 25368 25369 25370 25371 </div> 25372 <a 25373 25374 href="/collections/best-sellers/products/purple-biotin-shampoo-conditioner-combo" 25375 25376 class="card__content block cursor-pointer py-4 text-center space-y-1"> 25377 <p class="card__heading font-medium"> 25378 25379 Purple Toning Shampoo & Conditioner Bar Combo for Color-Treated & Grey Hair 25380 </p> 25381 <div class="flex justify-center gap-2 items-center"><div class=""> 25382 25383 25384<div hidden class="hidden"> 25385 8116071366837 25386</div> 25387 25388 25389 <div class="flex items-center okendo-custom-review justify-center lg:justify-normal"> 25390 <div data-oke-star-rating data-oke-reviews-product-id="shopify-8116071366837"> 25391 <div data-oke-reviews-version="0.104.2" data-oke-container="" class="okeReviews oke-sr"><div class=""><div class="oke-sr-rating"> 4.8 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.24705882352941" href="#oke-star-empty"></use>
25391<use x="32.49411764705882" href="#oke-star-empty"></use><use x="48.74117647058823" href="#oke-star-empty"></use><use x="64.98823529411764" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 96.3311%;"><svg height="17" viewBox="0 0 79.58823529411765 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-filled"></use><use x="16.24705882352941" href="#oke-star-filled"></use><use x="32.49411764705882" href="#oke-star-filled"></use><use x="48.74117647058823" href="#oke-star-filled"></use><use x="64.98823529411764" href="#oke-star-filled"></use></svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span></div></div><div class="oke-sr-count"><span class="oke-sr-count-number">582</span><span class="oke-sr-label-text"> Reviews</span><!----></div><!----></div>
25391<script type="application/json" data-oke-metafield-data=""> {"averageRating":"4.8","reviewCount":582} </script>
25391</div> 25392 </div> 25393 25394 25395 25396 </div> 25397 25398 25399</div> 25400</div> 25401 <div class="card__information"> 25402 25403 25404 <div class="card__price"> 25405 25406 25407 25408 25409 25410 25411 25412 25413 25414 25415 25416 25417 25418 25419 25420 25421 25422<div class="flex gap-3 items-center justify-center "> 25423 <div x-init="$nextTick(() => { 25424 25425 25426 checkDiscountCode(false); 25427 25428 })" 25429 x-title="Product price" 25430 x-data="{ 25431 25432 discount_table: 'SUMMER30:30,SUMMERBF30:30,BFCM30:30,TT482917:30,WB760345:30,MM195628:30,SECRETSALE:25,FB20:20,MADISON20:20,SHAWN26:26,SPRING20:20,Kitsch26:26,SPRING20:20,Abi25:25,Cat25:25,Ashley26:26,Summer20:20,LABORDAY30:30'.split(','), 25433 25434 isBundle: false, 25435 onSale: false, 25436 soldOut: false, 25437 isPDP: false, 25438 code_discount_active: false, 25439 25440 enable_tag_discount: false, 25441 25442 variant: { 25443 price: 2800, 25444 }, 25445 currentPrice(){ 25446 let price = this.variant.price; 25447 if(this.enable_tag_discount && !this.isPDP && !this.code_discount_active){ 25448 price = price - (price * this.discount_percentage / 100); 25449 } 25450 return Math.round(price); 25451 }, 25452 getPrice(){ 25453 if(this.variant){ 25454 return Unick.formatMoney(this.currentPrice()); 25455 } 25456 }, 25457 showOriginalPrice(fallbackVisible){ 25458 return !!fallbackVisible; 25459 }, 25460 renderOriginalPrice(fallbackPrice){ 25461 return Unick.formatMoney(fallbackPrice || 0); 25462 }, 25463 checkDiscountCode(broadcast){ 25464 25465 if(typeof this?.discount_table !== 'undefined' && this?.discount_table.length > 0){ 25466 const cookieDiscount = Unick.getCookie('discount_code'); 25467 const discount = cookieDiscount ? this.discount_table.find((item) => { 25468 return item.toString().toLowerCase().includes(cookieDiscount.toLowerCase()); 25469 }) : null; 25470 const codePercentage = Number(discount?.split(':')[1]) || 0; 25471 const tagPercentage = this.enable_tag_discount ? this.discount_percentage : 0; 25472 let productPrice = 2800; 25473 25474 if(codePercentage > 0 && codePercentage >= tagPercentage){ 25475 // The larger of the code and tag discounts is shown; ties go 25476 // to the code since it is what checkout actually charges. The 25477 // cookie only holds codes the cart reports as applicable 25478 // (synced in theme.liquid). 25479 this.code_discount_active = true; 25480 this.onSale = true; 25481 this.$dispatch('discount-percentage', { percentage: codePercentage }); 25482 25483 let displayPrice = productPrice - (productPrice * codePercentage / 100); 25484 25485 let newOriginalPrice = 2800; 25486 25487 if(broadcast){ 25488 this.$dispatch('discounted-price', { id: 8116071366837, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: true }); 25489 }else{ 25490 this.variant.price = displayPrice; 25491 this.variant.original_price = newOriginalPrice; 25492 } 25493 25494 }else if(this.enable_tag_discount){ 25495 // No applicable code on the cart (or none matching the table), 25496 // or the code's percentage is smaller than the tag's â use the 25497 // tag discount. 25498 this.code_discount_active = false; 25499 if(cookieDiscount){ 25500 this.$dispatch('discount-percentage', { percentage: this.discount_percentage }); 25501 } 25502 // PDP renders the discounted amount directly; PLP keeps the 25503 // full price in variant.price and getPrice() applies the tag 25504 // percentage on the fly. 25505 let displayPrice = this.isPDP 25506 ? productPrice - (productPrice * this.discount_percentage / 100) 25507 : productPrice; 25508 25509 let newOriginalPrice = 2800; 25510 25511 if(broadcast){ 25512 this.$dispatch('discounted-price', { id: 8116071366837, new_price: displayPrice, new_original_price: newOriginalPrice, code_discount_active: false }); 25513 }else{ 25514 this.variant.price = displayPrice; 25515 this.variant.original_price = newOriginalPrice; 25516 } 25517 25518 }else{ 25519 this.code_discount_active = false;
25520 this.onSale = false; 25521 if(cookieDiscount){ 25522 this.$dispatch('discount-percentage', { percentage: 0 }); 25523 } 25524 // reset price and dispatch the events to update the price 25525 25526 let newOriginalPrice = 2800; 25527 25528 if(broadcast){ 25529 this.$dispatch('discounted-price', { id: 8116071366837, new_price: 2800, new_original_price: newOriginalPrice, code_discount_active: false }); 25530 }else{ 25531 this.variant.price = 2800; 25532 this.variant.original_price = newOriginalPrice; 25533 } 25534 25535 } 25536 } 25537 25538 } 25539 }" 25540 25541 @discounted-price.window="if($event.detail.id == 8116071366837) { 25542 variant.price = $event.detail.new_price; 25543 variant.original_price = $event.detail.new_original_price; 25544 code_discount_active = $event.detail.code_discount_active; 25545 }" 25546 25547 @discount-applied.window="$nextTick(() => checkDiscountCode(true))" 25548 @discount-removed.window="$nextTick(() => checkDiscountCode(true))" 25549 class="price justify-center font-medium flex gap-x-2 items-center"> 25550 <div class="price__container"><div class="price__regular"> 25551 <span class="sr-only" x-text="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price) ? "Sale price [sale_price], Original price [original_price]".replace('[sale_price]', getPrice()).replace('[original_price]', renderOriginalPrice(variant.original_price)) : (enable_tag_discount ? "Price [price]".replace('[price]', getPrice()) : ('Regular price ' + getPrice()))"></span> 25552 <span class="price-item price-item--regular price-item--current" x-text="getPrice()" :class="{ 'text-red-700': enable_tag_discount || onSale }" aria-hidden="true"> 25553 <span>$28.00</span> 25554 </span> 25555 25556 <template x-if="showOriginalPrice(variant?.original_price && variant?.original_price > variant?.price)"> 25557 <s x-text="renderOriginalPrice(variant.original_price)" class="price-item price-item--regular text-gray-700 compare-at-price" aria-hidden="true"></s> 25558 </template> 25559 25560 25561 <template x-if="enable_tag_discount && !code_discount_active"> 25562 <div class="inline-block tag-discount-price compare-at-price"> 25563 <s x-show="!isPDP" x-text="Unick.formatMoney(variant.price)" 25564 class="price-item price-item--regular text-gray-700" 25565 aria-hidden="true"> 25566 </s> 25567 </div> 25568 </template> 25569 25570 25571 25572<span 25573 class="comp-price " 25574 data-comp-price="4600"> 25575 <s class="comp-price__value price-item price-item--regular text-gray-700"><span>$46.00</span></s><span class="comp-price__label">Comp. Value</span></span> 25576 </div><small class="unit-price hidden"> 25577 <span class="sr-only">Unit price</span> 25578 <span class="price-item price-item--last"> 25579 <span></span> 25580 <span aria-hidden="true">/</span> 25581 <span class="sr-only"> per </span> 25582 <span> 25583 </span> 25584 </span> 25585 </small> 25586 25587 </div> 25588 25589 </div> 25590</div> 25591 25592 25593 25594 </div> 25595 25596 25597 25598 25599 </div> 25600 </a> 25601 25602 25603 25604 25605 25606 <button type="button" 25607 x-data="QuickShopButton" 25608 data-product-handle="purple-biotin-shampoo-conditioner-combo" 25609 25610 25611 x-bind="behaviour" 25612 class="font-bold quick-shop-button w-full py-2 px-4 bg-white hover:bg-gray-50 text-black text-sm border-t transition-colors" 25613 style="border: 1px solid var(--button-primary-background-color); margin-top: auto;"> 25614 quick shop 25615 </button> 25616 25617 25618 </div> 25619 </li> 25620 25621</ul> 25622 25623 25624 25625 <div id="pagination-bottom"> 25626 <div class="w-full my-[60px] text-center" x-cloak 25627 @no-products-found.window="show = false" 25628 x-show="show" 25629 x-title="Load more" 25630 x-data="{ 25631 show: true, 25632 product_count: 54, 25633 loading: false, 25634 next_page: `/collections/best-sellers?page=2`, 25635 total_pages: 3, 25636 current_page: 1, 25637 totalProductShown: 21,
25638 loadMore() { 25639 this.loading = true; 25640 const pageUrl = new URL(this.next_page, window.location.href); 25641 pageUrl.searchParams.set('section_id', 'template--27979442553013__product-grid'); 25642 fetch(pageUrl.href) 25643 .then(response => response.text()) 25644 .then(data => { 25645 let el = document.createElement('div'); 25646 el.innerHTML = data; 25647 let newGrid = el.querySelector('#product-grid'); 25648 if (newGrid) { 25649 document.querySelector('#product-grid').insertAdjacentHTML('beforeend', newGrid.innerHTML); 25650 } 25651 25652 this.current_page++; 25653 let url = new URL(window.location.href); 25654 url.searchParams.set('page', this.current_page); 25655 window.history.pushState({}, '', url.href); 25656 25657 this.loading = false; 25658 25659 // replace content of pagination-bottom with new pagination 25660 let newPagination = el.querySelector('#pagination-bottom'); 25661 if (newPagination) { 25662 document.querySelector('#pagination-bottom').replaceChildren(...Array.from(newPagination.childNodes)); 25663 } 25664 25665 }); 25666 }, 25667 }" 25668 x-init="$nextTick(() => { 25669 25670 let url = new URL(window.location.href); 25671 let clickedValue = url.searchParams.get('clicked') 25672 if(clickedValue && document.getElementById(clickedValue)) { 25673 document.getElementById(clickedValue).scrollIntoView(); 25674 history.scrollRestoration = 'manual'; 25675 } 25676 })" 25677 > 25678 25679 <div class="mb-3"> 25680 Showing <span class="font-semibold"> 25681 25682 25683 21 25684 25685 </span> of <span class="font-semibold total-product-count">54 </span> Items 25686 </div> 25687 25688 <button @click="loadMore" x-show="product_count > totalProductShown" class="inline-block px-8 py-3 uppercase font-semibold rounded-sm text-center button--primary cursor-pointer"> 25689 Load more 25690 </button> 25691 25692 25693 <div class="fixed inset-0 z-10 bg-white/50 flex items-center justify-center" 25694 x-transition.opacity 25695 x-cloak 25696 x-show="loading"> 25697 <div class="w-10"> 25698 <div class="loader fixed grid place-content-center inset-0 bg-black/20 z-20 rotate-center" x-cloak transition.opacity x-show="loading"> 25699 <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 25700 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 25701 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 25702 </svg> 25703</div> 25704 </div> 25705 </div> 25706 25707 </div> 25708 25709 </div> 25710 25711 25712 25713 <div class="collection-hero__description prose max-w-screen-2xl"> 25714 <span> </span> 25715 </div> 25716 25717 25718 </div></div><div class="fixed inset-0 z-[110] h-full quick-shop-modal" 25719 x-data="QuickShop" 25720 x-cloak 25721 x-show="showQuickShop" 25722 @toggle-quick-shop.window="$nextTick(() => fetchProduct($event.detail.handle, $event.detail.isBundle, $event.detail.hasOptions))" 25723 @close-quick-shop.window="closeModal()" 25724 @keydown.escape.window="closeModal()" 25725 role="dialog" 25726 aria-modal="true"> 25727 25728 <!-- Overlay --> 25729 <div class="fixed inset-0 bg-black/50" @click="closeModal()"></div> 25730 25731 <!-- Modal --> 25732 <div class="absolute inset-0 m-auto max-h-[90vh] w-[90vw] bg-white" 25733 @click.outside="closeModal()" 25734 x-show="showQuickShop" 25735 x-transition:enter="transition ease-out duration-300" 25736 x-transition:enter-start="opacity-0 scale-95" 25737 x-transition:enter-end="opacity-100 scale-100" 25738 x-transition:leave="transition ease-in duration-200" 25739 x-transition:leave-start="opacity-100 scale-100" 25740 x-transition:leave-end="opacity-0 scale-95" 25741 style="max-width: 75rem;"> 25742 25743 <!-- Close Button --> 25744 <button type="button" 25745 @click="closeModal()" 25746 class="quick-shop-close-button absolute top-0 right-0 p-2 z-10 bg-white" 25747 aria-label="Close"> 25748 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-menu w-5" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> 25749 </button> 25750 25751 <!-- Loading State --> 25752 <div x-show="loading" class="absolute inset-0 flex items-center justify-center"> 25753 <svg class="icon-spinner animate-spin w-6 text-black mr-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 25754 <circle class="opacity-50" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"></circle> 25755 <path class="opacity-100" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 25756 </svg> 25757 </div> 25758 25759 <!-- Content --> 25760 <div class="quick-shop-content overflow-auto h-full" x-ref="quick_shop_content"> 25761 <!-- Content loaded via AJAX --> 25762 </div> 25763 </div> 25764</div> 25765 25766<style> 25767 25768 .quick-shop-modal .quick-shop-content{ 25769 min-height: 50vh; 25770 } 25771 .quick-shop-modal .product-form { 25772 display: flex; 25773 flex-direction: column; 25774 } 25775 25776 .subscription-wrapper{ 25777 order: 1; 25778 } 25779 25780 .qs-quantity-selector { 25781 order: 2; 25782 } 25783 25784 .qs-form-actions{ 25785 order: 3; 25786 display: flex; 25787 flex-direction: column; 25788 gap: 1rem; 25789 } 25790 25791 .quick-shop-modal .afterpay-paragraph{ 25792 justify-content: flex-start !important; 25793 } 25794 25795 .quick-shop-modal .main-product{ 25796 padding: 1.5rem; 25797 } 25798 25799 .quick-shop-modal .breadcrumbs, 25800 .quick-shop-modal .accordion-item{ 25801 display: none !important; 25802 } 25803 25804 @media screen and (max-width: 768px) { 25805 .subscription-wrapper{ 25806 order: 2; 25807 } 25808 25809 .qs-quantity-selector { 25810 order: 1; 25811 } 25812 25813 .qs-form-actions{ 25814 order: 3; 25815 display: flex; 25816 flex-direction: row; 25817 } 25818 25819 .qs-form-actions button{ 25820 order: 2; 25821 } 25822 25823 .qs-form-actions a{ 25824 order: 1; 25825 } 25826 25827 .quick-shop-content .discount-flag{ 25828 left: .5rem !important; 25829 right: unset !important; 25830 } 25831 25832 .quick-shop-close-button{ 25833 background-color: transparent !important; 25834 } 25835 25836 .quick-shop-modal .main-product{ 25837 padding-top: 2rem; 25838 } 25839 } 25840</style> 25841</div> 25842 25843 25844<style> #shopify-section-template--27979442553013__product-grid .collection-hero__description.prose.max-w-screen-2xl {max-width: 1200px;} </style></div> 25845 </main> 25846 25847 25848 25849 25850 25851<div x-data="{ open: false }" x-title="Dynamic modal" class="flex justify-center"> 25852 <!-- Modal --> 25853 <div 25854 x-show="open" 25855 @dynamic-modal.window="open = true" 25856 style="display: none" 25857 x-on:keydown.escape.prevent.stop="open = false" 25858 role="dialog" 25859 aria-modal="true" 25860 x-id="['modal-title']" 25861 :aria-labelledby="$id('modal-title')" 25862 class="fixed inset-0 z-[200] overflow-y-auto" 25863 > 25864 <!-- Overlay --> 25865 <div x-show="open" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> 25866 25867 <!-- Panel --> 25868 <div 25869 x-show="open" x-transition 25870 x-on:click="open = false" 25871 class="relative flex min-h-screen items-center justify-center p-4"> 25872 <div x-on:click.stop 25873 x-trap.noscroll.inert="open" 25874 class="relative w-full max-w-2xl overflow-y-auto bg-white p-8 shadow-lg"> 25875 <button type="button" aria-label="Close modal" x-on:click="open = false" class="top-1 absolute right-1 p-1">
25876 <span class="sr-only">Close</span> 25877 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-menu w-8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> 25878 </button> 25879 25880 <div id="dynamic-modal-content"> 25881 25882 </div> 25883 25884 </div> 25885 </div> 25886 </div> 25887</div><div id="shopify-section-comp-value-modal" class="shopify-section"> 25888 25889<div x-data="{ open: false }" x-title="Comp value modal" class="flex justify-center"> 25890 <div 25891 x-show="open" 25892 @open-comp-value-modal.window="open = true" 25893 style="display: none" 25894 x-on:keydown.escape.prevent.stop="open = false" 25895 role="dialog" 25896 aria-modal="true" 25897 x-id="['comp-modal-title']" 25898 :aria-labelledby="$id('comp-modal-title')" 25899 class="fixed inset-0 z-[200] overflow-y-auto" 25900 > 25901 <!-- Overlay --> 25902 <div x-show="open" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> 25903 25904 <!-- Panel --> 25905 <div 25906 x-show="open" 25907 x-transition 25908 x-on:click="open = false" 25909 class="relative flex min-h-screen items-center justify-center p-4" 25910 > 25911 <div 25912 x-on:click.stop 25913 x-trap.noscroll.inert="open" 25914 class="relative w-full max-w-2xl overflow-y-auto bg-white p-6 rounded-sm shadow-lg" 25915 > 25916 <!-- Header --> 25917 <div class="flex items-start justify-between gap-4"> 25918 <h2 :id="$id('comp-modal-title')" class="font-heading text-2xl font-bold uppercase"> 25919 Pricing Policy 25920 </h2> 25921 <button type="button" aria-label="Close modal" x-on:click="open = false" class="-mr-4 -mt-4 p-1"> 25922 <span class="sr-only">Close</span> 25923 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-menu w-8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> 25924 </button> 25925 </div> 25926 25927 <!-- Blocks --> 25928 <div class="comp-value-modal__content mt-6 space-y-4"> 25929 25930 25931 <div class="comp-value-modal__rich-text" > 25932 25933 <h3 class="font-heading text-lg font-bold">Comparable Value</h3> 25934 25935 25936 <div class="prose mt-2 text-sm"><p>Comp. Value represents the price that was previously offered for the product or the estimated market price for comparable items elsewhere. As prices often fluctuate, we cannot guarantee that the comp value price reflects the prevailing market price at any given time.</p></div> 25937 25938 </div> 25939 25940 25941 25942 </div> 25943 </div> 25944 </div> 25945 </div> 25946</div> 25947 25948 25949</div><div id="shopify-section-footer" class="shopify-section"> 25950<footer class="footer bg-[#f0f0f0] mt-8 text-black"> 25951 25952 <div x-data="scrollToTop()" @scroll.window="checkScrollPosition()"> 25953 <button 25954 aria-label="Scroll to top" 25955 @click="scrollToTop" 25956 x-show="showButton" 25957 x-transition:enter="transition ease-out duration-300" 25958 x-transition:enter-start="opacity-0 transform translate-y-2" 25959 x-transition:enter-end="opacity-100 transform translate-y-0" 25960 x-transition:leave="transition ease-in duration-300" 25961 x-transition:leave-start="opacity-100 transform translate-y-0" 25962 x-transition:leave-end="opacity-0 transform translate-y-2" 25963 class="fixed bottom-20 flex items-center justify-center z-[1000] right-5 bg-gray-900 text-white p-2 rounded-full hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400"> 25964 25965<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-chevron-left rotate-90"><polyline stroke="currentColor" points="15 18 9 12 15 6"></polyline></svg> 25966 </button> 25967</div> 25968
25969<script> 25970 function scrollToTop() { 25971 return { 25972 showButton: false, 25973 checkScrollPosition() { 25974 this.showButton = (window.pageYOffset > 800); 25975 }, 25976 scrollToTop() { 25977 window.scrollTo({ top: 0, behavior: 'smooth' }); 25978 } 25979 } 25980 } 25981</script>
25981 25982 25983 <div class="page-width mx-auto px-4"> 25984 25985 25986 <div class="footer__certificate-logo mx-auto" style="width: 340px"> 25987 25988 25989 25990 25991 25992 25993 25994 25995 25996 25997 25998 25999 26000 26001 26002 26003 26004 <img src="//www.mykitsch.com/cdn/shop/files/Certified_logo_new.png?v=1741732525&width=700" alt="Kitsch image" srcset="//www.mykitsch.com/cdn/shop/files/Certified_logo_new.png?v=1741732525&width=200 200w, //www.mykitsch.com/cdn/shop/files/Certified_logo_new.png?v=1741732525&width=300 300w, //www.mykitsch.com/cdn/shop/files/Certified_logo_new.png?v=1741732525&width=400 400w, //www.mykitsch.com/cdn/shop/files/Certified_logo_new.png?v=1741732525&width=500 500w, //www.mykitsch.com/cdn/shop/files/Certified_logo_new.png?v=1741732525&width=600 600w, //www.mykitsch.com/cdn/shop/files/Certified_logo_new.png?v=1741732525&width=700 700w" width="700" height="185" loading="lazy" fetchpriority="auto" sizes="(min-width: 1400px) 350px, (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"> 26005 26006 26007 26008 </div> 26009 26010 26011 26012<div class="footer__content-top page-width pt-8"><div class="footer__blocks-wrapper grid grid-cols-1 md:grid-cols-5 gap-4"><div class="footer-block grid__item 26013 col-span-2 row-span-3 26014 " 26015 ><p class="footer-block__heading font-medium uppercase mb-2 text-lg">LET'S CONNECT!</p> 26016 26017 26018 <div class="footer-block__html"> 26019 <p class="font-medium"> 26020Stay up-to-date with new products and promotions when you sign up for our emails. 26021</p> 26022<div class="my-4 footer-kl-form"> 26023 <div class="klaviyo-form-WkwcSx"></div> 26024 <div class="klaviyo-form-T5mRRY"></div> 26025</div> 26026<div class="appBtns"> 26027 <a role="button" href="https://apps.apple.com/us/app/kitsch-llc/id1604441480" title="Download the Kitsch App on Apple App Store" target="_blank"> <img src="https://cdn.shopify.com/s/files/1/0104/6904/8384/files/app-store-apple.svg?v=1708362155" width="150" height="50" class="lazyload" alt="Download the Kitsch App on Apple App Store icon"> </a> 26028 <a role="button" href="https://play.google.com/store/apps/details?id=co.tapcart.app.id_Bvya6zTJt9" title="Download the Kitsch App on Google Play" target="_blank"> <img src="https://cdn.shopify.com/s/files/1/0104/6904/8384/files/Google_Play_Store_badge_EN.svg?v=1708362155" width="164" height="50" class="lazyload" alt="Download the Kitsch App on Google Play icon"> </a> 26029</div> 26030 26031<style> 26032#shopify-section-footer .appBtns { 26033 display: flex; 26034 gap: 0.4rem; 26035} 26036.footer-block__html .klaviyo-disclosure{ 26037 font-size: 14px; 26038} 26039.footer-block__html .klaviyo-disclosure a{ 26040 color: #1b73e7; 26041} 26042</style> 26043 </div> 26044 26045</div><div class="footer-block grid__item 26046 26047 26048 footer-block--menu 26049 " 26050 ><p class="footer-block__heading font-medium uppercase mb-2 text-lg">ABOUT US</p><ul class="footer-block__details-content list-unstyled font-medium"><li> 26051 <a href="/pages/our-founder" class="link link--text list-menu__item list-menu__item--link"> 26052 Our Founder 26053 </a> 26054 </li><li> 26055 <a href="/pages/our-story" class="link link--text list-menu__item list-menu__item--link"> 26056 Our Story 26057 </a> 26058 </li><li> 26059 <a href="https://www.mykitsch.com/blogs/hair-care" class="link link--text list-menu__item list-menu__item--link"> 26060 Hair Care Blog 26061 </a> 26062 </li><li> 26063 <a href="https://www.facebook.com/groups/thekitschcommunity/" class="link link--text list-menu__item list-menu__item--link"> 26064 Join Our Community 26065 </a> 26066 </li><li> 26067 <a href="/pages/kitsch-gives-back" class="link link--text list-menu__item list-menu__item--link"> 26068 Kitsch Gives Back 26069 </a> 26070 </li><li> 26071 <a href="/pages/sustainability" class="link link--text list-menu__item list-menu__item--link"> 26072 Sustainability 26073 </a> 26074 </li><li> 26075 <a href="/pages/patents" class="link link--text list-menu__item list-menu__item--link"> 26076 Patents 26077 </a> 26078 </li><li> 26079 <a href="/pages/careers" class="link link--text list-menu__item list-menu__item--link"> 26080 Careers 26081 </a> 26082 </li></ul></div><div class="footer-block grid__item 26083 26084 26085 footer-block--menu 26086 " 26087 ><p class="footer-block__heading font-medium uppercase mb-2 text-lg">Store</p><ul class="footer-block__details-content list-unstyled font-medium"><li> 26088 <a href="/pages/loyalty-program" class="link link--text list-menu__item list-menu__item--link"> 26089 Rewards 26090 </a> 26091 </li><li> 26092 <a href="/pages/take-the-kitsch-quiz" class="link link--text list-menu__item list-menu__item--link"> 26093 Hair Solutions Quiz 26094 </a> 26095 </li><li> 26096 <a href="/pages/where-to-buy" class="link link--text list-menu__item list-menu__item--link"> 26097 Store Locator 26098 </a> 26099 </li><li> 26100 <a href="/pages/refer-a-friend" class="link link--text list-menu__item list-menu__item--link"> 26101 Refer a Friend 26102 </a> 26103 </li><li> 26104 <a href="https://www.mykitsch.com/pages/loudcrowd-ambassador" class="link link--text list-menu__item list-menu__item--link"> 26105 Affiliates 26106 </a> 26107 </li><li> 26108 <a href="https://kitsch.faire.com" class="link link--text list-menu__item list-menu__item--link"> 26109 Wholesale 26110 </a> 26111 </li><li> 26112 <a href="/pages/todays-promotions" class="link link--text list-menu__item list-menu__item--link"> 26113 Offers & Promotions 26114 </a> 26115 </li></ul></div><div class="footer-block grid__item 26116 26117 26118 footer-block--menu 26119 " 26120 ><p class="footer-block__heading font-medium uppercase mb-2 text-lg">CUSTOMER SERVICE</p><ul class="footer-block__details-content list-unstyled font-medium"><li> 26121 <a href="/pages/contact-us" class="link link--text list-menu__item list-menu__item--link"> 26122 Contact Us 26123 </a> 26124 </li><li> 26125 <a href="/account/login" class="link link--text list-menu__item list-menu__item--link"> 26126 My Account 26127 </a> 26128 </li><li> 26129 <a href="/pages/order-tracking" class="link link--text list-menu__item list-menu__item--link"> 26130 Track My Order 26131 </a> 26132 </li><li> 26133 <a href="https://mykitsch.loopreturns.com/#/" class="link link--text list-menu__item list-menu__item--link"> 26134 Start a Return 26135 </a> 26136 </li></ul></div><div class="row-span-2 col-span-2 md:col-span-3 md:grid grid-cols-3"> 26137 26138 <div class="social-links-footer py-2 col-span-2"> 26139 <ul class="footer__list-social list-unstyled flex space-x-4 items-center justify-center md:justify-start" role="list"><li class="list-social__item"> 26140 <a target="_blank" rel="noreferrer" href="https://x.com/kitsch" class="list-social__link w-5 mx-1 block"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-twitter " width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l11.733 16h4.267l-11.733 -16z" /><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /></svg><span class="sr-only">Twitter</span> 26141 </a> 26142 </li><li class="list-social__item"> 26143 <a target="_blank" rel="noreferrer" href="https://facebook.com/mykitsch" class="list-social__link w-5 mx-1 block" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook " viewBox="0 0 18 18">
26144 <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z"> 26145</svg> 26146<span class="sr-only">Facebook</span> 26147 </a> 26148 </li><li class="list-social__item"> 26149 <a target="_blank" rel="noreferrer" href="https://pinterest.com/mykitsch" class="list-social__link w-5 mx-1 block" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest " viewBox="0 0 17 18"> 26150 <path fill="currentColor" d="M8.48.58a8.42 8.42 0 015.9 2.45 8.42 8.42 0 011.33 10.08 8.28 8.28 0 01-7.23 4.16 8.5 8.5 0 01-2.37-.32c.42-.68.7-1.29.85-1.8l.59-2.29c.14.28.41.52.8.73.4.2.8.31 1.24.31.87 0 1.65-.25 2.34-.75a4.87 4.87 0 001.6-2.05 7.3 7.3 0 00.56-2.93c0-1.3-.5-2.41-1.49-3.36a5.27 5.27 0 00-3.8-1.43c-.93 0-1.8.16-2.58.48A5.23 5.23 0 002.85 8.6c0 .75.14 1.41.43 1.98.28.56.7.96 1.27 1.2.1.04.19.04.26 0 .07-.03.12-.1.15-.2l.18-.68c.05-.15.02-.3-.11-.45a2.35 2.35 0 01-.57-1.63A3.96 3.96 0 018.6 4.8c1.09 0 1.94.3 2.54.89.61.6.92 1.37.92 2.32 0 .8-.11 1.54-.33 2.21a3.97 3.97 0 01-.93 1.62c-.4.4-.87.6-1.4.6-.43 0-.78-.15-1.06-.47-.27-.32-.36-.7-.26-1.13a111.14 111.14 0 01.47-1.6l.18-.73c.06-.26.09-.47.09-.65 0-.36-.1-.66-.28-.89-.2-.23-.47-.35-.83-.35-.45 0-.83.2-1.13.62-.3.41-.46.93-.46 1.56a4.1 4.1 0 00.18 1.15l.06.15c-.6 2.58-.95 4.1-1.08 4.54-.12.55-.16 1.2-.13 1.94a8.4 8.4 0 01-5-7.65c0-2.3.81-4.28 2.44-5.9A8.04 8.04 0 018.48.57z"> 26151</svg> 26152<span class="sr-only">Pinterest</span> 26153 </a> 26154 </li><li class="list-social__item"> 26155 <a target="_blank" rel="noreferrer" href="http://instagram.com/mykitsch" class="list-social__link w-5 mx-1 block" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram " viewBox="0 0 18 18"> 26156 <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/> 26157 <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z"> 26158</svg> 26159<span class="sr-only">Instagram</span> 26160 </a> 26161 </li><li class="list-social__item"> 26162 <a target="_blank" rel="noreferrer" href="https://www.tiktok.com/@kitsch" class="list-social__link w-5 mx-1 block" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok " width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"> 26163 <path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor"> 26164</svg> 26165<span class="sr-only">TikTok</span> 26166 </a> 26167 </li></ul> 26168 26169<ul class="footer-extra__links font-medium mt-3 text-center justify-center md:justify-start md:text-left flex flex-wrap gap-3"><li class="flex-shrink-0"> 26170 <a href="/pages/privacy-policy" 26171 class="link hover:underline "> 26172 Privacy Policy 26173 </a> 26174 </li><li class="flex-shrink-0"> 26175 <a href="/pages/terms-of-service" 26176 class="link hover:underline "> 26177 Terms of Use 26178 </a> 26179 </li><li class="flex-shrink-0"> 26180 <a href="/pages/ccpa-compliance-2" 26181 class="link hover:underline "> 26182 CCPA Rights 26183 </a> 26184 </li><li class="flex-shrink-0"> 26185 <a href="/pages/accessibility" 26186 class="link hover:underline "> 26187 Accessibility 26188 </a> 26189 </li><li class="flex-shrink-0"> 26190 <a href="#" 26191 aria-label="Link"class="link hover:underline "> 26192 <a href='#toggle-accessibility' class='toggle-accessibility' aria-label="toggle Accessibility">Toggle Accessibility</a> 26193 </a> 26194 </li></ul></div> 26195 26196 26197 <div class="social__code col-span-1 text-center md:text-left"> 26198 <div data-oke-badge="" data-oke-layout="large" data-oke-color-scheme="dark"></div> 26199<style> 26200.oke-ratingsBadge .oke-largeBadge-count{ 26201 left: 0; 26202} 26203</style> 26204 </div> 26205 26206 26207 26208 26209 </div> 26210 26211 </div></div>
26211<div class="footer__content-bottom py-6 mt-6 border-t border-gray-300"> 26212 <div class="page-width"> 26213 26214 <div class="footer__column footer__column--info flex flex-col flex-wrap"> 26215 <div class="footer__copyright"> 26216 <div class="copyright__content flex items-center text-sm"> 26217 © 2026,   26218 26219 <p>KITSCH. All rights reserved</p> 26220 26221 </div> 26222 </div> 26223 26224 <div class="md:flex justify-between"><div class="footer__payment mt-8"> 26225 <span class="sr-only">Payment methods</span> 26226 <ul class="list flex flex-wrap gap-3" role="list"><li class="list-payment__item"> 26227 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 26228 26229 </li><li class="list-payment__item"> 26230 <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558
262300 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> 26231 26232 </li><li class="list-payment__item"> 26233 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.
26233001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg> 26234 </li><li class="list-payment__item"> 26235 <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> 26236 </li><li class="list-payment__item"> 26237 <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> 26238 </li><li class="list-payment__item"> 26239 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
2623906zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> 26240 26241 </li><li class="list-payment__item"> 26242 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.571
262427 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg> 26243 </li><li class="list-payment__item"> 26244 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 26245 26246 </li><li class="list-payment__item"> 26247 <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/>
26247<path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> 26248 </li><li class="list-payment__item"> 26249 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> 26250 26251 </li><li class="list-payment__item"> 26252 <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-venmo"><title id="pi-venmo">Venmo</title><g fill="none" fill-rule="evenodd"><rect fill-opacity=".07" fill="#000" width="38" height="24" rx="3"/><path fill="#3D95CE" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M24.675 8.36c0 3.064-2.557 7.045-4.633 9.84h-4.74L13.4 6.57l4.151-.402 1.005 8.275c.94-1.566 2.099-4.025 2.099-5.702 0-.918-.154-1.543-.394-2.058l3.78-.783c.437.738.634 1.499.634 2.46z" fill="#FFF" fill-rule="nonzero"/></g></svg> 26253 26254 </li><li class="list-payment__item"> 26255 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
2625516.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 26256 26257 </li></ul> 26258 </div> 26259 <noscript><form method="post" action="/localization" id="FooterCountryFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /><div class="localization-form__select"> 26260 <p class="sr-only" id="FooterCountryLabelNoScript">Country/region</p> 26261 <select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript"><option value="AF"> 26262 Afghanistan (AFN Ø) 26263 </option><option value="AX"> 26264 à land Islands (EUR â¬) 26265 </option><option value="AL"> 26266 Albania (ALL L) 26267 </option><option value="DZ"> 26268 Algeria (DZD د.ج) 26269 </option><option value="AD"> 26270 Andorra (EUR â¬) 26271 </option><option value="AO"> 26272 Angola (USD $) 26273 </option><option value="AI"> 26274 Anguilla (XCD $) 26275 </option><option value="AG"> 26276 Antigua & Barbuda (XCD $) 26277 </option><option value="AR"> 26278 Argentina (ARS $) 26279 </option><option value="AM"> 26280 Armenia (AMD Õ¤Ö.) 26281 </option><option value="AW"> 26282 Aruba (AWG Æ) 26283 </option><option value="AC"> 26284 Ascension Island (SHP £) 26285 </option><option value="AU"> 26286 Australia (AUD $) 26287 </option><option value="AT"> 26288 Austria (EUR â¬) 26289 </option><option value="AZ"> 26290 Azerbaijan (AZN â¼) 26291 </option><option value="BS"> 26292 Bahamas (BSD $) 26293 </option><option value="BH"> 26294 Bahrain (USD $) 26295 </option><option value="BD"> 26296 Bangladesh (BDT ৳) 26297 </option><option value="BB"> 26298 Barbados (BBD $) 26299 </option><option value="BY"> 26300 Belarus (USD $) 26301 </option><option value="BE"> 26302 Belgium (EUR â¬) 26303 </option><option value="BZ"> 26304 Belize (BZD $) 26305 </option><option value="BJ"> 26306 Benin (XOF Fr) 26307 </option><option value="BM"> 26308 Bermuda (USD $) 26309 </option><option value="BT"> 26310 Bhutan (USD $) 26311 </option><option value="BO"> 26312 Bolivia (BOB Bs.) 26313 </option><option value="BA"> 26314 Bosnia & Herzegovina (BAM ÐÐ) 26315 </option><option value="BW"> 26316 Botswana (BWP P) 26317 </option><option value="BR"> 26318 Brazil (BRL R$) 26319 </option><option value="IO"> 26320 British Indian Ocean Territory (USD $) 26321 </option><option value="VG"> 26322 British Virgin Islands (USD $) 26323 </option><option value="BN"> 26324 Brunei (BND $) 26325 </option><option value="BG"> 26326 Bulgaria (EUR â¬) 26327 </option><option value="BF"> 26328 Burkina Faso (XOF Fr) 26329 </option><option value="BI"> 26330 Burundi (BIF Fr) 26331 </option><option value="KH"> 26332 Cambodia (KHR á) 26333 </option><option value="CM"> 26334 Cameroon (XAF CFA) 26335 </option><option value="CA"> 26336 Canada (CAD $) 26337 </option><option value="CV"> 26338 Cape Verde (CVE $) 26339 </option><option value="BQ"> 26340 Caribbean Netherlands (USD $) 26341 </option><option value="KY"> 26342 Cayman Islands (KYD $) 26343 </option><option value="CF"> 26344 Central African Republic (XAF CFA) 26345 </option><option value="TD"> 26346 Chad (XAF CFA) 26347 </option><option value="CL"> 26348 Chile (USD $) 26349 </option><option value="CN"> 26350 China (CNY Â¥) 26351 </option><option value="CX"> 26352 Christmas Island (AUD $) 26353 </option><option value="CC"> 26354 Cocos (Keeling) Islands (AUD $) 26355 </option><option value="CO"> 26356 Colombia (USD $) 26357 </option><option value="KM"> 26358 Comoros (KMF Fr) 26359 </option><option value="CG"> 26360 Congo - Brazzaville (XAF CFA) 26361 </option><option value="CD"> 26362 Congo - Kinshasa (CDF Fr) 26363 </option><option value="CK"> 26364 Cook Islands (NZD $) 26365 </option><option value="CR"> 26366 Costa Rica (CRC â¡) 26367 </option><option value="CI"> 26368 Côte dâIvoire (XOF Fr) 26369 </option><option value="HR"> 26370 Croatia (EUR â¬) 26371 </option><option value="CW"> 26372 Curaçao (ANG Æ) 26373 </option><option value="CY"> 26374 Cyprus (EUR â¬) 26375 </option><option value="CZ"> 26376 Czechia (CZK KÄ) 26377 </option><option value="DK"> 26378 Denmark (DKK kr.) 26379 </option><option value="DJ"> 26380 Djibouti (DJF Fdj) 26381 </option><option value="DM"> 26382 Dominica (XCD $) 26383 </option><option value="DO"> 26384 Dominican Republic (DOP $) 26385 </option><option value="EC"> 26386 Ecuador (USD $) 26387 </option><option value="EG"> 26388 Egypt (EGP ج.Ù ) 26389 </option><option value="SV"> 26390 El Salvador (USD $) 26391 </option><option value="GQ"> 26392 Equatorial Guinea (XAF CFA) 26393 </option><option value="ER"> 26394 Eritrea (USD $) 26395 </option><option value="EE"> 26396 Estonia (EUR â¬) 26397 </option><option value="SZ"> 26398 Eswatini (USD $) 26399 </option><option value="ET"> 26400 Ethiopia (ETB Br) 26401 </option><option value="FK"> 26402 Falkland Islands (FKP £) 26403 </option><option value="FO"> 26404 Faroe Islands (DKK kr.) 26405 </option><option value="FJ"> 26406 Fiji (FJD $) 26407 </option><option value="FI"> 26408 Finland (EUR â¬) 26409 </option><option value="FR"> 26410 France (EUR â¬) 26411 </option><option value="GF"> 26412 French Guiana (EUR â¬) 26413 </option><option value="PF"> 26414 French Polynesia (XPF Fr) 26415 </option><option value="TF"> 26416 French Southern Territories (EUR â¬) 26417 </option><option value="GA"> 26418 Gabon (XOF Fr) 26419 </option><option value="GM"> 26420 Gambia (GMD D) 26421 </option><option value="GE"> 26422 Georgia (USD $) 26423 </option><option value="DE"> 26424 Germany (EUR â¬) 26425 </option><option value="GH"> 26426 Ghana (USD $) 26427 </option><option value="GI"> 26428 Gibraltar (GBP £) 26429 </option><option value="GR"> 26430 Greece (EUR â¬) 26431 </option><option value="GL"> 26432 Greenland (DKK kr.) 26433 </option><option value="GD"> 26434 Grenada (XCD $) 26435 </option><option value="GP"> 26436 Guadeloupe (EUR â¬) 26437 </option><option value="GT"> 26438 Guatemala (GTQ Q) 26439 </option><option value="GG"> 26440 Guernsey (GBP £) 26441 </option><option value="GN"> 26442 Guinea (GNF Fr) 26443 </option><option value="GW"> 26444 Guinea-Bissau (XOF Fr) 26445 </option><option value="GY"> 26446 Guyana (GYD $) 26447 </option><option value="HT"> 26448 Haiti (USD $) 26449 </option><option value="HN"> 26450 Honduras (HNL L) 26451 </option><option value="HK"> 26452 Hong Kong SAR (HKD $) 26453 </option><option value="HU"> 26454 Hungary (HUF Ft) 26455 </option><option value="IS"> 26456 Iceland (ISK kr) 26457 </option><option value="IN"> 26458 India (INR â¹) 26459 </option><option value="ID"> 26460 Indonesia (IDR Rp) 26461 </option><option value="IQ"> 26462 Iraq (USD $) 26463 </option><option value="IE"> 26464 Ireland (EUR â¬) 26465 </option><option value="IM"> 26466 Isle of Man (GBP £) 26467 </option><option value="IL">
26468 Israel (ILS âª) 26469 </option><option value="IT"> 26470 Italy (EUR â¬) 26471 </option><option value="JM"> 26472 Jamaica (JMD $) 26473 </option><option value="JP"> 26474 Japan (JPY Â¥) 26475 </option><option value="JE"> 26476 Jersey (GBP £) 26477 </option><option value="JO"> 26478 Jordan (USD $) 26479 </option><option value="KZ"> 26480 Kazakhstan (KZT â¸) 26481 </option><option value="KE"> 26482 Kenya (KES KSh) 26483 </option><option value="KI"> 26484 Kiribati (USD $) 26485 </option><option value="XK"> 26486 Kosovo (EUR â¬) 26487 </option><option value="KW"> 26488 Kuwait (AED د.Ø¥) 26489 </option><option value="KG"> 26490 Kyrgyzstan (KGS som) 26491 </option><option value="LA"> 26492 Laos (LAK â) 26493 </option><option value="LV"> 26494 Latvia (EUR â¬) 26495 </option><option value="LB"> 26496 Lebanon (LBP Ù.Ù) 26497 </option><option value="LS"> 26498 Lesotho (USD $) 26499 </option><option value="LR"> 26500 Liberia (USD $) 26501 </option><option value="LY"> 26502 Libya (USD $) 26503 </option><option value="LI"> 26504 Liechtenstein (CHF CHF) 26505 </option><option value="LT"> 26506 Lithuania (EUR â¬) 26507 </option><option value="LU"> 26508 Luxembourg (EUR â¬) 26509 </option><option value="MO"> 26510 Macao SAR (MOP P) 26511 </option><option value="MG"> 26512 Madagascar (USD $) 26513 </option><option value="MW"> 26514 Malawi (MWK MK) 26515 </option><option value="MY"> 26516 Malaysia (MYR RM) 26517 </option><option value="MV"> 26518 Maldives (MVR MVR) 26519 </option><option value="ML"> 26520 Mali (XOF Fr) 26521 </option><option value="MT"> 26522 Malta (EUR â¬) 26523 </option><option value="MQ"> 26524 Martinique (EUR â¬) 26525 </option><option value="MR"> 26526 Mauritania (USD $) 26527 </option><option value="MU"> 26528 Mauritius (MUR â¨) 26529 </option><option value="YT"> 26530 Mayotte (EUR â¬) 26531 </option><option value="MX"> 26532 Mexico (MXN $) 26533 </option><option value="MD"> 26534 Moldova (MDL L) 26535 </option><option value="MC"> 26536 Monaco (EUR â¬) 26537 </option><option value="MN"> 26538 Mongolia (MNT â®) 26539 </option><option value="ME"> 26540 Montenegro (EUR â¬) 26541 </option><option value="MS"> 26542 Montserrat (XCD $) 26543 </option><option value="MA"> 26544 Morocco (MAD د.Ù .) 26545 </option><option value="MZ"> 26546 Mozambique (USD $) 26547 </option><option value="MM"> 26548 Myanmar (Burma) (MMK K) 26549 </option><option value="NA"> 26550 Namibia (USD $) 26551 </option><option value="NR"> 26552 Nauru (AUD $) 26553 </option><option value="NP"> 26554 Nepal (NPR Rs.) 26555 </option><option value="NL"> 26556 Netherlands (EUR â¬) 26557 </option><option value="NC"> 26558 New Caledonia (XPF Fr) 26559 </option><option value="NZ"> 26560 New Zealand (NZD $) 26561 </option><option value="NI"> 26562 Nicaragua (NIO C$) 26563 </option><option value="NE"> 26564 Niger (XOF Fr) 26565 </option><option value="NG"> 26566 Nigeria (NGN â¦) 26567 </option><option value="NU"> 26568 Niue (NZD $) 26569 </option><option value="NF"> 26570 Norfolk Island (AUD $) 26571 </option><option value="MK"> 26572 North Macedonia (MKD ден) 26573 </option><option value="NO"> 26574 Norway (NOK kr) 26575 </option><option value="OM"> 26576 Oman (USD $) 26577 </option><option value="PK"> 26578 Pakistan (PKR â¨) 26579 </option><option value="PA"> 26580 Panama (USD $) 26581 </option><option value="PG"> 26582 Papua New Guinea (PGK K) 26583 </option><option value="PY"> 26584 Paraguay (PYG â²) 26585 </option><option value="PE"> 26586 Peru (PEN S/) 26587 </option><option value="PH"> 26588 Philippines (PHP â±) 26589 </option><option value="PN"> 26590 Pitcairn Islands (NZD $) 26591 </option><option value="PL"> 26592 Poland (PLN zÅ) 26593 </option><option value="PT"> 26594 Portugal (EUR â¬) 26595 </option><option value="QA"> 26596 Qatar (QAR ر.Ù) 26597 </option><option value="RE"> 26598 Réunion (EUR â¬) 26599 </option><option value="RO"> 26600 Romania (RON Lei) 26601 </option><option value="RW"> 26602 Rwanda (RWF FRw) 26603 </option><option value="WS"> 26604 Samoa (WST T) 26605 </option><option value="SM"> 26606 San Marino (EUR â¬) 26607 </option><option value="ST"> 26608 São Tomé & PrÃncipe (STD Db) 26609 </option><option value="SA"> 26610 Saudi Arabia (SAR ر.س) 26611 </option><option value="SN"> 26612 Senegal (XOF Fr) 26613 </option><option value="RS">
26614 Serbia (RSD РСÐ) 26615 </option><option value="SC"> 26616 Seychelles (USD $) 26617 </option><option value="SL"> 26618 Sierra Leone (SLL Le) 26619 </option><option value="SG"> 26620 Singapore (SGD $) 26621 </option><option value="SX"> 26622 Sint Maarten (ANG Æ) 26623 </option><option value="SK"> 26624 Slovakia (EUR â¬) 26625 </option><option value="SI"> 26626 Slovenia (EUR â¬) 26627 </option><option value="SB"> 26628 Solomon Islands (SBD $) 26629 </option><option value="SO"> 26630 Somalia (USD $) 26631 </option><option value="ZA"> 26632 South Africa (USD $) 26633 </option><option value="GS"> 26634 South Georgia & South Sandwich Islands (GBP £) 26635 </option><option value="KR"> 26636 South Korea (KRW â©) 26637 </option><option value="SS"> 26638 South Sudan (USD $) 26639 </option><option value="ES"> 26640 Spain (EUR â¬) 26641 </option><option value="LK"> 26642 Sri Lanka (LKR â¨) 26643 </option><option value="BL"> 26644 St. Barthélemy (EUR â¬) 26645 </option><option value="SH"> 26646 St. Helena (SHP £) 26647 </option><option value="KN"> 26648 St. Kitts & Nevis (XCD $) 26649 </option><option value="LC"> 26650 St. Lucia (XCD $) 26651 </option><option value="MF"> 26652 St. Martin (EUR â¬) 26653 </option><option value="PM"> 26654 St. Pierre & Miquelon (EUR â¬) 26655 </option><option value="VC"> 26656 St. Vincent & Grenadines (XCD $) 26657 </option><option value="SD"> 26658 Sudan (USD $) 26659 </option><option value="SR"> 26660 Suriname (USD $) 26661 </option><option value="SJ"> 26662 Svalbard & Jan Mayen (NOK kr) 26663 </option><option value="SE"> 26664 Sweden (SEK kr) 26665 </option><option value="CH"> 26666 Switzerland (CHF CHF) 26667 </option><option value="TW"> 26668 Taiwan (TWD $) 26669 </option><option value="TJ"> 26670 Tajikistan (TJS Ð Ð) 26671 </option><option value="TZ"> 26672 Tanzania (TZS Sh) 26673 </option><option value="TH"> 26674 Thailand (THB ฿) 26675 </option><option value="TL"> 26676 Timor-Leste (USD $) 26677 </option><option value="TG"> 26678 Togo (XOF Fr) 26679 </option><option value="TK"> 26680 Tokelau (NZD $) 26681 </option><option value="TO"> 26682 Tonga (TOP T$) 26683 </option><option value="TT"> 26684 Trinidad & Tobago (TTD $) 26685 </option><option value="TA"> 26686 Tristan da Cunha (GBP £) 26687 </option><option value="TN"> 26688 Tunisia (USD $) 26689 </option><option value="TR"> 26690 Türkiye (USD $) 26691 </option><option value="TM"> 26692 Turkmenistan (USD $) 26693 </option><option value="TC"> 26694 Turks & Caicos Islands (USD $) 26695 </option><option value="TV"> 26696 Tuvalu (AUD $) 26697 </option><option value="UM"> 26698 U.S. Outlying Islands (USD $) 26699 </option><option value="UG"> 26700 Uganda (UGX USh) 26701 </option><option value="UA"> 26702 Ukraine (UAH â´) 26703 </option><option value="AE"> 26704 United Arab Emirates (AED د.Ø¥) 26705 </option><option value="GB"> 26706 United Kingdom (GBP £) 26707 </option><option value="US" selected> 26708 United States (USD $) 26709 </option><option value="UY"> 26710 Uruguay (UYU $U) 26711 </option><option value="UZ"> 26712 Uzbekistan (UZS so'm) 26713 </option><option value="VU"> 26714 Vanuatu (VUV Vt) 26715 </option><option value="VA"> 26716 Vatican City (EUR â¬) 26717 </option><option value="VE"> 26718 Venezuela (USD $) 26719 </option><option value="VN"> 26720 Vietnam (VND â«) 26721 </option><option value="WF"> 26722 Wallis & Futuna (XPF Fr) 26723 </option><option value="EH"> 26724 Western Sahara (MAD د.Ù .) 26725 </option><option value="YE"> 26726 Yemen (YER ï·¼) 26727 </option><option value="ZM"> 26728 Zambia (USD $) 26729 </option><option value="ZW"> 26730 Zimbabwe (USD $) 26731 </option></select> 26732 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> 26733 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 26734</svg> 26735 26736 </div> 26737 <button class="button button--tertiary">Update country/region</button></form></noscript><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form my-4 border border-black" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/best-sellers" /><div class="no-js-hidden"> 26738 <h2 class="sr-only" id="FooterCountryLabel">Country/region</h2> 26739 <div class="disclosure relative" 26740 x-title="Country/region" 26741 @click.outside="open = false" 26742 x-cloak 26743 x-init="$nextTick(() => { 26744 $watch('country', (value) => { 26745 document.getElementById('FooterCountryForm').submit(); 26746 }); 26747 26748 // if url has country_code param, send a put request to update the country 26749 if (window.location.search.includes('country_code')) { 26750 // get country_code from url using new URLSearchParams
26751 let urlParams = new URLSearchParams(window.location.search); 26752 let country_code = urlParams.get('country_code'); 26753 console.log('dd:', country_code); 26754 26755 if (country_code && !Unick.getCookie('has_country')) { 26756 country = country_code; 26757 Unick.setCookie('has_country', true, 1); 26758 } 26759 26760 } 26761 })" 26762 @change-location.window="$nextTick(() => { 26763 let country_code = $event.detail.country; 26764 console.log(country_code); 26765 if (country_code) { 26766 country = country_code; 26767 } 26768 })" 26769 x-data="{ 26770 open: false, 26771 country: 'US' 26772 }"> 26773 <button type="button" @click="open = !open" class="disclosure__button flex gap-x-2 px-2 py-1 border" :aria-expanded="open.toString()" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel"> 26774 United States (USD$) 26775 26776<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-arrow-right h-5 transform rotate-90"> 26777 <polyline points="9 18 15 12 9 6"></polyline> 26778</svg> 26779 26780 </button> 26781 26782 <div class="disclosure__list-wrapper absolute bottom-10 z-20 bg-white px-2 py-1 overflow-scroll max-h-72 text-black shadow-md border" x-show="open" x-transition.opacity> 26783 <ul id="FooterCountryList" role="list" class="disclosure__list space-y-1"><li class="disclosure__item" tabindex="-1"> 26784 <button type="button" 26785 @click="country = 'AF'" 26786 class="text-sm text-left " 26787 > 26788 Afghanistan <span class="localization-form__currency">(AFNØ)</span> 26789 </button> 26790 </li><li class="disclosure__item" tabindex="-1"> 26791 <button type="button" 26792 @click="country = 'AX'" 26793 class="text-sm text-left " 26794 > 26795 à land Islands <span class="localization-form__currency">(EURâ¬)</span> 26796 </button> 26797 </li><li class="disclosure__item" tabindex="-1"> 26798 <button type="button" 26799 @click="country = 'AL'" 26800 class="text-sm text-left " 26801 > 26802 Albania <span class="localization-form__currency">(ALLL)</span> 26803 </button> 26804 </li><li class="disclosure__item" tabindex="-1"> 26805 <button type="button" 26806 @click="country = 'DZ'" 26807 class="text-sm text-left " 26808 > 26809 Algeria <span class="localization-form__currency">(DZDد.ج)</span> 26810 </button> 26811 </li><li class="disclosure__item" tabindex="-1"> 26812 <button type="button" 26813 @click="country = 'AD'" 26814 class="text-sm text-left " 26815 > 26816 Andorra <span class="localization-form__currency">(EURâ¬)</span> 26817 </button> 26818 </li><li class="disclosure__item" tabindex="-1"> 26819 <button type="button" 26820 @click="country = 'AO'" 26821 class="text-sm text-left " 26822 > 26823 Angola <span class="localization-form__currency">(USD$)</span> 26824 </button> 26825 </li><li class="disclosure__item" tabindex="-1"> 26826 <button type="button" 26827 @click="country = 'AI'" 26828 class="text-sm text-left " 26829 > 26830 Anguilla <span class="localization-form__currency">(XCD$)</span> 26831 </button> 26832 </li><li class="disclosure__item" tabindex="-1"> 26833 <button type="button" 26834 @click="country = 'AG'" 26835 class="text-sm text-left " 26836 > 26837 Antigua & Barbuda <span class="localization-form__currency">(XCD$)</span> 26838 </button> 26839 </li><li class="disclosure__item" tabindex="-1"> 26840 <button type="button" 26841 @click="country = 'AR'" 26842 class="text-sm text-left " 26843 > 26844 Argentina <span class="localization-form__currency">(ARS$)</span> 26845 </button> 26846 </li><li class="disclosure__item" tabindex="-1"> 26847 <button type="button" 26848 @click="country = 'AM'" 26849 class="text-sm text-left " 26850 > 26851 Armenia <span class="localization-form__currency">(AMDÕ¤Ö.)</span> 26852 </button> 26853 </li><li class="disclosure__item" tabindex="-1"> 26854 <button type="button" 26855 @click="country = 'AW'" 26856 class="text-sm text-left " 26857 > 26858 Aruba <span class="localization-form__currency">(AWGÆ)</span> 26859 </button> 26860 </li><li class="disclosure__item" tabindex="-1"> 26861 <button type="button" 26862 @click="country = 'AC'" 26863 class="text-sm text-left " 26864 > 26865 Ascension Island <span class="localization-form__currency">(SHP£)</span> 26866 </button> 26867 </li><li class="disclosure__item" tabindex="-1"> 26868 <button type="button" 26869 @click="country = 'AU'" 26870 class="text-sm text-left " 26871 > 26872 Australia <span class="localization-form__currency">(AUD$)</span> 26873 </button> 26874 </li><li class="disclosure__item" tabindex="-1"> 26875 <button type="button" 26876 @click="country = 'AT'" 26877 class="text-sm text-left " 26878 > 26879 Austria <span class="localization-form__currency">(EURâ¬)</span> 26880 </button> 26881 </li><li class="disclosure__item" tabindex="-1"> 26882 <button type="button" 26883 @click="country = 'AZ'" 26884 class="text-sm text-left " 26885 > 26886 Azerbaijan <span class="localization-form__currency">(AZNâ¼)</span> 26887 </button> 26888 </li><li class="disclosure__item" tabindex="-1"> 26889 <button type="button" 26890 @click="country = 'BS'" 26891 class="text-sm text-left " 26892 > 26893 Bahamas <span class="localization-form__currency">(BSD$)</span> 26894 </button> 26895 </li><li class="disclosure__item" tabindex="-1"> 26896 <button type="button" 26897 @click="country = 'BH'" 26898 class="text-sm text-left " 26899 > 26900 Bahrain <span class="localization-form__currency">(USD$)</span> 26901 </button> 26902 </li><li class="disclosure__item" tabindex="-1"> 26903 <button type="button" 26904 @click="country = 'BD'" 26905 class="text-sm text-left " 26906 > 26907 Bangladesh <span class="localization-form__currency">(BDT৳)</span> 26908 </button> 26909 </li><li class="disclosure__item" tabindex="-1"> 26910 <button type="button" 26911 @click="country = 'BB'" 26912 class="text-sm text-left " 26913 > 26914 Barbados <span class="localization-form__currency">(BBD$)</span> 26915 </button> 26916 </li><li class="disclosure__item" tabindex="-1"> 26917 <button type="button" 26918 @click="country = 'BY'" 26919 class="text-sm text-left " 26920 > 26921 Belarus <span class="localization-form__currency">(USD$)</span> 26922 </button> 26923 </li><li class="disclosure__item" tabindex="-1"> 26924 <button type="button" 26925 @click="country = 'BE'" 26926 class="text-sm text-left " 26927 > 26928 Belgium <span class="localization-form__currency">(EURâ¬)</span> 26929 </button> 26930 </li><li class="disclosure__item" tabindex="-1"> 26931 <button type="button" 26932 @click="country = 'BZ'" 26933 class="text-sm text-left " 26934 > 26935 Belize <span class="localization-form__currency">(BZD$)</span> 26936 </button> 26937 </li><li class="disclosure__item" tabindex="-1"> 26938 <button type="button" 26939 @click="country = 'BJ'" 26940 class="text-sm text-left " 26941 > 26942 Benin <span class="localization-form__currency">(XOFFr)</span> 26943 </button> 26944 </li><li class="disclosure__item" tabindex="-1"> 26945 <button type="button" 26946 @click="country = 'BM'" 26947 class="text-sm text-left " 26948 > 26949 Bermuda <span class="localization-form__currency">(USD$)</span> 26950 </button> 26951 </li><li class="disclosure__item" tabindex="-1"> 26952 <button type="button" 26953 @click="country = 'BT'" 26954 class="text-sm text-left " 26955 > 26956 Bhutan <span class="localization-form__currency">(USD$)</span> 26957 </button> 26958 </li><li class="disclosure__item" tabindex="-1"> 26959 <button type="button" 26960 @click="country = 'BO'" 26961 class="text-sm text-left " 26962 > 26963 Bolivia <span class="localization-form__currency">(BOBBs.)</span> 26964 </button> 26965 </li><li class="disclosure__item" tabindex="-1"> 26966 <button type="button" 26967 @click="country = 'BA'" 26968 class="text-sm text-left " 26969 > 26970 Bosnia & Herzegovina <span class="localization-form__currency">(BAMÐÐ)</span> 26971 </button> 26972 </li><li class="disclosure__item" tabindex="-1"> 26973 <button type="button" 26974 @click="country = 'BW'" 26975 class="text-sm text-left " 26976 > 26977 Botswana <span class="localization-form__currency">(BWPP)</span> 26978 </button> 26979 </li><li class="disclosure__item" tabindex="-1"> 26980 <button type="button" 26981 @click="country = 'BR'" 26982 class="text-sm text-left " 26983 > 26984 Brazil <span class="localization-form__currency">(BRLR$)</span> 26985 </button> 26986 </li><li class="disclosure__item" tabindex="-1"> 26987 <button type="button" 26988 @click="country = 'IO'" 26989 class="text-sm text-left " 26990 > 26991 British Indian Ocean Territory <span class="localization-form__currency">(USD$)</span> 26992 </button> 26993 </li><li class="disclosure__item" tabindex="-1"> 26994 <button type="button" 26995 @click="country = 'VG'" 26996 class="text-sm text-left " 26997 > 26998 British Virgin Islands <span class="localization-form__currency">(USD$)</span> 26999 </button> 27000 </li><li class="disclosure__item" tabindex="-1"> 27001 <button type="button" 27002 @click="country = 'BN'" 27003 class="text-sm text-left " 27004 > 27005 Brunei <span class="localization-form__currency">(BND$)</span> 27006 </button> 27007 </li><li class="disclosure__item" tabindex="-1"> 27008 <button type="button" 27009 @click="country = 'BG'" 27010 class="text-sm text-left " 27011 > 27012 Bulgaria <span class="localization-form__currency">(EURâ¬)</span> 27013 </button> 27014 </li><li class="disclosure__item" tabindex="-1"> 27015 <button type="button" 27016 @click="country = 'BF'" 27017 class="text-sm text-left " 27018 > 27019 Burkina Faso <span class="localization-form__currency">(XOFFr)</span> 27020 </button> 27021 </li><li class="disclosure__item" tabindex="-1"> 27022 <button type="button" 27023 @click="country = 'BI'" 27024 class="text-sm text-left " 27025 > 27026 Burundi <span class="localization-form__currency">(BIFFr)</span> 27027 </button> 27028 </li><li class="disclosure__item" tabindex="-1"> 27029 <button type="button" 27030
27030 @click="country = 'KH'" 27031 class="text-sm text-left " 27032 > 27033 Cambodia <span class="localization-form__currency">(KHRá)</span> 27034 </button> 27035 </li><li class="disclosure__item" tabindex="-1"> 27036 <button type="button" 27037 @click="country = 'CM'" 27038 class="text-sm text-left " 27039 > 27040 Cameroon <span class="localization-form__currency">(XAFCFA)</span> 27041 </button> 27042 </li><li class="disclosure__item" tabindex="-1"> 27043 <button type="button" 27044 @click="country = 'CA'" 27045 class="text-sm text-left " 27046 > 27047 Canada <span class="localization-form__currency">(CAD$)</span> 27048 </button> 27049 </li><li class="disclosure__item" tabindex="-1"> 27050 <button type="button" 27051 @click="country = 'CV'" 27052 class="text-sm text-left " 27053 > 27054 Cape Verde <span class="localization-form__currency">(CVE$)</span> 27055 </button> 27056 </li><li class="disclosure__item" tabindex="-1"> 27057 <button type="button" 27058 @click="country = 'BQ'" 27059 class="text-sm text-left " 27060 > 27061 Caribbean Netherlands <span class="localization-form__currency">(USD$)</span> 27062 </button> 27063 </li><li class="disclosure__item" tabindex="-1"> 27064 <button type="button" 27065 @click="country = 'KY'" 27066 class="text-sm text-left " 27067 > 27068 Cayman Islands <span class="localization-form__currency">(KYD$)</span> 27069 </button> 27070 </li><li class="disclosure__item" tabindex="-1"> 27071 <button type="button" 27072 @click="country = 'CF'" 27073 class="text-sm text-left " 27074 > 27075 Central African Republic <span class="localization-form__currency">(XAFCFA)</span> 27076 </button> 27077 </li><li class="disclosure__item" tabindex="-1"> 27078 <button type="button" 27079 @click="country = 'TD'" 27080 class="text-sm text-left " 27081 > 27082 Chad <span class="localization-form__currency">(XAFCFA)</span> 27083 </button> 27084 </li><li class="disclosure__item" tabindex="-1"> 27085 <button type="button" 27086 @click="country = 'CL'" 27087 class="text-sm text-left " 27088 > 27089 Chile <span class="localization-form__currency">(USD$)</span> 27090 </button> 27091 </li><li class="disclosure__item" tabindex="-1"> 27092 <button type="button" 27093 @click="country = 'CN'" 27094 class="text-sm text-left " 27095 > 27096 China <span class="localization-form__currency">(CNYÂ¥)</span> 27097 </button> 27098 </li><li class="disclosure__item" tabindex="-1"> 27099 <button type="button" 27100 @click="country = 'CX'" 27101 class="text-sm text-left " 27102 > 27103 Christmas Island <span class="localization-form__currency">(AUD$)</span> 27104 </button> 27105 </li><li class="disclosure__item" tabindex="-1"> 27106 <button type="button" 27107 @click="country = 'CC'" 27108 class="text-sm text-left " 27109 > 27110 Cocos (Keeling) Islands <span class="localization-form__currency">(AUD$)</span> 27111 </button> 27112 </li><li class="disclosure__item" tabindex="-1"> 27113 <button type="button" 27114 @click="country = 'CO'" 27115 class="text-sm text-left " 27116 > 27117 Colombia <span class="localization-form__currency">(USD$)</span> 27118 </button> 27119 </li><li class="disclosure__item" tabindex="-1"> 27120 <button type="button" 27121 @click="country = 'KM'" 27122 class="text-sm text-left " 27123 > 27124 Comoros <span class="localization-form__currency">(KMFFr)</span> 27125 </button> 27126 </li><li class="disclosure__item" tabindex="-1"> 27127 <button type="button" 27128 @click="country = 'CG'" 27129 class="text-sm text-left " 27130 > 27131 Congo - Brazzaville <span class="localization-form__currency">(XAFCFA)</span> 27132 </button> 27133 </li><li class="disclosure__item" tabindex="-1"> 27134 <button type="button" 27135 @click="country = 'CD'" 27136 class="text-sm text-left " 27137 > 27138 Congo - Kinshasa <span class="localization-form__currency">(CDFFr)</span> 27139 </button> 27140 </li><li class="disclosure__item" tabindex="-1"> 27141 <button type="button" 27142 @click="country = 'CK'" 27143 class="text-sm text-left " 27144 > 27145 Cook Islands <span class="localization-form__currency">(NZD$)</span> 27146 </button> 27147 </li><li class="disclosure__item" tabindex="-1"> 27148 <button type="button" 27149 @click="country = 'CR'" 27150 class="text-sm text-left " 27151 > 27152 Costa Rica <span class="localization-form__currency">(CRCâ¡)</span> 27153 </button> 27154 </li><li class="disclosure__item" tabindex="-1"> 27155 <button type="button" 27156 @click="country = 'CI'" 27157 class="text-sm text-left " 27158 > 27159 Côte dâIvoire <span class="localization-form__currency">(XOFFr)</span> 27160 </button> 27161 </li><li class="disclosure__item" tabindex="-1"> 27162 <button type="button" 27163 @click="country = 'HR'" 27164 class="text-sm text-left " 27165 > 27166 Croatia <span class="localization-form__currency">(EURâ¬)</span> 27167 </button> 27168 </li><li class="disclosure__item" tabindex="-1"> 27169 <button type="button" 27170 @click="country = 'CW'" 27171 class="text-sm text-left " 27172 > 27173 Curaçao <span class="localization-form__currency">(ANGÆ)</span> 27174 </button> 27175 </li><li class="disclosure__item" tabindex="-1"> 27176 <button type="button" 27177 @click="country = 'CY'" 27178 class="text-sm text-left " 27179 > 27180 Cyprus <span class="localization-form__currency">(EURâ¬)</span> 27181 </button> 27182 </li><li class="disclosure__item" tabindex="-1"> 27183 <button type="button" 27184 @click="country = 'CZ'" 27185 class="text-sm text-left " 27186 > 27187 Czechia <span class="localization-form__currency">(CZKKÄ)</span> 27188 </button> 27189 </li><li class="disclosure__item" tabindex="-1"> 27190 <button type="button" 27191 @click="country = 'DK'" 27192 class="text-sm text-left " 27193 > 27194 Denmark <span class="localization-form__currency">(DKKkr.)</span> 27195 </button> 27196 </li><li class="disclosure__item" tabindex="-1"> 27197 <button type="button" 27198 @click="country = 'DJ'" 27199 class="text-sm text-left " 27200 > 27201 Djibouti <span class="localization-form__currency">(DJFFdj)</span> 27202 </button> 27203 </li><li class="disclosure__item" tabindex="-1"> 27204 <button type="button" 27205 @click="country = 'DM'" 27206 class="text-sm text-left " 27207 > 27208 Dominica <span class="localization-form__currency">(XCD$)</span> 27209 </button> 27210 </li><li class="disclosure__item" tabindex="-1"> 27211 <button type="button" 27212 @click="country = 'DO'" 27213 class="text-sm text-left " 27214 > 27215 Dominican Republic <span class="localization-form__currency">(DOP$)</span> 27216 </button> 27217 </li><li class="disclosure__item" tabindex="-1"> 27218 <button type="button" 27219 @click="country = 'EC'" 27220 class="text-sm text-left " 27221 > 27222 Ecuador <span class="localization-form__currency">(USD$)</span> 27223 </button> 27224 </li><li class="disclosure__item" tabindex="-1"> 27225 <button type="button" 27226 @click="country = 'EG'" 27227 class="text-sm text-left " 27228 > 27229 Egypt <span class="localization-form__currency">(EGPج.Ù )</span> 27230 </button> 27231 </li><li class="disclosure__item" tabindex="-1"> 27232 <button type="button" 27233 @click="country = 'SV'" 27234 class="text-sm text-left " 27235 > 27236 El Salvador <span class="localization-form__currency">(USD$)</span> 27237 </button> 27238 </li><li class="disclosure__item" tabindex="-1"> 27239 <button type="button" 27240 @click="country = 'GQ'" 27241 class="text-sm text-left " 27242 > 27243 Equatorial Guinea <span class="localization-form__currency">(XAFCFA)</span> 27244 </button> 27245 </li><li class="disclosure__item" tabindex="-1"> 27246 <button type="button" 27247 @click="country = 'ER'" 27248 class="text-sm text-left " 27249 > 27250 Eritrea <span class="localization-form__currency">(USD$)</span> 27251 </button> 27252 </li><li class="disclosure__item" tabindex="-1"> 27253 <button type="button" 27254 @click="country = 'EE'" 27255 class="text-sm text-left " 27256 > 27257 Estonia <span class="localization-form__currency">(EURâ¬)</span> 27258 </button> 27259 </li><li class="disclosure__item" tabindex="-1"> 27260 <button type="button" 27261 @click="country = 'SZ'" 27262 class="text-sm text-left " 27263 > 27264 Eswatini <span class="localization-form__currency">(USD$)</span> 27265 </button> 27266 </li><li class="disclosure__item" tabindex="-1"> 27267 <button type="button" 27268 @click="country = 'ET'" 27269 class="text-sm text-left " 27270 > 27271 Ethiopia <span class="localization-form__currency">(ETBBr)</span> 27272 </button> 27273 </li><li class="disclosure__item" tabindex="-1"> 27274 <button type="button" 27275 @click="country = 'FK'" 27276 class="text-sm text-left " 27277 > 27278 Falkland Islands <span class="localization-form__currency">(FKP£)</span> 27279 </button> 27280 </li><li class="disclosure__item" tabindex="-1"> 27281 <button type="button" 27282 @click="country = 'FO'" 27283 class="text-sm text-left " 27284 > 27285 Faroe Islands <span class="localization-form__currency">(DKKkr.)</span> 27286 </button> 27287 </li><li class="disclosure__item" tabindex="-1"> 27288 <button type="button" 27289 @click="country = 'FJ'" 27290 class="text-sm text-left " 27291 > 27292 Fiji <span class="localization-form__currency">(FJD$)</span> 27293 </button> 27294 </li><li class="disclosure__item" tabindex="-1"> 27295 <button type="button" 27296 @click="country = 'FI'" 27297 class="text-sm text-left " 27298 > 27299 Finland <span class="localization-form__currency">(EURâ¬)</span> 27300 </button> 27301 </li><li class="disclosure__item" tabindex="-1"> 27302 <button type="button" 27303 @click="country = 'FR'" 27304 class="text-sm text-left " 27305 > 27306 France <span class="localization-form__currency">(EURâ¬)</span> 27307 </button> 27308 </li><
27308li class="disclosure__item" tabindex="-1"> 27309 <button type="button" 27310 @click="country = 'GF'" 27311 class="text-sm text-left " 27312 > 27313 French Guiana <span class="localization-form__currency">(EURâ¬)</span> 27314 </button> 27315 </li><li class="disclosure__item" tabindex="-1"> 27316 <button type="button" 27317 @click="country = 'PF'" 27318 class="text-sm text-left " 27319 > 27320 French Polynesia <span class="localization-form__currency">(XPFFr)</span> 27321 </button> 27322 </li><li class="disclosure__item" tabindex="-1"> 27323 <button type="button" 27324 @click="country = 'TF'" 27325 class="text-sm text-left " 27326 > 27327 French Southern Territories <span class="localization-form__currency">(EURâ¬)</span> 27328 </button> 27329 </li><li class="disclosure__item" tabindex="-1"> 27330 <button type="button" 27331 @click="country = 'GA'" 27332 class="text-sm text-left " 27333 > 27334 Gabon <span class="localization-form__currency">(XOFFr)</span> 27335 </button> 27336 </li><li class="disclosure__item" tabindex="-1"> 27337 <button type="button" 27338 @click="country = 'GM'" 27339 class="text-sm text-left " 27340 > 27341 Gambia <span class="localization-form__currency">(GMDD)</span> 27342 </button> 27343 </li><li class="disclosure__item" tabindex="-1"> 27344 <button type="button" 27345 @click="country = 'GE'" 27346 class="text-sm text-left " 27347 > 27348 Georgia <span class="localization-form__currency">(USD$)</span> 27349 </button> 27350 </li><li class="disclosure__item" tabindex="-1"> 27351 <button type="button" 27352 @click="country = 'DE'" 27353 class="text-sm text-left " 27354 > 27355 Germany <span class="localization-form__currency">(EURâ¬)</span> 27356 </button> 27357 </li><li class="disclosure__item" tabindex="-1"> 27358 <button type="button" 27359 @click="country = 'GH'" 27360 class="text-sm text-left " 27361 > 27362 Ghana <span class="localization-form__currency">(USD$)</span> 27363 </button> 27364 </li><li class="disclosure__item" tabindex="-1"> 27365 <button type="button" 27366 @click="country = 'GI'" 27367 class="text-sm text-left " 27368 > 27369 Gibraltar <span class="localization-form__currency">(GBP£)</span> 27370 </button> 27371 </li><li class="disclosure__item" tabindex="-1"> 27372 <button type="button" 27373 @click="country = 'GR'" 27374 class="text-sm text-left " 27375 > 27376 Greece <span class="localization-form__currency">(EURâ¬)</span> 27377 </button> 27378 </li><li class="disclosure__item" tabindex="-1"> 27379 <button type="button" 27380 @click="country = 'GL'" 27381 class="text-sm text-left " 27382 > 27383 Greenland <span class="localization-form__currency">(DKKkr.)</span> 27384 </button> 27385 </li><li class="disclosure__item" tabindex="-1"> 27386 <button type="button" 27387 @click="country = 'GD'" 27388 class="text-sm text-left " 27389 > 27390 Grenada <span class="localization-form__currency">(XCD$)</span> 27391 </button> 27392 </li><li class="disclosure__item" tabindex="-1"> 27393 <button type="button" 27394 @click="country = 'GP'" 27395 class="text-sm text-left " 27396 > 27397 Guadeloupe <span class="localization-form__currency">(EURâ¬)</span> 27398 </button> 27399 </li><li class="disclosure__item" tabindex="-1"> 27400 <button type="button" 27401 @click="country = 'GT'" 27402 class="text-sm text-left " 27403 > 27404 Guatemala <span class="localization-form__currency">(GTQQ)</span> 27405 </button> 27406 </li><li class="disclosure__item" tabindex="-1"> 27407 <button type="button" 27408 @click="country = 'GG'" 27409 class="text-sm text-left " 27410 > 27411 Guernsey <span class="localization-form__currency">(GBP£)</span> 27412 </button> 27413 </li><li class="disclosure__item" tabindex="-1"> 27414 <button type="button" 27415 @click="country = 'GN'" 27416 class="text-sm text-left " 27417 > 27418 Guinea <span class="localization-form__currency">(GNFFr)</span> 27419 </button> 27420 </li><li class="disclosure__item" tabindex="-1"> 27421 <button type="button" 27422 @click="country = 'GW'" 27423 class="text-sm text-left " 27424 > 27425 Guinea-Bissau <span class="localization-form__currency">(XOFFr)</span> 27426 </button> 27427 </li><li class="disclosure__item" tabindex="-1"> 27428 <button type="button" 27429 @click="country = 'GY'" 27430 class="text-sm text-left " 27431 > 27432 Guyana <span class="localization-form__currency">(GYD$)</span> 27433 </button> 27434 </li><li class="disclosure__item" tabindex="-1"> 27435 <button type="button" 27436 @click="country = 'HT'" 27437 class="text-sm text-left " 27438 > 27439 Haiti <span class="localization-form__currency">(USD$)</span> 27440 </button> 27441 </li><li class="disclosure__item" tabindex="-1"> 27442 <button type="button" 27443 @click="country = 'HN'" 27444 class="text-sm text-left " 27445 > 27446 Honduras <span class="localization-form__currency">(HNLL)</span> 27447 </button> 27448 </li><li class="disclosure__item" tabindex="-1"> 27449 <button type="button" 27450 @click="country = 'HK'" 27451 class="text-sm text-left " 27452 > 27453 Hong Kong SAR <span class="localization-form__currency">(HKD$)</span> 27454 </button> 27455 </li><li class="disclosure__item" tabindex="-1"> 27456 <button type="button" 27457 @click="country = 'HU'" 27458 class="text-sm text-left " 27459 > 27460 Hungary <span class="localization-form__currency">(HUFFt)</span> 27461 </button> 27462 </li><li class="disclosure__item" tabindex="-1"> 27463 <button type="button" 27464 @click="country = 'IS'" 27465 class="text-sm text-left " 27466 > 27467 Iceland <span class="localization-form__currency">(ISKkr)</span> 27468 </button> 27469 </li><li class="disclosure__item" tabindex="-1"> 27470 <button type="button" 27471 @click="country = 'IN'" 27472 class="text-sm text-left " 27473 > 27474 India <span class="localization-form__currency">(INRâ¹)</span> 27475 </button> 27476 </li><li class="disclosure__item" tabindex="-1"> 27477 <button type="button" 27478 @click="country = 'ID'" 27479 class="text-sm text-left " 27480 > 27481 Indonesia <span class="localization-form__currency">(IDRRp)</span> 27482 </button> 27483 </li><li class="disclosure__item" tabindex="-1"> 27484 <button type="button" 27485 @click="country = 'IQ'" 27486 class="text-sm text-left " 27487 > 27488 Iraq <span class="localization-form__currency">(USD$)</span> 27489 </button> 27490 </li><li class="disclosure__item" tabindex="-1"> 27491 <button type="button" 27492 @click="country = 'IE'" 27493 class="text-sm text-left " 27494 > 27495 Ireland <span class="localization-form__currency">(EURâ¬)</span> 27496 </button> 27497 </li><li class="disclosure__item" tabindex="-1"> 27498 <button type="button" 27499 @click="country = 'IM'" 27500 class="text-sm text-left " 27501 > 27502 Isle of Man <span class="localization-form__currency">(GBP£)</span> 27503 </button> 27504 </li><li class="disclosure__item" tabindex="-1"> 27505 <button type="button" 27506 @click="country = 'IL'" 27507 class="text-sm text-left " 27508 > 27509 Israel <span class="localization-form__currency">(ILSâª)</span> 27510 </button> 27511 </li><li class="disclosure__item" tabindex="-1"> 27512 <button type="button" 27513 @click="country = 'IT'" 27514 class="text-sm text-left " 27515 > 27516 Italy <span class="localization-form__currency">(EURâ¬)</span> 27517 </button> 27518 </li><li class="disclosure__item" tabindex="-1"> 27519 <button type="button" 27520 @click="country = 'JM'" 27521 class="text-sm text-left " 27522 > 27523 Jamaica <span class="localization-form__currency">(JMD$)</span> 27524 </button> 27525 </li><li class="disclosure__item" tabindex="-1"> 27526 <button type="button" 27527 @click="country = 'JP'" 27528 class="text-sm text-left " 27529 > 27530 Japan <span class="localization-form__currency">(JPYÂ¥)</span> 27531 </button> 27532 </li><li class="disclosure__item" tabindex="-1"> 27533 <button type="button" 27534 @click="country = 'JE'" 27535 class="text-sm text-left " 27536 > 27537 Jersey <span class="localization-form__currency">(GBP£)</span> 27538 </button> 27539 </li><li class="disclosure__item" tabindex="-1"> 27540 <button type="button" 27541 @click="country = 'JO'" 27542 class="text-sm text-left " 27543 > 27544 Jordan <span class="localization-form__currency">(USD$)</span> 27545 </button> 27546 </li><li class="disclosure__item" tabindex="-1"> 27547 <button type="button" 27548 @click="country = 'KZ'" 27549 class="text-sm text-left " 27550 > 27551 Kazakhstan <span class="localization-form__currency">(KZTâ¸)</span> 27552 </button> 27553 </li><li class="disclosure__item" tabindex="-1"> 27554 <button type="button" 27555 @click="country = 'KE'" 27556 class="text-sm text-left " 27557 > 27558 Kenya <span class="localization-form__currency">(KESKSh)</span> 27559 </button> 27560 </li><li class="disclosure__item" tabindex="-1"> 27561 <button type="button" 27562 @click="country = 'KI'" 27563 class="text-sm text-left " 27564 > 27565 Kiribati <span class="localization-form__currency">(USD$)</span> 27566 </button> 27567 </li><li class="disclosure__item" tabindex="-1"> 27568 <button type="button" 27569 @click="country = 'XK'" 27570 class="text-sm text-left " 27571 > 27572 Kosovo <span class="localization-form__currency">(EURâ¬)</span> 27573 </button> 27574 </li><li class="disclosure__item" tabindex="-1"> 27575 <button type="button" 27576 @click="country = 'KW'" 27577 class="text-sm text-left " 27578 > 27579 Kuwait <span class="localization-form__currency">(AEDد.Ø¥)</span> 27580 </button> 27581 </li><li class="disclosure__item" tabindex="-1"> 27582 <button type="button" 27583 @click="country = 'KG'" 27584 class="text-sm text-left " 27585 > 27586 Kyrgyzstan <span class="localization-form__currency">(KGSsom)</span> 27587 </button> 27588
27588 </li><li class="disclosure__item" tabindex="-1"> 27589 <button type="button" 27590 @click="country = 'LA'" 27591 class="text-sm text-left " 27592 > 27593 Laos <span class="localization-form__currency">(LAKâ)</span> 27594 </button> 27595 </li><li class="disclosure__item" tabindex="-1"> 27596 <button type="button" 27597 @click="country = 'LV'" 27598 class="text-sm text-left " 27599 > 27600 Latvia <span class="localization-form__currency">(EURâ¬)</span> 27601 </button> 27602 </li><li class="disclosure__item" tabindex="-1"> 27603 <button type="button" 27604 @click="country = 'LB'" 27605 class="text-sm text-left " 27606 > 27607 Lebanon <span class="localization-form__currency">(LBPÙ.Ù)</span> 27608 </button> 27609 </li><li class="disclosure__item" tabindex="-1"> 27610 <button type="button" 27611 @click="country = 'LS'" 27612 class="text-sm text-left " 27613 > 27614 Lesotho <span class="localization-form__currency">(USD$)</span> 27615 </button> 27616 </li><li class="disclosure__item" tabindex="-1"> 27617 <button type="button" 27618 @click="country = 'LR'" 27619 class="text-sm text-left " 27620 > 27621 Liberia <span class="localization-form__currency">(USD$)</span> 27622 </button> 27623 </li><li class="disclosure__item" tabindex="-1"> 27624 <button type="button" 27625 @click="country = 'LY'" 27626 class="text-sm text-left " 27627 > 27628 Libya <span class="localization-form__currency">(USD$)</span> 27629 </button> 27630 </li><li class="disclosure__item" tabindex="-1"> 27631 <button type="button" 27632 @click="country = 'LI'" 27633 class="text-sm text-left " 27634 > 27635 Liechtenstein <span class="localization-form__currency">(CHFCHF)</span> 27636 </button> 27637 </li><li class="disclosure__item" tabindex="-1"> 27638 <button type="button" 27639 @click="country = 'LT'" 27640 class="text-sm text-left " 27641 > 27642 Lithuania <span class="localization-form__currency">(EURâ¬)</span> 27643 </button> 27644 </li><li class="disclosure__item" tabindex="-1"> 27645 <button type="button" 27646 @click="country = 'LU'" 27647 class="text-sm text-left " 27648 > 27649 Luxembourg <span class="localization-form__currency">(EURâ¬)</span> 27650 </button> 27651 </li><li class="disclosure__item" tabindex="-1"> 27652 <button type="button" 27653 @click="country = 'MO'" 27654 class="text-sm text-left " 27655 > 27656 Macao SAR <span class="localization-form__currency">(MOPP)</span> 27657 </button> 27658 </li><li class="disclosure__item" tabindex="-1"> 27659 <button type="button" 27660 @click="country = 'MG'" 27661 class="text-sm text-left " 27662 >
27663 Madagascar <span class="localization-form__currency">(USD$)</span> 27664 </button> 27665 </li><li class="disclosure__item" tabindex="-1"> 27666 <button type="button" 27667 @click="country = 'MW'" 27668 class="text-sm text-left " 27669 > 27670 Malawi <span class="localization-form__currency">(MWKMK)</span> 27671 </button> 27672 </li><li class="disclosure__item" tabindex="-1"> 27673 <button type="button" 27674 @click="country = 'MY'" 27675 class="text-sm text-left " 27676 > 27677 Malaysia <span class="localization-form__currency">(MYRRM)</span> 27678 </button> 27679 </li><li class="disclosure__item" tabindex="-1"> 27680 <button type="button" 27681 @click="country = 'MV'" 27682 class="text-sm text-left " 27683 > 27684 Maldives <span class="localization-form__currency">(MVRMVR)</span> 27685 </button> 27686 </li><li class="disclosure__item" tabindex="-1"> 27687 <button type="button" 27688 @click="country = 'ML'" 27689 class="text-sm text-left " 27690 > 27691 Mali <span class="localization-form__currency">(XOFFr)</span> 27692 </button> 27693 </li><li class="disclosure__item" tabindex="-1"> 27694 <button type="button" 27695 @click="country = 'MT'" 27696 class="text-sm text-left " 27697 > 27698 Malta <span class="localization-form__currency">(EURâ¬)</span> 27699 </button> 27700 </li><li class="disclosure__item" tabindex="-1"> 27701 <button type="button" 27702 @click="country = 'MQ'" 27703 class="text-sm text-left " 27704 > 27705 Martinique <span class="localization-form__currency">(EURâ¬)</span> 27706 </button> 27707 </li><li class="disclosure__item" tabindex="-1"> 27708 <button type="button" 27709 @click="country = 'MR'" 27710 class="text-sm text-left " 27711 > 27712 Mauritania <span class="localization-form__currency">(USD$)</span> 27713 </button> 27714 </li><li class="disclosure__item" tabindex="-1"> 27715 <button type="button" 27716 @click="country = 'MU'" 27717 class="text-sm text-left " 27718 > 27719 Mauritius <span class="localization-form__currency">(MURâ¨)</span> 27720 </button> 27721 </li><li class="disclosure__item" tabindex="-1"> 27722 <button type="button" 27723 @click="country = 'YT'" 27724 class="text-sm text-left " 27725 > 27726 Mayotte <span class="localization-form__currency">(EURâ¬)</span> 27727 </button> 27728 </li><li class="disclosure__item" tabindex="-1"> 27729 <button type="button" 27730 @click="country = 'MX'" 27731 class="text-sm text-left " 27732 > 27733 Mexico <span class="localization-form__currency">(MXN$)</span> 27734 </button> 27735 </li><li class="disclosure__item" tabindex="-1"> 27736 <button type="button" 27737 @click="country = 'MD'" 27738 class="text-sm text-left " 27739 > 27740 Moldova <span class="localization-form__currency">(MDLL)</span> 27741 </button> 27742 </li><li class="disclosure__item" tabindex="-1"> 27743 <button type="button" 27744 @click="country = 'MC'" 27745 class="text-sm text-left " 27746 > 27747 Monaco <span class="localization-form__currency">(EURâ¬)</span> 27748 </button> 27749 </li><li class="disclosure__item" tabindex="-1"> 27750 <button type="button" 27751 @click="country = 'MN'" 27752 class="text-sm text-left " 27753 > 27754 Mongolia <span class="localization-form__currency">(MNTâ®)</span> 27755 </button> 27756 </li><li class="disclosure__item" tabindex="-1"> 27757 <button type="button" 27758 @click="country = 'ME'" 27759 class="text-sm text-left " 27760 > 27761 Montenegro <span class="localization-form__currency">(EURâ¬)</span> 27762 </button> 27763 </li><li class="disclosure__item" tabindex="-1"> 27764 <button type="button" 27765 @click="country = 'MS'" 27766 class="text-sm text-left " 27767 > 27768 Montserrat <span class="localization-form__currency">(XCD$)</span> 27769 </button> 27770 </li><li class="disclosure__item" tabindex="-1"> 27771 <button type="button" 27772 @click="country = 'MA'" 27773 class="text-sm text-left " 27774 > 27775 Morocco <span class="localization-form__currency">(MADد.Ù .)</span> 27776 </button> 27777 </li><li class="disclosure__item" tabindex="-1"> 27778 <button type="button" 27779 @click="country = 'MZ'" 27780 class="text-sm text-left " 27781 > 27782 Mozambique <span class="localization-form__currency">(USD$)</span> 27783 </button> 27784 </li><li class="disclosure__item" tabindex="-1"> 27785 <button type="button" 27786 @click="country = 'MM'" 27787 class="text-sm text-left " 27788 > 27789 Myanmar (Burma) <span class="localization-form__currency">(MMKK)</span> 27790 </button> 27791 </li><li class="disclosure__item" tabindex="-1"> 27792 <button type="button" 27793 @click="country = 'NA'" 27794 class="text-sm text-left " 27795 > 27796 Namibia <span class="localization-form__currency">(USD$)</span> 27797 </button> 27798 </li><li class="disclosure__item" tabindex="-1"> 27799 <button type="button" 27800 @click="country = 'NR'" 27801 class="text-sm text-left " 27802 > 27803 Nauru <span class="localization-form__currency">(AUD$)</span> 27804 </button> 27805 </li><li class="disclosure__item" tabindex="-1"> 27806 <button type="button" 27807 @click="country = 'NP'" 27808 class="text-sm text-left " 27809 > 27810 Nepal <span class="localization-form__currency">(NPRRs.)</span> 27811 </button> 27812 </li><li class="disclosure__item" tabindex="-1"> 27813 <button type="button" 27814 @click="country = 'NL'" 27815 class="text-sm text-left " 27816 > 27817 Netherlands <span class="localization-form__currency">(EURâ¬)</span> 27818 </button> 27819 </li><li class="disclosure__item" tabindex="-1"> 27820 <button type="button" 27821 @click="country = 'NC'" 27822 class="text-sm text-left " 27823 > 27824 New Caledonia <span class="localization-form__currency">(XPFFr)</span> 27825 </button> 27826 </li><li class="disclosure__item" tabindex="-1"> 27827 <button type="button" 27828 @click="country = 'NZ'" 27829 class="text-sm text-left " 27830 > 27831 New Zealand <span class="localization-form__currency">(NZD$)</span> 27832 </button> 27833 </li><li class="disclosure__item" tabindex="-1"> 27834 <button type="button" 27835 @click="country = 'NI'" 27836 class="text-sm text-left " 27837 > 27838 Nicaragua <span class="localization-form__currency">(NIOC$)</span> 27839 </button> 27840 </li><li class="disclosure__item" tabindex="-1"> 27841 <button type="button" 27842 @click="country = 'NE'" 27843 class="text-sm text-left " 27844 > 27845 Niger <span class="localization-form__currency">(XOFFr)</span> 27846 </button> 27847 </li><li class="disclosure__item" tabindex="-1"> 27848 <button type="button" 27849 @click="country = 'NG'" 27850 class="text-sm text-left " 27851 > 27852 Nigeria <span class="localization-form__currency">(NGNâ¦)</span> 27853 </button> 27854 </li><li class="disclosure__item" tabindex="-1"> 27855 <button type="button" 27856 @click="country = 'NU'" 27857 class="text-sm text-left " 27858 > 27859 Niue <span class="localization-form__currency">(NZD$)</span> 27860 </button> 27861 </li><li class="disclosure__item" tabindex="-1"> 27862 <button type="button" 27863 @click="country = 'NF'" 27864 class="text-sm text-left " 27865 > 27866 Norfolk Island <span class="localization-form__currency">(AUD$)</span> 27867 </button> 27868 </li><li class="disclosure__item" tabindex="-1"> 27869 <button type="button" 27870 @click="country = 'MK'" 27871 class="text-sm text-left " 27872 > 27873 North Macedonia <span class="localization-form__currency">(MKDден)</span> 27874 </button> 27875 </li><li class="disclosure__item" tabindex="-1"> 27876 <button type="button" 27877 @click="country = 'NO'" 27878 class="text-sm text-left " 27879 > 27880 Norway <span class="localization-form__currency">(NOKkr)</span> 27881 </button> 27882 </li><li class="disclosure__item" tabindex="-1"> 27883 <button type="button" 27884 @click="country = 'OM'" 27885 class="text-sm text-left " 27886 > 27887 Oman <span class="localization-form__currency">(USD$)</span> 27888 </button> 27889 </li><li class="disclosure__item" tabindex="-1"> 27890 <button type="button" 27891 @click="country = 'PK'" 27892 class="text-sm text-left " 27893 > 27894 Pakistan <span class="localization-form__currency">(PKRâ¨)</span> 27895 </button> 27896 </li><li class="disclosure__item" tabindex="-1"> 27897 <button type="button" 27898 @click="country = 'PA'" 27899 class="text-sm text-left " 27900 > 27901 Panama <span class="localization-form__currency">(USD$)</span> 27902 </button> 27903 </li><li class="disclosure__item" tabindex="-1"> 27904 <button type="button" 27905 @click="country = 'PG'" 27906 class="text-sm text-left " 27907 > 27908 Papua New Guinea <span class="localization-form__currency">(PGKK)</span> 27909 </button> 27910 </li><li class="disclosure__item" tabindex="-1"> 27911 <button type="button" 27912 @click="country = 'PY'" 27913 class="text-sm text-left " 27914 > 27915 Paraguay <span class="localization-form__currency">(PYGâ²)</span> 27916 </button> 27917 </li><li class="disclosure__item" tabindex="-1"> 27918 <button type="button" 27919 @click="country = 'PE'" 27920 class="text-sm text-left " 27921 > 27922 Peru <span class="localization-form__currency">(PENS/)</span> 27923 </button> 27924 </li><li class="disclosure__item" tabindex="-1"> 27925 <button type="button" 27926 @click="country = 'PH'" 27927 class="text-sm text-left " 27928 > 27929 Philippines <span class="localization-form__currency">(PHPâ±)</span> 27930 </button> 27931 </li><li class="disclosure__item" tabindex="-1"> 27932 <button type="button" 27933 @click="country = 'PN'" 27934 class="text-sm text-left " 27935 > 27936 Pitcairn Islands <span class="localization-form__currency">(NZD$)</span> 27937 </button> 27938 </li><li class="disclosure__item" tabindex="-1"> 27939 <button type="button" 27940 @click="country = 'PL'" 27941 class="text-sm text
27941-left " 27942 > 27943 Poland <span class="localization-form__currency">(PLNzÅ)</span> 27944 </button> 27945 </li><li class="disclosure__item" tabindex="-1"> 27946 <button type="button" 27947 @click="country = 'PT'" 27948 class="text-sm text-left " 27949 > 27950 Portugal <span class="localization-form__currency">(EURâ¬)</span> 27951 </button> 27952 </li><li class="disclosure__item" tabindex="-1"> 27953 <button type="button" 27954 @click="country = 'QA'" 27955 class="text-sm text-left " 27956 > 27957 Qatar <span class="localization-form__currency">(QARر.Ù)</span> 27958 </button> 27959 </li><li class="disclosure__item" tabindex="-1"> 27960 <button type="button" 27961 @click="country = 'RE'" 27962 class="text-sm text-left " 27963 > 27964 Réunion <span class="localization-form__currency">(EURâ¬)</span> 27965 </button> 27966 </li><li class="disclosure__item" tabindex="-1"> 27967 <button type="button" 27968 @click="country = 'RO'" 27969 class="text-sm text-left " 27970 > 27971 Romania <span class="localization-form__currency">(RONLei)</span> 27972 </button> 27973 </li><li class="disclosure__item" tabindex="-1"> 27974 <button type="button" 27975 @click="country = 'RW'" 27976 class="text-sm text-left " 27977 > 27978 Rwanda <span class="localization-form__currency">(RWFFRw)</span> 27979 </button> 27980 </li><li class="disclosure__item" tabindex="-1"> 27981 <button type="button" 27982 @click="country = 'WS'" 27983 class="text-sm text-left " 27984 > 27985 Samoa <span class="localization-form__currency">(WSTT)</span> 27986 </button> 27987 </li><li class="disclosure__item" tabindex="-1"> 27988 <button type="button" 27989 @click="country = 'SM'" 27990 class="text-sm text-left " 27991 > 27992 San Marino <span class="localization-form__currency">(EURâ¬)</span> 27993 </button> 27994 </li><li class="disclosure__item" tabindex="-1"> 27995 <button type="button" 27996 @click="country = 'ST'" 27997 class="text-sm text-left " 27998 > 27999 São Tomé & PrÃncipe <span class="localization-form__currency">(STDDb)</span> 28000 </button> 28001 </li><li class="disclosure__item" tabindex="-1"> 28002 <button type="button" 28003 @click="country = 'SA'" 28004 class="text-sm text-left " 28005 > 28006 Saudi Arabia <span class="localization-form__currency">(SARر.س)</span> 28007 </button> 28008 </li><li class="disclosure__item" tabindex="-1"> 28009 <button type="button" 28010 @click="country = 'SN'" 28011 class="text-sm text-left " 28012 > 28013 Senegal <span class="localization-form__currency">(XOFFr)</span> 28014 </button> 28015 </li><li class="disclosure__item" tabindex="-1"> 28016 <button type="button" 28017 @click="country = 'RS'" 28018 class="text-sm text-left " 28019 >
28020 Serbia <span class="localization-form__currency">(RSDРСÐ)</span> 28021 </button> 28022 </li><li class="disclosure__item" tabindex="-1"> 28023 <button type="button" 28024 @click="country = 'SC'" 28025 class="text-sm text-left " 28026 > 28027 Seychelles <span class="localization-form__currency">(USD$)</span> 28028 </button> 28029 </li><li class="disclosure__item" tabindex="-1"> 28030 <button type="button" 28031 @click="country = 'SL'" 28032 class="text-sm text-left " 28033 > 28034 Sierra Leone <span class="localization-form__currency">(SLLLe)</span> 28035 </button> 28036 </li><li class="disclosure__item" tabindex="-1"> 28037 <button type="button" 28038 @click="country = 'SG'" 28039 class="text-sm text-left " 28040 > 28041 Singapore <span class="localization-form__currency">(SGD$)</span> 28042 </button> 28043 </li><li class="disclosure__item" tabindex="-1"> 28044 <button type="button" 28045 @click="country = 'SX'" 28046 class="text-sm text-left " 28047 > 28048 Sint Maarten <span class="localization-form__currency">(ANGÆ)</span> 28049 </button> 28050 </li><li class="disclosure__item" tabindex="-1"> 28051 <button type="button" 28052 @click="country = 'SK'" 28053 class="text-sm text-left " 28054 > 28055 Slovakia <span class="localization-form__currency">(EURâ¬)</span> 28056 </button> 28057 </li><li class="disclosure__item" tabindex="-1"> 28058 <button type="button" 28059 @click="country = 'SI'" 28060 class="text-sm text-left " 28061 > 28062 Slovenia <span class="localization-form__currency">(EURâ¬)</span> 28063 </button> 28064 </li><li class="disclosure__item" tabindex="-1"> 28065 <button type="button" 28066 @click="country = 'SB'" 28067 class="text-sm text-left " 28068 > 28069 Solomon Islands <span class="localization-form__currency">(SBD$)</span> 28070 </button> 28071 </li><li class="disclosure__item" tabindex="-1"> 28072 <button type="button" 28073 @click="country = 'SO'" 28074 class="text-sm text-left " 28075 > 28076 Somalia <span class="localization-form__currency">(USD$)</span> 28077 </button> 28078 </li><li class="disclosure__item" tabindex="-1"> 28079 <button type="button" 28080 @click="country = 'ZA'" 28081 class="text-sm text-left " 28082 > 28083 South Africa <span class="localization-form__currency">(USD$)</span> 28084 </button> 28085 </li><li class="disclosure__item" tabindex="-1"> 28086 <button type="button" 28087 @click="country = 'GS'" 28088 class="text-sm text-left " 28089 > 28090 South Georgia & South Sandwich Islands <span class="localization-form__currency">(GBP£)</span> 28091 </button> 28092 </li><li class="disclosure__item" tabindex="-1"> 28093 <button type="button" 28094 @click="country = 'KR'" 28095 class="text-sm text-left " 28096 > 28097 South Korea <span class="localization-form__currency">(KRWâ©)</span> 28098 </button> 28099 </li><li class="disclosure__item" tabindex="-1"> 28100 <button type="button" 28101 @click="country = 'SS'" 28102 class="text-sm text-left " 28103 > 28104 South Sudan <span class="localization-form__currency">(USD$)</span> 28105 </button> 28106 </li><li class="disclosure__item" tabindex="-1"> 28107 <button type="button" 28108 @click="country = 'ES'" 28109 class="text-sm text-left " 28110 > 28111 Spain <span class="localization-form__currency">(EURâ¬)</span> 28112 </button> 28113 </li><li class="disclosure__item" tabindex="-1"> 28114 <button type="button" 28115 @click="country = 'LK'" 28116 class="text-sm text-left " 28117 > 28118 Sri Lanka <span class="localization-form__currency">(LKRâ¨)</span> 28119 </button> 28120 </li><li class="disclosure__item" tabindex="-1"> 28121 <button type="button" 28122 @click="country = 'BL'" 28123 class="text-sm text-left " 28124 > 28125 St. Barthélemy <span class="localization-form__currency">(EURâ¬)</span> 28126 </button> 28127 </li><li class="disclosure__item" tabindex="-1"> 28128 <button type="button" 28129 @click="country = 'SH'" 28130 class="text-sm text-left " 28131 > 28132 St. Helena <span class="localization-form__currency">(SHP£)</span> 28133 </button> 28134 </li><li class="disclosure__item" tabindex="-1"> 28135 <button type="button" 28136 @click="country = 'KN'" 28137 class="text-sm text-left " 28138 > 28139 St. Kitts & Nevis <span class="localization-form__currency">(XCD$)</span> 28140 </button> 28141 </li><li class="disclosure__item" tabindex="-1"> 28142 <button type="button" 28143 @click="country = 'LC'" 28144 class="text-sm text-left " 28145 > 28146 St. Lucia <span class="localization-form__currency">(XCD$)</span> 28147 </button> 28148 </li><li class="disclosure__item" tabindex="-1"> 28149 <button type="button" 28150 @click="country = 'MF'" 28151 class="text-sm text-left " 28152 > 28153 St. Martin <span class="localization-form__currency">(EURâ¬)</span> 28154 </button> 28155 </li><li class="disclosure__item" tabindex="-1"> 28156 <button type="button" 28157 @click="country = 'PM'" 28158 class="text-sm text-left " 28159 > 28160 St. Pierre & Miquelon <span class="localization-form__currency">(EURâ¬)</span> 28161 </button> 28162 </li><li class="disclosure__item" tabindex="-1"> 28163 <button type="button" 28164 @click="country = 'VC'" 28165 class="text-sm text-left " 28166 > 28167 St. Vincent & Grenadines <span class="localization-form__currency">(XCD$)</span> 28168 </button> 28169 </li><li class="disclosure__item" tabindex="-1"> 28170 <button type="button" 28171 @click="country = 'SD'" 28172 class="text-sm text-left " 28173 > 28174 Sudan <span class="localization-form__currency">(USD$)</span> 28175 </button> 28176 </li><li class="disclosure__item" tabindex="-1"> 28177 <button type="button" 28178 @click="country = 'SR'" 28179 class="text-sm text-left " 28180 > 28181 Suriname <span class="localization-form__currency">(USD$)</span> 28182 </button> 28183 </li><li class="disclosure__item" tabindex="-1"> 28184 <button type="button" 28185 @click="country = 'SJ'" 28186 class="text-sm text-left " 28187 > 28188 Svalbard & Jan Mayen <span class="localization-form__currency">(NOKkr)</span> 28189 </button> 28190 </li><li class="disclosure__item" tabindex="-1"> 28191 <button type="button" 28192 @click="country = 'SE'" 28193 class="text-sm text-left " 28194 > 28195 Sweden <span class="localization-form__currency">(SEKkr)</span> 28196 </button> 28197 </li><li class="disclosure__item" tabindex="-1"> 28198 <button type="button" 28199 @click="country = 'CH'" 28200 class="text-sm text-left " 28201 > 28202 Switzerland <span class="localization-form__currency">(CHFCHF)</span> 28203 </button> 28204 </li><li class="disclosure__item" tabindex="-1"> 28205 <button type="button" 28206 @click="country = 'TW'" 28207 class="text-sm text-left " 28208 > 28209 Taiwan <span class="localization-form__currency">(TWD$)</span> 28210 </button> 28211 </li><li class="disclosure__item" tabindex="-1"> 28212 <button type="button" 28213 @click="country = 'TJ'" 28214 class="text-sm text-left " 28215 > 28216 Tajikistan <span class="localization-form__currency">(TJSÐ Ð)</span> 28217 </button> 28218 </li><li class="disclosure__item" tabindex="-1"> 28219 <button type="button" 28220 @click="country = 'TZ'" 28221 class="text-sm text-left " 28222 > 28223 Tanzania <span class="localization-form__currency">(TZSSh)</span> 28224 </button> 28225 </li><li class="disclosure__item" tabindex="-1"> 28226 <button type="button" 28227 @click="country = 'TH'" 28228 class="text-sm text-left " 28229 > 28230 Thailand <span class="localization-form__currency">(THB฿)</span> 28231 </button> 28232 </li><li class="disclosure__item" tabindex="-1"> 28233 <button type="button" 28234 @click="country = 'TL'" 28235 class="text-sm text-left " 28236 > 28237 Timor-Leste <span class="localization-form__currency">(USD$)</span> 28238 </button> 28239 </li><li class="disclosure__item" tabindex="-1"> 28240 <button type="button" 28241 @click="country = 'TG'" 28242 class="text-sm text-left " 28243 > 28244 Togo <span class="localization-form__currency">(XOFFr)</span> 28245 </button> 28246 </li><li class="disclosure__item" tabindex="-1"> 28247 <button type="button" 28248 @click="country = 'TK'" 28249 class="text-sm text-left " 28250 > 28251 Tokelau <span class="localization-form__currency">(NZD$)</span> 28252 </button> 28253 </li><li class="disclosure__item" tabindex="-1"> 28254 <button type="button" 28255 @click="country = 'TO'" 28256 class="text-sm text-left " 28257 > 28258 Tonga <span class="localization-form__currency">(TOPT$)</span> 28259 </button> 28260 </li><li class="disclosure__item" tabindex="-1"> 28261 <button type="button" 28262 @click="country = 'TT'" 28263 class="text-sm text-left " 28264 > 28265 Trinidad & Tobago <span class="localization-form__currency">(TTD$)</span> 28266 </button> 28267 </li><li class="disclosure__item" tabindex="-1"> 28268 <button type="button" 28269 @click="country = 'TA'" 28270 class="text-sm text-left " 28271 > 28272 Tristan da Cunha <span class="localization-form__currency">(GBP£)</span> 28273 </button> 28274 </li><li class="disclosure__item" tabindex="-1"> 28275 <button type="button" 28276 @click="country = 'TN'" 28277 class="text-sm text-left " 28278 > 28279 Tunisia <span class="localization-form__currency">(USD$)</span> 28280 </button> 28281 </li><li class="disclosure__item" tabindex="-1"> 28282 <button type="button" 28283 @click="country = 'TR'" 28284 class="text-sm text-left " 28285 > 28286 Türkiye <span class="localization-form__currency">(USD$)</span> 28287 </button> 28288 </li><li class="disclosure__item" tabindex="-1"> 28289 <button type="button" 28290 @click="country = 'TM'" 28291 class="text-sm text-left " 28292 > 28293 Turkmenistan <span class="localization-form__currency">(USD$)</span> 28294 </button> 28295 </li><li class="disclosure__item" tabindex="-1"> 28296 <button
28296 type="button" 28297 @click="country = 'TC'" 28298 class="text-sm text-left " 28299 > 28300 Turks & Caicos Islands <span class="localization-form__currency">(USD$)</span> 28301 </button> 28302 </li><li class="disclosure__item" tabindex="-1"> 28303 <button type="button" 28304 @click="country = 'TV'" 28305 class="text-sm text-left " 28306 > 28307 Tuvalu <span class="localization-form__currency">(AUD$)</span> 28308 </button> 28309 </li><li class="disclosure__item" tabindex="-1"> 28310 <button type="button" 28311 @click="country = 'UM'" 28312 class="text-sm text-left " 28313 > 28314 U.S. Outlying Islands <span class="localization-form__currency">(USD$)</span> 28315 </button> 28316 </li><li class="disclosure__item" tabindex="-1"> 28317 <button type="button" 28318 @click="country = 'UG'" 28319 class="text-sm text-left " 28320 > 28321 Uganda <span class="localization-form__currency">(UGXUSh)</span> 28322 </button> 28323 </li><li class="disclosure__item" tabindex="-1"> 28324 <button type="button" 28325 @click="country = 'UA'" 28326 class="text-sm text-left " 28327 > 28328 Ukraine <span class="localization-form__currency">(UAHâ´)</span> 28329 </button> 28330 </li><li class="disclosure__item" tabindex="-1"> 28331 <button type="button" 28332 @click="country = 'AE'" 28333 class="text-sm text-left " 28334 > 28335 United Arab Emirates <span class="localization-form__currency">(AEDد.Ø¥)</span> 28336 </button> 28337 </li><li class="disclosure__item" tabindex="-1"> 28338 <button type="button" 28339 @click="country = 'GB'" 28340 class="text-sm text-left " 28341 > 28342 United Kingdom <span class="localization-form__currency">(GBP£)</span> 28343 </button> 28344 </li><li class="disclosure__item" tabindex="-1"> 28345 <button type="button" 28346 @click="country = 'US'" 28347 class="text-sm text-left disclosure__link--active font-bold " 28348 aria-current="true"> 28349 United States <span class="localization-form__currency">(USD$)</span> 28350 </button> 28351 </li><li class="disclosure__item" tabindex="-1"> 28352 <button type="button" 28353 @click="country = 'UY'" 28354 class="text-sm text-left " 28355 > 28356 Uruguay <span class="localization-form__currency">(UYU$U)</span> 28357 </button> 28358 </li><li class="disclosure__item" tabindex="-1"> 28359 <button type="button" 28360 @click="country = 'UZ'" 28361 class="text-sm text-left " 28362 > 28363 Uzbekistan <span class="localization-form__currency">(UZSso'm)</span> 28364 </button> 28365 </li><li class="disclosure__item" tabindex="-1"> 28366 <button type="button" 28367 @click="country = 'VU'" 28368 class="text-sm text-left " 28369 > 28370 Vanuatu <span class="localization-form__currency">(VUVVt)</span> 28371 </button> 28372 </li><li class="disclosure__item" tabindex="-1"> 28373 <button type="button" 28374 @click="country = 'VA'" 28375 class="text-sm text-left " 28376 > 28377 Vatican City <span class="localization-form__currency">(EURâ¬)</span> 28378 </button> 28379 </li><li class="disclosure__item" tabindex="-1"> 28380 <button type="button" 28381 @click="country = 'VE'" 28382 class="text-sm text-left " 28383 > 28384 Venezuela <span class="localization-form__currency">(USD$)</span> 28385 </button> 28386 </li><li class="disclosure__item" tabindex="-1"> 28387 <button type="button" 28388 @click="country = 'VN'" 28389 class="text-sm text-left " 28390 > 28391 Vietnam <span class="localization-form__currency">(VNDâ«)</span> 28392 </button> 28393 </li><li class="disclosure__item" tabindex="-1"> 28394 <button type="button" 28395 @click="country = 'WF'" 28396 class="text-sm text-left " 28397 > 28398 Wallis & Futuna <span class="localization-form__currency">(XPFFr)</span> 28399 </button> 28400 </li><li class="disclosure__item" tabindex="-1"> 28401 <button type="button" 28402 @click="country = 'EH'" 28403 class="text-sm text-left " 28404 > 28405 Western Sahara <span class="localization-form__currency">(MADد.Ù .)</span> 28406 </button> 28407 </li><li class="disclosure__item" tabindex="-1"> 28408 <button type="button" 28409 @click="country = 'YE'" 28410 class="text-sm text-left " 28411 > 28412 Yemen <span class="localization-form__currency">(YERï·¼)</span> 28413 </button> 28414 </li><li class="disclosure__item" tabindex="-1"> 28415 <button type="button" 28416 @click="country = 'ZM'" 28417 class="text-sm text-left " 28418 > 28419 Zambia <span class="localization-form__currency">(USD$)</span> 28420 </button> 28421 </li><li class="disclosure__item" tabindex="-1"> 28422 <button type="button" 28423 @click="country = 'ZW'" 28424 class="text-sm text-left " 28425 > 28426 Zimbabwe <span class="localization-form__currency">(USD$)</span> 28427 </button> 28428 </li></ul> 28429 </div> 28430 28431 <input type="hidden" name="country_code" x-model="country" value="US"> 28432 </div> 28433 </div></form> 28434 28435 28436 </div> 28437 </div> 28438 28439 28440 </div> 28441 28442 </div> 28443 28444 </div> 28445 28446</footer>
28446<script> 28447 window.Shopify.currency.symbol = `$`; 28448</script>
28448 28449 28450<!-- temp --> 28451<style> 28452 .locale-selectors__container .locale-selectors__content{ 28453 text-align: left; 28454 justify-content: start; 28455 } 28456</style> 28457 28458 28459<style> #shopify-section-footer footer.footer.bg-\[\#f0f0f0\].mt-8 {margin-top: 0; border-top: 1px solid; padding-top: 1rem;} #shopify-section-footer .footer .footer-kl-form form {margin-right: auto; float: none !important;} </style></div>
28460<script type="application/ld+json"> 28461 { 28462 "@context": "https://schema.org", 28463 "@type": "Organization", 28464 "name": "KITSCH", 28465 28466 "sameAs": [ 28467 "https:\/\/x.com\/kitsch", 28468 "https:\/\/facebook.com\/mykitsch", 28469 "https:\/\/pinterest.com\/mykitsch", 28470 "http:\/\/instagram.com\/mykitsch", 28471 "https:\/\/www.tiktok.com\/@kitsch", 28472 "", 28473 "", 28474 "", 28475 "" 28476 ], 28477 "url": "https:\/\/www.mykitsch.com" 28478 } 28479 </script>
28479 28480 28481 <ul hidden> 28482 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 28483 <li id="a11y-new-window-message">Opens in a new window.</li> 28484 </ul> 28485 28486 28487<style> 28488 .price-canvas { 28489 display: inline-flex; 28490 align-items: center; 28491 line-height: 1; 28492 /* Reserves the row before the first paint so nothing shifts. */ 28493 min-height: 1em; 28494 } 28495 28496 .price-canvas__surface { 28497 display: block; 28498 vertical-align: middle; 28499 } 28500</style> 28501
28502<script> 28503 (() => { 28504 // Reverses the transform applied in price-canvas.liquid. 28505 const KEY_MULTIPLIER = 7; 28506 const KEY_OFFSET = 4177; 28507 28508 const SALE_COLOR = '#b91c1c'; // text-red-700 28509 const WAS_COLOR = '#374151'; // text-gray-700 28510 const GAP = 8; 28511 28512 // 'CODE:PCT' pairs â the same table snippets/price.liquid uses. 28513 const DISCOUNT_TABLE = 28514 ["SUMMER30:30","SUMMERBF30:30","BFCM30:30","TT482917:30","WB760345:30","MM195628:30","SECRETSALE:25","FB20:20","MADISON20:20","SHAWN26:26","SPRING20:20","Kitsch26:26","SPRING20:20","Abi25:25","Cat25:25","Ashley26:26","Summer20:20","LABORDAY30:30"] 28515 ; 28516 28517 const decode = (encoded) => { 28518 if (!encoded) return null; 28519 try { 28520 const raw = Number(atob(encoded)); 28521 if (!Number.isFinite(raw)) return null; 28522 return (raw - KEY_OFFSET) / KEY_MULTIPLIER; 28523 } catch (error) { 28524 return null; 28525 } 28526 }; 28527 28528 // variantId -> { now, base, was } 28529 const decodeVariants = (encoded) => { 28530 const map = {}; 28531 if (!encoded) return map; 28532 let raw; 28533 try { 28534 raw = atob(encoded); 28535 } catch (error) { 28536 return map; 28537 } 28538 raw.split('|').forEach((entry) => { 28539 const [id, now, base, was] = entry.split(':'); 28540 if (!id) return; 28541 map[id] = { 28542 now: (Number(now) - KEY_OFFSET) / KEY_MULTIPLIER, 28543 base: (Number(base) - KEY_OFFSET) / KEY_MULTIPLIER, 28544 was: (Number(was) - KEY_OFFSET) / KEY_MULTIPLIER, 28545 }; 28546 }); 28547 return map; 28548 }; 28549 28550 const formatMoney = (cents) => { 28551 if (window.Unick && typeof window.Unick.formatMoney === 'function') { 28552 return window.Unick.formatMoney(cents); 28553 } 28554 // app.js is deferred; this only ever shows if it failed to load. 28555 const symbol = window.Shopify?.currency?.symbol || '$'; 28556 return symbol + (cents / 100).toFixed(2); 28557 }; 28558 28559 /* ---------------------------------------------------------------- words */ 28560 28561 const ONES = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 28562 'eight', 'nine', 'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 28563 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen']; 28564 const TENS = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 28565 'seventy', 'eighty', 'ninety']; 28566 28567 const numberToWords = (value) => { 28568 const number = Math.floor(Math.abs(value)); 28569 if (number < 20) return ONES[number]; 28570 if (number < 100) { 28571 const remainder = number % 10; 28572 return TENS[Math.floor(number / 10)] + (remainder ? ' ' + ONES[remainder] : ''); 28573 } 28574 if (number < 1000) { 28575 const remainder = number % 100; 28576 return ONES[Math.floor(number / 100)] + ' hundred' + (remainder ? ' ' + numberToWords(remainder) : ''); 28577 } 28578 if (number < 1000000) { 28579 const remainder = number % 1000; 28580 return numberToWords(Math.floor(number / 1000)) + ' thousand' + (remainder ? ' ' + numberToWords(remainder) : ''); 28581 } 28582 return numberToWords(Math.floor(number / 1000000)) + ' million'; 28583 }; 28584 28585 // "US dollars" / "euros" â taken from Intl so it follows the active market. 28586 const currencyName = () => { 28587 const currency = window.Shopify?.currency?.active || 'USD'; 28588 try { 28589 const parts = new Intl.NumberFormat('en-US', { 28590 style: 'currency', 28591 currency, 28592 currencyDisplay: 'name', 28593 }).formatToParts(2); 28594 return parts.find((part) => part.type === 'currency')?.value || currency; 28595 } catch (error) { 28596 return currency; 28597 } 28598 }; 28599 28600 const spellOut = (cents) => { 28601 const rounded = Math.round(cents); 28602 const major = Math.floor(rounded / 100); 28603 const minor = rounded % 100; 28604 const words = numberToWords(major) + ' ' + currencyName(); 28605 return minor ? words + ' ' + numberToWords(minor) + ' cents' : words; 28606 }; 28607 28608 /* ------------------------------------------------------------- discounts */ 28609 28610 const codePercentage = () => { 28611 if (!DISCOUNT_TABLE.length) return 0; 28612 const cookie = window.Unick?.getCookie?.('discount_code'); 28613 if (!cookie) return 0; 28614 const match = DISCOUNT_TABLE.find((entry) => 28615 entry.toString().toLowerCase().includes(cookie.toLowerCase()) 28616 ); 28617 return Number(match?.split(':')[1]) || 0; 28618 }; 28619 28620 // Resolution order: an explicit event override, then the larger of the cart 28621 // discount code and the product's tag discount â the same rule as 28622 // checkDiscountCode() in snippets/price.liquid. 28623 const amountsFor = (element) => { 28624 if (element.__pcOverride) return element.__pcOverride; 28625 28626 const source = element.__pcVariant || { 28627 now: decode(element.dataset.pc), 28628 base: decode(element.dataset.pcBase), 28629 was: decode(element.dataset.pcWas), 28630 }; 28631 if (source.now === null || source.now === undefined) return null; 28632 28633 const base = source.base ?? source.now; 28634 const tagPct = decode(element.dataset.pcPct) || 0; 28635 const codePct = codePercentage(); 28636 28637 if (codePct > 0 && codePct >= tagPct) { 28638 return { now: Math.round(base - (base * codePct) / 100), was: source.was || base }; 28639 } 28640 return { now: source.now, was: source.was }; 28641 }; 28642 28643 /* ---------------------------------------------------------------- paint */ 28644 28645 const paint = (element) => { 28646 const canvas = element.querySelector('.price-canvas__surface'); 28647 if (!canvas) return; 28648 28649 const amounts = amountsFor(element); 28650 if (!amounts) return; 28651 28652 const style = getComputedStyle(element); 28653 const size = parseFloat(style.fontSize) || 16; 28654 const font = (style.fontStyle || 'normal') + ' ' + (style.fontWeight || '400') + 28655 ' ' + size + 'px ' + (style.fontFamily || 'sans-serif'); 28656 28657 const onSale = element.hasAttribute('data-pc-sale') || (amounts.was > amounts.now); 28658 const saleColor = style.getPropertyValue('--pc-sale-color').trim() || SALE_COLOR; 28659 const wasColor = style.getPropertyValue('--pc-was-color').trim() || WAS_COLOR; 28660 28661 const segments = [{ text: formatMoney(amounts.now), color: onSale ? saleColor : style.color }]; 28662 if (amounts.was > amounts.now) { 28663 segments.push({ text: formatMoney(amounts.was), color: w
28663asColor, strike: true }); 28664 } 28665 if (element.dataset.pcSuffix) { 28666 segments.push({ text: element.dataset.pcSuffix, color: style.color }); 28667 } 28668 28669 const context = canvas.getContext('2d'); 28670 if (!context) return; 28671 context.font = font; 28672 28673 let width = 0; 28674 segments.forEach((segment, index) => { 28675 segment.width = context.measureText(segment.text).width; 28676 width += segment.width + (index ? GAP : 0); 28677 }); 28678 28679 const metrics = context.measureText(segments[0].text); 28680 const ascent = metrics.actualBoundingBoxAscent || size * 0.8; 28681 const descent = metrics.actualBoundingBoxDescent || size * 0.25; 28682 const height = Math.ceil(ascent + descent); 28683 28684 const ratio = window.devicePixelRatio || 1; 28685 canvas.width = Math.ceil(width * ratio); 28686 canvas.height = Math.ceil(height * ratio); 28687 canvas.style.width = Math.ceil(width) + 'px'; 28688 canvas.style.height = height + 'px'; 28689 28690 context.setTransform(ratio, 0, 0, ratio, 0, 0); 28691 context.clearRect(0, 0, width, height); 28692 context.font = font; 28693 context.textBaseline = 'alphabetic'; 28694 28695 let x = 0; 28696 segments.forEach((segment) => { 28697 context.fillStyle = segment.color; 28698 context.fillText(segment.text, x, ascent); 28699 if (segment.strike) { 28700 context.fillRect(x, ascent - size * 0.28, segment.width, Math.max(1, size / 14)); 28701 } 28702 x += segment.width + GAP; 28703 }); 28704 28705 const label = amounts.was > amounts.now 28706 ? 'Sale price ' + spellOut(amounts.now) + ', original price ' + spellOut(amounts.was) 28707 : spellOut(amounts.now); 28708 element.setAttribute('aria-label', label); 28709 element.removeAttribute('aria-busy'); 28710 }; 28711 28712 const all = () => document.querySelectorAll('.price-canvas'); 28713 const refresh = () => all().forEach(paint); 28714 28715 /* --------------------------------------------------------------- events */ 28716 28717 // Product-level price changes broadcast by price.liquid, _js-price-discount 28718 // and the subscription widgets. A subscription row and a one-time row for the 28719 // same product each follow only their own event, so neither overwrites the other. 28720 const SCOPED_EVENTS = { 28721 'price-update': 'onetime', 28722 'discounted-price': 'onetime', 28723 'set-onetime-price': 'onetime', 28724 'set-subscription-price': 'subscription', 28725 }; 28726 28727 Object.entries(SCOPED_EVENTS).forEach(([name, eventScope]) => { 28728 window.addEventListener(name, (event) => { 28729 const detail = event.detail || {}; 28730 if (detail.id === undefined || detail.new_price === undefined) return; 28731 all().forEach((element) => { 28732 if (element.dataset.pcProduct !== String(detail.id)) return; 28733 if ((element.dataset.pcScope || 'onetime') !== eventScope) return; 28734 element.__pcOverride = { 28735 now: Math.round(detail.new_price), 28736 was: Math.round(detail.new_original_price || 0), 28737 }; 28738 paint(element); 28739 }); 28740 }); 28741 }); 28742 28743 window.addEventListener('variant-updated', (event) => { 28744 const variant = event.detail?.variant; 28745 if (!variant) return; 28746 all().forEach((element) => { 28747 if (!element.dataset.pcVariants) return; 28748 const entry = decodeVariants(element.dataset.pcVariants)[String(variant.id)]; 28749 if (!entry) return; 28750 element.__pcVariant = entry; 28751 element.__pcOverride = null; 28752 paint(element); 28753 }); 28754 }); 28755 28756 ['discount-applied', 'discount-removed'].forEach((name) => { 28757 window.addEventListener(name, () => { 28758 all().forEach((element) => { element.__pcOverride = null; }); 28759 refresh(); 28760 }); 28761 }); 28762 28763 let resizeTimer; 28764 window.addEventListener('resize', () => { 28765 clearTimeout(resizeTimer); 28766 resizeTimer = setTimeout(refresh, 150); 28767 }); 28768 28769 // Price canvases injected later (quick view, drawers, "load more"). 28770 let mutationTimer; 28771 const observer = new MutationObserver((mutations) => { 28772 const added = mutations.some((mutation) => 28773 Array.from(mutation.addedNodes).some((node) => 28774 node.nodeType === 1 && 28775 (node.matches?.('.price-canvas') || node.querySelector?.('.price-canvas')) 28776 ) 28777 ); 28778 if (!added) return; 28779 clearTimeout(mutationTimer); 28780 mutationTimer = setTimeout(refresh, 50); 28781 }); 28782 28783 const start = () => { 28784 refresh(); 28785 observer.observe(document.body, { childList: true, subtree: true }); 28786 // Web fonts change text metrics; repaint once they settle. 28787 if (document.fonts?.ready) document.fonts.ready.then(refresh); 28788 // app.js is deferred, so Unick.formatMoney may land after the first paint. 28789 document.addEventListener('alpine:initialized', refresh); 28790 window.addEventListener('load', refresh); 28791 }; 28792 28793 window.PriceCanvas = { decode, paint, refresh }; 28794 28795 if (document.readyState === 'loading') { 28796 document.addEventListener('DOMContentLoaded', start); 28797 } else { 28798 start(); 28799 } 28800 })(); 28801</script>
28801 28802 28803 <!-- BEGIN AFTERPAY_PRESENT -->
28804<script src="//www.mykitsch.com/cdn/shop/t/951/assets/afterpay.js?v=49186203272133754911784150192" defer="defer"></script>
28804 28805 28806 28807 28808
28809<script> 28810 let amount = 0, priceSelector = "", locale = 'en_US'; 28811 let afterpayLogoColor = "color"; // ['black', 'white', or 'color'] 28812 let showUpperLimit = false; 28813 let currentObserver = { activated: true, isDecimalPrice: true }; 28814 let minMaxThreshold = { min: 1000, max: 100000 }; 28815 28816</script>
28816 28817 28818
28818<script> 28819 window.theme = window.theme || {}; 28820 window.theme.strings = window.theme.strings || {}; 28821 window.theme.strings.ada = { 28822 ratingWithCount: "Rated [rating] out of 5 stars, [count] [label]. Click to scroll to reviews.", 28823 reviewsFallback: "Reviews", 28824 priceSaleAndOriginal: "Sale price [sale_price], Original price [original_price]", 28825 priceOnly: "Price [price]" 28826 }; 28827</script>
28827 28828
28829<script> 28830 /** 28831 * ============================================================ 28832 * Accessibility Fixes for Star Ratings and Prices 28833 * Targets: 28834 * 1. Okendo PDP star rating widget (oke-is-clickable button) 28835 * 2. Alpine.js product card star ratings (.card-wrapper) 28836 * 3. Constructor.io PLP price display (.cio-item-prices-container) 28837 * 4. Constructor.io PLP star ratings (.plp-rating) 28838 * ============================================================ 28839 */ 28840 28841 28842/** 28843 * Fix 1: Okendo PDP Star Rating 28844 * --------------------------------------------------------------- 28845 * Target: [data-oke-star-rating] widgets on Product Detail Pages 28846 * Problem: The inner div has role="button" but no aria-label, so 28847 * screen readers announce it without rating or review count. 28848 * The wrapping <a> tag also has a generic aria-label="Product review" 28849 * which overrides all child content. 28850 * Fix: Build a complete aria-label from the rating value and review 28851 * count, apply it to both the button and the wrapping <a> tag, 28852 * then hide all child elements from the accessibility tree to 28853 * prevent double announcements. 28854 */ 28855function fixOkendoPdpA11y(widget) { 28856 const button = widget.querySelector('.oke-is-clickable[role="button"]'); 28857 if (!button) return; 28858 if (button.hasAttribute('data-a11y-fixed')) return; 28859 28860 const ratingEl = button.querySelector('.oke-sr-rating'); 28861 const rating = ratingEl ? ratingEl.textContent.trim() : ''; 28862 28863 const countNumber = button.querySelector('.oke-sr-count-number'); 28864 const countLabel = button.querySelector('.oke-sr-label-text'); 28865 const count = countNumber ? countNumber.textContent.trim() : ''; 28866 const label = countLabel ? countLabel.textContent.trim() : window.theme.strings.ada.reviewsFallback; 28867 28868 const fullLabel = window.theme.strings.ada.ratingWithCount 28869 .replace('[rating]', rating) 28870 .replace('[count]', count) 28871 .replace('[label]', label); 28872 28873 if (rating && count) { 28874 // Demote the inner "button" to a generic container. 28875 // <a> wrapping role="button" is invalid ARIA and causes 28876 // screen readers to see two nested interactive elements. 28877 button.removeAttribute('role'); 28878 button.removeAttribute('tabindex'); 28879 28880 // Hide child text elements to prevent duplicate announcements. 28881 // Do NOT set aria-hidden on the button itself â that hides the 28882 // entire subtree and makes the parent <a> appear empty. 28883 button.querySelectorAll('.oke-sr-rating, .oke-sr-stars, .oke-sr-count, .oke-a11yText').forEach(function(el) { 28884 el.setAttribute('aria-hidden', 'true'); 28885 }); 28886 28887 // Set aria-label on the parent <a> â the sole interactive element 28888 let parent = widget.parentElement; 28889 while (parent) { 28890 if (parent.tagName === 'A') { 28891 parent.setAttribute('aria-label', fullLabel); 28892 break; 28893 } 28894 parent = parent.parentElement; 28895 } 28896 } 28897 28898 button.setAttribute('data-a11y-fixed', 'true'); 28899} 28900 28901 28902/** 28903 * Fix 2: Alpine.js Product Card Star Ratings 28904 * --------------------------------------------------------------- 28905 * Target: .card-wrapper elements rendered via Alpine.js 28906 * Problem: The role="img" star container aria-label only contains 28907 * the star score (e.g. "5 out of 5 stars") without the 28908 * review count. The count is a separate element read 28909 * independently by screen readers. 28910 * Fix: Append the review count text to the existing aria-label 28911 * on the stars container, then hide the count element to 28912 * prevent it from being announced twice. 28913 */ 28914function fixProductCardA11y() { 28915 document.querySelectorAll('.card-wrapper').forEach(function(card) { 28916 if (card.hasAttribute('data-a11y-fixed')) return; 28917 28918 const starsEl = card.querySelector('[role="img"][aria-label]'); 28919 const reviewsLabel = window.theme.strings.ada.reviewsFallback; 28920 const countEl = Array.from(card.querySelectorAll('span.text-sm')).find(function(el) { 28921 // Match the localized label; keep 'Reviews' as a fallback because 28922 // the upstream widget may not honor the storefront locale. 28923 const text = el.textContent; 28924 return text.includes(reviewsLabel) || text.includes('Reviews'); 28925 }); 28926 28927 if (!starsEl) return; 28928 28929 const currentLabel = starsEl.getAttribute('aria-label') || ''; 28930 const countText = countEl ? countEl.textContent.trim() : ''; 28931 28932 if (currentLabel && countText) { 28933 starsEl.setAttribute('aria-label', `${currentLabel}, ${countText}`); 28934 if (countEl) countEl.setAttribute('aria-hidden', 'true'); 28935 } 28936 28937 card.setAttribute('data-a11y-fixed', 'true'); 28938 }); 28939} 28940 28941 28942/** 28943 * Fix 3: Constructor.io PLP Price Display 28944 * --------------------------------------------------------------- 28945 * Target: .cio-item-prices-container elements in PLP cards 28946 * Problem: Strikethrough original price and sale price are two 28947 * separate divs with no accessible labels. Screen readers 28948 * announce them as plain numbers (e.g. "$22.00 $15.84") 28949 * with no context about which is the original or sale price. 28950 * Fix: Hide both raw price elements from screen readers and 28951 * inject a visually hidden <span> with a complete, descriptive 28952 * label (e.g. "Original price $22.00, Sale price $15.84"). 28953 * If only one price exists, announce it as the regular price. 28954 */ 28955function fixPlpPriceA11y() { 28956 document.querySelectorAll('.cio-item-prices-container').forEach(function(container) { 28957 if (container.hasAttribute('data-a11y-fixed')) return; 28958 28959 const originalPriceEl = container.querySelector('.cio-item-price-strikethrough'); 28960 const salePriceEl = container.querySelector('.plp-sale-price'); 28961 28962 const originalPrice = originalPriceEl ? originalPriceEl.textContent.trim() : ''; 28963 const salePrice = salePriceEl ? salePriceEl.textContent.trim() : ''; 28964 28965 let accessibleLabel = ''; 28966 28967 if (originalPrice && salePrice) { 28968 // Both prices present â communicate sale vs original clearly 28969 accessibleLabel = window.theme.strings.ada.priceSaleAndOriginal 28970 .replace('[sale_price]', salePrice) 28971 .replace('[original_price]', originalPrice); 28972 } else if (salePrice) { 28973 // Sale price only 28974 accessibleLabel = window.theme.strings.ada.priceOnly.replace('[price]', salePrice); 28975 } else if (originalPrice) { 28976 // Single price in the strikethrough element (edge case) 28977 accessibleLabel = window.theme.strings.ada.priceOnly.replace('[price]', originalPrice); 28978 } 28979 28980 if (!accessibleLabel) return; 28981 28982 // Hide raw price elements from screen readers 28983 if (originalPriceEl) originalPriceEl.setAttribute('aria-hidden', 'true'); 28984 if (salePriceEl) salePriceEl.setAttribute('aria-hidden', 'true'); 28985 28986 // Inject a visually hidden span with the full accessible label 28987 const srSpan = document.createElement('span'); 28988 srSpan.className = 'sr-only'; 28989 srSpan.textContent = accessibleLabel; 28990 container.insertBefore(srSpan, container.firstChild); 28991 28992 container.setAttribute('data-a11y-fixed', 'true'); 28993 }); 28994} 28995 28996 28997/** 28998 * Fix 4: Constructor.io PLP Star Ratings 28999 * --------------------------------------------------------------- 29000 * Target: .plp-rating elements in Constructor.io PLP cards 29001 * Problem: The role="img" star container has a correct aria-label 29002 * but the review count (.plp-rating-count) is a sibling 29003 * element announced separately by screen readers. 29004 * Fix: Append the review count to the star container's aria-label 29005 * then hide the count element to prevent double announcement. 29006 */ 29007function fixPlpRatingA11y() { 29008 document.querySelectorAll('.plp-rating').forEach(function(ratingEl) { 29009 if (ratingEl.hasAttribute('data-a11y-fixed')) return; 29010 29011 const starsEl = ratingEl.querySelector('.plp-rating-stars'); 29012 const countEl = ratingEl.querySelector('.plp-rating-count'); 29013 29014 if (!starsEl) return; 29015 29016 const starsLabel = starsEl.getAttribute('aria-label') || ''; 29017 const countText = countEl ? countEl.textContent.trim() : ''; 29018 29019 if (starsLabel && countText) { 29020 starsEl.setAttribute('aria-label', `${starsLabel}, ${countText}`); 29021 if (countEl) countEl.setAttribute('aria-hidden', 'true'); 29022 } 29023 29024 ratingEl.setAttribute('data-a11y-fixed', 'true'); 29025 }); 29026} 29027 29028/** 29029 * Fix 5: PDP Price Display 29030 * --------------------------------------------------------------- 29031 * Target: .price__container on Product Detail Pages 29032 * Problem: iOS VoiceOver ignores aria-label on non-interactive 29033 * elements like <span> and reads visible text only.
29034 * Results in just "$15.84" being announced with no 29035 * context about sale vs original price. 29036 * Fix: Hide all price elements from screen readers and inject 29037 * a visually hidden <span> with the complete price 29038 * announcement. This works reliably across all screen 29039 * readers including iOS VoiceOver. 29040 */ 29041function fixPdpPriceA11y() { 29042 document.querySelectorAll('.price__container').forEach(function(container) { 29043 29044 // Build the announcement from DOM-extracted prices + the localized 29045 // template. Scope to .price__sale / .price__regular so we never include 29046 // the unit-price <small> sibling. (We intentionally ignore the upstream 29047 // .sr-only x-text: it may contain non-localized text from price.liquid.) 29048 const priceBranch = container.querySelector('.price__sale, .price__regular'); 29049 const salePriceEl = priceBranch ? priceBranch.querySelector('.price-item--last') : null; 29050 const originalPriceEl = priceBranch ? priceBranch.querySelector('.price-item--regular') : null; 29051 const salePriceText = salePriceEl ? salePriceEl.textContent.trim() : ''; 29052 const originalPriceText = originalPriceEl ? originalPriceEl.textContent.trim() : ''; 29053 29054 let fullAnnouncement = ''; 29055 if (salePriceText && originalPriceText && originalPriceText !== salePriceText) { 29056 fullAnnouncement = window.theme.strings.ada.priceSaleAndOriginal 29057 .replace('[sale_price]', salePriceText) 29058 .replace('[original_price]', originalPriceText); 29059 } else { 29060 const priceOnly = salePriceText || originalPriceText; 29061 if (!priceOnly) return; 29062 fullAnnouncement = window.theme.strings.ada.priceOnly.replace('[price]', priceOnly); 29063 } 29064 29065 // Hide ALL price elements from screen readers 29066 container.querySelectorAll( 29067 '.price-item, .price-item--last, .price-item--regular, .sr-only' 29068 ).forEach(function(el) { 29069 el.setAttribute('aria-hidden', 'true'); 29070 }); 29071 29072 // Remove or update existing injected sr span to avoid duplicates 29073 const existing = container.querySelector('.a11y-price-announcement'); 29074 if (existing) { 29075 existing.textContent = fullAnnouncement; 29076 } else { 29077 const srSpan = document.createElement('span'); 29078 srSpan.className = 'a11y-price-announcement'; 29079 srSpan.setAttribute('style', [ 29080 'position: absolute', 29081 'width: 1px', 29082 'height: 1px', 29083 'padding: 0', 29084 'margin: -1px', 29085 'overflow: hidden', 29086 'clip: rect(0,0,0,0)', 29087 'white-space: nowrap', 29088 'border: 0' 29089 ].join(';')); 29090 srSpan.textContent = fullAnnouncement; 29091 container.insertBefore(srSpan, container.firstChild); 29092 } 29093 29094 // Watch for Alpine dynamically updating price (variant/discount changes). 29095 // Observe the price branch (sale or regular) so swaps between branches 29096 // and changes to the .sr-only x-text both re-trigger the fix. 29097 if (!container.hasAttribute('data-price-observer')) { 29098 const priceObserver = new MutationObserver(function() { 29099 fixPdpPriceA11y(); 29100 }); 29101 29102 const observeTarget = container.querySelector('.price__sale, .price__regular') || container; 29103 priceObserver.observe(observeTarget, { 29104 attributes: true, 29105 characterData: true, 29106 subtree: true, 29107 attributeFilter: ['aria-label'] 29108 }); 29109 29110 container.setAttribute('data-price-observer', 'true'); 29111 } 29112 }); 29113} 29114 29115/** 29116 * Run all accessibility fixes 29117 * Called on initial load and whenever new content is added to the DOM 29118 */ 29119function fixAllA11y() { 29120 document.querySelectorAll('[data-oke-star-rating][data-oke-rendered]').forEach(fixOkendoPdpA11y); 29121 fixProductCardA11y(); 29122 fixPlpPriceA11y(); 29123 fixPlpRatingA11y(); 29124 fixPdpPriceA11y(); 29125} 29126 29127 29128/** 29129 * MutationObserver 29130 * --------------------------------------------------------------- 29131 * Watches for dynamically injected content (Alpine.js, Constructor.io, 29132 * Okendo) and re-runs the relevant fix as soon as new nodes appear 29133 * or Okendo signals it has finished rendering via data-oke-rendered. 29134 */ 29135const a11yObserver = new MutationObserver(function(mutations) { 29136 mutations.forEach(function(mutation) { 29137 29138 // Okendo signals render complete by adding data-oke-rendered attribute 29139 if ( 29140 mutation.type === 'attributes' && 29141 mutation.attributeName === 'data-oke-rendered' && 29142 mutation.target.hasAttribute('data-oke-star-rating') 29143 ) { 29144 fixOkendoPdpA11y(mutation.target); 29145 } 29146 29147 if (mutation.type === 'childList') {
29148 mutation.addedNodes.forEach(function(node) { 29149 if (node.nodeType !== 1) return; 29150 29151 // Okendo PDP widget already rendered when injected 29152 if (node.hasAttribute?.('data-oke-star-rating') && node.hasAttribute?.('data-oke-rendered')) { 29153 fixOkendoPdpA11y(node); 29154 } 29155 node.querySelectorAll?.('[data-oke-star-rating][data-oke-rendered]').forEach(fixOkendoPdpA11y); 29156 29157 // Alpine.js product cards 29158 if (node.classList?.contains('card-wrapper') || node.querySelector?.('.card-wrapper')) { 29159 fixProductCardA11y(); 29160 } 29161 29162 // Constructor.io PLP cards (prices and ratings) 29163 if ( 29164 node.classList?.contains('cio-item-prices-container') || 29165 node.querySelector?.('.cio-item-prices-container') || 29166 node.classList?.contains('plp-rating') || 29167 node.querySelector?.('.plp-rating') 29168 ) { 29169 fixPlpPriceA11y(); 29170 fixPlpRatingA11y(); 29171 } 29172 29173 // PDP price container 29174 if ( 29175 node.classList?.contains('price__container') || 29176 node.querySelector?.('.price__container') 29177 ) { 29178 fixPdpPriceA11y(); 29179 } 29180 29181 }); 29182 } 29183 }); 29184}); 29185 29186a11yObserver.observe(document.body, { 29187 childList: true, 29188 subtree: true, 29189 attributes: true, 29190 attributeFilter: ['data-oke-rendered'] 29191}); 29192 29193// Run on initial page load 29194if (document.readyState === 'loading') { 29195 document.addEventListener('DOMContentLoaded', fixAllA11y); 29196} else { 29197 fixAllA11y(); 29198} 29199</script>
29199 29200 29201 29202<div id="a11y-announcer" class="sr-only" role="status" aria-live="polite" data-a11y-announcer></div> 29203 29204<style> 29205 /* Keyboard focus must not auto-expand menus; hover behavior is unchanged. 29206 Overrides the compiled :focus-within rules in assets/app.css. */ 29207 .main__header .has-mega-menu:focus-within:not(:hover):not([data-submenu-open]) .mega-menu-wrapper, 29208 .main__header .has-mega-menu:not([data-submenu-open]) a:focus-within:not(:hover) + .mega-menu-wrapper, 29209 .main__header .has-dropdown-menu:focus-within:not(:hover):not([data-submenu-open]) .header__menu-dropdown { 29210 display: none !important; 29211 } 29212 29213 /* Explicitly opened via the disclosure toggle */ 29214 .main__header .has-mega-menu[data-submenu-open] .mega-menu-wrapper { 29215 display: block !important; 29216 } 29217 .main__header .has-dropdown-menu[data-submenu-open] .header__menu-dropdown { 29218 display: flex !important; 29219 } 29220 29221 29222</style> 29223
29224<script> 29225 (function () { 29226 var strings = { 29227 itemAdded: "Item added to your cart", 29228 productsUpdated: "Product list updated", 29229 quantity: "Quantity [count]" 29230 }; 29231 29232 /* Adding to cart opens the cart drawer, which takes focus and announces 29233 itself. Holding the confirmation until the drawer has settled keeps the 29234 dialog announcement from cutting the status message off. Must stay above 29235 the drawer's 400ms open transition. */ 29236 var DRAWER_SETTLE_MS = 800; 29237 29238 /* Alpine writes a stepper's new value on the next tick. */ 29239 var ALPINE_TICK_MS = 100; 29240 29241 var clearTimer = null; 29242 29243 /* Assistive tech hides everything outside an open aria-modal dialog, so a 29244 page-level live region goes silent while the cart drawer or mobile menu 29245 is open. Each modal therefore gets its own announcer. */ 29246 function addAnnouncer(parent) { 29247 var announcer = document.createElement('div'); 29248 announcer.className = 'sr-only'; 29249 announcer.setAttribute('role', 'status'); 29250 announcer.setAttribute('aria-live', 'polite'); 29251 announcer.setAttribute('data-a11y-announcer', ''); 29252 parent.appendChild(announcer); 29253 } 29254 29255 /* The announcer inside the dialog holding focus, else the page-level one. 29256 These dialogs trap focus (x-trap), so the focused element identifies the 29257 context the shopper is actually in â more reliable than testing which 29258 dialogs happen to be visible. */ 29259 function currentAnnouncer() { 29260 var active = document.activeElement; 29261 var modal = active && active.closest ? active.closest('[aria-modal="true"]') : null; 29262 var scoped = modal && modal.querySelector('[data-a11y-announcer]'); 29263 29264 return scoped || document.getElementById('a11y-announcer'); 29265 } 29266 29267 window.a11yAnnounce = function (message) { 29268 var announcer = currentAnnouncer(); 29269 if (!announcer || !message) return; 29270 29271 /* Clear first so repeating the same message is re-announced */ 29272 announcer.textContent = ''; 29273 window.setTimeout(function () { 29274 announcer.textContent = message; 29275 }, 50); 29276 window.clearTimeout(clearTimer); 29277 clearTimer = window.setTimeout(function () { 29278 announcer.textContent = ''; 29279 }, 5000); 29280 }; 29281 29282 /* WCAG 4.1.3 â confirm add-to-cart. The compiled addToCart component 29283 dispatches 'added-to-cart' on window after a successful cart add, then 29284 immediately opens the cart drawer. */ 29285 window.addEventListener('added-to-cart', function () { 29286 window.setTimeout(function () { 29287 window.a11yAnnounce(strings.itemAdded); 29288 }, DRAWER_SETTLE_MS); 29289 }); 29290 29291 /* WCAG 4.1.3 â announce quantity steps from the control the shopper used. 29292 A persistent live region per form cannot do this: the product form, 29293 sticky bar and bundle form share a page and stay in sync through 29294 'quantity-updated', so every mirror would speak on any one change â the 29295 cart drawer ended up reading the product template's quantity. */ 29296 document.addEventListener('click', function (event) { 29297 var target = event.target; 29298 if (!target || !target.closest) return; 29299 29300 var button = target.closest('.quantity__button'); 29301 /* [data-clone] duplicates are hidden from assistive tech by theme.liquid */ 29302 if (!button || button.closest('[aria-hidden="true"]')) return; 29303 29304 var group = button.closest('.quantity, .product-form__qty') || button.parentElement; 29305 var input = group && group.querySelector('input[name="quantity"], .quantity__input'); 29306 if (!input) return; 29307 29308 window.setTimeout(function () { 29309 window.a11yAnnounce(strings.quantity.replace('[count]', input.value)); 29310 }, ALPINE_TICK_MS); 29311 }); 29312 29313 document.addEventListener('DOMContentLoaded', function () { 29314 var modals = document.querySelectorAll('[aria-modal="true"]'); 29315 for (var i = 0; i < modals.length; i++) addAnnouncer(modals[i]); 29316 29317 /* WCAG 4.1.3 â announce product grid updates on collection pages where 29318 the compiled Filter component swaps #ProductGridContainer content. */ 29319 var grid = document.getElementById('ProductGridContainer'); 29320 if (!grid || !('MutationObserver' in window)) return; 29321 29322 var debounceTimer = null; 29323 var observer = new MutationObserver(function () { 29324 window.clearTimeout(debounceTimer); 29325 debounceTimer = window.setTimeout(function () { 29326 window.a11yAnnounce(strings.productsUpdated); 29327 }, 500); 29328 }); 29329 observer.observe(grid, { childList: true, subtree: true }); 29330 }); 29331 })(); 29332</script>
29332 29333 29334 29335
29336<script> 29337 (() => { 29338 // 'product-handle': percentage off (integer, 1-99) 29339 const DISCOUNTS = { 29340 'soft-violet-smooth-polish-brush': 0, 29341 }; 29342 29343 // Delay before the discounted price replaces the rendered full price. 29344 const DELAY_MS = 200; 29345 29346 // product id -> { price, compare_at_price, percentage } 29347 const applied = {}; 29348 29349 const discountedPrice = (price, percentage) => 29350 price - Math.floor((price * percentage) / 100); 29351 29352 const dispatchDiscount = (id, price, compareAt, percentage) => { 29353 const detail = { 29354 id, 29355 new_price: discountedPrice(price, percentage), 29356 new_original_price: compareAt > price ? compareAt : price, 29357 }; 29358 // price-update also flags the component as on sale (red price); 29359 // discounted-price reaches quick-shop components that don't bind 29360 // price-update. 29361 window.dispatchEvent(new CustomEvent('price-update', { detail })); 29362 window.dispatchEvent(new CustomEvent('discounted-price', { detail })); 29363 }; 29364 29365 const applyAll = () => { 29366 Object.entries(applied).forEach(([id, entry]) => { 29367 dispatchDiscount(Number(id), entry.price, entry.compare_at_price, entry.percentage); 29368 }); 29369 }; 29370 29371 const loadProducts = async () => { 29372 const configured = Object.entries(DISCOUNTS).filter(([, percentage]) => { 29373 return Number.isFinite(percentage) && percentage > 0 && percentage < 100; 29374 }); 29375 29376 await Promise.all(configured.map(async ([handle, percentage]) => { 29377 try { 29378 const response = await fetch(`/products/${encodeURIComponent(handle)}.js`); 29379 if (!response.ok) return; 29380 const product = await response.json(); 29381 const tags = product.tags || []; 29382 if (product.type === 'Gift Cards' || tags.includes('exclude_price_discount')) return; 29383 applied[product.id] = { 29384 price: product.price, 29385 compare_at_price: product.compare_at_price || 0, 29386 percentage, 29387 }; 29388 } catch (error) { 29389 console.warn('[js-price-discount] failed to load', handle, error); 29390 } 29391 })); 29392 }; 29393 29394 // On PDP variant change the price component resets to the variant's full 29395 // price; queue a re-dispatch so it runs after that handler. 29396 window.addEventListener('variant-updated', (event) => { 29397 const variant = event.detail && event.detail.variant; 29398 const entry = variant && applied[variant.product_id]; 29399 if (!entry) return; 29400 setTimeout(() => { 29401 dispatchDiscount(variant.product_id, variant.price, variant.compare_at_price || 0, entry.percentage); 29402 }, 0); 29403 }); 29404 29405 // Price components injected after initial load ("load more", quick view) 29406 // initialize at full price â re-dispatch for them, debounced. 29407 let reapplyTimer; 29408 const observer = new MutationObserver((mutations) => { 29409 const addedPrice = mutations.some((mutation) => 29410 Array.from(mutation.addedNodes).some((node) => 29411 node.nodeType === 1 && (node.matches?.('.price') || node.querySelector?.('.price')) 29412 ) 29413 ); 29414 if (!addedPrice) return; 29415 clearTimeout(reapplyTimer); 29416 reapplyTimer = setTimeout(applyAll, DELAY_MS); 29417 }); 29418 29419 const start = async () => { 29420 await loadProducts(); 29421 if (Object.keys(applied).length === 0) return; 29422 setTimeout(applyAll, DELAY_MS); 29423 observer.observe(document.body, { childList: true, subtree: true }); 29424 }; 29425 29426 if (document.readyState === 'loading') { 29427 document.addEventListener('DOMContentLoaded', start); 29428 } else { 29429 start(); 29430 } 29431 })(); 29432</script>
29432 29433 29434 29435 29436 29437 <!-- This line added automatically by JSON-LD for SEO. --> 29438 29439 29440
29441<script type="application/ld+json"> 29442 { 29443 "@context": "https://schema.org", 29444 "@type": "Organization", 29445 "@id": "https:\/\/www.mykitsch.com\/#organization", 29446 "name": "KITSCH", 29447 "url": "https://www.mykitsch.com", 29448 "description": "Hair \u0026 Body Care â From hair care essentials to innovative accessories, KITSCH is evolving your everyday essentials. Female-owned. Vegan \u0026 cruelty-free. 90-day guarantee. Elevated accessories. Eco-friendly. Designed in California.\n\n", 29449 "telephone": "424-240-5551", 29450 "logo": "https:\/\/www.mykitsch.com\/cdn\/shop\/t\/951\/assets\/logo_small.png?v=394529", 29451 "image": "https:\/\/www.mykitsch.com\/cdn\/shop\/t\/951\/assets\/logo_small.png?v=394529", 29452 "sameAs": [], 29453 "address": { 29454 "@type": "PostalAddress", 29455 "streetAddress": "137 N LARCHMONT BLVD, STE 641", 29456 "addressLocality": "LOS ANGELES", 29457 "addressRegion": "California", 29458 "postalCode": "90004", 29459 "addressCountry": "United States" 29460 } 29461 } 29462 </script>
29462 29463 29464 29465 29466 29467 29468 29469 29470
29470<script src="https://cdn.jsdelivr.net/npm/@loophq/onstore-sdk@latest/dist/loop-onstore-sdk.min.js" defer></script>
29470 29471
29471<script> 29472 document.addEventListener('DOMContentLoaded', function() { 29473 runWhenIdle(function () { 29474 LoopOnstore.init({ 29475 key: "6395308e501fa4e607c1dcefb57023fdbc9893dd", 29476 attach: "#checkout_button_new", 29477 }); 29478 }); 29479 }); 29480 </script>
29480 29481 29482 29483 29484
29484<script> 29485 document.addEventListener('alpine:initialized', function () { 29486 document.querySelectorAll('[data-clone]').forEach(function (el) { 29487 el.setAttribute('aria-hidden', 'true'); 29488 el.removeAttribute('id'); 29489 el.querySelectorAll('[id]').forEach(function (child) { 29490 child.removeAttribute('id'); 29491 }); 29492 el.querySelectorAll('a,button,input,select,textarea,[tabindex]').forEach(function (f) { 29493 f.setAttribute('tabindex', '-1'); 29494 }); 29495 }); 29496 }); 29497 </script>
29497 29498 29499 29500
29500<script defer src="https://static.shopmy.us/Affiliates/sms_aff_clicktrack.js?domain=mykitsch.com&expires=7"></script>
29500 29501 <style> button[name="checkout"] {text-transform: uppercase; letter-spacing: 1px; font-size: 100%;} .cart-free-gift-slider .free-gift-price-wrap {display: none;} .color-swatches img {display: none;} .other-options div,.other-options a {padding: 0.55rem;} .header__menu-dropdown .grid .ml-2 {border-color: #fff;} .ly-switcher-wrapper {display: none !important;} </style> 29502<div id="shopify-block-AcVdWR1d0ZzhmRUg1e__11560147490181472608" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: rivo-init -->
29502<script type="text/javascript" id="rivo-app-embed-init"> 29503 window.Rivo = window.Rivo || {}; 29504 window.Rivo.embedded_version_enabled = true; 29505 window.Rivo.common = window.Rivo.common || {}; 29506 window.Rivo.common.shop = { 29507 permanent_domain: 'kitschllc.myshopify.com', 29508 currency: "USD", 29509 money_format: "\u003cspan\u003e${{amount}}\u003c\/span\u003e", 29510 id: 10469048384 29511 }; 29512 29513 window.Rivo.common.template = 'collection'; 29514 window.Rivo.common.full_template = 'collection'; 29515 window.Rivo.common.cart = {}; 29516 window.Rivo.common.translations = {"account_widget":{"en":{"or_text":"OR","city_text":"City","edit_text":"Edit","name_text":"Name","email_text":"Email","order_text":"Order","phone_text":"Phone","taxes_text":"Taxes","total_text":"Total","delete_text":"Delete","select_text":"Select","address_text":"Address","company_text":"Company","country_text":"Country","discount_text":"Discount","province_text":"Province","shipping_text":"Shipping","subtotal_text":"Subtotal","zip_code_text":"ZIP Code","last_name_text":"Last Name","community_title":"Community","favorites_title":"Favorites","first_name_text":"First Name","home_cta_1_text":"my rewards","home_cta_2_text":"manage subscriptions","home_cta_3_text":"Manage Subscriptions","add_to_cart_text":"Add to Cart","amount_paid_text":"Amount paid","footer_home_text":"For You","items_count_text":"items","net_payment_text":"Net payment","postal_code_text":"Postal Code","saved_cart_title":"Saved from Cart","are_you_sure_text":"Are you sure you want to?","collections_title":"Collections","contact_info_text":"Contact info","email_placeholder":"Enter your email","google_login_text":"Sign in with Google","login_button_text":"Get Sign In Code","login_footer_text":"By signing in, you agree to our \u003ca class=\"rivo-underline-link\" href=\"https:\/\/www.mykitsch.com\/pages\/privacy-policy\" target=\"_blank\"\u003eprivacy policy\u003c\/a\u003e and \u003ca class=\"rivo-underline-link\" href=\"https:\/\/www.mykitsch.com\/pages\/terms-of-service\" target=\"_blank\"\u003eterms of service\u003c\/a\u003e","login_issues_text":"Click here to sign in with your password if you are having issues","my_addresses_text":"My Addresses","order_placed_text":"Placed on","verify_title_text":"Enter the code we just sent to [[email]]","all_favorites_text":"All Favorites","community_subtitle":"Post your challenges and get rewarded. We'll automatically drop points into your account for every challenge you complete.","footer_orders_text":"Orders","latest_order_title":"Latest Order","notifications_text":"Notifications","profile_list_links":[{"url":"https:\/\/www.mykitsch.com\/pages\/take-the-kitsch-quiz","text":"Hair Quiz","open_new_tab":true},{"url":"https:\/\/www.mykitsch.com\/pages\/contact-us","text":"Contact Us","open_new_tab":true},{"url":"https:\/\/www.mykitsch.com\/pages\/contact-us","text":"Help Center","open_new_tab":true},{"url":"https:\/\/www.mykitsch.com\/a\/mobile-app","text":"Download App","open_new_tab":true}],"verify_button_text":"Verify Code","ways_to_earn_title":"Ways to earn","address_line_1_text":"Address Line 1","address_line_2_text":"Apartment, suite, etc.","buy_gift_card_title":"Buy Gift Card","delete_address_text":"Yes, Delete Address","external_login_text":"Sign in or Sign up","footer_profile_text":"Profile","home_referral_title":"Give $10, Get $10","my_preferences_text":"My Preferences","payment_method_text":"Payment Method","popular_today_title":"Popular Today","select_country_text":"Select Country","select_options_text":"Select Options","shop_pay_login_text":"Sign in with","taxes_included_text":"Taxes (included)","update_profile_text":"Update Profile","view_favorites_text":"View Favorites","amount_refunded_text":"Amount refunded","billing_address_text":"Billing Address","home_logged_in_title":"Welcome \u003cspan rivo-ax-text='$store.rivo_profile_customer?.first_name'\u003e\u003c\/span\u003e","order_cancelled_text":"Cancelled on","profile_log_out_text":"Log out","profile_pos_qr_title":"In-Store Sign-In","redeem_rewards_title":"Redeem Rewards","save_collection_text":"Save Collection","select_province_text":"Select Province","shipping_method_text":"Shipping Method","address_default_badge":"Default","alternate_login_title":"Having issues signing in?","community_button_text":"View Challenges","company_optional_text":"Company (Optional)","featured_content_link":null,"footer_community_text":"Community","home_logged_out_title":"Sign in or create an account","recently_viewed_title":"Recently Viewed","share_collection_text":"Share","shipping_address_text":"Shipping Address","transfer_credit_title":"Send Store Credit","add_to_collection_text":"Add to Collection","featured_content_title":"Kitsch Subscriptions","home_referral_subtitle":"\u003cspan rivo-ax-text='$store.rivo_profile_customer?.referral_stats?.completed_count'\u003e\u003c\/span\u003e referrals completed so far","home_wallet_pass_title":"Add Wallet Pass","orders_logged_in_title":"Your Orders","added_to_cart_link_text":"Go to Cart","additional_details_text":"Additional Details","home_logged_in_subtitle":"","home_referral_copy_text":"Referral link copied to clipboard","membership_manage_title":"Manage Membership","orders_empty_state_text":"You haven't placed any orders yet","orders_logged_out_title":"Login to view, track, and manage your orders","profile_pos_qr_subtitle":"Show this code to a store associate at checkout to sign in to your account from a retail store.","redeem_rewards_url_text":"My Rewards","survey_next_button_text":"Next","survey_ski
29516p_button_text":"Skip","vip_tier_progress_title":"\u003cspan rivo-ax-html='($store.rivo_profile_customer?.current_vip_tier_info?.tier?.name || \"\") + \" Tier\"'\u003e\u003c\/span\u003e","alternate_login_subtitle":"Use one of the following methods below to sign in.","home_logged_out_subtitle":"Earn points, manage subscriptions and track orders","mobile_phone_number_text":"Mobile Phone Number","order_cancel_button_text":"Cancel Order","order_item_refunded_text":"(Refunded)","shipping_addresses_title":"Shipping Addresses","transfer_credit_subtitle":"\u003cp\u003eYour balance: \u003cspan rivo-ax-text='$store.rivo_profile_customer?.pretty_credits_tally'\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003eTransfer credit to a friend or family member. They'll receive an email or SMS with a link to redeem the credit. The credit will be instantly deducted from your account and refunded to you if not claimed within 30 days.\u003c\/p\u003e","verify_login_issues_text":"Having issues? Click here to try again.","featured_content_subtitle":"Manage your subscriptions","home_wallet_pass_subtitle":"Unlock exclusive rewards and offers.","order_returns_button_text":"Start a Return","accepts_sms_marketing_text":"Text me with news and offers","add_shipping_address_title":"Add Shipping Address","alternate_login_email_text":"Sign in with an email and password","create_new_collection_text":"Create New Collection","enter_collection_name_text":"Enter Collection Name","favorites_empty_state_text":"No favorited products","order_tracking_button_text":"Track Shipment","redeem_rewards_unlock_text":"from unlocking this reward","save_shipping_address_text":"Save Shipping Address","vip_tier_progress_subtitle":"Spend \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn || $store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.to_spend_or_earn'\u003e\u003c\/span\u003e to unlock \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.name'\u003e\u003c\/span\u003e","alternate_login_google_text":"Sign in with Google","buy_again_notification_text":"Order added to the cart","edit_shipping_address_title":"Edit Shipping Address","favorite_button_active_text":"Added to favorites","home_button_membership_text":"Credit","home_referral_page_subtitle":"Refer a friend who makes a purchase and both of you will claim rewards.","id_copied_notification_text":"ID copied to clipboard","login_verify_identity_title":"Verify your identity","order_buy_again_button_text":"Buy Again","saved_cart_empty_state_text":"No saved cart items","set_as_default_address_text":"Set as default address","transfer_credit_date_header":"Date","transfer_credit_link_copied":"Link copied!","vip_tier_progress_link_text":"View perks","address_line_2_optional_text":"Address Line 2 (Optional)","collections_empty_state_text":"No collections","email_cannot_be_changed_text":"Email used for login cannot be updated","home_expiration_message_text":"{{balance_label}} expire {{expiration_date}}","home_logged_out_orders_title":"Sign in to access your orders","home_wallet_pass_button_text":"Add Wallet Pass","login_accepts_marketing_text":"Email me with updates and offers","loyalty_opt_in_checkbox_text":"Send me loyalty program updates and exclusive offers","transfer_credit_amount_label":"Amount","transfer_credit_no_transfers":"No transfers yet","transfer_credit_send_another":"Send another credit","add_to_cart_notification_text":"Added to cart","alternate_login_shop_pay_text":"Sign in to an existing account with Shop Pay","favorite_button_inactive_text":"Add to favorites","home_additional_button_1_text":"Manage subscriptions","home_additional_button_2_text":"Shop Now","home_logged_out_profile_title":"Sign in to access your profile","orders_additional_button_text":"","redeem_rewards_available_text":"available to redeem","same_as_shipping_address_text":"Same as shipping address","transfer_credit_amount_header":"Amount","transfer_credit_history_title":"Transfer History","transfer_credit_message_label":"Message (optional)","home_button_gift_card_cta_text":"My Credit","lookup_gift_card_used_subtitle":"We hope you enjoy your purchase!","lookup_gift_card_used_tos_text":"We hope you enjoy your purchase!","order_limited_time_button_text":null,"address_saved_notification_text":"Address saved","apply_discount_add_to_cart_text":"Apply discount \u0026 add to cart","featured_content_image_position":"center center","generic_error_notification_text":"Looks like we hit an issue. Please try again","home_button_balance_points_text":"Points","home_button_gift_card_code_text":"ID: ","home_button_gift_card_copy_text":"Copy ID","home_button_membership_cta_text":"My Membership","home_logged_out_favorites_title":"Sign in to access your favorites","home_logged_out_orders_subtitle":"Get access to your rewards, referrals, and more","profile_list_personal_info_text":"Personal Information","redeem_rewards_points_away_text":"away","transfer_credit_generate_button":"Generate Gift URL","transfer_credit_share_link_text":"Share this link with your friend:","view_product_action_button_text":"View product","home_logged_out_profile_subtitle":"Get access to your rewards, referrals, and more","lookup_gift_card_unused_subtitle":"Copy the code below to redeem your gift card","lookup_gift_card_unused_tos_text":"Apply this code at checkout to redeem your gift card","recently_viewed_empty_state_text":"No recently viewed products","address_deleted_notification_text":"Address deleted successfully","international_returns_button_text":"Start an International Return","profile_updated_notification_text":"Profile updated","shipping_address_empty_state_text":"You haven't added any shipping addresses yet","add_to_favorites_notification_text":"Save Item","alternate_login_another_email_text":"Try sending another code","home_logged_out_favorites_subtitle":"Get access to your rewards, referrals, and more","transfer_credit_description_header":"Description","transfer_credit_no_credit_subtitle":"\u003cp\u003eYour balance: \u003cspan rivo-ax-text='$store.rivo_profile_customer?.pretty_credits_tally'\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003eSorry, you don't have enough credit right now to send.\u003c\/p\u003e","ways_to_earn_transactions_url_text":"View activity","cancel_membership_notification_text":"Membership canceled","home_button_balance_points_cta_text":"My Rewards","added_to_favorites_notification_text":"Item saved","collection_created_notification_text":"Collection Created","profile_list_shipping_addresses_text":"Shipping Addresses","membership_manage_status_profile_text":"Update and manage your membership details.","error_adding_to_cart_notification_text":"Error adding items to cart","membership_manage_become_a_member_text":"Become a Member","buy_gift_card_recipient_email_self_text":"The gift card will be sent to you.","gift_card_code_copied_notification_text":"Gift Card Code Copied","home_button_membership_paywall_cta_text":"Join our Membership","orders_secondary_additional_button_text":"","remove_from_favorites_notification_text":"Remove item","vip_tier_progress_amount_spent_subtitle":"Spend \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn || $store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.to_spend_or_earn'\u003e\u003c\/span\u003e to unlock \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.name'\u003e\u003c\/span\u003e","vip_tier_progress_orders_count_subtitle":"Place \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn || $store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.to_spend_or_earn'\u003e\u003c\/span\u003e Orders to unlock \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.name'\u003e\u003c\/span\u003e","membership_manage_credits_activity_title":"Credits Activity","membership_reactivated_notification_text":"Your membership has been reactivated!","removed_from_favorites_notification_text":"Item removed","membership_update_payment_method_subtitle":"We've just sent you an email to update your payment method. The email subject line is \"Update your payment method\". Please check your email to continue.","buy_gift_card_recipient_email_directly_text":"The gift card will be emailed directly to the recipient.","membership_manage_credits_activity_subtitle":"You have \u003cstrong\u003e\u003cspan rivo-ax-data rivo-ax-text=\"$store.rivo_profile_customer.pretty_credits_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e in store credit","membership_manage_status_cancelled_subtitle":"Your membership has been cancelled","send_payment_method_email_notification_text":"We've sent an email to update your payment method","membership_manage_status_is_subscriber_title":"Active Member","membership_manage_status_is_subscriber_subtitle":"Your membership is currently active","membership_manage_status_not_subscriber_subtitle":"You are not an active member","membership_manage_status_update_payment_link_text":"Update Payment Method","membership_manage_status_cancel_membership_link_text":"Cancel Membership","membership_manage_status_paid_next_billing_date_text":"You will be charged next on \u003cspan rivo-ax-text='$store.rivo_profile_customer.membership_subscription_contract.pretty_next_billing_date_at'\u003e\u003c\/span\u003e","membership_manage_status_rejoin_membership_link_text":"Rejoin Membership","membership_manage_status_manual_next_billing_date_text":"You've been manually placed on this tier.","membership_manage_status_pending_cancellation_subtitle":"Your membership will be cancelled on \u003cspan rivo-ax-text='$store.rivo_profile_customer.membership_subscription_contract.pretty_next_billing_date_at'\u003e\u003c\/span\u003e","membership_gift_title":"Select Your Free Gift","membership_gift_subtitle":"Your membership includes a free gift. Choose an option below to add it to your cart.","membership_gift_add_to_cart_button_text":"Add to Cart"}},"loyalty_landing_page":{"en":{"loyalty_page_rewards_title":"Rewards","loyalty_page_rewards_subtitle":"You have the following rewards ready to use","loyalty_page_banner_earn_button":"Earn points","loyalty_page_rewards_no_rewards":"No rewards yet","loyalty_page_ways_to_earn_title":"\u003cspan class=\"rivo-lp-section-subheading\"\u003eBeauty With Benefits\u003c\/span\u003eHow To Earn","loyalty_page_banner_login_button":"Sign In","loyalty_page_upload_receipt_help":"Purchased Kitsch in a store? Upload a re
29516ceipt within the last 30 days to earn points. Please lay the receipt on a flat surface and take a photo from a close distance.","loyalty_page_banner_redeem_button":"Redeem Rewards","loyalty_page_subscribe_email_help":"Subscribe to our email list and earn points","loyalty_page_ways_to_redeem_title":"Use Your Beauty Points For Beauty Perks","loyalty_page_customer_birthday_day":"Day","loyalty_page_upload_receipt_attach":"Attach File","loyalty_page_upload_receipt_button":"Submit Receipt","loyalty_page_ways_to_earn_subtitle":"Build your beauty routine. Earn Points. Itâs that easy.","loyalty_page_banner_logged_in_title":"Kitsch\u003cbr\u003eRewards","loyalty_page_banner_register_button":"Join Now","loyalty_page_explainer_step_1_title":"Sign Up","loyalty_page_explainer_step_2_title":"Earn Points","loyalty_page_explainer_step_3_title":"Redeem","loyalty_page_subscribe_email_button":"Subscribe","loyalty_page_upload_receipt_no_file":"Please select a file to upload","loyalty_page_upload_receipt_success":"Thanks! Your receipt will be reviewed shortly","loyalty_page_banner_logged_out_title":"Kitsch\u003cbr\u003eRewards","loyalty_page_banner_login_button_url":"","loyalty_page_customer_birthday_month":"Month","loyalty_page_customer_birthday_title":"Celebrate your birthday","loyalty_page_ways_to_redeem_subtitle":"Putting your routine first has its perks. Redeem points to restock your must-havesâ¦\u003cem\u003eor to try something new\u003c\/em\u003e.","loyalty_page_explainer_logged_in_title":"Hi there, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_points_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e Points","loyalty_page_explainer_step_1_subtitle":"Create your free account \u0026 start earning right away ","loyalty_page_explainer_step_2_subtitle":"Get rewarded for shopping your beauty essentials","loyalty_page_explainer_step_3_subtitle":"Stack up your points to save on your next order","loyalty_page_vip_tier_1_threshold_text":"Free to join","loyalty_page_vip_tier_2_threshold_text":"Spend $100","loyalty_page_vip_tier_3_threshold_text":"Spend $250","loyalty_page_vip_tier_4_threshold_text":"Spend $400","loyalty_page_vip_tier_5_threshold_text":null,"loyalty_page_vip_tier_6_threshold_text":null,"loyalty_page_vip_tiers_logged_in_title":"\u003cspan class=\"rivo-lp-section-subheading\"\u003eYou're a VIP (Yes, you!)\u003c\/span\u003eMore Beauty, More Benefits","loyalty_page_activity_table_header_date":"Date","loyalty_page_activity_table_no_activity":"No activity yet","loyalty_page_banner_register_button_url":"","loyalty_page_explainer_logged_out_title":"How it Works","loyalty_page_vip_tiers_logged_out_title":"More Beauty, More Benefits","loyalty_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","loyalty_page_customer_birthday_save_date":"Save Date","loyalty_page_activity_table_header_action":"Activity","loyalty_page_banner_logged_in_description":"Get rewarded for your beauty routine! Sign up for Kitsch Rewards to start earning points on every purchase.","loyalty_page_explainer_logged_in_subtitle":"Here's an overview of your current points balance and recent activity","loyalty_page_vip_tiers_logged_in_subtitle":"You are on the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.tier?.name\"\u003e\u003c\/span\u003e tier","loyalty_page_banner_logged_out_description":"Get rewarded for your beauty routine! Sign up for Kitsch Rewards to start earning points on every purchase.","loyalty_page_vip_tiers_logged_out_subtitle":"Elevate your routine and your rewards tier! Even more points and exclusive perks await.","loyalty_page_activity_table_header_earnings":"Points","loyalty_page_vip_tiers_progress_column_title":"","loyalty_page_vip_tiers_progress_column_subtitle":"Spend \u003cspan rivo-x-data rivo-x-html=\"$store.customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn\"\u003e\u003c\/span\u003e to reach the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.name\"\u003e\u003c\/span\u003e tier.","loyalty_page_activity_table_header_expiration":"Expires At","loyalty_page_general_redeem":"Redeem","loyalty_page_general_enter_valid_date":"Please enter a valid date","loyalty_page_general_points":"Points","loyalty_page_general_activate_store_credit":"Activate Store Credit","loyalty_page_general_redeemed_store_credit":"Redeemed Store Credit","loyalty_page_general_spent":"Spent","loyalty_page_upload_challenge_photo_button":"Submit Challenge Photo","loyalty_page_upload_challenge_photo_attach":"Attach File","loyalty_page_upload_challenge_photo_no_file":"Please select a file to upload","loyalty_page_upload_challenge_photo_success":"Thanks! Your challenge photo will be reviewed shortly","loyalty_page_upload_challenge_photo_help":"Upload a challenge photo to earn.","acct_creation_title":"Join and Earn Rewards","acct_creation_desc":"Get rewarded for being an awesome customer","acct_creation_sign_in":"Already a member?","acct_creation_btn":"Start Earning","visitor_point_desc":"Earn points and turn these into rewards!","vip_tiers_table_perk_translations":[]}},"general":{"en":{"vip_perks":"Perks","vip_tiers":"VIP Tiers","general_by":"by","vip_reward":"VIP reward","vip_status":"VIP Status","general_day":"Day","social_like":"Like","social_share":"Share","vip_benefits":"Benefits","general_error":"Hmm, something went wrong, please try again shortly","general_month":"Month","general_point":"Point","general_spend":"you spend","general_spent":"Spent","social_follow":"Follow","tos_expiry_at":"Reward expires on {{expiry_date}}.","vip_tier_desc":"Gain access to exclusive rewards.","general_credit":"Credit","general_points":"Points","general_redeem":"Redeem","general_reward":"reward","vip_tier_spend":"Spend {{amount}}","general_credits":"Credits","general_go_back":"Go back","general_pending":"Pending","general_rewards":"Rewards","general_sign_in":"Sign in","general_sign_up":"Sign up","referrals_title":"Referral Program","review_complete":"Post a product review","survey_complete":"Complete a Survey","general_approved":"Approved","general_share_on":"Share via","general_you_have":"You have","tos_free_product":"Reward only applies to {{product_name}}","general_cancelled":"Cancelled","general_edit_date":"Edit Date","general_save_date":"Save date","general_show_more":"Show more","general_signed_up":"signed up","referral_complete":"Complete a Referral","tos_expiry_months":"Expires {{expiry_months}} month(s) after being redeemed.","vip_tier_achieved":"Unlocked {{tier_name}}","vip_tier_added_to":"Added to {{tier_name}}","general_apply_code":"Apply code","general_share_link":"Share your Personal Link","referrals_email_to":"To","vip_achieved_until":"Achieved until","vip_tier_to_unlock":"to unlock","general_reward_show":"Show","referrals_completed":"referrals completed so far","vip_tier_dropped_to":"Fell to {{tier_name}}","vip_tier_on_highest":"You did it! You're on the highest tier ð","general_balance_text":"store credit","general_past_rewards":"Past rewards","general_product_page":"product page","general_ways_to_earn":"Ways to earn","general_your_rewards":"Your rewards","referrals_email_send":"Send email","referrals_get_reward":"Get your","referrals_share_link":"Share this link with a friend for them to claim the reward","social_facebook_like"
29516:"Like page on Facebook","social_tiktok_follow":"Follow on TikTok","social_twitter_share":"Share link on Twitter","tos_min_order_amount":"Applies to all orders over {{min_order_amount}}.","vip_tier_earn_points":"Earn {{points}} Points","vip_tier_retained_to":"Kept {{tier_name}}","vip_tier_vip_history":"VIP History","general_cancel_points":"Points canceled","general_no_points_yet":"No Points yet","general_refund_points":"Points refunded","general_sms_subscribe":"Subscribe to SMS","social_facebook_share":"Share link on Facebook","social_twitter_follow":"Follow on Twitter","vip_reward_earned_via":"Earned via {{vip_tier_name}} tier","vip_you_have_achieved":"You've achieved","wallet_pass_subscribe":"Add Wallet Pass","general_cancel_credits":"Credits canceled","general_no_rewards_yet":"No rewards yet","general_place_an_order":"Place an order","general_points_expired":"Points expired","general_refund_credits":"Credits refunded","general_sms_subscribed":"Subscribed to SMS","general_upload_receipt":"Submit an In-Store Receipt","general_ways_to_redeem":"Ways to redeem","referrals_claim_reward":"Claim your gift","referrals_code_invalid":"This referral code is invalid","referrals_email_invite":"Refer friends by email","referrals_visitor_desc":"Refer a friend who makes a purchase and both of you will claim rewards.","review_complete_points":"{{points_amount}} Points for every review posted","tos_min_order_quantity":"Minimum {{min_order_quantity}} items required in cart.","general_birthday_reward":"Celebrate with a reward","general_challenge_photo":"Submit a Challenge Photo","general_credits_expired":"Credits expired","general_discount_amount":"points for ${{discount_amount}} off","general_email_subscribe":"Subscribe to Emails","general_expiration_date":"Expiration Date","general_no_activity_yet":"No activity yet","general_placed_an_order":"Placed an order","general_points_activity":"Points History","general_share_via_email":"Share via Email","general_upcoming_reward":"Upcoming reward","general_you_have_points":"You have {{points}} points","membership_order_placed":"Credits earned from placing an order","referrals_email_message":"Message","referrals_invalid_email":"Please enter a valid email address","referrals_referral_code":"Your referral link to share","social_instagram_follow":"Follow on Instagram","tos_apply_to_collection":"Only for products in specific collections.","tos_max_shipping_amount":"Maximum shipping amount of {{max_shipping_amount}}.","vip_tier_no_vip_history":"No VIP membership history yet","general_email_subscribed":"Subscribed to Emails","general_enter_valid_date":"Please enter a valid date","general_points_for_every":"Points for every","general_uploaded_receipt":"Submitted an In-Store Receipt","general_vip_tier_upgrade":"VIP Tier Upgrade Points","referral_complete_points":"{{points_amount}} Points for every referral completed","referrals_call_to_action":"Refer friends and earn","referrals_claimed_reward":"Here's your","referrals_create_account":"Create an Account","referrals_status_blocked":"blocked","referrals_status_pending":"pending","referrals_your_referrals":"Your referrals","general_click_to_see_more":"View My Rewards Account","general_product_purchased":"Product Purchased","general_redeemed_a_reward":"Redeemed a Reward","general_use_discount_code":"Use this discount code on your next order!","gift_card_sync_past_tense":"Gift card sync","referrals_already_visited":"Already visited this page","referrals_general_invalid":"Sorry, looks like this referral is invalid","referrals_referred_reward":"They will get","referrals_referrer_reward":"You will get","general_celebrate_birthday":"Celebrate a birthday","general_how_to_earn_points":"How do I earn Points?","referrals_no_referrals_yet":"No referrals yet","referrals_program_disabled":"This referral program is disabled","referrals_status_completed":"completed","review_complete_past_tense":"Posted a product review","survey_complete_past_tense":"Completed a Survey","general_add_product_to_cart":"Add product to cart","general_balance_text_plural":"Credits","general_fallback_first_name":"there","general_not_enough_earnings":"Not enough earnings to redeem","general_were_awarded_points":"were awarded points","activity_table_header_status":"Status","general_manual_points_adjust":"manual points adjustment","referral_complete_past_tense":"Completed a Referral","referrals_similar_ip_invalid":"We are unable to process referrals within the same IP address","store_credit_sync_past_tense":"Store credit sync","vip_tier_orders_placed_count":"Place {{amount}} Orders","general_activate_store_credit":"Activate Store Credit","general_celebrate_anniversary":"Celebrate Loyalty Anniversary","general_punch_card_checkpoint":"Punch Card Checkpoint","general_redeemed_store_credit":"Redeemed Store Credit","checkout_ui_redeem_points_desc":"You have {{points}} points! Redeem for discounts on this order.","general_discount_amount_coupon":"${{discount_amount}} off coupon","general_have_not_earned_points":"You haven't earned any Points yet.","membership_page_benefits_title":"Membership Benefits","referrals_email_to_placeholder":"Add a comma-separated list of emails","referrals_name_must_be_present":"Please enter your first name","checkout_ui_redeem_points_login":"Log in","checkout_ui_redeem_points_title":"Redeem your points","general_add_points_default_note":"Points granted by points import","general_celebrate_your_birthday":"Let's celebrate your birthday! ð Please give us 30 days notice - otherwise, you'll have to wait another year.","general_please_choose_an_option":"Please choose an option from the","general_redeem_error_max_points":"Exceeded maximum points to spend","general_redeem_error_min_points":"Did not meet minimum points to redeem","referrals_email_already_claimed":"This email has already been claimed","referrals_general_invalid_title":"We're Sorry","social_facebook_like_past_tense":"Liked a page on Facebook","social_tiktok_follow_past_tense":"Followed on TikTok","
29516social_twitter_share_past_tense":"Shared a link on Twitter","social_facebook_share_past_tense":"Shared a link on Facebook","social_twitter_follow_past_tense":"Followed on Twitter","wallet_pass_subscribe_past_tense":"Added Wallet Pass","general_points_for_judgeme_review":"JudgeMe review","membership_page_benefits_subtitle":"Here's an overview of your membership benefits","referrals_account_already_claimed":"You already have an account. You can invite your friends to win rewards!","vip_tier_products_purchased_count":"Purchase {{amount}} Specific Products","checkout_ui_activate_account_title":"Activate Your Account","checkout_ui_redeemed_rewards_title":"Your rewards","general_reset_removal_default_note":"Existing points removed for points reset from import","referrals_your_referrals_show_here":"Your referrals will show here.","social_instagram_follow_past_tense":"Followed on Instagram","checkout_ui_points_estimation_title":"Complete this purchase to earn {{points}} points","checkout_ui_refer_friends_login_url":"account\/login?return_url=\/account\u0026email={{customer_email}}","general_loyalty_program_and_rewards":"Loyalty Program \u0026 Rewards","general_vip_tier_upgrade_past_tense":"{{tier_name}} Entry Points","general_your_rewards_will_show_here":"Your rewards will show here.","membership_page_banner_login_button":"Sign In","membership_page_banner_login_prefix":"Already a member?","membership_tier_unlocked_past_tense":"Membership Signup","referrals_email_message_placeholder":"Customize your referral message. The referral link will be automatically added.","checkout_ui_redeem_points_login_desc":"to view your points balance and discover rewards available for redemption.","checkout_ui_redeem_store_credit_desc":"You have ${{store_credit}} in store credit.","vip_tier_product_ids_purchased_count":"Purchase {{amount}} Specific Products","checkout_ui_cashback_estimation_title":"Complete this purchase to earn up to {{cashback}} in CashBack","checkout_ui_install_wallet_pass_title":"Install our Wallet Pass for Exclusive Offers","checkout_ui_points_estimation_subtext":"Loyalty points can be redeemed for rewards on future purchases. Actual points awarded may differ if other discounts are applied.","checkout_ui_redeem_store_credit_title":"Apply your store credit","checkout_ui_refer_friends_login_title":"Claim your points from this purchase !","general_celebrate_birthday_past_tense":"Celebrated a birthday","general_reset_new_balance_default_note":"Points reset to new balance by points import","general_use_discount_code_free_product":"Use this discount code on your next order to get a free product!","membership_page_explainer_step_1_title":"Signup","membership_page_explainer_step_2_title":"Earn","membership_page_explainer_step_3_title":"Redeem","membership_recurring_signup_past_tense":"Recurring Credit","referrals_advocate_stats_email_claimed":"Claimed","checkout_ui_activate_account_button_url":"\/account\/login?return_url=\/account","checkout_ui_cashback_estimation_subtext":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","membership_page_banner_login_button_url":"\/account\/login?return_url=\/account","checkout_ui_activate_account_button_text":"Activate Account","checkout_ui_activate_account_description":"Activate your loyalty account to start earning points, tracking rewards, and accessing exclusive member benefits.","checkout_ui_redeem_points_alternate_name":"points","checkout_ui_redeemed_rewards_description":"Your rewards available to use","checkout_ui_redeemed_rewards_login_title":"Log in","checkout_ui_refer_friends_referral_title":"Refer a Friend","general_celebrate_anniversary_past_tense":"Celebrated Loyalty Anniversary","referrals_advocate_stats_email_completed":"Completed","referrals_create_account_to_claim_coupon":"Create an Account to claim your coupon","checkout_ui_redeemed_rewards_select_label":"Select a Reward","membership_page_banner_add_to_cart_button":"Join Now","membership_page_explainer_step_1_subtitle":"Create an account on our store","membership_page_explainer_step_2_subtitle":"Earn points for shopping","membership_page_explainer_step_3_subtitle":"Redeem points for discounts","checkout_ui_install_wallet_pass_button_url":"\/#rivo","general_converted_to_credits_external_note":"Converted your points balance to store credit","general_converted_to_credits_internal_note":"Converted from points to store credit","membership_page_activity_table_header_date":"Date","membership_page_activity_table_no_activity":"No activity yet","membership_page_banner_is_subscriber_title":"Welcome to our Membership Program","membership_page_status_is_subscriber_title":"You have an Active Membership","referrals_advocate_stats_email_link_clicks":"Link Clicks","checkout_ui_install_wallet_pass_button_text":"Install Wallet Pass","checkout_ui_install_wallet_pass_description":"Unlock exclusive offers and rewards with our Wallet Pass.","checkout_ui_login_notification_banner_title":"Have loyalty discounts or rewards that you'd like to apply?","checkout_ui_refer_friends_login_description":"Log in or register to activate your loyalty account, redeem your points and access your special offers.","membership_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","membership_page_banner_non_subscriber_title":"Join our Membership Program","membership_recurring_anniversary_past_tense":"Membership Anniversary Credits","checkout_ui_redeem_incremental_earnings_desc":"How much of your ${{balance}} in balance would you like to redeem?","checkout_ui_refer_friends_login_button_title":"Activate my account","general_order_placed_store_credit_multiplier":"Earn cash back for every $1 spent","membership_page_activity_table_header_action":"Activity","referrals_advocate_stats_email_unique_visits":"Unique visits from your link","referrals_email_your_friend_has_referred_you":"Your friend has referred you to {{shop_name}}","checkout_ui_login_notification_banner_subtext":"to login to your account","checkout_ui_redeem_incremental_earnings_login":"Log in","checkout_ui_redeem_incremental_earnings_title":"Redeem store balance","checkout_ui_redeem_points_select_custom_label":"{{reward_name}} orders ${{min_order_amount}}+ for {{points_amount}} points","checkout_ui_refer_friends_referral_button_url":"","membership_page_banner_add_to_cart_button_url":"\/membership-add-to-cart","membership_page_cancel_membership_modal_title":"Are you sure you want to cancel your membership?","membership_page_explainer_is_subscriber_title":"Hi \u003cspan rivo-x-data=\"{ username: $store.customer.first_name || 'there' }\" rivo-x-text=\"username\"\u003e\u003c\/span\u003e, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_credits_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e in Store Credit","membership_page_status_is_subscriber_subtitle":"You will be charged next on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_next_charge_date\"\u003e\u003c\/span\u003e","referrals_email_checkout_out_and_claim_reward":"Check out the referral link and claim a free reward.","checkout_ui_redeem_points_select_discount_desc":"Please select a discount","checkout_ui_redeemed_rewards_login_description":"to view your rewards available to use.","checkout_ui_refer_friends_referral_description":"Share your referral link with friends and earn rewards each time a new friend makes a purchase.","membership_page_activity_table_header_earnings":"Points","membership_page_cancel_membership_modal_button":"Yes, Cancel my Membership","membership_page_explainer_non_subscriber_title":"How it Works","checkout_ui_login_notification_banner_link_text":"Click here","checkout_ui_redeem_points_select_discount_label":"Select Discount","checkout_ui_redeemed_rewards_select_description":"Please select a reward","checkout_ui_refer_friends_referral_button_title":"Refer a Friend","membership_page_status_update_payment_link_text":"Update Payment Method","referrals_advocate_stats_email_no_referrals_yet":"No referrals yet.","membership_page_banner_is_subscriber_description":"You'v unlocked exclusive savings, rewards \u0026 VIP access.","membership_page_explainer_is_subscriber_subtitle":"Here's an overview of your current credits balance and recent activity","checkout_ui_redeem_store_credit_apply_button_text":"Apply Store Credit","membership_page_banner_non_subscriber_description":"Unlock exclusive savings, rewards \u0026 VIP access.","membership_page_update_payment_method_modal_title":"Update Payment Method","checkout_ui_redeem_incremental_earnings_login_desc":"to view your balance.","membership_page_status_cancel_membership_link_text":"Cancel","membership_page_status_rejoin_membership_link_text":"Rejoin Membership","checkout_ui_refer_friends_referral_text_field_label":"Your referral link","membership_page_cancel_membership_modal_description":"We'd hate to see you leave. Your membership includes exclusive benef
29516its that you'll lose access to immediately.","checkout_ui_redeem_incremental_earnings_desc_applied":"You're using {{applied_balance}} of your available {{balance}} in store credit","membership_page_status_pending_cancellation_subtitle":"Your membership will be cancelled on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_queued_for_cancellation_at\"\u003e\u003c\/span\u003e","checkout_ui_cashback_estimation_title_usd_to_currency":"Complete this purchase to earn up to {{cashback_usd_to_currency}} in CashBack","referrals_advocate_stats_email_friends_order_verified":"Friends order was verified","referrals_advocate_stats_email_referral_link_to_share":"Here's your referral link to share with friends.","referrals_advocate_stats_email_friend_claimed_discount":"Friend claimed discount","checkout_ui_cashback_estimation_subtext_usd_to_currency":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","checkout_ui_post_purchase_account_activation_button_url":"\/account\/login?return_url=\/account","membership_page_update_payment_method_modal_description":"We've sent you an email to update your payment method. Please check your inbox and follow the instructions.","checkout_ui_redeem_incremental_earnings_form_input_label":"Earnings amount","checkout_ui_redeem_incremental_discount_code_change_error":"{{code}} couldn't be used with your existing discounts.","checkout_ui_redeem_incremental_earnings_form_submit_button":"Redeem","checkout_ui_redeem_points_not_enough_points_banner_message":"You're {{points_amount}} points away from a reward","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency":"You have {{formatted_credits_tally_usd_to_currency}}) in store credit to redeem (subject to FX rates at time of redemption)","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency_applied":"You're using {{applied_balance_to_currency}} of your available {{formatted_credits_tally_usd_to_currency}} in store credit","general_drop_points":"Limited time bonus points","general_drop_credits":"Limited time bonus credits","general_drop_points_expired":"Limited time bonus points expired","general_drop_credits_expired":"Limited time bonus credits expired","general_discount_code_applied_to_cart":"Discount applied to your cart","activity_expiration_label":"Expires","activity_table_header_expiration":"Expires At","social_provide_instagram_handle":"Share your Instagram handle","social_provide_tiktok_handle":"Share your TikTok handle","social_provide_instagram_handle_past_tense":"Shared your Instagram handle","social_provide_tiktok_handle_past_tense":"Shared your TikTok handle","social_provide_handle_button":"Share handle","social_handle_placeholder":"@username","social_handle_missing":"Please enter your handle","checkout_ui_redeem_points_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","checkout_ui_gift_with_purchase_applied_message":"Free gift applied","checkout_ui_redeem_incremental_earnings_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","membership_page_activity_table_header_expiration":"Expires At"}}}; 29517 window.Rivo.global_config = {"asset_urls":{"loy":{"api_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_api.js?v=1764090844","lp_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_lp.js?v=1764090843","lp_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_lp.css?v=1787090345","profile_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_profile.js?v=1764090842","profile_loyalty_js":null,"profile_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_profile.css?v=1786981399","init_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_init.js?v=1764090841","referrals_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_referrals.js?v=1764090845","referrals_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_referrals.css?v=1700287043","widget_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0037\/2110\/1430\/t\/963\/assets\/ba_loy_widget.js?v=1728252181","widget_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_widget.css?v=1692840875","page_init_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_page_init.js?v=1711433130","page_widget_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_page_widget.js?v=1711432435","page_widget_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_page.css?v=1693059047","page_preview_js":null,"app_proxy_applications_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/app_proxy_application.js?v=1708835151"},"forms":{"init_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_forms_init.js?v=1711433134","widget_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_forms_widget.js?v=1711433135","forms_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_forms.css?v=1691714518"},"global":{"helper_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_tracking.js?v=1764090840"}},"proxy_paths":{"loy":"\/apps\/ba-loy","app_metrics":"\/apps\/ba-loy\/app_metrics"},"aat":["loy"],"pv":false,"sts":false,"bam":true,"batc":false,"base_money_format":"\u003cspan\u003e${{amount}}\u003c\/span\u003e","online_store_version":2,"loy_js_api_enabled":true,"hide_console_ad":false,"shopify_markets_enabled":true,"google_client_id":"105612801293-i27f7uh4jfd7tajl14hqbqlvd6dr5psc.apps.googleusercontent.com","multipass_v_token":false,"clear_latest_order_cache":false,"shop":{"id":10469048384,"name":"KITSCH","domain":"www.mykitsch.com"},"theme_extension_local_assets":false}; 29518 29519 if (!window.Rivo.global_config.theme_extension_local_assets) { 29520 window.Rivo.global_config.asset_urls = { 29521 ...window.Rivo.global_config.asset_urls, 29522 loy: { 29523 api_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b
295231-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_api.js', 29524 init_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_init.js', 29525 referrals_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_referrals.js', 29526 referrals_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_referrals.css', 29527 widget_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_widget.js', 29528 widget_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_widget.css', 29529 page_init_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_page_init.js', 29530 page_widget_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_page_widget.js', 29531 page_widget_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_page.css', 29532 page_preview_js: "/assets/msg/loy_page_preview.js", 29533 app_proxy_application_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/app_proxy_application.js', 29534 lp_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_lp.js', 29535 profile_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_profile.js', 29536 profile_loyalty_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_profile_loyalty.js' 29537 }, 29538 forms: { 29539 init_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_forms_init.js', 29540 widget_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_forms_widget.js', 29541 forms_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_forms.css' 29542 }, 29543 global: { 29544 helper_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_tracking.js' 29545 } 29546 }; 29547 } 29548 29549 29550 if (window.Rivo.common.template == 'collection'){ 29551 window.Rivo.common.collection = { 29552 id: 355099902133, title: "Best Sellers", handle: "best-sellers" 29553 }; 29554 } 29555 29556 29557 window.Rivo.loy_config = {"brand_theme_settings":{"enabled":false,"button_bg":"#2932fc","header_bg":"#2932fc","custom_css":"","desc_color":"#737376","icon_color":"#3a3a3a","link_color":"#2932fc","visibility":"both","cards_shape":"rounded","hide_widget":true,"launcher_bg":"#286ef8","mobile_icon":"star","mobile_text":"Rewards","title_color":"#212b36","banner_image":"","desktop_icon":"star","desktop_text":"Rewards","inputs_shape":"rounded","primary_font":null,"buttons_shape":"rounded","mobile_layout":"icon_with_text","primary_color":"#2932fc","desktop_layout":"icon_with_text","launcher_shape":"circle","secondary_font":null,"container_shape":"rounded","mobile_placement":"right","button_text_color":"#fff","desktop_placement":"right","header_text_color":"#fff","powered_by_hidden":true,"launcher_text_color":"#ffffff","mobile_side_spacing":20,"desktop_side_spacing":20,"panel_order_settings":{"vip":"3","points":"1","referrals":"2"},"visibility_condition":"","mobile_bottom_spacing":20,"desktop_bottom_spacing":20,"hide_widget_permanently":true,"hide_widget_launcher_on_mobile":true},"launcher_style_settings":{"enabled":false,"button_bg":"#2932fc","header_bg":"#2932fc","custom_css":"","desc_color":"#737376","icon_color":"#3a3a3a","link_color":"#2932fc","visibility":"both","cards_shape":"rounded","hide_widget":true,"launcher_bg":"#286ef8","mobile_icon":"star","mobile_text":"Rewards","title_color":"#212b36","banner_image":"","desktop_icon":"star","desktop_text":"Rewards","inputs_shape":"rounded","primary_font":null,"buttons_shape":"rounded","mobile_layout":"icon_with_text","primary_color":"#2932fc","de
29557sktop_layout":"icon_with_text","launcher_shape":"circle","secondary_font":null,"container_shape":"rounded","mobile_placement":"right","button_text_color":"#fff","desktop_placement":"right","header_text_color":"#fff","powered_by_hidden":true,"launcher_text_color":"#ffffff","mobile_side_spacing":20,"desktop_side_spacing":20,"panel_order_settings":{"vip":"3","points":"1","referrals":"2"},"visibility_condition":"","mobile_bottom_spacing":20,"desktop_bottom_spacing":20,"hide_widget_permanently":true,"hide_widget_launcher_on_mobile":true},"points_program_enabled":true,"referral_program_enabled":true,"membership_program_enabled":false,"vip_program_enabled":true,"vip_progress_block_show_highest_tier":false,"vip_program_tier_type":"amount_spent","vip_program_period":"rolling_year","floating_widget_settings":{"enabled":false,"button_bg":"#2932fc","header_bg":"#2932fc","custom_css":"","desc_color":"#737376","icon_color":"#3a3a3a","link_color":"#2932fc","visibility":"both","cards_shape":"rounded","hide_widget":true,"launcher_bg":"#286ef8","mobile_icon":"star","mobile_text":"Rewards","title_color":"#212b36","banner_image":"","desktop_icon":"star","desktop_text":"Rewards","inputs_shape":"rounded","primary_font":null,"buttons_shape":"rounded","mobile_layout":"icon_with_text","primary_color":"#2932fc","desktop_layout":"icon_with_text","launcher_shape":"circle","secondary_font":null,"container_shape":"rounded","mobile_placement":"right","button_text_color":"#fff","desktop_placement":"right","header_text_color":"#fff","powered_by_hidden":true,"launcher_text_color":"#ffffff","mobile_side_spacing":20,"desktop_side_spacing":20,"panel_order_settings":{"points":"1","referrals":"2","vip":"3"},"visibility_condition":"","mobile_bottom_spacing":20,"desktop_bottom_spacing":20,"hide_widget_permanently":true,"hide_widget_launcher_on_mobile":true,"desktop_launcher_icon":null,"mobile_launcher_icon":null},"domain_name":"loyalty.rivo.io","font_settings":{"primary_font":null,"secondary_font":null},"translations":{"vip_perks":"Perks","vip_tiers":"VIP Tiers","general_by":"by","general_or":"OR","vip_reward":"VIP reward","vip_status":"VIP Status","general_day":"Day","social_like":"Like","social_share":"Share","vip_benefits":"Benefits","general_error":"Hmm, something went wrong, please try again shortly","general_month":"Month","general_point":"Point","general_spend":"you spend","general_spent":"Spent","social_follow":"Follow","tos_expiry_at":"Reward expires on {{expiry_date}}.","vip_tier_desc":"Gain access to exclusive rewards.","general_credit":"Credit","general_points":"Points","general_redeem":"Redeem","general_reward":"reward","vip_tier_spend":"Spend {{amount}}","general_credits":"Credits","general_go_back":"Go back","general_pending":"Pending","general_rewards":"Rewards","general_sign_in":"Sign in","general_sign_up":"Sign up","referrals_title":"Referral Program","review_complete":"Post a product review","survey_complete":"Complete a Survey","general_approved":"Approved","general_share_on":"Share via","general_you_have":"You have","tos_free_product":"Reward only applies to {{product_name}}","acct_creation_btn":"Start Earning","general_cancelled":"Cancelled","general_edit_date":"Edit Date","general_save_date":"Save date","general_show_more":"Show more","general_signed_up":"signed up","member_point_desc":"Earn points and turn these into rewards!","referral_complete":"Complete a Referral","tos_expiry_months":"Expires {{expiry_months}} month(s) after being redeemed.","vip_tier_achieved":"Unlocked {{tier_name}}","vip_tier_added_to":"Added to {{tier_name}}","acct_creation_desc":"Get rewarded for being an awesome customer","general_apply_code":"Apply code","general_share_link":"Share your Personal Link","referrals_email_to":"To","vip_achieved_until":"Achieved until","vip_tier_to_unlock":"to unlock","visitor_point_desc":"Earn points and turn these into rewards!","acct_creation_title":"Join and Earn Rewards","general_drop_points":"Limited time bonus points","general_reward_show":"Show","member_header_title":"{points}","member_point_header":"Points","referrals_completed":"referrals completed so far","vip_tier_dropped_to":"Fell to {{tier_name}}","vip_tier_on_highest":"You did it! You're on the highest tier ð","general_balance_text":"store credit","general_drop_credits":"Limited time bonus credits","general_past_rewards":"Past rewards","general_product_page":"product page","general_ways_to_earn":"Ways to earn","general_your_rewards":"Your rewards","referrals_email_send":"Send email","referrals_get_reward":"Get your","referrals_share_link":"Share this link with a friend for them to claim the reward","social_facebook_like"
29557:"Like page on Facebook","social_tiktok_follow":"Follow on TikTok","social_twitter_share":"Share link on Twitter","tos_min_order_amount":"Applies to all orders over {{min_order_amount}}.","vip_tier_earn_points":"Earn {{points}} Points","vip_tier_retained_to":"Kept {{tier_name}}","vip_tier_vip_history":"VIP History","visitor_header_title":"ð Rewards Program","visitor_point_header":"Earn Points","acct_creation_sign_in":"Already a member?","general_cancel_points":"Points canceled","general_no_points_yet":"No Points yet","general_refund_points":"Points refunded","general_sms_subscribe":"Subscribe to SMS","member_header_caption":"Your points","social_facebook_share":"Share link on Facebook","social_handle_missing":"Please enter your handle","social_twitter_follow":"Follow on Twitter","vip_reward_earned_via":"Earned via {{vip_tier_name}} tier","vip_you_have_achieved":"You've achieved","wallet_pass_subscribe":"Add Wallet Pass","general_apply_code_now":"Apply code now","general_cancel_credits":"Credits canceled","general_no_rewards_yet":"No rewards yet","general_place_an_order":"Place an order","general_points_expired":"Points expired","general_refund_credits":"Credits refunded","general_sms_subscribed":"Subscribed to SMS","general_upload_receipt":"Submit an In-Store Receipt","general_ways_to_redeem":"Ways to redeem","referrals_claim_reward":"Claim your gift","referrals_code_invalid":"This referral code is invalid","referrals_email_invite":"Refer friends by email","referrals_visitor_desc":"Refer a friend who makes a purchase and both of you will claim rewards.","review_complete_points":"{{points_amount}} Points for every review posted","tos_min_order_quantity":"Minimum {{min_order_quantity}} items required in cart.","visitor_header_caption":"Join now and unlock awesome rewards","general_birthday_reward":"Celebrate with a reward","general_challenge_photo":"Submit a Challenge Photo","general_credits_expired":"Credits expired","general_discount_amount":"points for ${{discount_amount}} off","general_email_subscribe":"Subscribe to Emails","general_expiration_date":"Expiration Date","general_no_activity_yet":"No activity yet","general_placed_an_order":"Placed an order","general_points_activity":"Points History","general_share_via_email":"Share via Email","general_upcoming_reward":"Upcoming reward","general_you_have_points":"You have {{points}} points","membership_order_placed":"Credits earned from placing an order","referrals_email_message":"Message","referrals_invalid_email":"Please enter a valid email address","referrals_referral_code":"Your referral link to share","social_instagram_follow":"Follow on Instagram","tos_apply_to_collection":"Only for products in specific collections.","tos_max_shipping_amount":"Maximum shipping amount of {{max_shipping_amount}}.","vip_tier_no_vip_history":"No VIP membership history yet","general_email_subscribed":"Subscribed to Emails","general_enter_valid_date":"Please enter a valid date","general_points_for_every":"Points for every","general_uploaded_receipt":"Submitted an In-Store Receipt","general_vip_tier_upgrade":"VIP Tier Upgrade Points","referral_complete_points":"{{points_amount}} Points for every referral completed","referrals_call_to_action":"Refer friends and earn","referrals_claimed_reward":"Here's your","referrals_create_account":"Create an Account","referrals_status_blocked":"blocked","referrals_status_pending":"pending","referrals_your_referrals":"Your referrals","activity_expiration_label":"Expires","general_click_to_see_more":"View My Rewards Account","general_product_purchased":"Product Purchased","general_redeemed_a_reward":"Redeemed a Reward","general_use_discount_code":"Use this discount code on your next order!","gift_card_sync_past_tense":"Gift card sync","referrals_already_visited":"Already visited this page","referrals_general_invalid":"Sorry, looks like this referral is invalid","referrals_referred_reward":"They will get","referrals_referrer_reward":"You will get","social_handle_placeholder":"@username","general_celebrate_birthday":"Celebrate a birthday","general_how_to_earn_points":"How do I earn Points?","loyalty_page_general_spent":"Spent","loyalty_page_rewards_title":"Rewards","referrals_no_referrals_yet":"No referrals yet","referrals_program_disabled":"This referral program is disabled","referrals_status_completed":"completed","review_complete_past_tense":"Posted a product review","survey_complete_past_tense":"Completed a Survey","general_add_product_to_cart":"Add product to cart","general_balance_text_plural":"Credits","general_drop_points_expired":"Limited time bonus points expired","general_fallback_first_name":"there","general_not_enough_earnings":"Not enough earnings to redeem","general_were_awarded_points":"were awarded points","loyalty_page_general_points":"Points","loyalty_page_general_redeem":"Redeem","activity_table_header_status":"Status","general_drop_credits_expired":"Limited time bonus credits expired","general_manual_points_adjust":"manual points adjustment","referral_complete_past_tense":"Completed a Referral","referrals_similar_ip_invalid":"We are unable to process referrals within the same IP address","social_provide_handle_button":"Share handle","social_provide_tiktok_handle":"Share your TikTok handle","store_credit_sync_past_tense":"Store credit sync","vip_tier_orders_placed_count":"Place {{amount}} Orders","general_activate_store_credit":"Activate Store Credit","general_apply_to_subscription":"Apply to
29557subscription","general_celebrate_anniversary":"Celebrate Loyalty Anniversary","general_punch_card_checkpoint":"Punch Card Checkpoint","general_redeem_error_vip_tier":"This reward requires a higher VIP tier","general_redeemed_store_credit":"Redeemed Store Credit","general_store_credit_redeemed":"{{store_credit_amount}} in store credit has been added to your account. Apply at checkout.","loyalty_page_rewards_subtitle":"You have the following rewards ready to use","checkout_ui_redeem_points_desc":"You have {{points}} points! Redeem for discounts on this order.","general_discount_amount_coupon":"${{discount_amount}} off coupon","general_have_not_earned_points":"You haven't earned any Points yet.","membership_page_benefits_title":"Membership Benefits","referrals_email_to_placeholder":"Add a comma-separated list of emails","referrals_name_must_be_present":"Please enter your first name","account_ui_loyalty_status_title":"Welcome, {{first_name}}! You have {{balance}} points","checkout_ui_redeem_points_login":"Log in","checkout_ui_redeem_points_title":"Redeem your points","general_add_points_default_note":"Points granted by points import","general_celebrate_your_birthday":"Let's celebrate your birthday! ð Please give us 30 days notice - otherwise, you'll have to wait another year.","general_please_choose_an_option":"Please choose an option from the","general_redeem_error_max_points":"Exceeded maximum points to spend","general_redeem_error_min_points":"Did not meet minimum points to redeem","loyalty_page_banner_earn_button":"Earn points","loyalty_page_rewards_no_rewards":"No rewards yet","loyalty_page_ways_to_earn_title":"\u003cspan class=\"rivo-lp-section-subheading\"\u003eBeauty With Benefits\u003c\/span\u003eHow To Earn","referrals_email_already_claimed":"This email has already been claimed","referrals_general_invalid_title":"We're Sorry","social_facebook_like_past_tense":"Liked a page on Facebook","social_provide_instagram_handle":"Share your Instagram handle","social_tiktok_follow_past_tense":"Followed on TikTok","social_twitter_share_past_tense":"Shared a link on Twitter","activity_table_header_expiration":"Expires At","loyalty_page_banner_login_button":"Sign In","loyalty_page_upload_receipt_help":"Purchased Kitsch in a store? Upload a receipt within the last 30 days to earn points. Please lay the receipt on a flat surface and take a photo from a close distance.","social_facebook_share_past_tense":"Shared a link on Facebook","social_twitter_follow_past_tense":"Followed on Twitter","wallet_pass_subscribe_past_tense":"Added Wallet Pass","account_slideout_home_login_title":"Sign in to manage your account","general_cashback_not_earned_title":"You didn't earn CashBack on this order","general_cross_collection_purchase":"Cross Collection Purchase","general_points_for_judgeme_review":"JudgeMe review","loyalty_page_banner_redeem_button":"Redeem Rewards","loyalty_page_subscribe_email_help":"Subscribe to our email list and earn points","loyalty_page_ways_to_redeem_title":"Use Your Beauty Points For Beauty Perks","membership_page_benefits_subtitle":"Here's an overview of your membership benefits","referrals_account_already_claimed":"You already have an account. You can invite your friends to win rewards!","vip_tier_products_purchased_count":"Purchase {{amount}} Specific Products","account_ui_loyalty_status_subtitle":"You're on the {{vip_tier_name}} tier","checkout_ui_activate_account_title":"Activate Your Account","checkout_ui_redeemed_rewards_title":"Your rewards","general_reset_removal_default_note":"Existing points removed for points reset from import","general_store_credit_transfer_sent":"Sent {{amount}} credit to {{recipient_email}}","loyalty_page_customer_birthday_day":"Day","loyalty_page_upload_receipt_attach":"Attach File","loyalty_page_upload_receipt_button":"Submit Receipt","loyalty_page_ways_to_earn_subtitle":"Build your beauty routine. Earn Points. Itâs that easy.","referrals_your_referrals_show_here":"Your referrals will show here.","social_instagram_follow_past_tense":"Followed on Instagram","account_slideout_orders_login_title":"Sign in to view your orders","checkout_ui_points_estimation_title":"Complete this purchase to earn {{points}} points","checkout_ui_refer_friends_login_url":"account\/login?return_url=\/account\u0026email={{customer_email}}","general_cashback_not_earned_subject":"You didn't earn CashBack on this order","general_loyalty_program_and_rewards":"Loyalty Program \u0026 Rewards","general_vip_tier_upgrade_past_tense":"{{tier_name}} Entry Points","general_your_rewards_will_show_here":"Your rewards will show here.","loyalty_page_banner_logged_in_title":"Kitsch\u003cbr\u003eRewards","loyalty_page_banner_register_button":"Join Now","loyalty_page_explainer_step_1_title":"Sign Up","loyalty_page_explainer_step_2_title":"Earn Points","loyalty_page_explainer_step_3_title":"Redeem","loyalty_page_subscribe_email_button":"Subscribe","loyalty_page_upload_receipt_no_file":"Please select a file to upload","loyalty_page_upload_receipt_success":"Thanks! Your receipt will be reviewed shortly","membership_page_banner_login_button":"Sign In","membership_page_banner_login_prefix":"Already a member?","membership_tier_unlocked_past_tense":"Membership Signup","referrals_email_message_placeholder":"Customize your referral message. The referral link will be automatically added.","account_slideout_profile_login_title":"Sign in to manage your profile","checkout_ui_redeem_points_login_desc":"to view your points balance and discover rewards available for redemption.","checkout_ui_redeem_store_credit_desc":"You have ${{store_credit}} in store credit.","general_cashback_not_earned_subtitle":"This order wasn't eligible for CashBack.","loyalty_page_banner_logged_out_title":"Kitsch\u003cbr\u003eRewards","loyalty_page_banner_login_button_url":"","loyalty_page_customer_birthday_month":"Month","loyalty_page_customer_birthday_title":"Celebrate your birthday","loyalty_page_ways_to_redeem_subtitle":"Putting your routine first has its perks. Redeem points to restock your must-havesâ¦\u003cem\u003eor to try something new\u003c\/em\u003e.","vip_tier_product_ids_purchased_count":"Purchase {{amount}} Specific Products","checkout_ui_cashback_estimation_title":"Complete this purchase to earn up to {{cashback}} in CashBack","checkout_ui_install_wallet_pass_title":"Install our Wallet Pass for E
29557xclusive Offers","checkout_ui_points_estimation_subtext":"Loyalty points can be redeemed for rewards on future purchases. Actual points awarded may differ if other discounts are applied.","checkout_ui_redeem_store_credit_title":"Apply your store credit","checkout_ui_refer_friends_login_title":"Claim your points from this purchase !","general_applied_to_subscription_order":"Applied to subscription order","general_celebrate_birthday_past_tense":"Celebrated a birthday","general_choose_redemption_destination":"Choose to use it now or on your next subscription order","general_discount_code_applied_to_cart":"Discount applied to your cart","loyalty_page_general_enter_valid_date":"Please enter a valid date","account_dashboard_activity_block_title":"Your Activity","account_dashboard_member_card_cta_text":"View Rewards","account_dashboard_referral_block_title":"Refer a friend","general_reset_new_balance_default_note":"Points reset to new balance by points import","general_store_credit_transfer_received":"Received {{amount}} credit from {{sender_email}}","general_use_discount_code_free_product":"Use this discount code on your next order to get a free product!","loyalty_page_explainer_logged_in_title":"Hi there, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_points_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e Points","loyalty_page_explainer_step_1_subtitle":"Create your free account \u0026 start earning right away ","loyalty_page_explainer_step_2_subtitle":"Get rewarded for shopping your beauty essentials","loyalty_page_explainer_step_3_subtitle":"Stack up your points to save on your next order","loyalty_page_vip_tier_1_threshold_text":"Free to join","loyalty_page_vip_tier_2_threshold_text":"Spend $100","loyalty_page_vip_tier_3_threshold_text":"Spend $250","loyalty_page_vip_tier_4_threshold_text":"Spend $400","loyalty_page_vip_tiers_logged_in_title":"\u003cspan class=\"rivo-lp-section-subheading\"\u003eYou're a VIP (Yes, you!)\u003c\/span\u003eMore Beauty, More Benefits","membership_page_explainer_step_1_title":"Signup","membership_page_explainer_step_2_title":"Earn","membership_page_explainer_step_3_title":"Redeem","membership_recurring_signup_past_tense":"Recurring Credit","referrals_advocate_stats_email_claimed":"Claimed","checkout_ui_activate_account_button_url":"\/account\/login?return_url=\/account","checkout_ui_cashback_estimation_subtext":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","general_subscription_redemption_applied":"This reward will apply to your next subscription order","loyalty_page_activity_table_header_date":"Date","loyalty_page_activity_table_no_activity":"No activity yet","loyalty_page_banner_register_button_url":"","loyalty_page_explainer_logged_out_title":"How it Works","loyalty_page_vip_tiers_logged_out_title":"More Beauty, More Benefits","membership_page_banner_login_button_url":"\/account\/login?return_url=\/account","social_provide_tiktok_handle_past_tense":"Shared your TikTok handle","account_dashboard_member_card_body_title":"You have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e Points","account_ui_loyalty_status_cta_button_url":"\/pages\/loyalty-program","checkout_ui_activate_account_button_text":"Activate Account","checkout_ui_activate_account_description":"Activate your loyalty account to start earning points, tracking rewards, and accessing exclusive member benefits.","checkout_ui_redeem_points_alternate_name":"points","checkout_ui_redeemed_rewards_description":"Your rewards available to use","checkout_ui_redeemed_rewards_login_title":"Log in","checkout_ui_refer_friends_referral_title":"Refer a Friend","general_celebrate_anniversary_past_tense":"Celebrated Loyalty Anniversary","loyalty_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","loyalty_page_customer_birthday_save_date":"Save Date","loyalty_page_upload_challenge_photo_help":"Upload a challenge photo to earn.","referrals_advocate_stats_email_completed":"Completed","referrals_create_account_to_claim_coupon":"Create an Account to claim your coupon","account_dashboard_referral_block_subtitle":"Give your friends a reward and claim your own when they make a purchase","account_ui_loyalty_status_cta_button_text":"View Rewards","checkout_ui_redeemed_rewards_select_label":"Select a Reward","loyalty_page_activity_table_header_action":"Activity","loyalty_page_banner_logged_in_description":"Get rewarded for your beauty routine! Sign up for Kitsch Rewards to start earning points on every purchase.","loyalty_page_explainer_logged_in_subtitle":"Here's an overview of your current points balance and recent activity","loyalty_page_vip_tiers_logged_in_subtitle":"You are on the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.tier?.name\"\u003e\u003c\/span\u003e tier","membership_page_banner_add_to_cart_button":"Join Now","membership_page_explainer_step_1_subtitle":"Create an account on our store","membership_page_explainer_step_2_subtitle":"Earn points for shopping","membership_page_explainer_step_3_subtitle":"Redeem points for discounts","account_dashboard_member_card_header_title":"Welcome \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.first_name\"\u003e\u003c\/span\u003e","account_dashboard_vip_tiers_progress_t
29557itle":"VIP Tier Status","checkout_ui_install_wallet_pass_button_url":"\/#rivo","general_converted_to_credits_external_note":"Converted your points balance to store credit","general_converted_to_credits_internal_note":"Converted from points to store credit","loyalty_page_banner_logged_out_description":"Get rewarded for your beauty routine! Sign up for Kitsch Rewards to start earning points on every purchase.","loyalty_page_general_activate_store_credit":"Activate Store Credit","loyalty_page_general_redeemed_store_credit":"Redeemed Store Credit","loyalty_page_upload_challenge_photo_attach":"Attach File","loyalty_page_upload_challenge_photo_button":"Submit Challenge Photo","loyalty_page_vip_tiers_logged_out_subtitle":"Elevate your routine and your rewards tier! Even more points and exclusive perks await.","membership_page_activity_table_header_date":"Date","membership_page_activity_table_no_activity":"No activity yet","membership_page_banner_is_subscriber_title":"Welcome to our Membership Program","membership_page_status_is_subscriber_title":"You have an Active Membership","referrals_advocate_stats_email_link_clicks":"Link Clicks","social_provide_instagram_handle_past_tense":"Shared your Instagram handle","account_dashboard_member_card_body_subtitle":"You're on the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.tier?.name\"\u003e\u003c\/span\u003e tier","account_dashboard_referral_block_share_html":"\u003ca href=\"\/pages\/refer-a-friend\"\u003eEmail your link to friends\u003c\/a\u003e or \u003ca href=\"\/pages\/refer-a-friend?popup_panel=email_stats\"\u003eget your stats\u003c\/a\u003e","checkout_ui_install_wallet_pass_button_text":"Install Wallet Pass","checkout_ui_install_wallet_pass_description":"Unlock exclusive offers and rewards with our Wallet Pass.","checkout_ui_login_notification_banner_title":"Have loyalty discounts or rewards that you'd like to apply?","checkout_ui_refer_friends_login_description":"Log in or register to activate your loyalty account, redeem your points and access your special offers.","loyalty_page_activity_table_header_earnings":"Points","loyalty_page_upload_challenge_photo_no_file":"Please select a file to upload","loyalty_page_upload_challenge_photo_success":"Thanks! Your challenge photo will be reviewed shortly","membership_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","membership_page_banner_non_subscriber_title":"Join our Membership Program","membership_recurring_anniversary_past_tense":"Membership Anniversary Credits","account_dashboard_unused_rewards_block_title":"Use your rewards","checkout_ui_redeem_incremental_earnings_desc":"How much of your ${{balance}} in balance would you like to redeem?","checkout_ui_refer_friends_login_button_title":"Activate my account","general_order_placed_store_credit_multiplier":"Earn cash back for every $1 spent","loyalty_page_vip_tiers_progress_column_title":"","membership_page_activity_table_header_action":"Activity","referrals_advocate_stats_email_unique_visits":"Unique visits from your link","referrals_email_your_friend_has_referred_you":"Your friend has referred you to {{shop_name}}","account_dashboard_vip_tiers_progress_subtitle":"Earn \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn\"\u003e\u003c\/span\u003e points to reach the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.name\"\u003e\u003c\/span\u003e tier.","checkout_ui_login_notification_banner_subtext":"to login to your account","checkout_ui_redeem_incremental_earnings_login":"Log in","checkout_ui_redeem_incremental_earnings_title":"Redeem store balance","checkout_ui_redeem_points_select_custom_label":"{{reward_name}} orders ${{min_order_amount}}+ for {{points_amount}} points","checkout_ui_refer_friends_referral_button_url":"","loyalty_page_activity_table_header_expiration":"Expires At","membership_page_banner_add_to_cart_button_url":"\/membership-add-to-cart","membership_page_cancel_membership_modal_title":"Are you sure you want to cancel your membership?","membership_page_explainer_is_subscriber_title":"Hi \u003cspan rivo-x-data=\"{ username: $store.customer.first_name || 'there' }\" rivo-x-text=\"username\"\u003e\u003c\/span\u003e, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_credits_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e in Store Credit","membership_page_status_is_subscriber_subtitle":"You will be charged next on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_next_charge_date\"\u003e\u003c\/span\u003e","referrals_email_checkout_out_and_claim_reward":"Check out the referral link and claim a free reward.","account_dashboard_rewards_progress_block_t
29557itle":"Earn more rewards","checkout_ui_gift_with_purchase_applied_message":"Free gift applied","checkout_ui_redeem_points_select_discount_desc":"Please select a discount","checkout_ui_redeem_points_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","checkout_ui_redeemed_rewards_login_description":"to view your rewards available to use.","checkout_ui_refer_friends_referral_description":"Share your referral link with friends and earn rewards each time a new friend makes a purchase.","membership_page_activity_table_header_earnings":"Points","membership_page_cancel_membership_modal_button":"Yes, Cancel my Membership","membership_page_explainer_non_subscriber_title":"How it Works","account_dashboard_unused_rewards_block_subtitle":"Use your previously redeemed rewards:","checkout_ui_login_notification_banner_link_text":"Click here","checkout_ui_redeem_points_select_discount_label":"Select Discount","checkout_ui_redeemed_rewards_select_description":"Please select a reward","checkout_ui_refer_friends_referral_button_title":"Refer a Friend","general_store_credit_transfer_sent_via_gift_url":"Sent {{amount}} credit via gift URL {{transfer_url}}","loyalty_page_vip_tiers_progress_column_subtitle":"Spend \u003cspan rivo-x-data rivo-x-html=\"$store.customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn\"\u003e\u003c\/span\u003e to reach the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.name\"\u003e\u003c\/span\u003e tier.","membership_page_status_update_payment_link_text":"Update Payment Method","referrals_advocate_stats_email_no_referrals_yet":"No referrals yet.","account_dashboard_unused_rewards_block_date_text":"Redeemed on: {{date}}","membership_page_activity_table_header_expiration":"Expires At","membership_page_banner_is_subscriber_description":"You'v unlocked exclusive savings, rewards \u0026 VIP access.","membership_page_explainer_is_subscriber_subtitle":"Here's an overview of your current credits balance and recent activity","account_dashboard_referral_block_copy_button_text":"Copy","account_dashboard_rewards_progress_block_subtitle":"Earn another \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_amount_to_next_reward\"\u003e\u003c\/span\u003e points to unlock a \u003cspan rivo-x-data rivo-x-text=\"$store.customer.next_reward?.name\"\u003e\u003c\/span\u003e reward\u003c\/p\u003e","account_dashboard_unused_rewards_block_no_rewards":"No rewards yet","checkout_ui_redeem_store_credit_apply_button_text":"Apply Store Credit","membership_page_banner_non_subscriber_description":"Unlock exclusive savings, rewards \u0026 VIP access.","membership_page_update_payment_method_modal_title":"Update Payment Method","checkout_ui_redeem_incremental_earnings_login_desc":"to view your balance.","membership_page_status_cancel_membership_link_text":"Cancel","membership_page_status_rejoin_membership_link_text":"Rejoin Membership","checkout_ui_refer_friends_referral_text_field_label":"Your referral link","membership_page_cancel_membership_modal_description":"We'd hate to see you leave. Your membership includes exclusive benefits that you'll lose access to immediately.","checkout_ui_redeem_incremental_earnings_desc_applied":"You're using {{applied_balance}} of your available {{balance}} in store credit","membership_page_status_pending_cancellation_subtitle":"Your membership will be cancelled on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_queued_for_cancellation_at\"\u003e\u003c\/span\u003e","checkout_ui_cashback_estimation_title_usd_to_currency":"Complete this purchase to earn up to {{cashback_usd_to_currency}} in CashBack","referrals_advocate_stats_email_friends_order_verified":"Friends order was verified","referrals_advocate_stats_email_referral_link_to_share":"Here's your referral link to share with friends.","referrals_advocate_stats_email_friend_claimed_discount":"Friend claimed discount","account_dashboard_vip_tiers_progress_completed_subtitle":"Congrats! You've reached the highest tier.","checkout_ui_cashback_estimation_subtext_usd_to_currency":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","checkout_ui_post_purchase_account_activation_button_url":"\/account\/login?return_url=\/account","membership_page_update_payment_method_modal_description":"We've sent you an email to update your payment method. Please check your inbox and follow the instructions.","checkout_ui_redeem_incremental_earnings_form_input_label":"Earnings amount","checkout_ui_redeem_incremental_discount_code_change_error":"{{code}} couldn't be used with your existing discounts.","checkout_ui_redeem_incremental_earnings_form_submit_button":"Redeem","checkout_ui_redeem_points_not_enough_points_banner_message":"You're {{points_amount}} points away from a reward","account_dashboard_rewards_progress_block_completed_subtitle":"Keep earning points to unlock more rewards","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency":"You have {{formatted_credits_tally_usd_to_currency}}) in store credit to redeem (subject to FX rates at time of redemption)","checkout_ui_redeem_incremental_earnings_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency_applied":"You're using {{applied_balance_to_currency}} of your available {{formatted_credits_tally_usd_to_currency}} in store credit"},"custom_css":null,"ways_to_earn":[{"id":148700,"title":"Sign up","status":"active","name":null,"trigger":"customer_member_enabled","points_amount":50,"credits_amount":0.0,"balance_amount":50,"description":null,"url":null,"button_text":null,"pretty_earnings_text":"50 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/8094psjdmb1xyit5z83sielvj0g2","multi_balance_settings_by_tiers":{},"multipliers":[],"currency_base_amount":1,"points_type":"fixed"},{"id":148702,"title":"Celebrate a birthday","status":"active","name":null,"trigger":"customer_birthday","points_amount":150,"credits_amount":0.0,"balance_amount":150,"description":null,"url":null,"button_text":null,"pretty_earnings_text":"150 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/9d1tvirz3ql3ua7tr4zskll4qj6h","multi_balance_settings_by_tiers":{"Treat Yourself":{"balance_amount":300,"currency_base_amount":1},"Ready to Reset":{"balance_amount":150,"currency_base_amount":1},"All Access":{"balance_amount":750,"currency_base_amount":1},"Ritual Revamped":{"balance_amount":500,"currency_base_amount":1}},"multipliers":[],"currency_base_amount":1,"points_type":"fixed"},{"id":306030,"title":"Sign up for Email","status":"active","name":"Sign up for Email","trigger":"email_subscribe","points_amount":100,"credits_amount":0.0,"balance_amount":100,"description":"{{points_amount}} Points","url":"#","button_text":null,"pretty_earnings_text":"100 Points","card_click_method":"modal","hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/r7bsyle25r3vxgjebw5rv2gmt6dh"},{"id":202429,"title":"Download our App","status":"active","name":"Download our App","trigger":"custom_action","points_amount":100,"credits_amount":0.0,"balance_amount":100,"description":"{{points_amount}} Points","url":"https:\/\/fuego.io\/share\/5E6BG7YaMy","button_text":"Install app","pretty_earnings_text":"100 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/l5l5l84wc6a9e4c5uc8jzy4iup6i"},{"id":148701,"title":"Place an order","status":"active","name":null,"trigger":"order_placed","points_amount":1,"credits_amount":0.0,"balance_amount":1,"description":"Earn cash back for every $1 spent","url":"","button_text":null,"pretty_earnings_text":"1 Points","card_click_method":"modal","hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/37p2ptvyfuihk7hufa0g7d00971j","multi_balance_settings_by_tiers":{"Treat Yourself":{"balance_amount":2,"currency_base_amount":1},"Ready to Reset":{"balance_amount":1,"currency_base_amount":1},"All Access":{"balance_amount":4,"currency_base_amount":1},"Ritual Revamped":{"balance_amount":3,"currency_base_amount":1}},"multipliers":[],"currency_base_amount":1,"points_type":"multiplier"},{"id":566069,"title":"Link Target Circle","status":"active","name":"Link Target Circle","trigger":"custom_action","points_amount":50,"credits_amount":0.0,"balance_amount":50,"description":"Earn 50 bonus points for connecting to Target Circle","url":"https:\/\/mykitsch.com\/apps\/subtotal\/link\/ThEZyBRx","button_text":"Connect ","pretty_earnings_text":"50 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/1e7xffx9pubszga8x5nk5d1fsr8x"},{"id":575516,"title":"Link Amazon","status":"active","name":"Link Amazon","trigger":"custom_action","points_amount":50,"credits_amount":0.0,"balance_amount":50,"description":"Earn 50 bonus points for connecting to Amazon","url":"https:\/\/mykitsch.com\/apps\/subtotal\/link\/Y8nWocz7","button_text":"Link Amazon","pretty_earnings_text":"50 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/gkcylsm71y8hugmqq5djhodvi0gf"},{"id":579088,"title":"Link Ulta Beauty","status":"active","name":"Link Ulta Beauty","trigger":"custom_action","points_amount":50,"credits_amount":0.0,"balance_amount":50,"description":"Get 50 bonus points for linking your account","url":"https:\/\/mykitsch.com\/apps\/subtotal\/link\/CenEXyYf","button_text":"Link Ulta Beauty","pretty_earnings_text":"50 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/iedjhdxnymmt3y3yoajsht7x78vy"},{"id":566070,"title":"Make a Retail Purchase","status":"active","name":"Make a Retail Purchase","trigger":"custom_action","points_amount":1,"credits_amount":0.0,"balance_amount":1,"description":"Earn 1 point per $ spent in your linked stores","url":"","button_text":"","pretty_earnings_text":"1 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/lyixk8xzf91194jijaxa6zwm6n5n"},{"id":264109,"title":"Submit an In-Store Receipt","status":"active","name":null,"trigger":"upload_receipt","points_amount":1,"credits_amount":0.0,"balance_amount":1,"description":null,"url":null,"button_text":null,"pretty_earnings_text":"1 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/fwigeeaoxibr3nqqda0fefnprk92","multi_balance_settings_by_tiers":{},"multipliers":[],"currency_base_amount":1,"points_type":"multiplier"},{"id":410422,"title":"Every 5th Subscription Bonus","status":"active","name":"Every 5th Subscription Bonus","trigger":"custom_action","points_amount":1000,"credits_amount":0.0,"balance_amount":1000,"description":"{{points_amount}} Points","url":"","button_text":"","pretty_earnings_text":"1,000 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/52199r7leqxn2ec9ufu89l4emm6v"},{"id":148770,"title":"Make 3 purchases","status":"active","name":"Make 3 purchases","trigger":"custom_action","points_amount":150,"credits_amount":0.0,"balance_amount":150,"description":"{{points_amount}} Points","url":"","button_text":"","pretty_earnings_text":"150 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/huj2xs5tjfv83nzsuzlkiu404usj"},{"id":148771,"title":"Post a Review","status":"active","name":"Post a Review","trigger":"review_complete","points_amount":20,"credits_amount":0.0,"balance_amount":20,"description":null,"url":"","button_text":null,"pretty_earnings_text":"20 Points","card_click_method":"modal","hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/17mu1kod8mchmnf8jmfmsfkfki04"}
29557,{"id":148776,"title":"Follow on TikTok","social":true,"trigger":"tiktok_follow","status":"active","points_amount":20,"credits_amount":0.0,"balance_amount":20,"url":"https:\/\/www.tiktok.com\/@kitsch","pretty_earnings_text":"20 Points","hidden_from_ui":false,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/64mwd7f1lqpjmrgc5l1a2pcq3jn4"},{"id":148768,"title":"Follow on Instagram","social":true,"trigger":"instagram_follow","status":"active","points_amount":20,"credits_amount":0.0,"balance_amount":20,"url":"https:\/\/instagram.com\/mykitsch","pretty_earnings_text":"20 Points","hidden_from_ui":false,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/slp4tl2talkkb2tz326x2w3anfca"},{"id":148769,"title":"Like page on Facebook","social":true,"trigger":"facebook_like","status":"active","points_amount":20,"credits_amount":0.0,"balance_amount":20,"url":"https:\/\/facebook.com\/mykitsch","pretty_earnings_text":"20 Points","hidden_from_ui":false,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/dfkz985o4hdjgfy7bskttdq5cso4"},{"id":228790,"title":"Join our Facebook Community","status":"active","name":"Join our Facebook Community","trigger":"visit_url","points_amount":100,"credits_amount":0.0,"balance_amount":100,"description":"{{points_amount}} Points","url":"https:\/\/www.facebook.com\/groups\/thekitschcommunity","button_text":"Join","pretty_earnings_text":"100 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"icon_url":"https:\/\/loyalty.rivo.io\/assets\/1vuk7v21xzrze73kxav5fxjh66eq"},{"id":552215,"title":"Complete a Challenge","status":"active","name":"Complete a Challenge","trigger":"challenge_photo","points_amount":300,"credits_amount":0.0,"balance_amount":300,"description":"Take a selfie with a Kitsch product","url":"","button_text":"","pretty_earnings_text":"300 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[]}],"points_rewards":[{"id":663390,"name":"Hematite Metal Cloud Claw Clip","enabled":true,"points_amount":750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Hematite Metal Cloud Claw Clip (750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/2c57np35owlw247fmw8a8pdns3yj","pretty_points_amount":"750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":9.0,"min_order_value_in_cents":100,"product_id":"7682137686197","variant_ids":"43709838491829","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66956-MetalMediumOpenShapePuffyClawClip-1pc-Hair-Hematite-hero-1280x1280px.jpg?v=1762182675","product_title":"Hematite Metal Cloud Claw Clip","variants":[{"id":"43709838491829","title":"Default Title","price":9.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7682137686197","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Hematite Metal Cloud Claw Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663382,"name":"Cherry Flat Cloud Clip - Medium","enabled":true,"points_amount":750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Cherry Flat Cloud Clip - Medium (750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/rswuif8up1ffw7jkzjl8k8me0a1s","pretty_points_amount":"750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":9.0,"min_order_value_in_cents":100,"product_id":"8068495540405","variant_ids":"44782584660149","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500447-MediumFlatCloudClip-SeasonalCollection-Cherry-hero-1280x1280px.jpg?v=1762182828","product_title":"Cherry Flat Cloud Clip - Medium","variants":[{"id":"44782584660149","title":"Default Title","price":9.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8068495540405","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Cherry Flat Cloud Clip - Medium Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663399,"name":"Blue Orchid Chiffon Bow Hair Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Blue Orchid Chiffon Bow Hair Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/8n6ngzbcig71vvxxj2e0lw98hey2","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"8009722953909","variant_ids":"44596707164341","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69346-ChiffonBowHairClip-1pc-Hair-BlueOrchid-hero-1280x1280px.jpg?v=1762182778","product_title":"Blue Orchid Chiffon Bow Hair Clip","variants":[{"id":"44596707164341","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8009722953909","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Blue Orchid Chiffon Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663386,"name":"Rosewood Bow Hair Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Rosewood Bow Hair Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/nc5dbq1h6oeb0o1k7ytvaso1385v","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"7623177076917","variant_ids":"43530574397621","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66840-RecycledFabr
29557icBowHairClip-1pc-Hair-Rosewood-Hero-1280x1280px.jpg?v=1786237230","product_title":"Rosewood Bow Hair Clip","variants":[{"id":"43530574397621","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7623177076917","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Rosewood Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663397,"name":"Black Bow Hair Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Black Bow Hair Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/2bemmalxn3g2tyuzqarxxzrknx9s","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"7503446704309","variant_ids":"43145297363125","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/64310-RecycledFabricBowHairClip-1pc-Hair-Black-Hero-1280x1280px.jpg?v=1786236175","product_title":"Black Bow Hair Clip","variants":[{"id":"43145297363125","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7503446704309","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Black Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663383,"name":"Detangle Wide Tooth Comb","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Detangle Wide Tooth Comb (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/576mtvotaxr66bw3ftt6p5lqczfz","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"4429102743586","variant_ids":"31527888584738","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/4949-ConsciouslyCreatedWideToothComb-KitschPro-hero-1280x1280px.jpg?v=1762182281","product_title":"Detangle Wide Tooth Comb","variants":[{"id":"31527888584738","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"4429102743586","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Detangle Wide Tooth Comb Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663389,"name":"Tea Tree \u0026 Mint Clarifying Conditioner Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Tea Tree \u0026 Mint Clarifying Conditioner Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/86ymvi1gwfc8rarp12ly3j3cxa83","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7745698857141","variant_ids":"43916267684021","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66833-TeaTree_MintSolidConditioner-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1780094362","product_title":"Tea Tree \u0026 Mint Clarifying Conditioner Bar","variants":[{"id":"43916267684021","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7745698857141","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Tea Tree \u0026 Mint Clarifying Conditioner Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663409,"name":"Coconut Oil Conditioner Bar for Dry Damaged Hair","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Coconut Oil Conditioner Bar for Dry Damaged Hair (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/cfj5olimtcdlx2hj1zt2u2tvhecx","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"5994330652853","variant_ids":"37257704177845","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/5465-CoconutOilConditionerBar-BottleFreeBeauty-Moisturizing-hero-1280x1280px_c59991d1-ca93-44b9-9a73-017786113c1b.jpg?v=1783713064","product_title":"Coconut Oil Conditioner Bar for Dry Damaged Hair","variants":[{"id":"37257704177845","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"5994330652853","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Coconut Oil Conditioner Bar for Dry Damaged Hair Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663384,"name":"Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/170cbao6shcib44skc8nw9dffvke","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7301864554677","variant_ids":"42309547753653","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/9432-UltraSensitiveSolidShampoo_BodyWashBar-BottleFreeBeauty-hero-1280x1280px.jpg?v=1784239711","product_title":"Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free","variants":[{"id":"42309547753653","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7301864554677","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663385,"name":"Ultra Sensitive Conditioner \u0026 Shave Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Ultra Sensitive Conditioner \u0026 Shave Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/ebypdqbshhk5pw5camhbl3fui85d","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7372302057653","variant_ids":"42535365017781","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/9821-UltraGentleSolidConditioner-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1779823400","product_title":"Ultra Sensitive Conditioner \u0026 Shave Bar","variants":[{"id":"42535365017781","title":"Default Title","price":14.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7372302057653","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Ultra Sensitive Conditioner \u0026 Shave Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":483188,"name":"Castor Oil Nourishing Shampoo Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Castor Oil Nourishing Shampoo Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/4epbktq567q0l4ds3l4vb64pnv2a","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"4617093480482","variant_ids":"32284793602082","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/5472-CastorOilOilSolidShampoo-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1781206835","product_title":"Castor Oil Nourishing Shampoo Bar","variants":[{"id":"32284793602082","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"4617093480482","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Castor Oil Nourishing Shampoo Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":483189,"name":"Castor Oil Nourishing Conditioner Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Castor Oil Nourishing Conditioner Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/pep6f61r7a98ih3vunujqfhbk1mr","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7696267772085","variant_ids":"43761727602869","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66826-CastorOilSolidConditioner-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1783719789","product_title":"Castor Oil Nourishing Conditioner Bar","variants":[{"id":"43761727602869","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7696267772085","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Castor Oil Nourishing Conditioner Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663380,"name":"Pistachio Latte Hair Perfume","enabled":true,"points_amount":2000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Pistachio Latte Hair Perfume (2,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/s05xfkzh6pqeoayk4dgaj26c5ys1","pretty_points_amount":"2,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":20.0,"min_order_value_in_cents":100,"product_id":"8022087499957","variant_ids":"44624970186933","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/698
2955765-PistachioLatte-HairPerfume-Fragrance-50ml-hero-1280x1280px_1.jpg?v=1788624039","product_title":"Pistachio Latte Hair \u0026 Body Perfume Mist","variants":[{"id":"44624970186933","title":"Default Title","price":20.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8022087499957","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Pistachio Latte Hair \u0026 Body Perfume Mist Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663381,"name":"Sheer Violet Hair Perfume","enabled":true,"points_amount":2000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Sheer Violet Hair Perfume (2,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/iky73fkwsts755u98zidecnf8tv2","pretty_points_amount":"2,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":20.0,"min_order_value_in_cents":100,"product_id":"8022084878517","variant_ids":"44624967532725","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69421-SheerViolet-HairPerfume-Fragrance-50ml-hero-1280x1280px_91ed5008-494c-457d-a770-2b8c9e2e7a85.jpg?v=1788569326","product_title":"Sheer Violet Hair \u0026 Body Perfume Mist","variants":[{"id":"44624967532725","title":"Default Title","price":20.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8022084878517","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Sheer Violet Hair \u0026 Body Perfume Mist Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663401,"name":"Chocolate Cloud Claw Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Chocolate Cloud Claw Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/xjkdfon0c35ck9fbsoipl17tg7i3","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"7503446048949","variant_ids":"43145293103285","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/64990-RecycledPlastic-PuffyClawClip-1pc-Hair-Chocolate-hero-1280x1280px.jpg?v=1762182595","product_title":"Chocolate Cloud Claw Clip","variants":[{"id":"43145293103285","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7503446048949","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Chocolate Cloud Claw Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663402,"name":"Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/mivt0isoag0iilvfackhpngsdomh","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"8009738289333","variant_ids":"44596722598069","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69445-Cloud_GemBobbyPins-8pc-Hair-GardenBouquet-hero-1280x1280px.jpg?v=1762182778","product_title":"Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set","variants":[{"id":"44596722598069","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8009738289333","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663422,"name":"Satin \u0026 Rhinestone Bow Scrunchie","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Satin \u0026 Rhinestone Bow Scrunchie (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/mb6xl17pa4ia10ffzppf3ydkbf2r","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"10187850580149","variant_ids":"51367623393461","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/503677-Satin_RhinestoneBowScrunchie-SeasonalCollection-Red-Hero-1280x1280px_2121a4a9-4ed7-4481-9fe4-a357e55c0f32.jpg?v=1762002584","product_title":"Satin \u0026 Rhinestone Bow Scrunchie","variants":[{"id":"51367623393461","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"10187850580149","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Satin \u0026 Rhinestone Bow Scrunchie Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663404,"name":"Cherry Print Cloud Claw Clip - Medium","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Cherry Print Cloud Claw Clip - Medium (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/mtiwfe7zt6cbyausziesptxq0axa","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"8187742159029","variant_ids":"45218622570677","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500409-MediumCloudClip-SeasonalCollection-CherryPrint-hero-NoShadow-1280x1280px.jpg?v=1762182853","product_title":"Cherry Print Cloud Claw Clip - Medium","variants":[{"id":"45218622570677","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8187742159029","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Cherry Print Cloud Claw Clip - Medium Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663406,"name":"Velvet \u0026 Gemstone Bow Hair Clip","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Velvet \u0026 Gemstone Bow Hair Clip (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/iz52ybwif4ocmwxjz9ugypknh8dl","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"10187850449077","variant_ids":"51367623131317","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/503660-Velvet_GemstoneBowHairClip-SeasonalCollection-Red-Hero-1280x1280px_413c511e-31b4-4abc-9ed1-6897f1dff21c.jpg?v=1762002466","product_title":"Velvet \u0026 Gemstone Bow Hair Clip","variants":[{"id":"51367623131317","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"10187850449077","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Velvet \u0026 Gemstone Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663407,"name":"Glycolic Acid Resurfacing Face and Body Wash","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Glycolic Acid Resurfacing Face and Body Wash (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/12a0doy3smhaz7yo1mqhicewgkda","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"8185657786549","variant_ids":"45209995641013","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/504650-GlycolicAcidSolidFace_BodyWash-BottleFreeBeauty-Hero-1280x1280px_ab2d9605-8008-4046-acb9-c7f1a74d010f.jpg?v=1776724084","product_title":"Glycolic Acid Resurfacing Face and Body Wash","variants":[{"id":"45209995641013","title":"Default Title","price":14.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8185657786549","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Glycolic Acid Resurfacing Face and Body Wash Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663408,"name":"Jojoba Bead Exfoliating Body Wash Bar","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Jojoba Bead Exfoliating Body Wash Bar (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/9o8ypzeqkj9otfyskjow7vxkl1xw","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"8185657589941","variant_ids":"45209995018421","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/504667-JojobaBeadSolidBodyWash-BottleFreeBeauty-Exfoliating-hero-1280x1280px_2cbc36ba-69ae-4083-9a1a-4d341a7c7384.jpg?v=1778176828","product_title":"Jojoba Bead Exfoliating Body Wash Bar","variants":[{"id":"45209995018421","title":"Default Title","price":14.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8185657589941","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Jojoba Bead Exfoliating Body Wash Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663410,"name":"Coconut Oil Shampoo Bar for Dry Damaged Hair","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Coconut Oil Shampoo Bar for Dry Damaged Hair (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/daqdqsv69zauv3ib8buepiww1wqp","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7785573023925","variant_ids":"44017100718261","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/64938-CoconutOilShampooBar-BottleFreeBeauty-Moisturizing-hero-1280x1280px_76efe85c-e326-4b1c-8054-95b98a0df7cf.jpg?v=1783712888","product_title":"Coconut Oil Shampoo Bar for Dry Damaged Hair","variants":[{"id":"44017100718261","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7785573023925","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Coconut Oil Shampoo Bar for Dry Damaged Hair Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663414,"name":"Volumizing Rice Protein Dry Shampoo - Invisible 1 oz","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Volumizing Rice Protein Dry Shampoo - Invisible 1 oz (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/ce2v198t2cwhbn6p2vmfk0802dqq","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"8058108412085","variant_ids":"44751341519029","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500935-VolumizingRiceProteinDryShampoo-HairCare-1ozPump-Invisible-2-1280x1280px_677e15c8-5916-4910-b8f1-3a1cff23420b.jpg?v=1759254512","product_title":"Volumizing Rice Protein Dry Shampoo - Invisible 1 oz","variants":[{"id":"44751341519029","title":"Default Title","price":15.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8058108412085","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Volumizing Rice Protein Dry Shampoo - Invisible 1 oz Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663415,"name":"Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/m0b4i6i9205ozge6krvxtqsik1m4","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.5,"min_order_value_in_cents":100,"product_id":"8058108575925","variant_ids":"44751341748405","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500942-VolumizingRiceProteinDryShampoo-HairCare-1ozPump-DarkTinted-1-1280x1280px.jpg?v=1762182821","product_title":"Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz","variants":[{"id":"44751341748405","title":"Default Title","price":15.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8058108575925","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663416,"name":"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/7ie4ybaamyzrr64gt6xxngok6mr8","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"7785571680437","variant_ids":"44017093771445","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?v=1762182720","product_title":"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots","variants":[{"id":"44017093771445","title":"Default Title","price":18.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7785571680437","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663417,"name":"Texturizing Sea Salt Spray","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Texturizing Sea Salt Spray (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/05m36a1a2439orel6r9hk3p81izv","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"8021527298229","variant_ids":"44623600058549","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69551-TexturizingSeaSaltSpray-Consumables-1280x1280px_1.jpg?v=1786040795","product_title":"Texturizing Sea Salt Spray","variants":[{"id":"44623600058549","title":"Default Title","price":18.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8021527298229","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Texturizing Sea Salt Spray Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":674304,"name":"KitschPop⢠Coastal Cottage Cloud Clip Set in Butter Yellow","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"KitschPop⢠Coastal Cottage Cloud Clip Set in
29557Butter Yellow (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/4m7qbqbjn7vbfrv2bzmae4sl7pow","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.4,"min_order_value_in_cents":100,"product_id":"10300765995189","variant_ids":"52049638588597","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/509402-CoastalCottage-KitschPopCloudClip-7pc-ButterYellow-hero-1280x1280px.jpg?v=1773958156","product_title":"KitschPop⢠Coastal Cottage Cloud Clip Set in Butter Yellow","variants":[{"id":"52049638588597","title":"Default Title","price":20.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"10300765995189","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to KitschPop⢠Coastal Cottage Cloud Clip Set in Butter Yellow Applies to all orders over $1.00. ","translated_terms_of_service":{}}],"rewards":[{"id":663390,"name":"Hematite Metal Cloud Claw Clip","enabled":true,"points_amount":750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Hematite Metal Cloud Claw Clip (750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/2c57np35owlw247fmw8a8pdns3yj","pretty_points_amount":"750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":9.0,"min_order_value_in_cents":100,"product_id":"7682137686197","variant_ids":"43709838491829","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66956-MetalMediumOpenShapePuffyClawClip-1pc-Hair-Hematite-hero-1280x1280px.jpg?v=1762182675","product_title":"Hematite Metal Cloud Claw Clip","variants":[{"id":"43709838491829","title":"Default Title","price":9.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7682137686197","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Hematite Metal Cloud Claw Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663382,"name":"Cherry Flat Cloud Clip - Medium","enabled":true,"points_amount":750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Cherry Flat Cloud Clip - Medium (750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/rswuif8up1ffw7jkzjl8k8me0a1s","pretty_points_amount":"750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":9.0,"min_order_value_in_cents":100,"product_id":"8068495540405","variant_ids":"44782584660149","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500447-MediumFlatCloudClip-SeasonalCollection-Cherry-hero-1280x1280px.jpg?v=1762182828","product_title":"Cherry Flat Cloud Clip - Medium","variants":[{"id":"44782584660149","title":"Default Title","price":9.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8068495540405","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Cherry Flat Cloud Clip - Medium Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663399,"name":"Blue Orchid Chiffon Bow Hair Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Blue Orchid Chiffon Bow Hair Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/8n6ngzbcig71vvxxj2e0lw98hey2","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"8009722953909","variant_ids":"44596707164341","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69346-ChiffonBowHairClip-1pc-Hair-BlueOrchid-hero-1280x1280px.jpg?v=1762182778","product_title":"Blue Orchid Chiffon Bow Hair Clip","variants":[{"id":"44596707164341","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8009722953909","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Blue Orchid Chiffon Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663386,"name":"Rosewood Bow Hair Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Rosewood Bow Hair Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/nc5dbq1h6oeb0o1k7ytvaso1385v","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"7623177076917","variant_ids":"43530574397621","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66840-RecycledFabr
29557icBowHairClip-1pc-Hair-Rosewood-Hero-1280x1280px.jpg?v=1786237230","product_title":"Rosewood Bow Hair Clip","variants":[{"id":"43530574397621","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7623177076917","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Rosewood Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663397,"name":"Black Bow Hair Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Black Bow Hair Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/2bemmalxn3g2tyuzqarxxzrknx9s","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"7503446704309","variant_ids":"43145297363125","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/64310-RecycledFabricBowHairClip-1pc-Hair-Black-Hero-1280x1280px.jpg?v=1786236175","product_title":"Black Bow Hair Clip","variants":[{"id":"43145297363125","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7503446704309","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Black Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663383,"name":"Detangle Wide Tooth Comb","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Detangle Wide Tooth Comb (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/576mtvotaxr66bw3ftt6p5lqczfz","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"4429102743586","variant_ids":"31527888584738","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/4949-ConsciouslyCreatedWideToothComb-KitschPro-hero-1280x1280px.jpg?v=1762182281","product_title":"Detangle Wide Tooth Comb","variants":[{"id":"31527888584738","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"4429102743586","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Detangle Wide Tooth Comb Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663389,"name":"Tea Tree \u0026 Mint Clarifying Conditioner Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Tea Tree \u0026 Mint Clarifying Conditioner Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/86ymvi1gwfc8rarp12ly3j3cxa83","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7745698857141","variant_ids":"43916267684021","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66833-TeaTree_MintSolidConditioner-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1780094362","product_title":"Tea Tree \u0026 Mint Clarifying Conditioner Bar","variants":[{"id":"43916267684021","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7745698857141","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Tea Tree \u0026 Mint Clarifying Conditioner Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663409,"name":"Coconut Oil Conditioner Bar for Dry Damaged Hair","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Coconut Oil Conditioner Bar for Dry Damaged Hair (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/cfj5olimtcdlx2hj1zt2u2tvhecx","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"5994330652853","variant_ids":"37257704177845","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/5465-CoconutOilConditionerBar-BottleFreeBeauty-Moisturizing-hero-1280x1280px_c59991d1-ca93-44b9-9a73-017786113c1b.jpg?v=1783713064","product_title":"Coconut Oil Conditioner Bar for Dry Damaged Hair","variants":[{"id":"37257704177845","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"5994330652853","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Coconut Oil Conditioner Bar for Dry Damaged Hair Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663384,"name":"Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/170cbao6shcib44skc8nw9dffvke","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7301864554677","variant_ids":"42309547753653","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/9432-UltraSensitiveSolidShampoo_BodyWashBar-BottleFreeBeauty-hero-1280x1280px.jpg?v=1784239711","product_title":"Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free","variants":[{"id":"42309547753653","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7301864554677","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Ultra Sensitive Shampoo \u0026 Body Wash Bar Fragrance Free Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663385,"name":"Ultra Sensitive Conditioner \u0026 Shave Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Ultra Sensitive Conditioner \u0026 Shave Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/ebypdqbshhk5pw5camhbl3fui85d","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7372302057653","variant_ids":"42535365017781","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/9821-UltraGentleSolidConditioner-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1779823400","product_title":"Ultra Sensitive Conditioner \u0026 Shave Bar","variants":[{"id":"42535365017781","title":"Default Title","price":14.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7372302057653","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Ultra Sensitive Conditioner \u0026 Shave Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":483188,"name":"Castor Oil Nourishing Shampoo Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Castor Oil Nourishing Shampoo Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/4epbktq567q0l4ds3l4vb64pnv2a","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"4617093480482","variant_ids":"32284793602082","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/5472-CastorOilOilSolidShampoo-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1781206835","product_title":"Castor Oil Nourishing Shampoo Bar","variants":[{"id":"32284793602082","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"4617093480482","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Castor Oil Nourishing Shampoo Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":483189,"name":"Castor Oil Nourishing Conditioner Bar","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Castor Oil Nourishing Conditioner Bar (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/pep6f61r7a98ih3vunujqfhbk1mr","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7696267772085","variant_ids":"43761727602869","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66826-CastorOilSolidConditioner-BottleFreeBeauty-hero-1280x1280px_1.jpg?v=1783719789","product_title":"Castor Oil Nourishing Conditioner Bar","variants":[{"id":"43761727602869","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7696267772085","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Castor Oil Nourishing Conditioner Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663380,"name":"Pistachio Latte Hair Perfume","enabled":true,"points_amount":2000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Pistachio Latte Hair Perfume (2,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/s05xfkzh6pqeoayk4dgaj26c5ys1","pretty_points_amount":"2,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":20.0,"min_order_value_in_cents":100,"product_id":"8022087499957","variant_ids":"44624970186933","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/698
2955765-PistachioLatte-HairPerfume-Fragrance-50ml-hero-1280x1280px_1.jpg?v=1788624039","product_title":"Pistachio Latte Hair \u0026 Body Perfume Mist","variants":[{"id":"44624970186933","title":"Default Title","price":20.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8022087499957","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Pistachio Latte Hair \u0026 Body Perfume Mist Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663381,"name":"Sheer Violet Hair Perfume","enabled":true,"points_amount":2000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Sheer Violet Hair Perfume (2,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/iky73fkwsts755u98zidecnf8tv2","pretty_points_amount":"2,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":20.0,"min_order_value_in_cents":100,"product_id":"8022084878517","variant_ids":"44624967532725","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69421-SheerViolet-HairPerfume-Fragrance-50ml-hero-1280x1280px_91ed5008-494c-457d-a770-2b8c9e2e7a85.jpg?v=1788569326","product_title":"Sheer Violet Hair \u0026 Body Perfume Mist","variants":[{"id":"44624967532725","title":"Default Title","price":20.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8022084878517","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Sheer Violet Hair \u0026 Body Perfume Mist Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663401,"name":"Chocolate Cloud Claw Clip","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Chocolate Cloud Claw Clip (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/xjkdfon0c35ck9fbsoipl17tg7i3","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"7503446048949","variant_ids":"43145293103285","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/64990-RecycledPlastic-PuffyClawClip-1pc-Hair-Chocolate-hero-1280x1280px.jpg?v=1762182595","product_title":"Chocolate Cloud Claw Clip","variants":[{"id":"43145293103285","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7503446048949","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Chocolate Cloud Claw Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663402,"name":"Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set (1,000 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/mivt0isoag0iilvfackhpngsdomh","pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":100,"product_id":"8009738289333","variant_ids":"44596722598069","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69445-Cloud_GemBobbyPins-8pc-Hair-GardenBouquet-hero-1280x1280px.jpg?v=1762182778","product_title":"Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set","variants":[{"id":"44596722598069","title":"Default Title","price":10.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8009738289333","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Garden Bouquet Cloud \u0026 Gem Bobby Pins 8pc Set Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663422,"name":"Satin \u0026 Rhinestone Bow Scrunchie","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Satin \u0026 Rhinestone Bow Scrunchie (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/mb6xl17pa4ia10ffzppf3ydkbf2r","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"10187850580149","variant_ids":"51367623393461","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/503677-Satin_RhinestoneBowScrunchie-SeasonalCollection-Red-Hero-1280x1280px_2121a4a9-4ed7-4481-9fe4-a357e55c0f32.jpg?v=1762002584","product_title":"Satin \u0026 Rhinestone Bow Scrunchie","variants":[{"id":"51367623393461","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"10187850580149","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Satin \u0026 Rhinestone Bow Scrunchie Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663404,"name":"Cherry Print Cloud Claw Clip - Medium","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Cherry Print Cloud Claw Clip - Medium (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/mtiwfe7zt6cbyausziesptxq0axa","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"8187742159029","variant_ids":"45218622570677","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500409-MediumCloudClip-SeasonalCollection-CherryPrint-hero-NoShadow-1280x1280px.jpg?v=1762182853","product_title":"Cherry Print Cloud Claw Clip - Medium","variants":[{"id":"45218622570677","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8187742159029","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Cherry Print Cloud Claw Clip - Medium Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663406,"name":"Velvet \u0026 Gemstone Bow Hair Clip","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Velvet \u0026 Gemstone Bow Hair Clip (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/iz52ybwif4ocmwxjz9ugypknh8dl","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"10187850449077","variant_ids":"51367623131317","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/503660-Velvet_GemstoneBowHairClip-SeasonalCollection-Red-Hero-1280x1280px_413c511e-31b4-4abc-9ed1-6897f1dff21c.jpg?v=1762002466","product_title":"Velvet \u0026 Gemstone Bow Hair Clip","variants":[{"id":"51367623131317","title":"Default Title","price":12.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"10187850449077","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Velvet \u0026 Gemstone Bow Hair Clip Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663407,"name":"Glycolic Acid Resurfacing Face and Body Wash","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Glycolic Acid Resurfacing Face and Body Wash (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/12a0doy3smhaz7yo1mqhicewgkda","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"8185657786549","variant_ids":"45209995641013","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/504650-GlycolicAcidSolidFace_BodyWash-BottleFreeBeauty-Hero-1280x1280px_ab2d9605-8008-4046-acb9-c7f1a74d010f.jpg?v=1776724084","product_title":"Glycolic Acid Resurfacing Face and Body Wash","variants":[{"id":"45209995641013","title":"Default Title","price":14.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8185657786549","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Glycolic Acid Resurfacing Face and Body Wash Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663408,"name":"Jojoba Bead Exfoliating Body Wash Bar","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Jojoba Bead Exfoliating Body Wash Bar (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/9o8ypzeqkj9otfyskjow7vxkl1xw","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":12.0,"min_order_value_in_cents":100,"product_id":"8185657589941","variant_ids":"45209995018421","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/504667-JojobaBeadSolidBodyWash-BottleFreeBeauty-Exfoliating-hero-1280x1280px_2cbc36ba-69ae-4083-9a1a-4d341a7c7384.jpg?v=1778176828","product_title":"Jojoba Bead Exfoliating Body Wash Bar","variants":[{"id":"45209995018421","title":"Default Title","price":14.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8185657589941","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Jojoba Bead Exfoliating Body Wash Bar Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663410,"name":"Coconut Oil Shampoo Bar for Dry Damaged Hair","enabled":true,"points_amount":1500,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Coconut Oil Shampoo Bar for Dry Damaged Hair (1,500 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/daqdqsv69zauv3ib8buepiww1wqp","pretty_points_amount":"1,500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.0,"min_order_value_in_cents":100,"product_id":"7785573023925","variant_ids":"44017100718261","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/64938-CoconutOilShampooBar-BottleFreeBeauty-Moisturizing-hero-1280x1280px_76efe85c-e326-4b1c-8054-95b98a0df7cf.jpg?v=1783712888","product_title":"Coconut Oil Shampoo Bar for Dry Damaged Hair","variants":[{"id":"44017100718261","title":"Default Title","price":16.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7785573023925","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Coconut Oil Shampoo Bar for Dry Damaged Hair Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663414,"name":"Volumizing Rice Protein Dry Shampoo - Invisible 1 oz","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Volumizing Rice Protein Dry Shampoo - Invisible 1 oz (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/ce2v198t2cwhbn6p2vmfk0802dqq","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"8058108412085","variant_ids":"44751341519029","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500935-VolumizingRiceProteinDryShampoo-HairCare-1ozPump-Invisible-2-1280x1280px_677e15c8-5916-4910-b8f1-3a1cff23420b.jpg?v=1759254512","product_title":"Volumizing Rice Protein Dry Shampoo - Invisible 1 oz","variants":[{"id":"44751341519029","title":"Default Title","price":15.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8058108412085","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Volumizing Rice Protein Dry Shampoo - Invisible 1 oz Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663415,"name":"Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/m0b4i6i9205ozge6krvxtqsik1m4","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.5,"min_order_value_in_cents":100,"product_id":"8058108575925","variant_ids":"44751341748405","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/500942-VolumizingRiceProteinDryShampoo-HairCare-1ozPump-DarkTinted-1-1280x1280px.jpg?v=1762182821","product_title":"Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz","variants":[{"id":"44751341748405","title":"Default Title","price":15.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8058108575925","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Volumizing Rice Protein Dry Shampoo - Dark Tinted 1 oz Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663416,"name":"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/7ie4ybaamyzrr64gt6xxngok6mr8","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"7785571680437","variant_ids":"44017093771445","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/66185-KojicAcidSolidFace_BodyWash-BottleFreeBeauty-Brightening-hero-1280x1280px.jpg?v=1762182720","product_title":"Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots","variants":[{"id":"44017093771445","title":"Default Title","price":18.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"7785571680437","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Kojic Acid Bar for Hyperpigmentation \u0026 Dark Spots Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":663417,"name":"Texturizing Sea Salt Spray","enabled":true,"points_amount":1750,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"Texturizing Sea Salt Spray (1,750 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/05m36a1a2439orel6r9hk3p81izv","pretty_points_amount":"1,750","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":15.0,"min_order_value_in_cents":100,"product_id":"8021527298229","variant_ids":"44623600058549","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/69551-TexturizingSeaSaltSpray-Consumables-1280x1280px_1.jpg?v=1786040795","product_title":"Texturizing Sea Salt Spray","variants":[{"id":"44623600058549","title":"Default Title","price":18.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"8021527298229","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to Texturizing Sea Salt Spray Applies to all orders over $1.00. ","translated_terms_of_service":{}},{"id":674304,"name":"KitschPop⢠Coastal Cottage Cloud Clip Set in Butter Yellow","enabled":true,"points_amount":1250,"points_type":"fixed","reward_type":"free_product","source":"points","pretty_display_rewards":"KitschPop⢠Coastal Cottage Cloud Clip Set in
29557Butter Yellow (1,250 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/4m7qbqbjn7vbfrv2bzmae4sl7pow","pretty_points_amount":"1,250","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":14.4,"min_order_value_in_cents":100,"product_id":"10300765995189","variant_ids":"52049638588597","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/509402-CoastalCottage-KitschPopCloudClip-7pc-ButterYellow-hero-1280x1280px.jpg?v=1773958156","product_title":"KitschPop⢠Coastal Cottage Cloud Clip Set in Butter Yellow","variants":[{"id":"52049638588597","title":"Default Title","price":20.0,"image_url":null}],"terms_of_service":{"reward_type":"free_product","product_id":"10300765995189","min_order_amount":1.0,"show_tos":true},"pretty_terms_of_service":"Reward only applies to KitschPop⢠Coastal Cottage Cloud Clip Set in Butter Yellow Applies to all orders over $1.00. ","translated_terms_of_service":{}}],"referral_rewards":{"referrer_reward":{"id":211349,"name":"$10 off coupon","reward_type":"fixed_amount","properties":{"applies_to":"entire","translations":[],"purchase_type":"both","min_requirement":"min_purchase_amount","auto_redeem_enabled":false,"customer_points_get":1.0,"increment_points_value":100,"refund_on_expiry_enabled":false,"min_order_value_excludes_free_product":true,"hide_from_checkout_enabled":false,"applies_to_full_price_items_only":false}},"referred_reward":{"id":211350,"name":"$10 off coupon","reward_type":"fixed_amount","properties":{"applies_to":"entire","translations":[],"purchase_type":"both","min_requirement":"min_purchase_amount","auto_redeem_enabled":false,"customer_points_get":1.0,"increment_points_value":100,"refund_on_expiry_enabled":false,"min_order_value_excludes_free_product":true,"hide_from_checkout_enabled":false,"applies_to_full_price_items_only":false}}},"referral_settings":{"referrals_landing_path":"","referrals_landing_domain":""},"referral_social_settings":{"facebook":false,"email":true,"twitter":false,"twitter_message":"","sms":true,"sms_message":"","whatsapp":false,"whatsapp_message":"","share_order":["sms","email","link","twitter","facebook","whatsapp"]},"referrals_customer_account_required":false,"friend_discounts_disabled":false,"vip_tiers":[{"id":135334,"name":"Ready to Reset","threshold":0,"perks":[],"icon_url":null,"desc":"\u003cspan\u003eSpend $0.00 \u003c\/span\u003e","translations":[],"rewards":[],"threshold_text":"Free to join"},{"id":135335,"name":"Treat Yourself","threshold":100,"perks":[],"icon_url":null,"desc":"\u003cspan\u003eSpend $100.00 \u003c\/span\u003e","translations":[],"rewards":[],"threshold_text":"Spend $100"},{"id":135336,"name":"Ritual Revamped","threshold":250,"perks":[],"icon_url":null,"desc":"\u003cspan\u003eSpend $250.00 \u003c\/span\u003e","translations":[],"rewards":[],"threshold_text":"Spend $250"},{"id":230947,"name":"All Access","threshold":400,"perks":[],"icon_url":null,"desc":"\u003cspan\u003eSpend $400.00 \u003c\/span\u003e","translations":[],"rewards":[],"threshold_text":"Spend $400"}],"account_embed_widget_settings":{"enabled":false,"target_page":null,"custom_insert_method":null},"loyalty_landing_page_settings":{"enabled":false,"theme_id":"","template_suffix":"rivo-loyalty-landing-page","vip_tiers_table_data":[{"perk":"Points per $ spent","tiers":[{"id":"135334","value":"1"},{"id":"135335","value":"2"},{"id":"135336","value":"3"},{"id":"230947","value":"4"}]},{"perk":"Birthday Reward","tiers":[{"id":"135334","value":"150 Points"}
29557,{"id":"135335","value":"300 Points"},{"id":"135336","value":"500 Points"},{"id":"230947","value":"750 Points"}]},{"perk":"Exclusive Access","tiers":[{"id":"135334","value":""},{"id":"135335","value":"â¤ï¸"},{"id":"135336","value":"â¤ï¸"},{"id":"230947","value":"â¤ï¸"}]},{"perk":"VIP Support","tiers":[{"id":"135334","value":""},{"id":"135335","value":"â¤ï¸"},{"id":"135336","value":"â¤ï¸"},{"id":"230947","value":"â¤ï¸"}]},{"perk":"New Product Testing","tiers":[{"id":"135334","value":""},{"id":"135335","value":""},{"id":"135336","value":"â¤ï¸"},{"id":"230947","value":"â¤ï¸"}]},{"perk":"Upgrade Reward","tiers":[{"id":"135334","value":""},{"id":"135335","value":"100 Points"},{"id":"135336","value":"250 Points"},{"id":"230947","value":"500 points"}]}],"primary_button_class_names":"button button--primary","secondary_button_class_names":"button button--primary","theme_extension_files_added_at":"2026-07-03T19:48:29.691Z","theme_extension_files_verified_at":"2026-07-03T19:48:29.691Z"},"membership_landing_page_settings":{"enabled":false,"template_suffix":"rivo-membership-landing-page"},"account_dashboard_settings":{},"pages_config":{"id":92628811957,"handle":"loyalty-program","published_at":"2023-11-16T08:10:37.000Z","desktop_banner_image_url":"https:\/\/loyalty.rivo.io\/assets\/cq4jbndrjhjzqyjp5nxx03htuqqr","custom_css":"@font-face {\n font-family: Figtree;\n font-weight: 400;\n font-style: normal;\n \n src: url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=09595b449c8477e8243756b5e46b4be8f6a61f26c945babcfc602dd779cff768\") format(\"woff2\"),\n url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_n4.c0575d1db21fc3821f17fd6617d3dee552312137.woff?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=8342004e89ca1cb920bf7d4ad151e77bca436b0a9f4d25d5e7a821172c5cad79\") format(\"woff\");\n}\n\n @font-face {\n font-family: Figtree;\n font-weight: 700;\n font-style: normal;\n \n src: url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=5a952cbe4e36c5198b2c5e7951cc7733f78aa6dee4b71981a3a94284e0319300\") format(\"woff2\"),\n url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_n7.ea05de92d862f9594794ab281c4c3a67501ef5fc.woff?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=7d5fe38f3bd0c619ce6b50f835c0de9396bd4f36a04087387d87af5d21e63fb6\") format(\"woff\");\n}\n\n @font-face {\n font-family: Figtree;\n font-weight: 500;\n font-style: normal;\n \n src: url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_n5.3b6b7df38aa5986536945796e1f947445832047c.woff2?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=41267b664df2f3ecb5b43f8fe861240fda9760ff9caf011216dc7a3ca3a2dd66\") format(\"woff2\"),\n url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_n5.f26bf6dcae278b0ed902605f6605fa3338e81dab.woff?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=df4260e28432f590c583aa492cc5bfe09f17dcd4b2d8b164d0c00b1793030932\") format(\"woff\");\n}\n\n @font-face {\n font-family: Figtree;\n font-weight: 400;\n font-style: italic;\n \n src: url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_i4.89f7a4275c064845c304a4cf8a4a586060656db2.w
29557off2?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=98d59f9e763fa8cbe549470e80d2c585d61c9ae58dc7e86fbea7e3b410620dfd\") format(\"woff2\"),\n url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_i4.6f955aaaafc55a22ffc1f32ecf3756859a5ad3e2.woff?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=6e3cd24371b6fa01cc1a7c64a9638f94304872303a286cb318a1c3b72db5769b\") format(\"woff\");\n}\n\n @font-face {\n font-family: Figtree;\n font-weight: 700;\n font-style: italic;\n \n src: url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_i7.06add7096a6f2ab742e09ec7e498115904eda1fe.woff2?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=b2f49db61eb3e227a337aa9ac2a84b02219ec4740508e6f0b2a4707dea1a4364\") format(\"woff2\"),\n url(\"\/\/www.mykitsch.au\/cdn\/fonts\/figtree\/figtree_i7.ee584b5fcaccdbb5518c0228158941f8df81b101.woff?h10=bXlraXRzY2guc2U\u0026h11=bXlraXRzY2guZGs\u0026h12=bXlraXRzY2guYWU\u0026h13=bXlraXRzY2gubno\u0026h14=bXlraXRzY2guZ3I\u0026h15=YWNjb3VudC5teWtpdHNjaC5jb20\u0026h16=bXlraXRzY2guYmU\u0026h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2guY28udWs\u0026h4=bXlraXRzY2guY2E\u0026h5=bXlraXRzY2guZXU\u0026h6=bXlraXRzY2guYXU\u0026h7=bXlraXRzY2guZXM\u0026h8=bXlraXRzY2guaXQ\u0026h9=bXlraXRzY2gubXg\u0026hmac=05cdff165e96e623c6f11a185803cc847f071b2c888cf99f5d1a7538e8b1d4db\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Sophillia';\n \/* You can give your custom font a name here *\/\n src: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/5821\/3850\/files\/sophillia-webfont.woff?v=1700156543') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n*,\ntable {\n font-family: \"Figtree\", \"Inter\", sans-serif !important;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* Headings *\/\ntable,\n.hero-title,\n.title,\n.title span,\n.login-modal-title,\n.step-title,\n.step-number {\n font-family: 'Sophillia', serif !important;\n -webkit-font-smoothing: antialiased;\n}\n\n.title,\n.login-modal-title {\n font-size: 74px !important;\n text-transform: capitalize;\n}\n\n.login-modal-title {\n font-size: 50px !important;\n}\n\n.subtitle {\n font-size: 20px !important;\n}\n\n.hero {\n height: 500px;\n background: #E9D5CD !important;\n justify-content: center;\n}\n\n.hero-title {\n font-weight: 700;\n}\n\n\/* --- BUTTONS --- *\/\n\n.btn,\nbutton.btn.btn-primary.modal-login-btn.btn-lg:hover,\n.btn.btn-lg,\n.modal-container .btn-primary,\n.modal-container .btn-primary:hover,\n.modal-container .btn-primary:focus,\n.modal-container .btn-primary:active,\n.loy-button-success:after {\n background: #000 !important;\n color: #FFF !important;\n font-weight: 600;\n text-transform: uppercase;\n transition: all .3s ease;\n width: fit-content !important;\n font-size: 16px;\n height: 50px;\n border-radius: 0;\n letter-spacing: 1;\n}\n\n.primary,\n.secondary {\n line-height: 40px;\n}\n\n.btn:focus {\n box-shadow: 1px solid #000 !important;\n}\n\n.btn:hover,\nbutton.btn.btn-primary.modal-login-btn.btn-lg:hover,\n.modal-container .btn-primary:focus,\n.modal-container .btn-primary:active:hover {\n background: #303B43 !important;\n}
29557\n\n\n\/* --- Steps --- *\/\n\n.step-item {\n padding: 0 30px;\n}\n\n.step-item:hover .step-title {\n color: #CA9A8E !important;\n}\n\n.first::before {\n background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/Kitsch_Loyalty_Step_1.png?v=1700197023\");\n background-size: 240px 267px;\n display: inline-block;\n width: 240px;\n height: 267px;\n content: \"\";\n}\n\n.second::before {\n content: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/Kitsch_Loyalty_Step_2.png?v=1700197023\");\n background-size: 240px 267px;\n display: inline-block;\n width: 240px;\n height: 267px;\n content: \"\";\n}\n\n.second::before {\n background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/Kitsch_Loyalty_Step_2.png?v=1700197023\");\n background-size: 240px 267px;\n display: inline-block;\n width: 240px;\n height: 267px;\n content: \"\";\n}\n\n.third::before {\n background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0104\/6904\/8384\/files\/Kitsch_Loyalty_Step_3.png?v=1700197023\");\n background-size: 240px 267px;\n display: inline-block;\n width: 240px;\n height: 267px;\n content: \"\";\n}\n\n\n.step-number {\n display: none;\n}\n\n.step-title {\n margin: 0.5rem 0;\n text-transform: uppercase;\n font-weight: 600;\n display: grid;\n font-size: 24px !important;\n}\n\n\/* === CARDS === *\/\n\n.item-box {\n background: transparent !important;\n flex-direction: column;\n text-align: -webkit-center !important;\n height: 230px;\n padding: 0 20px !important;\n padding-top: 25px !important;\n transition: all .25s ease-in-out;\n border: none !important;\n}\n\n#ways_to_redeem .item-box {\n height: fit-content;\n}\n\n.item-box .content.action {\n margin-left: 0 !important;\n margin-top: 10px;\n}\n\n.item-box .content {\n margin-right: 0 !important;\n text-align: -webkit-center;\n}\n\n\/* Ways to Earn Icons *\/\n.custom-icon,\n.svg-icon {\n height: 90px !important;\n width: 90px !important;\n transition: 200ms linear 0s;\n}\n\n\/* Ways to Redeem Icons *\/\n#ways_to_redeem .custom-icon {\n height: 140px !important;\n width: 140px !important;\n}\n\n\n\n@media only screen and (min-width: 769px) {\n #ways_to_earn .action-cards .item-box:hover:not(.unhoverable) .custom-icon {\n height: 100px !important;\n width: 100px !important;\n }\n\n #ways_to_redeem .action-cards .item-box:hover:not(.unhoverable) .custom-icon {\n height: 145px !important;\n width: 145px !important;\n }\n}\n\n#ways_to_redeem .content .action {\n display: none;\n}\n\n\n\n.action-cards .item-box:hover:not(.unhoverable) {\n background: transparent !important;\n}\n\n.card-title {\n font-size: 20px;\n transition: color 0.3ms ease-in;\n text-transform: capitalize;\n font-weight: 600;\n letter-spacing: 0.5;\n margin-bottom: 0.5rem;\n color: #000;\n}\n\n.card-title,\n.card-description {\n text-align: center;\n}\n\n.card-description {\n color: #000;\n font-size: 16px;\n transition: color 0.3ms ease-in;\n}\n\n\n.arrow {\n background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/5821\/3850\/files\/Kitsch_arrow-circle-left-light.svg?v=1700126377\") !important;\n}\n\n.tick {\n background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/5821\/3850\/files\/Kitsch_check-circle-light.svg?v=1700126377\") !important;\n}\n\n\/* === Page Sections === *\/\n\n.page-section.explainer {\n padding-top: 100px !important;\n padding-bottom: 100px !important;\n}\n\n.page-section.explainer .content,\n.page-section.ways-to-earn .content {\n max-width: 1200px;\n}\n\n.page-section.explainer,\n.page-section.ways-to-earn,\n.page-section.ways-to-redeem {\n padding: 100px 1rem !important;\n}\n\n.page-section.ways-to-earn {\npadding-bottom: 25px !important;\n}\n\n.page-section.ways-to-earn {\npadding-top: 25px !important;\n}\n\n.page-section.ways-to-redeem {\n background: linear-gradient(180deg, rgba(227, 211, 185, 1) 0%, rgb(247 243 237) 100%) !important;\n}\n\n\/* === REWARDS TABLE === *\/\ntable {\n background: #FFF;\n}\n\nthead {\n background: #000;\n text-transform: uppercase;\n font-size: 16px;\n padding: 10px 20px !important;\n}\n\n.table th {\n border: none !important;\n padding: 10px 20px;\n color: #FFF;\n letter-spacing: 1;\n}\n\ntbody {\n background: #FFF;\n}\n\ntbody p {\n margin: 0 !important;\n padding: 10px 20px !important;\n}\n\ntbody {\n border-bottom: 1px solid #E8E8E8;\n}\n\ntable td,\ntable th {\n padding: 10px 20px !important;\n}\n\ntable td {\n color: #53565A;\n}\n\ntd.text-right {\n font-weight: 400 !important;\n}\n\n.points-expiry-desc {\n background: transparent;\n}\n\n#your-rewards .item-box {\n background: #D9D9D6 !important;\n}\n\n\/* --- MODAL POPUP --- *\/\n\n\/* Setting the card title and card description on the modal to align on the left *\/\n.dflex .card-title,\n.dflex .card-description {\n text-align: left;\n}\n\n.modal-custom-description,\ntable,\n.points-expiry-desc,\n.text-center,\n#page-modal-content {\n color: #000 !important;\n}\n\n.footer {\n font-size: 14px;\n}\n\n.modal-container .btn-primary {\n margin: 15px 0;\n}\n\n.modal-container {\n background: #FFF !important;\n}\n\n#page-modal-content {\n padding: 30px;\npadding-top: 15px;\n color: #000 !important;\n text-align: -webkit-center !important;\n}\n\n.modal-container .modal-footer {\n padding: 0.2rem;\n margin-bottom: 0 !important;\n}\n\n\/* --- Modal closing button --- *\/\n.btn.btn-clear {\n padding: 0 !important;\n}\n\na.btn.btn-clear.float-right {\n background: transparent !important;\n border: 0 !important;\n box-shadow: none !important;\n min-width: 5px !important;\n color: #000 !important;\n}\n\n.modal-container a {\n color: #000;\n text-decoration: underline;\n}
29557\n\n.footer a:after {\n content: \".\";\n}\n\n.modal-header .btn:hover {\n color: #000 !important;\n}\n\n.modal-container {\n border-radius: 0;\n min-height: 300px;\n}\n\n\/* --- Success Button --- *\/\n\n.loy-button-success:after {\n border: 1px solid #000 !important;\n background: #000 !important;\n color: #FFF !important;\n}\n\n\/* --- Mobile Viewport ---*\/\n@media only screen and (max-width: 768px) {\n .item-box-holder {\n justify-content: center;\n column-gap: 20px;\n }\n\n #ways_to_earn .item-box-holder .box-button,\n #ways_to_redeem .item-box-holder .box-button {\n flex-basis: auto;\n width: calc(50% - 10px);\n text-align: -webkit-center;\n }\n\n .item-box-holder .box-button {\n flex-basis: auto;\n width: 100%;\n }\n\n #ways_to_earn .custom-icon {\n width: 60px !important;\n height: 60px !important;\n }\n\n #ways_to_redeem .custom-icon {\n width: 80px !important;\n height: 80px !important;\n }\n\n .item-box {\n padding: 0 !important;\n }\n\n .hero-buttons a {\n width: 100% !important;\n }\n\n body.mobile .explainer .steps .step-item {\n margin: 0 auto;\n width: 80% !important;\n }\n\n .step-item {\n width: 90% !important;\n padding: 25px 0;\n }\n\n .card-title {\n font-size: 16px;\n }\n\n .card-description {\n font-size: 14px;\n }\n\n .custom-icon,\n .svg-icon {\n height: 70px !important;\n width: 70px !important;\n }\n\n .hero-body {\n max-width: 95%;\n }\n\n .action-cards .item-box:hover:not(.unhoverable) .custom-icon {\n height: 75px !important;\n width: 75px !important;\n }\n\n .item-box {\n height: 180px;\n }\n\n .title\n {\n font-size: 45px !important;\n}\n.login-modal-title {\n font-size: 35px !important;\n}\n}\n\n\/* === Modal Overlay === *\/\n.modal__overlay {\n top: -500 !important;\n}\n\n.logged-out .modal__overlay {\n top: -500 !important;\n}\n\n@media only screen and (max-width: 768px) {\n .modal__overlay {\n top: -600 !important;\n }\n\n .logged-out .modal__overlay {\n top: -500 !important;\n }\n}\n\n.modal-container .modal-header {\n padding-bottom: 0 !important;\n}\n\n.loy-button-success:before {\n}\n\n.title span {\n font-family: 'Figtree' !important;\n font-weight: 900 !important;\n}\n\n.points-expiry-desc {\n background: #E9D5CD;\n border-radius: 6px;\n}\n\n\n\n\n\n#ways_to_earn .box-button:nth-child(12) .card-title:after {\n content: '10 points for every $1 USD spent in-store' !important;\n display: inline-block;\n text-align: center;\n font-size:15px;\n width: fit-content;\n margin-bottom: -20px !important;\n padding: 10px 30px;\n margin: 0 auto;\n font-weight: 400;\n font-family: \"Figtree\";\n}\n\n#ways_to_earn .box-button:nth-child(12) .card-description {\n display:none;\n}","primary_google_font":"","secondary_google_font":"","enforce_full_width_enabled":false,"modal_offset":null,"vip_api_calls_disabled":false,"sections":[{"id":37654,"section_type":"banner","settings":{"title_font_size":40,"earn_button_text":"Earn points","title_font_color":"#000000","earn_button_edges":"square","earn_button_style":"fill","login_button_text":"Sign In","login_button_edges":"square","login_button_style":"fill","redeem_button_text":"Redeem Rewards","primary_font_family":"inherit","redeem_button_edges":"square","redeem_button_style":"fill","logged_in_title_text":"Kitsch Rewards","register_button_text":"Join Now","description_font_size":20,"earn_button_font_size":14,"logged_out_title_text":"Kitsch Rewards","register_button_edges":"square","register_button_style":"fill","secondary_font_family":"inherit","description_font_color":"#000000","earn_button_font_color":"#ffffff","login_button_font_size":14,"login_button_font_color":"#ffffff","redeem_button_font_size":14,"redeem_button_font_color":"#ffffff","register_button_font_size":14,"logged_in_description_text":"Watch your points and rewards soar as you shop for the perfect tresses!","register_button_font_color":"#ffffff","logged_out_description_text":"Step into the Kitsch hair world for free and let the points and rewards sprinkle their magic into every hair adventure!","earn_button_background_color":"#000000","login_button_background_color":"#000000","redeem_button_background_color":"#000000","register_button_background_color":"#000000"},"hidden":true},{"id":37655,"section_type":"explainer","settings":{"background_color":"#ffffff","step_1_title_text":"Sign Up","step_2_title_text":"Earn Points","step_3_title_text":"Redeem","rewards_title_text":"Your Kitsch Rewards","primary_font_family":"inherit","step_1_subtitle_text":"Create a free account on our store\u003cbr\u003e\u003ci\u003eEarn 50 points just for signing up!\u003c\/i\u003e","step_2_subtitle_text":"Earn points for shopping\u003cbr\u003e\u003ci\u003eThey add up quick. ;) \u003c\/i\u003e","step_3_subtitle_text":"Redeem your points for $ off your next order. \u003cbr\u003e\u003ci\u003eYour beauty routine really pays off.\u003c\/i\u003e","step_title_font_size":20,"points_logs_date_text":"Date","secondary_font_family":"inherit","step_number_font_size":40,"step_title_font_color":"#000000","header_title_font_size":38,"logged_out_header_text":"How it Works","step_number_font_color":"#000000","header_title_font_color":"#000000","points_logs_action_text":"Action","points_logs_points_text":"Points","rewards_title_font_size":38,"step_subtitle_font_size":16,"no_rewards_subtitle_text":"No rewards yet. Your rewards will show here.","rewards_title_font_color":"#000000","step_subtitle_font_color":"#000000","has_rewards_subtitle_text":"You have the following rewards ready to use.","header_subtitle_font_size":14,"header_subtitle_font_color":"#000000","rewards_subtitle_font_size":14,"logged_in_header_title_text":"Hi {{first_name}}, you have {{points_balance}} points","rewards_subtitle_font_color":"#000000","logged_in_header_subtitle_text":"Here's an overview of your current points balance and recent activity"},"hidden":false},{"id":37657,"section_type":"ways_to_redeem","settings":{"title_text":"Use Your Beauty Points for Beauty Perks","subtitle_text":"Putting your routine first has its perks. Redeem points to restock your must-havesâ¦\u003ci\u003eor to try something new. \u003c\/i\u003e","title_font_size":38,"background_color":"#f6f4ec","title_font_color":"#000000","subtitle_font_size":14,"primary_font_family":"inherit","subtitle_font_color":"#000000","secondary_font_family":"inherit"},"hidden":false},{"id":37656,"section_type":"ways_to_earn","settings":{"title_text":"Beauty With Benefits: How To Earn","subtitle_text":"Build your beauty routine. Earn Points. Itâs \u003ci\u003ethat\u003c\/i\u003e easy.","title_font_size":38,"background_color":"#f6f4ec","title_font_color":"#000000","subtitle_font_size":14,"primary_font_family":"inherit","subtitle_font_color":"#000000","secondary_font_family":"inherit"},"hidden":false},{"id":37658,"section_type":"referral","settings":{"title_text":"Refer a friend","subtitle_text":"Share your unique referral link with friends to earn rewards","title_font_size":38,"background_color":"#ffffff","title_font_color":"#000000","subtitle_font_size":14,"primary_font_family":"inherit","subtitle_font_color":"#000000","secondary_font_family":"inherit"},"hidden":true},{"id":37659,"section_type":"vip_tier","settings":{"title_text":"Vip Tiers","subtitle_text":"Get access to higher tiers and exclusive VIP rewards","title_font_size":38,"background_color":"#ffffff","title_font_color":"#000000","subtitle_font_size":14,"primary_font_family":"inherit","subtitle_font_color":"#000000","secondary_font_family":"inherit"},"hidden":true}]},"forms":[],"points_expiry_enabled":true,"credits_expiry_enabled":false,"points_per_points_log_expiry_enabled":false,"credits_per_points_log_expiry_enabled":false,"frontend":{"potential_points":{"order_placed":{"enabled":true,"points_type":"multiplier","points_amount":1,"currency_base_amount":1,"multi_balance_settings_by_tiers":{"Treat Yourself":{"balance_amount":2,"currency_base_amount":1},"Ready to Reset":{"balance_amount":1,"currency_base_amount":1},"All Access":{"balance_amount":4,"currency_base_amount":1},"Ritual Revamped":{"balance_amount":3,"currency_base_amount":1}}}}},"referral_campaigns":[{"id":3895,"name":"Give $10 Get $10","display_type":"inline","status":"active","page_settings":{"friend_claim_title":"{{advocate_first_name}} sent you $10","friend_reward_title":"Awesome, you're in!","invali
29557d_button_text":"Shop Now","advocate_share_title":"Give $10, Get $10","advocate_reward_title":"Use your discount","advocate_signup_title":"Give $10, Get $10","friend_reward_copy_text":"Copy","advocate_share_link_mode":"exposed","friend_claim_button_text":"Claim Discount","friend_claim_description":"Enter your email, get a discount for your first $25+ order.","advocate_email_stats_text":"My Stats","advocate_reward_copy_text":"Copy","advocate_share_link_title":"Share your link","friend_claim_expired_text":"Sorry, this referral link has expired. Come back later!","friend_reward_description":"Here's your {{discount_amount}} reward. Use this discount code on your next $25+ order.","advocate_email_stats_title":"Send my Stats","advocate_share_description":"Give them $10 off their first $25+ order and get $10 once they purchase. ","advocate_share_email_title":"Share via Email","advocate_reward_description":"Here's your {{discount_amount}} reward. Use this discount code on your next $25+ order.","advocate_share_expired_text":"Sorry, this referral link has expired. Come back later!","advocate_share_header_title":"ITâS A FRIEND THING","advocate_signup_button_text":"Invite Friends","advocate_signup_description":"Give them $10 off their first $25+ order, and youâll get $10 once they make a purchase.","advocate_email_stats_enabled":true,"advocate_share_email_subject":"Your friend has sent you a gift","advocate_signup_expired_text":"Sorry, this referral link has expired. Come back later!","friend_claim_disclaimer_text":"Offer only valid for new customers","friend_reward_disclaimer_text":"Offer only valid for new customers","advocate_share_appended_params":"","advocate_share_disclaimer_text":"Referral discount is only valid for new customers.","friend_claim_email_placeholder":"Your email","advocate_reward_disclaimer_text":"","advocate_share_copy_button_text":"Copy Link","advocate_share_email_note_label":"Additional Note:","advocate_share_link_description":"You can share this link anywhere with a friend.","advocate_signup_disclaimer_text":"Referral discount is only valid for new customers.","friend_reward_apply_button_text":"Apply code","advocate_email_stats_button_text":"Send Email","advocate_email_stats_description":"Your stats will be sent to {{email}}","advocate_share_email_button_text":"Send Email","friend_claim_cta_version_enabled":false,"friend_reward_auto_apply_enabled":true,"friend_reward_post_discount_path":"","advocate_reward_apply_button_text":"Apply code","advocate_signup_email_placeholder":"Your email","advocate_reward_auto_apply_enabled":true,"advocate_reward_post_discount_path":"","advocate_share_email_subject_label":"Subject:","advocate_share_personal_link_label":"Here is your personal link:","friend_reward_coupon_field_enabled":true,"advocate_share_email_reminder_label":"Send reminder after 3 days","advocate_reward_coupon_field_enabled":true,"advocate_share_email_sent_from_label":"To:","friend_claim_additional_close_params":[],"advocate_share_email_note_placeholder":"Add something else for your friends here. We'll prepopulate the rest!","advocate_signup_first_name_placeholder":"Your first name","advocate_signup_requires_login_enabled":false,"friend_claim_terms_and_conditions_path":"","friend_claim_terms_and_conditions_text":"Terms \u0026 Conditions","friend_reward_terms_and_conditions_path":"","friend_reward_terms_and_conditions_text":"Terms \u0026 Conditions","advocate_share_email_subject_placeholder":"Here's a gift","advocate_share_terms_and_conditions_path":"","advocate_share_terms_and_conditions_text":"Terms \u0026 Conditions","advocate_signup_first_name_field_enabled":true,"advocate_reward_terms_and_conditions_path":"","advocate_reward_terms_and_conditions_text":"Terms \u0026 Conditions","advocate_signup_terms_and_conditions_path":"","advocate_signup_terms_and_conditions_text":"Terms \u0026 Conditions","friend_claim_terms_and_conditions_enabled":false,"advocate_signup_requires_login_button_text":"Sign In or Sign Up","friend_reward_terms_and_conditions_enabled":false,"advocate_email_stats_logged_out_description":"Please enter the email you used to signup","advocate_share_email_recipients_placeholder":"Comma separated list of email addresses","advocate_share_terms_and_conditions_enabled":false,"advocate_reward_terms_and_conditions_enabled":false,"advocate_signup_terms_and_conditions_enabled":false,"friend_claim_accepts_marketing_checkbox_text":"Get occasional emails from Kitsch","advocate_signup_accepts_marketing_checkbox_text":"Get occasional emails from Kitsch","friend_claim_accepts_marketing_checkbox_enabled":true,"advocate_signup_accepts_marketing_checkbox_enabled":true,"advocate_signup_accepts_marketing_checkbox_default_checked":false},"design_settings":{"share_mode":"blocks","primary_color":"#000000","background_type":"column","secondary_color":"#CCCCCC","title_font_size":40,"button_font_size":16,"footer_font_size":12,"header_font_size":18,"title_font_color":"#000000","title_text_align":"center","button_font_color":"#ffffff","footer_font_color":"#cccccc","footer_text_align":"center","header_font_color":"#000000","header_text_align":"center","subtitle_font_size":18,"background_position":"right","button_border_color":"#000000","primary_font_family":"inherit","subtitle_font_color":"#000000","subtitle_text_align":"center","mobile_inline_height":1000,"desktop_inline_height":875,"secondary_font_family":"inherit","button_background_color":"#000000","header_background_color":"#e9d5cd","advocate_share_email_note_enabled":true,"advocate_share_email_subject_enabled":false,"advocate_share_email_reminder_enabled":true},"advocate_rules":[],"friend_rules":[],"advocate_reward":{"id":211349,"name":"$10 off coupon","enabled":true,"points_amount":0,"points_type":"fixed","reward_type":"fixed_amount","source":"referrer","pretty_display_rewards":"$10 off coupon (0 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/7gytf944e7lqwyhakijpcmdev59l","pretty_points_amount":"0","purchase_type":"both","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":2500,"terms_of_service":{"reward_type":"fixed_amount","min_order_amount":25.0,"applies_to":"entire","show_tos":true},"pretty_terms_of_service":"Applies to all orders over $25.00. "},"friend_reward":{"id":211350,"name":"$10 off coupon","enabled":true,"points_amount":0,"points_type":"fixed","reward_type":"fixed_amount","source":"referred","pretty_display_rewards":"$10 off coupon (0 points required)","icon_url":"https:\/\/loyalty.rivo.io\/assets\/ut33r2v4f07n08vafc63zsayf3la","pretty_points_amount":"0","purchase_type":"both","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"reward_value":10.0,"min_order_value_in_cents":2500,"terms_of_service":{"reward_type":"fixed_amount","min_order_amount":25.0,"applies_to":"entire","show_tos":true},"pretty_terms_of_service":"Applies to all orders over $25.00. "},"expires_at":null,"background_image_url":"https:\/\/loyalty.rivo.io\/assets\/r5vc9jfslazwj02vx6dindqkekee","custom_css":"@font-face {\n font-family: \"Avenir Next\";\n font-weight: 400;\n font-style: normal;\n\n src: url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=11cfb6bddd956d1723df90ebe31ada2777de513986fc5ae733eb35093749a5c8\")\n format(\"woff2\"),\n url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=dd129f711f2f3192ce21888be62941ed2bf97e1e9cf432f91095b0de9e1d4490\")\n format(\"woff\");\n}\n\n@font-face {\n font-family: \"Avenir Next\";\n font-weight: 700;\n font-style: normal;\n\n src: url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=259856ea6a41302c7b21e20022b94c54e6f5655bba52e6a149ba763fe965986b\")\n format(\"woff2\"),\n url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=336f4e0f351cc04eaeee5b851232ec98
2955715c1d57e2d1efee179020c91dff9c1d9\")\n format(\"woff\");\n}\n\n@font-face {\n font-family: \"Avenir Next\";\n font-weight: 500;\n font-style: normal;\n\n src: url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n5.972a96b7a049f12c89d6d1cd0e1b6c9211f7ba14.woff2?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=ad922816ea339a4b6d835328952e82963c2e5eeba41c2fe92484b7721cd6ff4d\")\n format(\"woff2\"),\n url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n5.9e88d20fa9eb66ba268ac60ab013006ef69a310a.woff?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=c30977a16a9d1e1a48623f0d42754dd4306da40e5d886748ce71f18aae7d0e7b\")\n format(\"woff\");\n}\n\n@font-face {\n font-family: \"Avenir Next\";\n font-weight: 600;\n font-style: normal;\n\n src: url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n6.08f6a09127d450aa39c74986de08fd8fa84e6a11.woff2?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=5a2f5375e3ceccbaf71e200615057a0681a12280000a78f7f311ed492f92ea75\")\n format(\"woff2\"),\n url(\"https:\/\/www.mykitsch.com\/cdn\/fonts\/avenir_next\/avenirnext_n6.bd2f76897d6f40c767db7c40226916ec7b6ffc65.woff?h1=bXlraXRzY2guY29t\u0026h2=a2l0c2NobGxjLmFjY291bnQubXlzaG9waWZ5LmNvbQ\u0026h3=bXlraXRzY2gtaHlkcm9nZW4tMmU4OWM3YTQ3ZmNlN2YyOGE4MjkubzIubXlzaG9waWZ5LmRldg\u0026h4=ZW1zMi5teWtpdHNjaC5jb20\u0026hmac=303bb9f8d6d07702b51ce15fe9a471098a5294df55c7210f65c4e371897a2aba\")\n format(\"woff\");\n}\n\n@font-face {\n font-family: \"Sophillia\";\n src: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/5821\/3850\/files\/sophillia-webfont.woff?v=1700156543\")\n format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700\u0026display=swap');\n\n#baLoySectionWrapper .referral-body {\n background: #e9d5cd;\n}\n\n#baLoySectionWrapper,\n#baLoySectionWrapper p,\n#baLoySectionWrapper .icon-and-text-row,\n#baLoySectionWrapper button,\n#baLoySectionWrapper label,\n#baLoySectionWrapper .header-secondary,\n#baLoySectionWrapper .loy-button,\n#baLoySectionWrapper .loy-button-secondary,\n#baLoySectionWrapper .loy-button-link-main,\n#baLoySectionWrapper .ba-tooltip,\n#baLoySectionWrapper .sign-in-text,\n#baLoySectionWrapper .less-color.text-nowrap,\n#baLoySectionWrapper .content-subtitle,\n#baLoySectionWrapper .panel-desc,\n#baLoySectionWrapper .section-table-piece-detail-items,\n#baLoySectionWrapper .dob-fields,\n#baLoySectionWrapper .account-login,\n#baLoySectionWrapper .txt-info,\n#baLoySectionWrapper .txt-warning,\n#baLoySectionWrapper .section-top-bar,\n#baLoySectionWrapper .txt-field,\n#baLoySectionWrapper button,\n#baLoySectionWrapper .section-footer,\n#baLoySectionWrapper input,\n#baLoySectionWrapper .content .header,\n#baLoySectionWrapper .content {\n font-family: \"Avenir Next\", \"Inter\", sans-serif !important;\n}\n\n#baLoySectionWrapper .content {\n width: 100% !important;\n align-self: center;\n}\n\n\/* Title *\/\n#baLoySectionWrapper .content-title,\n#baLoySectionWrapper h1 {\n font-family: \"PT Serif\", serif !important;\n font-weight: 700 !important;\n margin-bottom: 0.5em;\n line-height: normal;\n}\n\n#baLoySectionWrapper .content .header {\n text-transform: uppercase;\n font-weight: 400 !important;\n font-size: 18px;\n line-height: 1.75rem !important;\n padding: 0;\n}\n\n\n#baLoySectionWrapper #advocate-signup-page .content-title,\n#baLoySectionWrapper #advocate-share-page .content-title {\n margin-top: 0;\n}\n\n#baLoySectionWrapper .content-title {\n margin-bottom: 5px;\n}\n\n#baLoySectionWrapper .content-title,\n#baLoySectionWrapper h1 {\n color: #000;\n}\n\n\/* Styling the button *\/\n#baLoySectionWrapper .button,\n#baLoySectionWrapper .copy-coupon.dflex button.button {\n font-weight: 600;\n transition: all 0.3s ease;\n border-radius: 0;\n letter-spacing: 1px;\n text-transform: uppercase;\n border: none;\n padding-left: 15px;\n padding-right: 15px;\n}\n\n#baLoySectionWrapper .button:hover,\n#baLoySectionWrapper .copy-coupon.dflex button.button:hover {\n background: #303b43 !important;\n}\n\n#baLoySectionWrapper .content.link-mode-exposed .sharing-buttons {\n border-top: 1px solid #fff;\n}\n\n\/* --- FORM STARTS HERE --- *\/\n\n#baLoySectionWrapper input.txt-field {\n border-radius: 0;\n background: #fff;\n transition: all 0.2s ease;\n}\n\n#baLoySectionWrapper input,\n#baLoySectionWrapper textarea {\n border: 1px solid #e9d5cd !important;\n border-radius: 0 !important;\n}\n\n#baLoySectionWrapper input.txt-field:active,\n#baLoySectionWrapper input.txt-field:hover {\n border: 1px solid #000 !important;\n box-shadow: 0 0 0 0.5px #000 inset;\n}\n\n#baLoySectionWrapper input.referral-link {\n background-color: #f5f6fa !important;\n font-size: 14px !important;\n}\n\n#baLoySectionWrapper .content-wrapper {\n max-width: 550px;\n margin: 0 auto;\n}\n\n\/* --- FORM ENDS HERE --- *\/\n@media (min-width: 1100px) {\n #baLoySectionWrapper .content-wrapper {\n padding: 50px;\n padding-top: 5px;\n }\n}\n\n#baLoySectionWrapper .popup-page.active {\n background: #f6eeee;\n opacity: 0.95;\n border: 2px solid #000000;\n border-radius: 10px;\n}\n\n#baLoySectionWrapper .popup-page {\n left: 51%;\n}\n\n#baLoySectionWrapper .popup-page .form-label {\n display: flex;\n gap: 5px;\n}\n\n#baLoySectionWrapper #ba-loy-container {\n display: none !important;\n}
29557\n\n#baLoySectionWrapper .section-footer {\n color: #000 !important;\n}\n\n\/* --- Custom Checkbox --- *\/\n#baLoySectionWrapper #accepts_marketing,\n#baLoySectionWrapper input[type=\"checkbox\"] {\n -webkit-appearance: none;\n -moz-appearance: none;\n width: 20px;\n height: 20px;\n border: 2px solid #000 !important;\n border-radius: 10px !important;\n position: relative;\n cursor: pointer;\n outline: none;\n}\n\n#baLoySectionWrapper #accepts_marketing:checked,\n#baLoySectionWrapper input[type=\"checkbox\"]:checked {\n background-color: #000 !important;\n border-color: #000;\n}\n\n#baLoySectionWrapper #accepts_marketing:checked::after,\n#baLoySectionWrapper input[type=\"checkbox\"]:checked::after {\n content: \"\";\n display: block;\n width: 2px;\n height: 7px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n position: absolute;\n top: 2px;\n left: 6px;\n transform: rotate(45deg);\n}\n\n#baLoySectionWrapper .popup-page input[type=\"checkbox\"] {\n margin-top: 0;\n}\n\n#baLoySectionWrapper .email-share-success-icon svg circle {\n fill: #000;\n}\n\n\/* --- Mobile --- *\/\n\n@media (max-width: 678px) {\n #baLoySectionWrapper .referral-body.overlay {\n height: fit-content !important;\n }\n\n #baLoySectionWrapper .mobile-image {\n background-position: center !important;\n }\n\n #baLoySectionWrapper .icon-and-text-row {\n font-size: 12px;\n }\n\n #baLoySectionWrapper .content-title {\n font-size: 36px;\n }\n\n #baLoySectionWrapper .content .header {\n text-decoration: none !important;\n }\n\n #baLoySectionWrapper .content-subtitle {\n margin-top: 10px !important;\n }\n\n #baLoySectionWrapper #advocate-reward-page .content-title,\n #baLoySectionWrapper #friend-claim-page .content-title,\n #baLoySectionWrapper #friend-reward-page .content-title {\n font-size: 28px;\n margin-top: 15px;\n }\n\n #baLoySectionWrapper .referral-body {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n #baLoySectionWrapper .content-wrapper {\n padding: 20px;\n padding-top: 0;\n }\n}","share_via_email_default_subject":"I'm sending you a {{reward_name}} to shop at {{shop_name}}","landing_path":"","advocate_overlay_enabled":false,"post_order_advocate_overlay_enabled":false,"post_order_advocate_overlay_delay":0,"post_order_advocate_overlay_frequency":0,"streamlined_enabled":false,"locale_translations":{}}],"paid_membership_settings":{"landing_path":"\/","credits_enabled":false,"product_enabled":false,"legacy_product_ids":[],"cancellation_policy":"immediate","final_reminder_days":3,"rebill_reminder_days":5,"migration_mode_enabled":false,"rebill_attempt_interval":"hourly","custom_dashboard_enabled":false,"daily_rebill_attempt_timezone":"America\/Los_Angeles","daily_rebill_attempt_utc_hour":16,"landing_path_redirect_enabled":true,"default_enrollment_tier_method":"customer_creation","failed_payments_retry_schedule":[{"days_after_last_retry":1},{"days_after_last_retry":2},{"days_after_last_retry":3},{"days_after_last_retry":5},{"days_after_last_retry":5},{"days_after_last_retry":5},{"days_after_last_retry":5}],"daily_failed_payments_attempt_utc_hour":23,"selling_plan_after_add_to_cart_js_method":"redirect_to_cart","membership_gift_order_count_starts_at_enrollment":false},"checkout_ui_settings":{"global_show_login_url":"\/customer_authentication\/login?return_to=\/checkout","global_show_login_enabled":false,"redeem_points_max_rewards":10,"redeem_store_credit_button_kind":"primary","global_show_login_header_enabled":false,"shopify_markets_metaobject_enabled":false,"redeem_points_use_custom_select_label":false,"redeem_points_expanded_version_enabled":false,"redeem_points_only_show_from_countries":[],"redeem_points_show_all_rewards_enabled":false,"redeem_points_select_apply_button_enabled":false,"redeemed_rewards_only_show_from_countries":[],"post_purchase_referral_hide_from_countries":[],"redeem_points_default_select_label_enabled":true,"hide_all_checkout_extensions_from_countries":[],"post_purchase_referral_preview_mode_enabled":false,"only_show_checkout_extensions_from_countries":[],"post_purchase_referral_share_buttons_enabled":false,"redeem_points_disable_reward_options_enabled":false,"redeem_store_credit_only_show_from_countries":[],"redeem_points_hide_redeem_when_discount_exists":false,"redeem_points_not_enough_points_banner_enabled":false,"post_purchase_referral_only_show_from_countries":[],"redeem_incremental_earnings_balance_to_currency":false,"redeem_points_expanded_show_custom_icons_enabled":true,"redeemed_rewards_hide_selections_when_no_options":false,"post_purchase_account_activation_button_full_width":true,"cashback_estimation_balance_usd_to_currency_enabled":false,"redeem_points_hide_redeem_when_free_product_applied":false,"redeem_incremental_earnings_only_show_from_countries":[],"redeem_points_hide_selections_unless_discount_exists":true,"post_purchase_account_activation_preview_mode_enabled":false,"post_purchase_referral_always_show_to_advocate_enabled":false,"redeemed_rewards_hide_selections_when_discount_applied":false,"post_purchase_account_activation_membership_mode_enabled":false,"redeem_incremental_earnings_balance_applied_mode_enabled":false,"redeem_incremental_earnings_input_amount_stepper_enabled":false,"post_purchase_account_activation_only_show_from_countries":[],"post_purchase_install_wallet_pass_only_show_from_countries":[],"redeem_incremental_earnings_balance_usd_to_currency_enabled":false,"redeem_incremental_earnings_hide_redeem_when_discount_exists":false,"redeem_incremental_earnings_hide_redeem_when_insufficient_balance":false,"redeem_incremental_earnings_hide_redeem_unless_minimum_order_value_is_met":false},"discount_code_prefix_settings":{"global_prefix":"VIP-GIFT-","loyalty_prefix":"","cashback_prefix":"","vip_tier_prefix":"KITSCH-VIP-","loyalty_gift_prefix":"LGIFT-","referral_friend_prefix":"KITSCH-FRIEND-","referral_advocate_prefix":"KITSCH-ADVOCATE-"},"membership_tiers":[],"credit_mode":false,"active_bonus_campaign":null,"active_bonus_campaigns":[],"js_api_config":{"emit_points_balances_on_load":false},"auto_login":{"enabled":false,"email_provider":"kl","email_identifier":"nb_klid","auto_login_reload_enabled":false,"auto_login_bypass_only_mode_enabled":false},"account_widget_settings":{"logo":"\n\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 651.48 158.65\"\u003e \u003cpath fill=\"#231f20\" d=\"m651.48.46l-60.32,155.59h0l.51-1.32c-1.56-.61-2.96-1.17-4.23-1.73L646.4.46h5.08,0Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m591.67,154.73l-.51,1.32h-4.9l1.18-3.05c1.27.56,2.67,1.12,4.23,1.73h0Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m587.43,153.01l-1.18,3.05h-44.06v-1.25c12.26-4.78,15.16-6.65,15.16-23.27,0-14.34.21-30.55.21-40.11,0-20.37-7.07-26.18-17.66-26.18s-19.74,5.61-28.05,17.45v48.84c0,16.62,2.7,18.49,14.96,23.27v1.25h-49.66v-1.25c12.26-4.78,15.17-6.65,15.17-23.27V34.08c0-17.88-2.08-2
295570.99-15.38-26.39v-1.25c12.47-.83,23.9-3.12,34.91-6.44v76.46c8.72-13.09,20.99-22.44,36.78-22.44,14.75,0,28.05,8.72,28.05,30.13v47.38c0,14.4,2.18,17.73,10.74,21.47h.01Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m478.97,122.39l1.67.62c-5.61,20.99-19.74,35.12-40.73,35.12-25.97,0-44.88-20.99-44.88-51.32,0-32,20.99-52.78,44.68-52.78,15.58,0,28.88,9.56,37.2,20.99l-16.83,13.3-1.04-.42c-2.7-17.87-10.18-29.3-21.19-29.3s-24.94,13.09-24.94,39.27c0,28.88,16.42,44.88,36.37,44.88,14.75,0,24.72-8.93,29.71-20.36h-.02Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m380.9,60.88l1.87,23.69-1.46.21c-11.01-17.04-22.44-26.39-32.41-26.39-8.31,0-14.13,6.03-14.13,15.38s6.03,15.16,24.52,23.9c20.99,9.76,30.13,20.15,30.13,33.87,0,16.41-12.88,27.01-33.25,27.01-10.8,0-22.86-2.91-35.53-8.94l-2.7-25.56,1.25-.21c14.13,20.57,26.19,30.34,37.62,30.34,9.56,0,15.58-6.03,15.58-15.58s-6.03-15.79-24.73-24.73c-20.16-9.76-29.51-20.15-29.51-33.87,0-15.79,12.47-25.97,32-25.97,8.94,0,20.16,2.49,30.76,6.85h0Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m302.61,90.65c0,6.65-6.03,12.26-12.47,12.26s-12.67-5.61-12.67-12.26c0-6.23,6.02-12.06,12.67-12.06s12.47,5.82,12.47,12.06Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m274.82,141.61l.83,1.04c-7.49,11.43-15.59,16-25.77,16-13.72,0-25.56-8.53-25.56-27.43V62.65h-10.6v-2.08c8.72-4.99,22.65-17.46,28.05-28.68h1.87v25.56h29.09l-.83,5.19h-28.05l-.41,65.66c-.21,16.42,8.72,20.99,16.2,20.99,4.78,0,9.77-1.87,15.17-7.69h.01Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m213.32,155.74v1.25h-49.52v-1.25s-.05-.02-.07-.03c12.2-4.76,15.1-6.66,15.1-23.25v-43.84c0-17.87-2.08-20.99-15.38-26.39v-1.25c12.47-1.04,23.9-3.12,34.9-6.44v77.92c0,16.62,2.7,18.5,14.97,23.28Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m198.14,26.08c0,6.65-6.03,12.26-12.47,12.26s-12.67-5.61-12.67-12.26c0-6.23,6.03-12.06,12.67-12.06s12.47,5.82,12.47,12.06Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m163.8,155.74v1.25h-.15v-1.25s.05-.02.08-.03c.02.02.05.02.07.03h0Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m163.73,155.71s-.05.02-.08.03v1.25h-29.98l-37.4-48.2h-3.54v23.68c0,16.62,2.7,18.5,14.97,23.28v1.25h-49.66v-1.25c12.26-4.78,15.16-6.65,15.16-23.28V35.01c0-15.93-1.65-20.14-11.42-24.69l1.3-3.35c-3.27.32-5.23.41-5.23.41,12.46-.83,23.89-3.12,34.89-6.44v105.35l32.63-28.68c2.9-2.49,4.16-4.98,4.16-7.27,0-4.16-4.16-8.1-12.06-11.63v-1.25h42.6v1.25c-12.67,7.27-19.11,11.63-28.05,19.33l-21.82,18.91,35.32,44.88c4.56,5.8,12.2,11.38,18.22,13.9v-.02Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m63.07,6.96l-1.3,3.35c-1.19-.55-2.51-1.11-3.95-1.7v-1.25h.02s1.96-.09,5.23-.41h0Z\"\/\u003e \u003cpath fill=\"#231f20\" d=\"m61.77,10.32L4.9,156.99H0L57.82,7.4v1.22c1.44.59,2.76,1.15,3.95,1.7Z\"\/\u003e \u003cpolygon fill=\"#231f20\" points=\"57.84 7.36 57.84 7.37 57.83 7.37 57.84 7.36\"\/\u003e \u003cpolygon fill=\"#231f20\" points=\"57.83 7.37 57.82 7.4 57.82 7.37 57.83 7.37\"\/\u003e \u003c\/svg\u003e","enabled":true,"or_text":"OR","city_text":"City","edit_text":"Edit","name_text":"Name","custom_css":"a[href^=\"#rivo-community\"], #rivo-earning-rule-552215 {\n display: none;\n}\n\n.rivo-slideout__container a:focus {\n outline: none;\nbox-shadow:none;\nborder-color: none;\n}\n\n.rivo-slideout__header a.rivo-aw-logo svg{\nmax-height: 25px;\n}\n\n.rivo-slideout__container .kitsch-featured-content a{\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.rivo-slideout__container .kitsch-featured-content img{\n aspect-ratio: 1 \/ 1;\n object-fit: cover;\n object-position: top;\n max-height: 250px;\n width: 100%;\n}\n\n.rivo-mini-block-title{\nfont-weight:500;\nmargin-top: 5px;\nmargin-bottom: 5px;\n}\n\n.rivo-aw-title{\nfont-size:20px;\n}\n\n.rivo-slideout__container .button{\nfont-weight: 600;\n}\n\n.rivo-login-footer-link{\nmargin-bottom: 0px;\nmargin-top:0px;\n}\n\n.rivo-slideout-navigation a{\ngap:5px;\n}\n\n.rivo-star-container svg{\n height: 14px;\n}\n\n.rivo-star-container .oke-sr-count{\n display:none;\n}\n\n.rivo-slideout-navigation svg path{\nfill: #646464 !important;\n}\n\n.rivo-slideout-navigation a.active svg path{\nfill: #000 !important;\n}\n\nmain.rivo-slideout__content{\npadding-bottom: 150px !important;\n}\n\n.rivo-login-subtitle{\nmargin-top:5px;\nmargin-bottom: 10px;\n}\n\n.rivo-empty-state-container{\n margin-top:10px;\n}\n\n@media screen and (max-width: 450px) {\n .rivo-slideout__header a.rivo-aw-logo{\n height: 100%;\n }
29557\n\n .rivo-hero-faq-link{\n color: #FFF;\n }\n}\n\n.rivo-aw-button-component-cta svg:not(.rivo-aw-logo *,.rivo-google-svg,.rivo-apple-svg) path {\n fill: var(--rivo-aw-icon-color, #303030) !important;\n}\n\n\n.rivo-reward-card .reward-name{\n height: 50px;\n}\n\n.rivo-aw-reward-select-row .rivo-aw-reward-select-button{\n min-height: 100%;\n}\n\n\/* .rivo-login-form form, .rivo-or-text{\n display:none;\n} *\/\n\/* BFCM ACCOUNT BAR PROMOTION *\/\n\n","email_text":"Email","order_text":"Order","phone_text":"Phone","taxes_text":"Taxes","total_text":"Total","cards_shape":"rounded","delete_text":"Delete","select_text":"Select","address_text":"Address","company_text":"Company","country_text":"Country","inputs_shape":"rounded","buttons_shape":"rounded","discount_text":"Discount","primary_color":"#303030","province_text":"Province","shipping_text":"Shipping","sold_out_text":"Sold out","subtotal_text":"Subtotal","zip_code_text":"ZIP Code","community_text":"Community","home_cta_1_url":"\/pages\/loyalty-program","home_cta_2_url":"https:\/\/www.mykitsch.com\/a\/account\/shopify-login","home_cta_3_url":"https:\/\/rivo-stu.myshopify.com\/pages\/loyalty-program-2","last_name_text":"Last Name","launcher_shape":"circle","container_shape":"rounded","favorites_title":"Favorites","first_name_text":"First Name","home_cta_1_text":"my rewards","home_cta_2_text":"manage subscriptions","home_cta_3_text":"Manage Subscriptions","input_font_size":16,"show_powered_by":false,"add_to_cart_text":"Add to Cart","amount_paid_text":"Amount paid","footer_font_size":15,"footer_home_text":"For You","net_payment_text":"Net payment","saved_cart_title":"Saved from Cart","toast_font_color":"#ffffff","are_you_sure_text":"Are you sure you want to?","cache_app_enabled":false,"collections_title":"Collections","community_enabled":true,"contact_info_text":"Contact info","currency_decimals":2,"default_font_size":16,"desktop_placement":"left","email_placeholder":"Enter your email","favorites_enabled":true,"google_login_text":"Sign in with Google","home_referral_url":"\/pages\/refer-a-friend","login_button_text":"Get Sign In Code","login_footer_text":"By signing in, you agree to our \u003ca class=\"rivo-underline-link\" href=\"https:\/\/www.mykitsch.com\/pages\/privacy-policy\" target=\"_blank\"\u003eprivacy policy\u003c\/a\u003e and \u003ca class=\"rivo-underline-link\" href=\"https:\/\/www.mykitsch.com\/pages\/terms-of-service\" target=\"_blank\"\u003eterms of service\u003c\/a\u003e","login_issues_link":"\/account\/login","login_issues_text":"Click here to sign in with your password if you are having issues","my_addresses_text":"My Addresses","onload_javascript":"\/\/ Check if the current path contains \"pages\/loyalty\"\nif (window.location.pathname.includes('pages\/loyalty')) {\n \/\/ Check if the link already exists\n if (!document.querySelector('.rivo-hero-faq-link')) {\n\n if (window.Rivo.common.customer?.tags?.includes(\"rivo-challenge-test\")){\n setTimeout(function(){\n const earningRule = document.getElementById(\"rivo-earning-rule-552215\");\n if (earningRule){\n earningRule.style.display = \"flex\";\n }\n }, 5000);\n }\n \/\/ Find the target element\n const heroButtons = document.querySelector('.rivo-hero-buttons');\n\n if (heroButtons) {\n \/\/ Create the link element\n const faqLink = document.createElement('a');\n faqLink.href = '#rivo-faqs-loyalty';\n faqLink.textContent = 'Got Questions?';\n faqLink.className = 'rivo-hero-faq-link';\n \n \/\/ Add inline styles\n faqLink.style.textAlign = 'center';\n faqLink.style.width = '100%';\n faqLink.style.paddingTop = '15px';\n faqLink.style.textDecoration = 'underline';\n \n \/\/ Insert the link after the hero buttons element\n heroButtons.parentNode.insertBefore(faqLink, heroButtons.nextSibling);\n } else {\n console.warn('Element with class .rivo-hero-buttons not found');\n }\n }\n}\n\n (function () {\n let injectionInProgress = false;\n let retailers = null; \/\/ null until loaded\n let isConfigured = null; \/\/ null until checked\n let blockVisible = null; \/\/ null until visibility check completes\n\n const SECTION_TIT
29557LE = 'Linked Accounts';\n const SECTION_SUBTITLE = 'Connect your accounts to earn points when you shop in-store.';\n\n \/\/ ââ API helpers (mirrors subtotal-connect-app-block.js) ââââââââââââââââââ\n\n async function isSubtotalConnectConfigured() {\n try {\n console.log(\"Checking if Subtotal Connect is configured\");\n const response = await fetch(\"\/apps\/subtotal\/configuration\", {\n method: \"GET\",\n headers: { \"Content-Type\": \"application\/json\" },\n });\n console.log(\"configuration response.status\", response.status);\n return response.ok;\n } catch (e) {\n console.error(\"Failed to check Subtotal Connect configuration\", e);\n return false;\n }\n }\n\n async function checkVisibility() {\n try {\n var response = await fetch('\/apps\/subtotal\/visibility', {\n method: 'GET',\n headers: { 'Content-Type': 'application\/json' },\n });\n if (!response.ok) return { blockVisible: true, restrictedRetailerIds: [] };\n return await response.json();\n } catch (e) {\n console.error('Visibility check failed:', e);\n return { blockVisible: true, restrictedRetailerIds: [] };\n }\n }\n\n function disconnectConnectionOnClick(retailer, button) {\n return async () =\u003e {\n console.log(\"disconnectConnectionOnClick\", retailer.connection.connection_id);\n const originalText = button.textContent;\n const originalWidth = button.offsetWidth;\n button.disabled = true;\n button.style.width = originalWidth + 'px';\n button.innerHTML = '\u003cspan class=\"rivo-rc-btn-spinner\"\u003e\u003c\/span\u003e';\n try {\n const args = {\n connectionId: retailer.connection.connection_id,\n };\n const response = await fetch('\/apps\/subtotal\/disconnect-connection', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(args),\n });\n if (!response.ok) {\n throw new Error(`Failed to disconnect connection: ${response.statusText}`);\n }\n \/\/ Reload the page to reset all state\n window.location.reload();\n } catch (error) {\n console.error('Error:', error);\n button.disabled = false;\n button.style.width = '';\n button.textContent = originalText;\n }\n };\n }\n\n function createRetailerLinkOnClick(retailer, button) {\n return async () =\u003e {\n console.log(\"retailer-card clicked\", retailer.retailer_id);\n const originalText = button.textContent;\n const originalWidth = button.offsetWidth;\n button.disabled = true;\n button.style.width = originalWidth + 'px';\n button.innerHTML = '\u003cspan class=\"rivo-rc-btn-spinner\"\u003e\u003c\/span\u003e';\n try {\n const args = {\n retailerId: retailer.retailer_id,\n retailerLinkUrl: retailer.link_url,\n redirectUrl: window.location.href,\n };\n if (retailer.connection) {\n args.connectionId = retailer.connection.connection_id;\n }\n const response = await fetch('\/apps\/subtotal\/connections', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(args),\n });\n if (!response.ok) {\n throw new Error(`Connections API call failed: ${response.statusText}`);\n }\n const data = await response.json();\n if (data.link_url) {\n window.location.href = data.link_url;\n }\n } catch (error) {\n console.error('Error:', error);\n button.disabled = false;\n button.style.width = '';\n button.textContent = originalText;\n }\n };\n }\n\n function getStatusText(retailer) {\n const connection = retailer.connection;\n if (!connection ||\n connection.status === \"initialized\" ||\n connection.status === \"revoked\" ||\n connection.status === \"disconnected\") {\n return \"Not connected\";\n } else if (connection.status === \"unauthenticated\") {\n return \"Sign in to sync new purchases\";\n } else if (connection.status === \"active\") {\n return \"Active\";\n }\n return null;\n }\n\n \/\/ ââ Sorting (mirrors subtotal-connect-app-block.js) ââââââââââââââââââââââ\n\n function sortRetailers(list) {\n return list.slice().sort((a, b) =\u003e {\n const aIsActive = a.connection?.status === \"active\";\n const bIsActive = b.connection?.status === \"active\";\n const aIsUnauthenticated = a.connection?.status === \"unauthenticated\";\n const bIsUnauthenticated = b.connection?.status === \"unauthenticated\";\n\n if (aIsUnauthenticated \u0026\u0026 !bIsUnauthenticated) return -1;\n if (!aIsUnauthenticated \u0026\u0026 bIsUnauthenticated) return 1;\n if (aIsActive \u0026\u0026 !bIsActive) return -1;\n if (!aIsActive \u0026\u0026 bIsActive) return 1;\n\n return 0;\n });\n }\n\n \/\/ ââ Card creation ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ\n\n function createRetailerCard(retailer, index) {\n const connection = retailer.connection;\n const logo = retailer?.images?.icon?.light || '';\n const name = retailer?.name || '';\n const statusText = getStatusText(retailer);\n\n const isActive = connection?.status === \"active\";\n const isUnauthenticated = connection?.status === \"unauthenticated\";\n\n \/\/ Determine button text and style based on connection status\n let buttonText = '';\n let buttonModifier = '';\n let onClickFactory = null;\n\n if (!connection ||\n connection.status === \"initialized\" ||\n connection.status === \"disconnected\") {\n buttonText = 'Connect';\n buttonModifier = 'primary';\n onClickFactory = createRetailerLinkOnClick;\n } else if (isUnauthenticated) {\n buttonText = 'Sign in';\n buttonModifier = 'secondary';\n onClickFactory = createRetailerLinkOnClick;\n } else if (isActive) {\n buttonText = 'Disconnect';\n buttonModifier = 'secondary';\n onClickFactory = disconnectConnectionOnClick;\n }\n\n const card = document.createElement('div');\n card.className = `rivo-rc-card${isActive ? ' is-connected' : ''}`;\n card.style.animationDelay = `${0.05 * index}s`;\n\n \/\/ Logo\n if (logo) {\n const img = document.createElement('img');\n img.className = 'rivo-rc-logo';\n img.src = logo;\n img.alt = name;\n img.onerror = function () { this.style.display = 'none'; };\n card.appendChild(img);\n }\n\n \/\/ Name + status container\n const info = document.createElement('div');\n info.className = 'rivo-rc-info';\n\n const nameEl = document.createElement('span');\n nameEl.className = 'rivo-rc-name';\n nameEl.textContent = name;\n info.appendChild(nameEl);\n\n if (statusText) {\n const statusEl = document.createElement('span');\n statusEl.className = 'rivo-rc-status'\n + (isActive ? ' rivo-rc-status--active' : '')\n + (isUnauthenticated ? ' rivo-rc-status--warn' : '');\n statusEl.textContent = statusText;\n info.appendChild(statusEl);\n }\n\n card.appendChild(info);\n\n \/\/ Action button\n if (buttonText \u0026\u0026 onClickFactory) {\n const btn = document.createElement('button');\n btn.className = `rivo-rc-btn rivo-rc-btn--${buttonModifier}`;\n btn.type = 'button';\n btn.textContent = buttonText;\n btn.addEventListener('click', onClickFactory(retailer, btn));\n card.appendChild(btn);\n }\n\n return card;\n }\n\n \/\/ ââ DOM injection ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ\n\n function canInject() {\n const homePage = document.querySelector('.rivo-slideout-page-content.rivo-home-page');\n if (!homePage) return false;\n if (homePage.querySelector('.rivo-rc-injected')) return false;\n if (injectionInProgress) return false;\n\n const customer = RivoProfileAlpine.store('rivo_profile_customer');\n if (!customer?.remote_id) return false;\n\n \/\/ Don't inject until configuration check completes\n if (isConfigured === null) return false;\n \/\/ Don't inject if not configured\n if (!isConfigured) return false;\n\n \/\/ Don't inject until visibility check completes\n if (blockVisible === null) return false;\n \/\/ Don't inject if visibility restricted for this user\n if (!blockVisible) return false;\n\n \/\/ Don't inject until retailers are loaded\n if (!Array.isArray(retailers)) return false;\n\n return true;\n }
29557\n\n function injectSection() {\n if (!canInject()) return;\n\n const homePage = document.querySelector('.rivo-slideout-page-content.rivo-home-page');\n const recentlyViewed = homePage.querySelector('.rivo-aw-home-recently-viewed');\n\n injectionInProgress = true;\n\n const el = document.createElement('div');\n el.className = 'rivo-slideout-content-wrapper rivo-rc-injected';\n\n \/\/ Build styles\n const style = document.createElement('style');\n style.textContent = `\n .rivo-rc-injected .rivo-rc-sub{font-size:13px;color:#666;margin:4px 0 10px}\n .rivo-rc-injected .rivo-rc-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:6px}\n .rivo-rc-injected .rivo-rc-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;transition:box-shadow .2s,transform .15s;color:inherit;animation:rivoRcFade .35s ease forwards;opacity:0}\n .rivo-rc-injected .rivo-rc-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}\n .rivo-rc-injected .rivo-rc-card.is-connected{border-color:#e5e5e5;background:#fff}\n .rivo-rc-injected .rivo-rc-logo{width:32px;height:32px;object-fit:contain;border-radius:6px;flex-shrink:0}\n .rivo-rc-injected .rivo-rc-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}\n .rivo-rc-injected .rivo-rc-name{font-size:13px;font-weight:600;line-height:1.2}\n .rivo-rc-injected .rivo-rc-status{font-size:11px;color:#999;line-height:1.2}\n .rivo-rc-injected .rivo-rc-status--active{color:#22c55e}\n .rivo-rc-injected .rivo-rc-status--warn{color:#f59e0b}\n .rivo-rc-injected .rivo-rc-btn{margin-left:auto;flex-shrink:0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;line-height:1;display:inline-flex;align-items:center;justify-content:center}\n .rivo-rc-injected .rivo-rc-btn:disabled{opacity:.6;cursor:not-allowed}\n .rivo-rc-injected .rivo-rc-btn--primary{background:#000;color:#fff}\n .rivo-rc-injected .rivo-rc-btn--primary:hover:not(:disabled){background:#333}\n .rivo-rc-injected .rivo-rc-btn--secondary{background:#f3f4f6;color:#374151}\n .rivo-rc-injected .rivo-rc-btn--secondary:hover:not(:disabled){background:#e5e7eb}\n .rivo-rc-injected .rivo-rc-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rivoRcSpin .6s linear infinite}\n .rivo-rc-injected .rivo-rc-loading{display:flex;justify-content:center;align-items:center;gap:6px;padding:20px 0}\n .rivo-rc-injected .rivo-rc-dot{width:6px;height:6px;border-radius:50%;background:#999;animation:rivoRcBounce .6s ease-in-out infinite alternate}\n .rivo-rc-injected .rivo-rc-dot:nth-child(2){animation-delay:.2s}\n .rivo-rc-injected .rivo-rc-dot:nth-child(3){animation-delay:.4s}\n @keyframes rivoRcFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\n @keyframes rivoRcSpin{to{transform:rotate(360deg)}}\n @keyframes rivoRcBounce{to{transform:translateY(-4px);opacity:.4}}\n `;\n el.appendChild(style);\n\n \/\/ Content wrapper\n const wrapper = document.createElement('div');\n\n const title = document.createElement('h2');\n title.className = 'rivo-aw-title';\n title.textContent = SECTION_TITLE;\n wrapper.appendChild(title);\n\n const sub = document.createElement('p');\n sub.className = 'rivo-rc-sub';\n sub.textContent = SECTION_SUBTITLE;\n wrapper.appendChild(sub);\n\n const grid = document.createElement('div');\n grid.className = 'rivo-rc-grid';\n\n \/\/ Sort and render retailer cards\n const sorted = sortRetailers(retailers);\n sorted.forEach((retailer, i) =\u003e {\n const card = createRetailerCard(retailer, i);\n grid.appendChild(card);\n });\n\n wrapper.appendChild(grid);\n el.appendChild(wrapper);\n\n if (recentlyViewed) {\n homePage.insertBefore(el, recentlyViewed);\n } else {\n homePage.appendChild(el);\n }\n\n injectionInProgress = false;\n }\n\n \/\/ ââ Observe DOM for Rivo panel âââââââââââââââââââââââââââââââââââââââââ\n\n let t;\n const obs = new MutationObserver(() =\u003e {\n clearTimeout(t);\n t = setTimeout(injectSection, 150);\n });\n obs.observe(document.body, { childList: true, subtree: true });\n\n \/\/ Try once immediately in case the DOM is already there\n setTimeout(injectSection, 0);\n\n \/\/ ââ Fetch config, visibility + retailers in parallel âââââââââââââââââ\n\n (async () =\u003e {\n try {\n const [configOk, visibilityResult, retailersResp] = await Promise.all([\n isSubtotalConnectConfigured(),\n checkVisibility(),\n fetch('\/apps\/subtotal\/retailers', {\n method: 'GET',\n headers: { 'Content-Type': 'application\/json' },\n }),\n ]);\n\n isConfigured = configOk;\n blockVisible = visibilityResult.blockVisible;\n\n if (!configOk) {\n console.log(\"Subtotal Connect not configured â skipping Rivo injection\");\n return;\n }\n\n if (!blockVisible) {\n console.log(\"Subtotal Connect hidden by visibility config â skipping Rivo injection\");\n return;\n }\n\n if (!retailersResp.ok) {\n throw new Error(`retailers fetch failed: ${retailersResp.status} ${retailersResp.statusText}`);\n }\n\n const data = await retailersResp.json();\n retailers = Array.isArray(data) ? data : data?.retailers;\n console.log(\"Retailers loaded\", retailers);\n } catch (e) {\n console.error(\"Failed to load retailers\", e);\n } finally {\n injectSection();\n }\n })();\n})();","order_placed_text":"Placed on","verify_title_text":"Enter the code we just sent to [[email]]","all_favorites_text":"All Favorites","external_login_url":"https:\/\/www.mykitsch.com\/customer_authentication\/login?return_to=\/?show_rivo_account=true","footer_orders_text":"Orders","home_cta_1_enabled":false,"home_cta_2_enabled":false,"home_cta_3_enabled":false,"latest_order_title":"Latest Order","notifications_text":"Notifications","privacy_policy_url":"","profile_list_links":[{"url":"https:\/\/www.mykitsch.com\/pages\/take-the-kitsch-quiz","text":"Hair Qu
29557iz","open_new_tab":true},{"url":"https:\/\/www.mykitsch.com\/pages\/contact-us","text":"Contact Us","open_new_tab":true},{"url":"https:\/\/www.mykitsch.com\/pages\/contact-us","text":"Help Center","open_new_tab":true},{"url":"https:\/\/www.mykitsch.com\/a\/mobile-app","text":"Download App","open_new_tab":true}],"reload_after_login":true,"saved_cart_enabled":false,"shop_login_enabled":false,"verify_button_text":"Verify Code","address_line_2_text":"Apartment, suite, etc.","apple_login_enabled":false,"delete_address_text":"Yes, Delete Address","external_login_text":"Sign in or Sign up","footer_profile_text":"Profile","home_referral_title":"Refer a Friend \u0026 Earn","locale_urls_enabled":false,"mobile_side_spacing":20,"my_preferences_text":"My Preferences","payment_method_text":"Payment Method","popular_today_title":"Popular Today","select_country_text":"Select Country","select_options_text":"Select Options","skip_edgemesh_cache":false,"slideout_icon_color":"#303030","taxes_included_text":"Taxes (included)","update_profile_text":"Update Profile","view_favorites_text":"View Favorites","amount_refunded_text":"Amount refunded","billing_address_text":"Billing Address","desktop_side_spacing":20,"excluded_product_ids":[],"favorites_load_delay":500,"footer_icons_enabled":false,"google_login_enabled":false,"hide_rivo_login_form":true,"home_logged_in_title":"Welcome \u003cspan rivo-ax-text='$store.rivo_profile_customer?.first_name'\u003e\u003c\/span\u003e","legacy_gift_card_app":"","legacy_login_enabled":true,"order_cancelled_text":"Cancelled on","profile_log_out_text":"Log out","save_collection_text":"Save Collection","select_province_text":"Select Province","shipping_method_text":"Shipping Method","terms_of_service_url":"","address_default_badge":"Default","alternate_login_title":"Having issues signing in?","featured_content_link":"https:\/\/www.mykitsch.com\/a\/account\/shopify-login","featured_home_content":"\u003cdiv class=\"kitsch-featured-content\"\u003e\n \u003ca href=\"https:\/\/www.mykitsch.com\/a\/account\/shopify-login\"\u003e\n \u003cdiv\u003e\n \u003cimg src=\"https:\/\/www.mykitsch.com\/cdn\/shop\/files\/62361-TravelCase-BottleFreeBeauty-Terracotta-4-1280x1280px.jpg\"\/\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"rivo-aw-title\"\u003eKitsch Subscriptions\u003c\/h2\u003e\n \u003cp\u003eManage your subscriptions\u003c\/p\u003e\n \u003c\/a\u003e\n\u003c\/div\u003e","home_logged_out_title":"Sign in to your account","home_referral_enabled":true,"legacy_membership_app":"","mobile_bottom_spacing":20,"order_returns_enabled":true,"order_returns_partner":"loop_returns","popular_today_enabled":true,"recently_viewed_title":"Recently Viewed","redeem_rewards_filter":"free_product_only","replace_account_links":true,"shipping_address_text":"Shipping Address","slideout_border_color":"#e0e0e0","vip_tier_progress_url":"\/pages\/loyalty-program","add_to_collection_text":"Add to Collection","bypass_url_identifiers":[],"compare_at_price_color":"#c70000","custom_sub_cta_content":"","custom_sub_cta_enabled":false,"desktop_bottom_spacing":20,"external_login_enabled":true,"hide_sold_out_products":true,"home_referral_subtitle":"\u003cspan rivo-ax-text='$store.rivo_profile_customer?.referral_stats?.completed_count'\u003e\u003c\/span\u003e referrals completed so far","home_wallet_pass_title":"Add Wallet Pass","login_footer_font_size":12,"next_billing_date_text":"You will be charged next on \u003cspan rivo-ax-text='$store.membership_subscription_contract.pretty_next_billing_date_at'\u003e\u003c\/span\u003e","order_tracking_partner":"shopify","orders_logged_in_title":"Your Orders","popular_products_count":20,"product_rating_enabled":false,"profile_pos_qr_enabled":false,"shop_pay_login_enabled":true,"slideout_subdued_color":"#f7f7f7","toast_background_color":"#1a1a1a","added_to_cart_link_text":"Go to Cart","additional_details_text":"Additional Details","alternate_login_enabled":true,"custom_sms_consent_text":"","home_logged_in_subtitle":"You have \u003cspan class='rivo-pretty-points-balance' rivo-ax-text='$store.rivo_profile_customer?.pretty_points_tally'\u003e\u003c\/span\u003e points","home_referral_copy_text":"Referral link copied to clipboard","ignore_inventory_policy":false,"order_buy_again_enabled":true,"order_returns_subdomain":"mykitsch","orders_empty_state_text":"You haven't placed any orders yet","orders_logged_out_title":"Login to view, track, and manage your orders","post_login_reload_paths":["\/pages\/loyalty-program"],"post_sign_in_javascript":"","product_rating_provider":"okendo","recently_viewed_enabled":true,"refresh_cart_javascript":"Alpine.$data(document.querySelector('.cart-drawer')).updateCart()","section_title_font_size":18,"shopify_markets_enabled":true,"survey_next_button_text":"Next","survey_ski
29557p_button_text":"Skip","alternate_login_subtitle":"Use one of the following methods below to sign in.","custom_hide_product_tags":[],"desktop_sidebar_position":"left","home_logged_out_subtitle":"Earn points, manage subscriptions and track orders","home_wallet_pass_enabled":false,"legacy_gift_card_enabled":false,"order_cancel_button_text":"Cancel Order","replace_legacy_app_links":true,"shipping_addresses_title":"Shipping Addresses","verify_login_issues_link":"\/#rivo","verify_login_issues_text":"Having issues? Click here to try again.","community_cover_image_url":"https:\/\/scontent.cdninstagram.com\/v\/t51.82787-15\/581711009_18556768366009897_868338151277097992_n.jpg?stp=dst-jpg_e35_p640x640_sh0.08_tt6\u0026_nc_cat=103\u0026ig_cache_key=Mzc2ODY3OTQ3NTU3Njc1MzI1NA%3D%3D.3-ccb1-7\u0026ccb=1-7\u0026_nc_sid=58cdad\u0026efg=eyJ2ZW5jb2RlX3RhZyI6InhwaWRzLjEwODB4MTM1MC5zZHIuQzMifQ%3D%3D\u0026_nc_ohc=dhKSHK4bKkoQ7kNvwE0fbVp\u0026_nc_oc=AdnFT-rsg90JskGcaOOIhBIFJsT2Ez7bvggZhr_zBmFhtJVzlX8TPdpM0q9Tg-ng4GJMfpIbE9gxp5Y0_FsiN9Vc\u0026_nc_ad=z-m\u0026_nc_cid=0\u0026_nc_zt=23\u0026_nc_ht=scontent.cdninstagram.com\u0026_nc_gid=Aenx3FPVNoaRN4xHQgRZKg\u0026oh=00_AfgBXe7ENeBCpTNGh5AKaygeo0f2hbmutpw3CRoSr2H-bQ\u0026oe=69227D35","community_user_avatar_url":"https:\/\/scontent.cdninstagram.com\/v\/t51.82787-15\/581711009_18556768366009897_868338151277097992_n.jpg?stp=dst-jpg_e35_p640x640_sh0.08_tt6\u0026_nc_cat=103\u0026ig_cache_key=Mzc2ODY3OTQ3NTU3Njc1MzI1NA%3D%3D.3-ccb1-7\u0026ccb=1-7\u0026_nc_sid=58cdad\u0026efg=eyJ2ZW5jb2RlX3RhZyI6InhwaWRzLjEwODB4MTM1MC5zZHIuQzMifQ%3D%3D\u0026_nc_ohc=dhKSHK4bKkoQ7kNvwE0fbVp\u0026_nc_oc=AdnFT-rsg90JskGcaOOIhBIFJsT2Ez7bvggZhr_zBmFhtJVzlX8TPdpM0q9Tg-ng4GJMfpIbE9gxp5Y0_FsiN9Vc\u0026_nc_ad=z-m\u0026_nc_cid=0\u0026_nc_zt=23\u0026_nc_ht=scontent.cdninstagram.com\u0026_nc_gid=Aenx3FPVNoaRN4xHQgRZKg\u0026oh=00_AfgBXe7ENeBCpTNGh5AKaygeo0f2hbmutpw3CRoSr2H-bQ\u0026oe=69227D35","home_button_gift_card_url":"","home_cta_1_primary_button":true,"home_cta_2_primary_button":false,"home_cta_3_primary_button":false,"home_wallet_pass_subtitle":"Unlock exclusive rewards and offers.","legacy_points_balance_app":"rivo","on_hash_change_javascript":"","order_returns_button_text":"Start a Return","order_returns_custom_link":"","slideout_background_color":"#ffffff","accepts_sms_marketing_text":"Text me with news and offers","add_shipping_address_title":"Add Shipping Address","added_to_cart_link_enabled":false,"alternate_login_email_text":"Sign using a different method (Recommended)","create_new_collection_text":"Create New Collection","favorites_empty_state_text":"No favorited products","featured_content_image_url":"https:\/\/www.mykitsch.com\/cdn\/shop\/files\/62361-TravelCase-BottleFreeBeauty-Terracotta-4-1280x1280px.jpg","home_button_membership_url":"","logged_out_title_font_size":24,"membership_cover_image_url":"","mini_block_title_font_size":13,"order_tracking_button_text":"Track Shipment","order_tracking_custom_link":"","primary_button_class_names":"button button--primary","redirect_from_account_page":true,"save_shipping_address_text":"Save Shipping Address","vip_progress_block_enabled":true,"alternate_login_google_text":"Sign in with Google","buy_again_notification_text":"Order added to the cart","edit_shipping_address_title":"Edit Shipping Address","favorite_button_active_text":"Added to favorites","home_button_membership_text":"Credit","home_loyalty_button_enabled":true,"home_referral_page_subtitle":"Refer a friend who makes a purchase and both of you will claim rewards.","login_verify_identity_title":"Verify your identity","loyalty_opt_in_checkbox_tag":"rivo-loyalty-opt-in","order_buy_again_button_text":"Buy Again","order_cancel_button_enabled":false,"profile_list_contact_us_url":"#","saved_cart_empty_state_text":"No saved cart items","set_as_default_address_text":"Set as default address","slideout_heading_font_color":"#303030","account_verification_enabled":false,"collections_empty_state_text":"No collections","email_cannot_be_changed_text":"Email used for login cannot be updated","exposed_line_item_properties":[],"favorite_button_active_color":"#ff5e5e","home_additional_button_1_url":"https:\/\/www.mykitsch.com\/a\/account\/shopify-login","home_additional_button_2_url":"https:\/\/www.mykitsch.com\/","home_logged_out_orders_title":"Sign in to access your orders","login_accepts_marketing_text":"Email me with updates and offers","loyalty_opt_in_checkbox_text":"Email me just loyalty offers","order_returns_fulfilled_only":false,"order_track_shipment_enabled":true,"orders_additional_button_url":"","profile_list_contact_us_text":"Contact Us","redeem_rewards_block_enabled":true,"redeem_rewards_display_style":"select","secondary_button_class_names":"button button--w
29557hite","accepts_sms_marketing_enabled":false,"add_to_cart_notification_text":"Added to cart","alternate_login_shop_pay_text":"Sign in to an existing account with Shop Pay","favorite_button_inactive_text":"Add to favorites","featured_home_content_enabled":true,"home_gift_card_button_enabled":false,"home_logged_out_profile_title":"Sign in to access your profile","international_returns_enabled":false,"legacy_points_balance_enabled":false,"mini_block_subtitle_font_size":13,"new_customer_accounts_enabled":true,"order_limited_time_button_url":"","orders_additional_button_text":"","same_as_shipping_address_text":"Same as shipping address","shop_pay_login_button_enabled":true,"home_additional_button_enabled":false,"home_button_balance_points_url":"\/pages\/loyalty-program","home_button_components_enabled":false,"home_button_gift_card_cta_text":"My Credit","home_membership_button_enabled":false,"order_limited_time_button_text":"","address_saved_notification_text":"Address saved","apply_discount_add_to_cart_text":"Apply discount \u0026 add to cart","featured_content_image_position":"center center","home_button_balance_points_text":"Points","home_button_gift_card_code_text":"ID: ","home_button_gift_card_copy_text":"Copy ID","home_button_membership_cta_text":"My Membership","home_expiration_message_enabled":false,"home_logged_out_favorites_title":"Sign in to access your favorites","home_logged_out_orders_subtitle":"Get access to your rewards, referrals, and more","login_accepts_marketing_default":true,"login_accepts_marketing_enabled":true,"loyalty_opt_in_checkbox_default":true,"loyalty_opt_in_checkbox_enabled":false,"profile_list_contact_us_enabled":true,"profile_list_personal_info_text":"Personal Information","view_product_action_button_text":"View product","home_additional_button_1_enabled":true,"home_additional_button_2_enabled":true,"home_logged_out_profile_subtitle":"Get access to your rewards, referrals, and more","home_logged_out_saved_cart_title":"Sign in to access your saved cart","home_wallet_pass_ios_button_text":"Add Apple Wallet Pass","mini_block_product_price_enabled":true,"mini_block_product_title_enabled":true,"orders_additional_button_enabled":false,"product_compare_at_price_enabled":true,"recently_viewed_empty_state_text":"No recently viewed products","slideout_body_primary_font_color":"#303030","address_deleted_notification_text":"Address deleted successfully","international_returns_button_text":"Start an International Return","login_accepts_marketing_countries":[],"order_limited_time_button_enabled":false,"profile_updated_notification_text":"Profile updated","shipping_address_empty_state_text":"You haven't added any shipping addresses yet","add_to_favorites_notification_text":"Save Item","alternate_login_another_email_text":"Try sending another code","home_button_membership_paywall_url":"","home_logged_out_favorites_subtitle":"Get access to your rewards, referrals, and more","redirect_to_classic_login_on_error":true,"share_favorite_collections_enabled":false,"shop_pay_login_email_field_enabled":true,"slideout_body_secondary_font_color":"#707070","verify_login_issues_alt_login_text":"Having issues? Click here to sign in with an alternate method","view_product_action_button_enabled":false,"cancel_membership_notification_text":"Membership canceled","home_button_balance_points_cta_text":"My Rewards","order_returns_button_primary_button":false,"post_login_reload_path_redirect_url":"\/pages\/loyalty-program","recently_viewed_collections_enabled":true,"added_to_favorites_notification_text":"Item saved","home_wallet_pass_android_button_text":"Add Google Wallet Pass","order_tracking_button_primary_button":true,"profile_list_shipping_addresses_text":"Shipping Addresses","apple_login_private_relay_error_title":"Please sign in using a different method","order_buy_again_button_primary_button":false,"order_cancel_button_threshold_enabled":true,"orders_secondary_additional_button_url":"","home_button_membership_paywall_cta_text":"Join our Membership","orders_additional_button_primary_button":false,"remove_from_favorites_notification_text":"Remove item","apple_login_private_relay_error_subtitle":"Sorry, we couldn't authenticate your Apple account. Please try again using your email or Sign in with Google.","apple_login_reject_private_relay_enabled":false,"home_logged_out_profile_subtitle_enabled":false,"order_cancel_button_threshold_in_minutes":30,"order_limited_time_button_primary_button":false,"removed_from_favorites_notification_text":"Item removed","show_as_loyalty_page_login_modal_enabled":false,"orders_secondary_additional_button_enabled":false,"international_returns_button_primary_button":false,"send_payment_method_email_notification_text":"Confirmation email sent","order_limited_time_button_threshold_in_minutes":15,"orders_secondary_additional_button_primary_button":false,"css_variables":":root {\n --rivo-aw-background-color: #ffffff;\n --rivo-aw-desktop-sidebar-left: 0px;\n --rivo-aw-desktop-sidebar-right: auto;\n --rivo-aw-desktop-slidein-translate-x: -100%;\n --rivo-aw-desktop-slideout-translate-x: -100%;\n --rivo-aw-heading-font-color: #303030;
29557\n --rivo-aw-body-primary-font-color: #303030;\n --rivo-aw-body-secondary-font-color: #707070;\n --rivo-aw-border-color: #e0e0e0;\n --rivo-aw-subdued-color: #f7f7f7;\n --rivo-aw-icon-color: #303030;\n --rivo-aw-primary-color: #303030;\n --rivo-aw-favorite-button-active-color: #ff5e5e;\n --rivo-aw-toast-offset-left: 15px;\n --rivo-aw-toast-offset-right: auto;\n --rivo-aw-default-font-size: 16px;\n \n --rivo-aw-input-font-size: 16px;\n --rivo-aw-section-title-font-size: 18px;\n --rivo-aw-logged-out-title-font-size: 24px;\n \n --rivo-aw-mini-block-title-font-size: 13px;\n --rivo-aw-mini-block-subtitle-font-size: 13px;\n --rivo-aw-login-footer-font-size: 12px;\n --rivo-aw-footer-font-size: 15px;\n --rivo-aw-toast-background-color: #1a1a1a;\n --rivo-aw-toast-font-color: #ffffff;\n \n \n --rivo-aw-home-featured-content-image-position: center center;\n --rivo-aw-compare-at-price-color: #c70000;\n \n }","terms_and_conditions":"By signing in, you agree to our \u003ca class=\"rivo-underline-link\" href=\"https:\/\/www.mykitsch.com\/pages\/privacy-policy\" target=\"_blank\"\u003eprivacy policy\u003c\/a\u003e and \u003ca class=\"rivo-underline-link\" href=\"https:\/\/www.mykitsch.com\/pages\/terms-of-service\" target=\"_blank\"\u003eterms of service\u003c\/a\u003e","sms_terms_and_conditions":null},"persisted_login_enabled":false,"preference_questions":[],"customer_id_verification_enabled":true,"ping_enabled":true,"contests":[],"active_contest":null,"activate_store_balance_consolidation_enabled":false,"deduct_after_order_placed_channels":[],"edit_order_settings":{"enabled":false,"note_text":"Order Note","note_enabled":false,"cancel_enabled":true,"cancel_reasons":["Changed my mind","Shipping concerns","Ordered by mistake","Other"],"note_button_text":"Update Note","note_placeholder":"Add a note to your order","threshold_method":"fulfilled","cancel_button_text":"Cancel Order","contact_info_enabled":true,"preview_mode_enabled":false,"contact_info_button_text":"Update Contact Information","shipping_address_enabled":true,"threshold_time_in_minutes":15,"preview_mode_email_domains":[],"shipping_address_button_text":"Update Shipping Address"},"gift_card_settings":{"enabled":false,"gift_card_product_ids":[]},"surveys":[],"order_earnings_delay_in_seconds":null,"cashback_program_enabled":false,"cashback_offers":[],"community_feed":[{"id":17050,"name":"Angela K.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODYyOTExLCJwdXIiOiJibG9iX2lkIn19--497616bec10d0636d8c759fd51352925f9ebcfba\/IMG_7867.jpg"},{"id":17049,"name":"Kristina H.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODYyOTEwLCJwdXIiOiJibG9iX2lkIn19--846dc72a2866d3cd753c06d965b00e043b6bbf27\/IMG_4352.jpg"},{"id":16949,"name":"Kaelan B.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODYyNTMyLCJwdXIiOiJibG9iX2lkIn19--42d042218529984ecc149876d19d59ba4b04a93b\/IMG_0201.jpg"},{"id":16882,"name":"Jayda S.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODYyMjI5LCJwdXIiOiJibG9iX2lkIn19--0734efe0f091572b3b9f9aa44f7a34739ae3b573\/IMG_3551.jpg"},{"id":16584,"name":"Juanita M.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODYwNzI2LCJwdXIiOiJibG9iX2lkIn19--0b08572ec25ba146682dc9553901cc28fce8f371\/IMG_0454.jpg"},{"id":16353,"name":"Chloe A.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU4NTg5LCJwdXIiOiJibG9iX2lkIn19--1f33a4cd5f98fae0b3c417262b882bedfc6a3c55\/IMG_2946.jpg"},{"id":16188,"name":"Ella A.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU3NjA3LCJwdXIiOiJibG9iX2lkIn19--85904e04a1a474f8645867f6a134659a46cb4cc6\/IMG_0503.jpg"},{"id":15957,"name":"Mia M.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU3Mjc2LCJwdXIiOiJibG9iX2lkIn19--6e5d1681753919acd65cf6922b02d4b5d65d3521\/IMG_0129.jpg"},{"id":15823,"name":"Kimberly C.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU2NjI0LCJwdXIiOiJibG9iX2lkIn19--09cfa57a1e700ac4a7844c8d1b7a074a140205a4\/IMG_7984.jpg"},{"id":15757,"name":"Titsa G.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU2MjY2LCJwdXIiOiJibG9iX2lkIn19--b48f09f702db7fd6d02663a353274e4c8bc57b4a\/IMG_0702.jpg"},{"id":15624,"name":"Kimberly C.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU1OTU3LCJwdXIiOiJibG9iX2lkIn19--c38cc3dded9c0faea4f9bd3a890634fdabb0cb43\/IMG_7922.jpg"}
29557,{"id":15324,"name":"Sarah N.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU1MDY4LCJwdXIiOiJibG9iX2lkIn19--0c4fc2fb6e0d363551f45363102f834e48764278\/IMG_6540.jpg"},{"id":15154,"name":"Mina L.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODU0MDQ2LCJwdXIiOiJibG9iX2lkIn19--179ca09dbe54ef21f27214afcf31db2a1f4d515d\/IMG_0154.jpg"},{"id":15119,"name":"Joanna H.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODUzOTc4LCJwdXIiOiJibG9iX2lkIn19--9d51a9ec37fe113af23189e1810f08078a23530f\/IMG_1982.jpg"},{"id":15051,"name":"Kenzie M.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODUzNzk1LCJwdXIiOiJibG9iX2lkIn19--fee9c4f57c9001a581e2c8d59c8682ed9a49b4dc\/IMG_4783.jpg"},{"id":14181,"name":"kimberly v.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODUwNjAyLCJwdXIiOiJibG9iX2lkIn19--ae7fce33bb4f458419d30b34853e674459a28774\/IMG_9393.jpg"},{"id":13649,"name":"Austin C.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQ4MDkyLCJwdXIiOiJibG9iX2lkIn19--dd33998640323303d394b0aa95949b48e733dc81\/IMG_5591.jpg"},{"id":13583,"name":"Pam L.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQ3ODYyLCJwdXIiOiJibG9iX2lkIn19--4c09c5217de86949c9852f48af1c9d384e3c49db\/IMG_4108.jpg"},{"id":13385,"name":"Rosie J.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQ3MTA5LCJwdXIiOiJibG9iX2lkIn19--b6290010ffe81fc375852900889d9252a1781836\/IMG_2657.jpg"},{"id":13318,"name":"Kara F.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQ2ODgwLCJwdXIiOiJibG9iX2lkIn19--b350eba990e9b790a5974b4a8564608de8d8cbc4\/IMG_8765.jpg"},{"id":13282,"name":"Sara H.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQ2ODE1LCJwdXIiOiJibG9iX2lkIn19--cc4f99dc9d8d4b75b159706ae2d1a613c7c8f51a\/IMG_7218.jpg"},{"id":13049,"name":"Riley F.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQ1OTkxLCJwdXIiOiJibG9iX2lkIn19--681f012e4a5f2b7ec6e2c42b747368b4d10b2fda\/IMG_3039.jpg"},{"id":12681,"name":"Melanie S.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQ1MDcxLCJwdXIiOiJibG9iX2lkIn19--49a1337b5bd59ee1d85b1005cdc4aef5ea9d4331\/IMG_1409.jpg"},{"id":12349,"name":"Pam L.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQzNzgwLCJwdXIiOiJibG9iX2lkIn19--f0520bda18783a20b6f994e2128f4dcbc07c9658\/IMG_4108.jpg"},{"id":12316,"name":"Kaitlin C.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQzNjgxLCJwdXIiOiJibG9iX2lkIn19--4d6d5ba02c00f24c34ac0c2383c58e298233a704\/IMG_8480.jpg"},{"id":12250,"name":"Shirley A.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQzMzQ3LCJwdXIiOiJibG9iX2lkIn19--7dedbd6f039b5419246d99dc3f963c8ffb33f6e5\/IMG_3457.jpg"},{"id":11854,"name":"Kimberly C.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODQxMTY4LCJwdXIiOiJibG9iX2lkIn19--b19fae344dbb58d82c5292f91347734cdee629a6\/IMG_6677.jpg"},{"id":11720,"name":"Jodie H.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM5NTAwLCJwdXIiOiJibG9iX2lkIn19--b35ccb6e629bb57d181e60299a9dbfe060a57913\/IMG_1399.jpg"},{"id":11621,"name":"Alyssa W.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM4OTU2LCJwdXIiOiJibG9iX2lkIn19--d426817f048ddd5cbe0e73b2d6c29bf6a8f4896b\/IMG_3767.jpg"},{"id":11489,"name":"Laura G.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM4MzIwLCJw
29557dXIiOiJibG9iX2lkIn19--83067749271e675e95e3493d6f342aaab243f794\/IMG_4822.jpg"},{"id":11390,"name":"Meri V.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM3ODEyLCJwdXIiOiJibG9iX2lkIn19--83e6cb791d9f8a42d1bdd8cea8701028d789ddea\/IMG_9547.jpg"},{"id":11225,"name":"Kimberly C.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM3MDMzLCJwdXIiOiJibG9iX2lkIn19--69dbd8b0070c51ba2130cb5bb9881494b118dab8\/IMG_6195.jpg"},{"id":11092,"name":"Sophia C.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM2NDk4LCJwdXIiOiJibG9iX2lkIn19--64937d776499739e2ae9b455947c234c3e41e3cd\/IMG_3451.jpg"},{"id":10927,"name":"Terian B.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM1ODU3LCJwdXIiOiJibG9iX2lkIn19--c398826e3ebc512dcfff337593f5f6c5678d4dd2\/IMG_5662.jpg"},{"id":10828,"name":"Willow K.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODM1MjM0LCJwdXIiOiJibG9iX2lkIn19--77a8bdb936f1b32f1be422322c51ea9478fb7c26\/IMG_2021.jpg"},{"id":10597,"name":"Cooper H.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODMzODY2LCJwdXIiOiJibG9iX2lkIn19--23c3e5639113e37b01fc676d7ccdbbb2a509da09\/IMG_4705.jpg"},{"id":10564,"name":"Gwendolyn W.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODMzNjI0LCJwdXIiOiJibG9iX2lkIn19--ab7c75e415b9c1fd46f5236004661674ccec1299\/IMG_8326.jpg"},{"id":10067,"name":"Paizley M.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODMwOTc0LCJwdXIiOiJibG9iX2lkIn19--d7e33c18d96d910fabd2a4bfa4f7f73d14c7164b\/IMG_2435.jpg"},{"id":9968,"name":"Cooper H.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODMwNjU1LCJwdXIiOiJibG9iX2lkIn19--ccb7b72c1fe05d27ea12396785ed627b03abe5d1\/IMG_4693.jpg"},{"id":9935,"name":"Maire M.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODMwNTEyLCJwdXIiOiJibG9iX2lkIn19--e3c617a66332a238fe791139b92ea905ff518501\/IMG_1719.jpg"},{"id":9869,"name":"Dilcia A.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODMwMjc4LCJwdXIiOiJibG9iX2lkIn19--d62cb3743843d15f081c5687cc15a4a0e0f78428\/IMG_4513.jpg"},{"id":9735,"name":"Paizley M.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODI5NDUyLCJwdXIiOiJibG9iX2lkIn19--676f2cac3b01359066e6d513fc94ed207ee63bb9\/IMG_2435.jpg"},{"id":9269,"name":"clara r.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODI3NTc0LCJwdXIiOiJibG9iX2lkIn19--ab5772079a66b136e774a6f370f173753b21653c\/IMG_2688.jpg"},{"id":9203,"name":"Ella A.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODI3MDA5LCJwdXIiOiJibG9iX2lkIn19--16a1ebb78e51fab2c095143b19b167c44870b107\/IMG_8937.jpg"},{"id":8873,"name":"Lakyn .","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODI1OTM2LCJwdXIiOiJibG9iX2lkIn19--b71e7c1ff852d6ec0379102653b93841c2600835\/IMG_8084.jpg"},{"id":8476,"name":"Michell D.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODI0NzU4LCJwdXIiOiJibG9iX2lkIn19--f466b8cb2c07d9cd41181ceacc59e81ba62461dd\/IMG_0109.jpg"},{"id":7945,"name":"Kylie M.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODIzNzMwLCJwdXIiOiJibG9iX2lkIn19--a2cca4f1785a08ea311de29d5a87205cd2fedab0\/IMG_6506.jpg"},{"id":7582,"name":"Terian B.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODIyMjcwLCJw
29557dXIiOiJibG9iX2lkIn19--e0efbb93e9ef26e71119496d60de89502077516a\/IMG_5424.jpg"},{"id":7516,"name":"Shannon O.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODIyMjMzLCJwdXIiOiJibG9iX2lkIn19--0122d06d0bbc1acdb4888f0ff538ec489a2b1a77\/IMG_0006.jpg"},{"id":7384,"name":"Heather B.","title":"Selfie with a New Kitsch product","image_url":"http:\/\/loyalty.rivo.io\/rails\/active_storage\/blobs\/proxy\/eyJfcmFpbHMiOnsiZGF0YSI6ODIxNjkyLCJwdXIiOiJibG9iX2lkIn19--0221ad783bea959603833d7c80e944d3192eba2e\/IMG_4870.jpg"}],"fallback_to_db_from_shopify_api_enabled":false,"credit_transfers_enabled":false,"wallet_pass_enabled":false,"account_widget_sections":[],"order_settings":{"order_price_exclude_discounts":false,"order_price_include_taxes":true,"order_price_include_shipping":true,"order_reward_channels":"all","order_reward_financial_statuses":["paid"],"order_revoke_financial_statuses":["0","refunded","0","0"],"convert_pos_customers_to_members":false,"discount_code_prefix_settings":{"global_prefix":"VIP-GIFT-","loyalty_prefix":"","cashback_prefix":"","vip_tier_prefix":"KITSCH-VIP-","loyalty_gift_prefix":"LGIFT-","referral_friend_prefix":"KITSCH-FRIEND-","referral_advocate_prefix":"KITSCH-ADVOCATE-"},"capitalize_discount_codes":false,"discount_combination_settings":{},"discount_combinations_with_product_enabled":true,"discount_combinations_with_order_enabled":true,"discount_combinations_with_shipping_enabled":true,"points_program_excluded_collection_ids":[],"points_program_excluded_product_ids":[0],"points_program_excluded_order_tags":[],"skip_order_earnings_on_product_ids":["TikTok Shop by ShoppeDance"],"points_order_earnings_rounding_enabled":true,"points_order_earnings_rounding_type":"round","credits_order_earnings_rounding_enabled":false,"credits_order_earnings_rounding_type":"round","credits_order_earnings_rounding_precision":2,"points_order_earnings_rounding_precision":0,"points_program_fulfillment_earnings_trigger":"order_placed"}}; 29558 window.Rivo.loy_config.api_endpoint = "\/apps\/ba-loy"; 29559</script>
29559 29560
29561<script type="text/javascript" id="rivo-js-customer-init" dynamic> 29562 29563</script>
29563 29564 29565 29566 <link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ba_rivo_profile.css?v=1786981399"/> 29567 <style type="text/css"> 29568 29569 :root { 29570 --rivo-aw-background-color: #ffffff; 29571 --rivo-aw-desktop-sidebar-left: 0px; 29572 --rivo-aw-desktop-sidebar-right: auto; 29573 --rivo-aw-desktop-slidein-translate-x: -100%; 29574 --rivo-aw-desktop-slideout-translate-x: -100%; 29575 --rivo-aw-heading-font-color: #303030; 29576 --rivo-aw-body-primary-font-color: #303030; 29577 --rivo-aw-body-secondary-font-color: #707070; 29578 --rivo-aw-border-color: #e0e0e0; 29579 --rivo-aw-subdued-color: #f7f7f7; 29580 --rivo-aw-icon-color: #303030; 29581 --rivo-aw-primary-color: #303030; 29582 --rivo-aw-favorite-button-active-color: #ff5e5e; 29583 --rivo-aw-toast-offset-left: 15px; 29584 --rivo-aw-toast-offset-right: auto; 29585 --rivo-aw-default-font-size: 16px; 29586 29587 --rivo-aw-input-font-size: 16px; 29588 --rivo-aw-section-title-font-size: 18px; 29589 --rivo-aw-logged-out-title-font-size: 24px; 29590 29591 --rivo-aw-mini-block-title-font-size: 13px; 29592 --rivo-aw-mini-block-subtitle-font-size: 13px; 29593 --rivo-aw-login-footer-font-size: 12px; 29594 --rivo-aw-footer-font-size: 15px; 29595 --rivo-aw-toast-background-color: #1a1a1a; 29596 --rivo-aw-toast-font-color: #ffffff; 29597 29598 29599 --rivo-aw-home-featured-content-image-position: center center; 29600 --rivo-aw-compare-at-price-color: #c70000; 29601 29602 } 29603 a[href^="#rivo-community"], #rivo-earning-rule-552215 { 29604 display: none; 29605} 29606 29607.rivo-slideout__container a:focus { 29608 outline: none; 29609box-shadow:none; 29610border-color: none; 29611} 29612 29613.rivo-slideout__header a.rivo-aw-logo svg{ 29614max-height: 25px; 29615} 29616 29617.rivo-slideout__container .kitsch-featured-content a{ 29618 display: flex; 29619 flex-direction: column; 29620 gap: 10px; 29621} 29622 29623.rivo-slideout__container .kitsch-featured-content img{ 29624 aspect-ratio: 1 / 1; 29625 object-fit: cover; 29626 object-position: top; 29627 max-height: 250px; 29628 width: 100%; 29629} 29630 29631.rivo-mini-block-title{ 29632font-weight:500; 29633margin-top: 5px; 29634margin-bottom: 5px; 29635} 29636 29637.rivo-aw-title{ 29638font-size:20px; 29639} 29640 29641.rivo-slideout__container .button{ 29642font-weight: 600; 29643} 29644 29645.rivo-login-footer-link{ 29646margin-bottom: 0px; 29647margin-top:0px; 29648} 29649 29650.rivo-slideout-navigation a{ 29651gap:5px; 29652} 29653 29654.rivo-star-container svg{ 29655 height: 14px; 29656} 29657 29658.rivo-star-container .oke-sr-count{ 29659 display:none; 29660} 29661 29662.rivo-slideout-navigation svg path{ 29663fill: #646464 !important; 29664} 29665 29666.rivo-slideout-navigation a.active svg path{ 29667fill: #000 !important; 29668} 29669 29670main.rivo-slideout__content{ 29671padding-bottom: 150px !important; 29672} 29673 29674.rivo-login-subtitle{ 29675margin-top:5px; 29676margin-bottom: 10px; 29677} 29678 29679.rivo-empty-state-container{ 29680 margin-top:10px; 29681} 29682 29683@media screen and (max-width: 450px) { 29684 .rivo-slideout__header a.rivo-aw-logo{ 29685 height: 100%; 29686 } 29687 29688 .rivo-hero-faq-link{ 29689 color: #FFF; 29690 } 29691} 29692 29693.rivo-aw-button-component-cta svg:not(.rivo-aw-logo *,.rivo-google-svg,.rivo-apple-svg) path { 29694 fill: var(--rivo-aw-icon-color, #303030) !important; 29695} 29696 29697 29698.rivo-reward-card .reward-name{ 29699 height: 50px; 29700} 29701 29702.rivo-aw-reward-select-row .rivo-aw-reward-select-button{ 29703 min-height: 100%; 29704} 29705 29706/* .rivo-login-form form, .rivo-or-text{ 29707 display:none; 29708} */ 29709/* BFCM ACCOUNT BAR PROMOTION */ 29710 29711 29712 </style> 29713 <div id="rivo-shop-pay-login-container" style="display: none;"> 29714
29714<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 29714
29714
29715<script type="module"> 29716 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 29717 29718 29719</script>
29719 29720 29721<shop-login-button ux-mode="windoid" return-uri="https://www.mykitsch.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 29722 29723 </div> 29724 29725<div rivo-ax-data="rivoAccountSlideoutComponent()" rivo-ax-init="initRivoAccountSlideout" class="micromodal-slideout" id="rivo-account-slideout" aria-hidden="true"> 29726 <div class="rivo-slideout__overlay" tabindex="-1" data-rivo-account-slideout-micromodal-close> 29727 <div class="rivo-slideout__container" role="dialog" aria-modal="true" aria-labelledby="rivo-account-dialog-title" tabindex="-1" rivo-ax-bind:class="{ 'rivo-aw-logged-in': $store.rivo_profile_customer, 'rivo-aw-logged-out': !$store.rivo_profile_customer }"> 29728 <header class="rivo-slideout__header rivo-slideout-section"> 29729 <button type="button" class="rivo-slideout__close" aria-label="Close modal" data-rivo-account-slideout-micromodal-close></button> 29730 <h2 id="rivo-account-dialog-title" class="rivo-visually-hidden">Account</h2> 29731 <a href="#rivo" class="rivo-aw-logo" rivo-ax-on:click.prevent="changePage('rivo')" rivo-ax-show="$store.rivo_aw_settings.logo && !$store.current_survey_question" aria-label="Go to home"><span aria-hidden="true" rivo-ax-html="$store.rivo_aw_settings.logo"></span></a> 29732 <div class="rivo-survey-progress-bar-container" rivo-ax-show="$store.current_survey_question" rivo-ax-cloak> 29733 <div class="rivo-survey-progress-bar" role="progressbar" aria-valuenow="0" rivo-ax-effect="$el.setAttribute('aria-valuenow', $store.current_survey?.percentage_completed || 100)" aria-valuemin="0" aria-valuemax="100" aria-label="Survey progress"> 29734 <div class="rivo-survey-progress-bar-fill" rivo-ax-bind:style="'width: ' + ($store.current_survey?.percentage_completed || 100) + '%'"></div> 29735 </div> 29736 <button class="rivo-survey-skip-question" rivo-ax-on:click="saveSurveyAnswer($event, true)" aria-label="Skip current survey question">Skip</button> 29737 </div> 29738 </header> 29739 <main class="rivo-slideout__content rivo-slideout-section"> 29740 <div id="rivo-profile-main"></div> 29741 <template rivo-ax-if="$store.rivo_aw_settings.show_powered_by"> 29742 <div class="rivo-powered-by"> 29743 <a href="https://rivo.io?utm_source=widget&utm_campaign=powered-by" target="_blank" aria-label="Powered by Rivo - Opens in new window"> 29744 <span class="rivo-powered-by-text">Powered by </span> 29745 <div class="rivo-powered-by-icon" rivo-ax-html="$store.icons.rivo"></div> 29746 </a> 29747 </div> 29748 </template> 29749 </main> 29750 <footer id="rivo-slideout-footer" class="rivo-slideout-section" rivo-ax-show="!hideFooter"> 29751 <div class="rivo-slideout-navigation" role="tablist" rivo-ax-on:keydown="handleTabKeydown($event)" rivo-ax-bind:class="{ 'rivo-footer-with-icons': $store.rivo_aw_settings.footer_icons_enabled }" rivo-ax-show="!showStickyFooterButton"> 29752 <a href="#rivo" id="rivo-tab-rivo" role="tab" aria-controls="rivo-tabpanel-rivo" aria-selected="true" tabindex="0" rivo-ax-effect="$el.setAttribute('aria-selected', currentPage === 'rivo' ? 'true' : 'false'); $el.setAttribute('tabindex', currentPage === 'rivo' ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo' }" rivo-ax-on:click.prevent="changePage('rivo')"> 29753 <div rivo-ax-html="$store.icons.profile_home" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div> 29754 <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_home_text || $store.rivo_aw_settings.footer_home_text">For You</div> 29755 </a> 29756 <a href="#rivo-orders" id="rivo-tab-rivo-orders" role="tab" aria-controls="rivo-tabpanel-rivo-orders" aria-selected="false" tabindex="-1" rivo-ax-effect="$el.setAttribute('aria-selected', (currentPage === 'rivo-orders' || currentPage === 'rivo-order-details') ? 'true' : 'false'); $el.setAttribute('tabindex', (currentPage === 'rivo-orders' || currentPage === 'rivo-order-details') ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-orders' || currentPage === 'rivo-order-details' }" rivo-ax-on:click.prevent="changePage('rivo-orders')"> 29757 <div rivo-ax-html="$store.icons.profile_orders" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div> 29758 <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_orders_text || $store.rivo_aw_settings.footer_orders_text">Orders</div> 29759 </a> 29760 <a href="#rivo-profile" id="rivo-tab-rivo-profile" role="tab" aria-controls="rivo-tabpanel-rivo-profile" aria-selected="false" tabindex="-1" rivo-ax-effect="$el.setAttribute('aria-selected', currentPage === 'rivo-profile' ? 'true' : 'false'); $el.setAttribute('tabindex', currentPage === 'rivo-profile' ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-profile' }" rivo-ax-on:click.prevent="changePage('rivo-profile')"> 29761 <div rivo-ax-html="$store.icons.profile_user" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div> 29762 <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_profile_text || $store.rivo_aw_settings.footer_profile_text">Profile</div> 29763 </a> 29764 <template rivo-ax-if="$store.rivo_aw_settings.community_enabled"> 29765 <a href="#rivo-community" id="rivo-tab-rivo-community" role="tab" aria-controls="rivo-tabpanel-rivo-community" aria-selected="false" tabindex="-1" rivo-ax-effect="$el.setAttribute('aria-selected', currentPage === 'rivo-community' ? 'true' : 'false'); $el.setAttribute('tabindex', currentPage === 'rivo-community' ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-community' }" rivo-ax-on:click.prevent="changePage('rivo-community')"> 29766 <div rivo-ax-html="$store.icons.profile_user" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div> 29767 <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_community_text || $store.rivo_aw_settings.footer_community_text"></div> 29768 </a> 29769 </template> 29770 </div> 29771 <template rivo-ax-if="showStickyFooterButton && $store.current_survey_question"> 29772 <div class="rivo-sticky-footer-container"> 29773 <button rivo-ax-bind:class="$store.rivo_aw_settings.primary_button_class_names" aria-label="Continue survey" rivo-ax-text="$store.rivo_aw_settings.survey_next_button_text" rivo-ax-on:click="saveSurveyAnswer($event)"></button> 29774 </div> 29775 </template> 29776 </footer> 29777 <div class="rivo-aw-mini-modal rivo-aw-mini-modal-micromodal-slide" id="rivo-aw-mini-modal" aria-hidden="true"> 29778 <div class="rivo-aw-mini-modal__overlay" tabindex="-1" data-rivo-mini-micromodal-close> 29779 <div class="rivo-aw-mini-modal__container" role="dialog" aria-modal="true"> 29780 <button class="rivo-aw-mini-modal__close" aria-label="Close modal" data-rivo-mini-micromodal-close></button> 29781 <div class="rivo-aw-mini-modal__content" rivo-ax-html="miniModalContent"></div> 29782 </div> 29783 </div> 29784 </div> 29785 </div> 29786 </div> 29787 </div> 29788 29789<!-- END app snippet --> 29790 29791 29792</div><div id="shopify-block-AZ1Zsckk1cGh4UzFFQ__15551562133269743879" class="shopify-block shopify-app-block"><!--googleoff: all--> 29793 29794<style> 29795 29796 [x-sa-cloak] { display: none !important; } 29797 .font-system{ 29798 font-family: system-ui; 29799 } 29800 .sa-big-cursor{ 29801 cursor: url(https://cdn.shopify.com/extensions/019f09e1-4231-72d9-a47e-27caa16a614d/smart-accessibility-1-26/assets/big-cursor.svg), auto; 29802 } 29803 .sa-no-transition *{ 29804 transition-timing-function: step-end!important; 29805 transition-duration: 0s!important; 29806 animation-timing-function: step-end!important; 29807 animation-iteration-count: 1!important; 29808 animation-duration: 0s!important; 29809 } 29810 .sa-hide-images *{ 29811 background-image: none !important; 29812 } 29813 .sa-low-saturation{ 29814 filter: saturate(0.5); 29815 } 29816 .sa-high-saturation{ 29817 filter: saturate(2); 29818 } 29819 .sa-grayscale-saturation{ 29820 filter: grayscale(1); 29821 } 29822 .sa-inverted-contrast{ 29823 filter: invert(1); 29824 } 29825 .sa-low-contrast{ 29826 filter: contrast(0.5); 29827 } 29828 .sa-high-contrast{ 29829 filter: contrast(2); 29830 } 29831 .sa-reading-text{ 29832 background-color: #ffeb3b !important; 29833 } 29834 29835</style> 29836
29837<script> 29838 window.sa_shop_domain = 'kitschllc.myshopify.com'; 29839 29840 29841 29842 window.sa_settings_from_metafield = {"enable":true,"title":"Accessibility","brand_color":"#000000","icon":"4","position":"bottom-left","icon_size":"icon-medium","widget_style":"style-float","default_alt_text":null,"ai_alt_text":false,"voice":15,"hide_trigger":true,"trigger_selector":".toggle-accessibility","hide_powered_by":false,"show_reset_all":true,"show_statement":true,"show_font_size":true,"show_screen_reader":true,"show_contrast":true,"show_highlight_links":true,"show_cursor":true,"show_text_align":true,"show_saturation":true,"show_line_height":true,"show_letter_spacing":true,"show_stop_animations":true,"show_mute_sounds":true,"show_hide_images":true,"statement":"\u003ch2\u003eAccessibility Statement\u003c\/h2\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eThis statement describes the accessibility features of the Smart Accessibility App.\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eAccessibility widget is committed to making sites accessible for all, including people with disabilities. We are continuously improving the service we provide through our app to comply with increased accessibility standards, guidelines, and to make the browsing experience better for everyone.\u003c\/p\u003e\u003ch3\u003eConformance status\u003c\/h3\u003e\u003cp\u003eWe firmly believe that the internet should be available and accessible to anyone and are committed to providing a website that is accessible to the broadest possible audience, regardless of ability.\u003c\/p\u003e\u003cp\u003eTo fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortiumâs (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level. These guidelines explain how to make web content accessible to people with a wide array of disabilities. Complying with those guidelines helps us ensure that the website is accessible to blind people, people with motor impairments, visual impairment, cognitive disabilities, and more.\u003c\/p\u003e\u003cp\u003eThis website utilizes various technologies that are meant to make it as accessible as possible at all times. We utilize an accessibility interface that allows persons with specific disabilities to adjust the websiteâs UI (user interface) and design it to their personal needs.\u003c\/p\u003e\u003ch3\u003eTechnical information\u003c\/h3\u003e\u003cp\u003eAccessibility widget is an app supported in Shopify and Wordpress environments. The app relies on the following technologies:\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cul\u003e\u003cli\u003eHTML\u003c\/li\u003e\u003cli\u003eCSS\u003c\/li\u003e\u003cli\u003eJavaScript\u003c\/li\u003e\u003cli\u003ePHP\u003c\/li\u003e\u003cli\u003eMySQL\u003c\/li\u003e\u003c\/ul\u003e\u003cp\u003e \u003c\/p\u003e\u003ch3\u003eAccessibility widget features\u003c\/h3\u003e\u003cp\u003eThe app provides the following features:\u003c\/p\u003e\u003ch3\u003eFont size\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the font size of the website.\u003c\/p\u003e\u003ch3\u003eScreen Reader\u003c\/h3\u003e\u003cp\u003eThe app allows the user to use a screen reader to navigate the website.\u003c\/p\u003e\u003ch3\u003eContrast\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the contrast of the website.\u003c\/p\u003e\u003ch3\u003eHighlight Links\u003c\/h3\u003e\u003cp\u003eThe app allows the user to highlight links on the website.\u003c\/p\u003e\u003ch3\u003eCursor\u003c\/h3\u003e\u003cp\u003eThe app allows the user to use a bigger cursor to navigate the website.\u003c\/p\u003e\u003ch3\u003eText align\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the text align of the website.\u003c\/p\u003e\u003ch3\u003eSaturation\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the saturation of the website.\u003c\/p\u003e\u003ch3\u003eLine Height\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the line height of text the website.\u003c\/p\u003e\u003ch3\u003eLetter Spacing\u003c\/h3\u003e\u003cp\u003eThe app allows the user to adjust the letter spacing of text the website.\u003c\/p\u003e\u003ch3\u003eStop Animations\u003c\/h3\u003e\u003cp\u003eThe app allows the user to stop animations on the website. This includes videos playing or css animations\u003c\/p\u003e\u003ch3\u003eMute sounds\u003c\/h3\u003e\u003cp\u003eThe app allows the user to mute\/unmute sounds on the website.\u003c\/p\u003e\u003ch3\u003eHide Images\u003c\/h3\u003e\u003cp\u003eThe app allows the user to hide images on the website.\u003c\/p\u003e\u003ch3\u003eNotes \u0026amp; Feedback\u003c\/h3\u003e\u003cp\u003eWe always try to update our services and operate in the best possible manner to benefit all of our clients and their site visitors. If you experience any issues with the Accessibility widget provided service, however, please email our developer \u003ca href=\"https://codeinspire.io\"\u003ecodeinspire.io\u003c\/a\u003e. He responds within 3 business days. \u003c\/p\u003e\u003cp\u003eWe cannot control or correct problems with third-party sites, but please let us know if you encounter difficulty with any sites we link to so we can pass the information along to the site owners. You may also want to address your concerns directly to these third parties.\u003c\/p\u003e","t_font_size":"Font Size","t_screen_reader":"Screen Reader","t_contrast":"C
29842ontrast","t_inverted":"Inverted","t_low_contrast":"Low Contrast","t_high_contrast":"High Contrast","t_highlight_links":"Highlight Links","t_cursor":"Cursor","t_text_align":"Text Align","t_text_left":"Text Left","t_text_center":"Text Center","t_text_right":"Text Right","t_saturation":"Saturation","t_low_saturation":"Low Saturation","t_high_saturation":"High Saturation","t_grayscale":"Grayscale","t_line_height":"Line Height","t_letter_spacing":"Letter Spacing","t_stop_animation":"Stop Animation","t_mute_sounds":"Mute Sounds","t_hide_images":"Hide Images","t_reset_all":"Reset All","t_statement":"Statement","t_enable_accessibility":"Enable accessibility","t_close_accessibility":"Close accessibility","show_language":true,"show_text_colors":true,"show_heading_colors":true,"show_bg_colors":true,"t_text_colors":"Adjust text colors","t_heading_colors":"Adjust heading colors","t_bg_colors":"Adjust background colors","t_reset":"Reset","custom_css":null,"default_language":"auto","plan_id":2}; 29843 29844</script>
29844 29845 29846<div 29847 data-shop="kitschllc.myshopify.com" 29848 class="smart-accessibility-widget " 29849 x-sa-bind:class="settings.position" 29850 x-sa-cloak 29851 style="display: none;" 29852 x-sa-show="settings.enable" 29853 x-sa-trap="openWidget" 29854 x-sa-on:keyup.tab.window="enableKeyboardNavigation = true" 29855 x-sa-on:keyup.escape.window="openWidget = false" 29856 x-sa-data="sa_accessibility"> 29857 <div class="smart-accessibility-widget__overlay sa-no-track" x-sa-show="openWidget" x-sa-on:click="openWidget = false"></div> 29858 <div 29859 x-sa-bind:class="settings.position + ' ' + settings.icon_size" 29860 x-sa-show="!settings.hide_trigger" 29861 x-sa-bind:style="{ 29862 borderColor: settings.brand_color, 29863 }" 29864 class="sa-widget__cta"> 29865 <button type="button" x-sa-on:click="openWidget = !openWidget" 29866 x-sa-bind:style="getBranding" 29867 :aria-label="settings.t_enable_accessibility" 29868 class="widget-icon sa-no-track" :title="settings.t_enable_accessibility"> 29869 29870 <svg x-sa-show="openWidget" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-x"> 29871 <line x1="18" y1="6" x2="6" y2="18"></line> 29872 <line x1="6" y1="6" x2="18" y2="18"></line> 29873 </svg> 29874 29875 <span x-sa-show="!openWidget" style="height: 24px;" class="sa-no-track"> 29876 29877 <svg x-sa-show="settings.icon == 1" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-accessibility" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> 29878 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 29879 <circle cx="11" cy="5" r="2" /> 29880 <polyline points="11 7 11 15 15 15 19 20" /> 29881 <line x1="11" y1="11" x2="16" y2="11" /> 29882 <path d="M7 11.5a5 5 0 1 0 6 7.5" /> 29883 </svg> 29884 29885 <svg x-sa-show="settings.icon == 2" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-accessible" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> 29886 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 29887 <circle cx="12" cy="12" r="9" /> 29888 <path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" /> 29889 <circle cx="12" cy="7.5" r=".5" fill="currentColor" /> 29890 </svg> 29891 29892 <svg x-sa-show="settings.icon == 3" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-disabled-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> 29893 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 29894 <circle cx="17" cy="6" r="2" /> 29895 <path d="M9 11a5 5 0 1 0 3.95 7.95" /> 29896 <path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" /> 29897 </svg> 29898 29899 <svg x-sa-show="settings.icon == 4" class="sa-icon sa-icon-tabler icon-tabler-disabled-4" width="28" height="28" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" stroke="currentColor" style="fill: currentColor;" fill="currentColor" stroke-linecap="round" stroke-linejoin="round"> 29900 <path d="M256,112a56,56,0,1,1,56-56A56.06,56.06,0,0,1,256,112Z"/> 29901 <path d="M432,112.8l-.45.12h0l-.42.13c-1,.28-2,.58-3,.89-18.61,5.46-108.93,30.92-172.56,30.92-59.13,0-141.28-22-167.56-29.47a73.79,73.79,0,0,0-8-2.58c-19-5-32,14.3-32,31.94,0,17.47,15.7,25.79,31.55,31.76v.28l95.22,29.74c9.73,3.73,12.33,7.54,13.6,10.84,4.13,10.59.83,31.56-.34,38.88l-5.8,45L150.05,477.44q-.15.72-.27,1.47l-.23,1.27h0c-2.32,16.15,9.54,31.82,32,31.82,19.6,0,28.25-13.53,32-31.94h0s28-157.57,42-157.57,42.84,157.57,42.84,157.57h0c3.75,18.41,12.4,31.94,32,31.94,22.52,0,34.38-15.74,32-31.94-.21-1.38-.46-2.74-.76-4.06L329,301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09,1.09,0,0,0,.08-.15c1.08-2,6-6.48,17.48-10.79l89.28-31.21a16.9,16.9,0,0,0,1.62-.52c16-6,32-14.3,32-31.93S451,107.81,432,112.8Z"/> 29902 </svg> 29903 29904 </span>
29905 <span class="sa-sr-only sa-no-track" x-sa-text="settings.t_enable_accessibility"> 29906 Enable accessibility 29907 </span> 29908 </button> 29909 </div> 29910 29911 <div class="sa-widget__wrapper sa-no-track" 29912 x-sa-bind:class="settings.position" 29913 x-sa-bind:style="{ 29914 borderColor: settings.brand_color, 29915 }" 29916 x-sa-show="openWidget"> 29917 29918 <div 29919 x-sa-bind:style="getBranding" 29920 class="sa-widget__header sa-no-track"> 29921 <div class="sa-widget__title sa-no-track" x-sa-text="settings.title"> 29922 Accessibility 29923 </div> 29924 <button type="button" x-sa-ref="close_btn" x-sa-on:click="openWidget = false" 29925 :aria-label="settings.t_close_accessibility" 29926 class="sa-widget__close sa-no-track"> 29927 <svg xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-close" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> 29928 <title>Close icon</title> 29929 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 29930 <line x1="18" y1="6" x2="6" y2="18" /> 29931 <line x1="6" y1="6" x2="18" y2="18" /> 29932 </svg> 29933 29934 <span class="sa-sr-only" x-sa-text="settings.t_close_accessibility"> 29935 Close accessibility widget 29936 </span> 29937 </button> 29938 </div> 29939 29940 <div class="sa-widget__top sa-button--group sa-no-track"> 29941 29942 <button type="button" 29943 :aria-label="settings.t_reset_all" 29944 x-sa-show="settings.show_reset_all" 29945 x-sa-text="settings.t_reset_all" 29946 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 29947 x-sa-on:click="resetAll(); $dispatch('sa-reset-all')" 29948 class="sa-relative sa-no-track sa-button"> 29949 Reset All 29950 </button> 29951 29952 <button 29953 x-sa-show="settings.show_statement" 29954 x-sa-on:click="toggleStatement = !toggleStatement" 29955 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 29956 :aria-label="settings.t_statement" 29957 type="button" 29958 class="sa-relative sa-no-track sa-button" 29959 x-sa-bind:class="{ 'active' : toggleStatement }" 29960 > 29961 <svg class="sa-svg-checked" x-sa-bind:style="toggleStatement && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 29962 <title>Checked mark</title> 29963 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 29964 </svg> 29965 <span x-sa-text="settings.t_statement" class="sa-no-track"> 29966 Statement 29967 </span> 29968 </button> 29969 29970 </div> 29971 29972 <div x-sa-show="toggleStatement" class="sa-widget__statement sa-no-track"> 29973 <div x-sa-html="(toggleStatement) ? settings.statement : ''"></div> 29974 </div> 29975 29976 <div x-sa-show="!toggleStatement" class="sa-widget__main sa-no-track"> 29977 29978 <select x-sa-show="settings.show_language" x-sa-model="language.currentLanguage" name="sa_language" class="widget__feature sa-no-track sa-full-width" aria-label="Change language"> 29979 <option value="auto">Language</option> 29980 <option value="en">English</option> 29981 <option value="fr">French</option> 29982 <option value="es">Spanish</option> 29983 <option value="de">German</option> 29984 <option value="it">Italian</option> 29985 <option value="pt">Portuguese</option> 29986 <option value="zh">Chinese</option> 29987 <option value="ja">Japanese</option> 29988 <option value="ar">Arabic</option> 29989 <option value="he">Hebrew</option> 29990 <option value="fa">Persian</option> 29991 </select> 29992 29993 <button 29994 x-sa-show="settings.show_font_size" 29995 x-sa-data="{ level: $persist(0).as('font-size-level') }" 29996 x-sa-on:sa-reset-all.window="level = 0" 29997 :aria-label="settings.t_font_size" 29998 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 29999 x-sa-on:click="() => { if(level < 4) { level++; adjustFontSize(level) } else { level = 0; resetFontSize() } }" 30000 class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : font.isInitialised }" type="button"> 30001 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 30002 stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto"> 30003 <title>Adjust font size</title> 30004 <polyline points="4 7 4 4 20 4 20 7"></polyline> 30005 <line x1="9" y1="20" x2="15" y2="20"></line> 30006 <line x1="12" y1="4" x2="12" y2="20"></line> 30007 </svg> 30008
30009 <svg class="sa-svg-checked" x-sa-bind:style="font.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30010 <title>Checked mark</title> 30011 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30012 </svg> 30013 <span class="sa-no-track" x-sa-text="settings.t_font_size"> Font size</span> 30014 <div class="sa-bar sa-no-track"> 30015 <div x-sa-show="level > 0" class="sa-bar__flex"> 30016 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> 30017 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> 30018 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> 30019 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span> 30020 </div> 30021 </div> 30022 30023 </button> 30024 30025 <button 30026 x-sa-show="settings.show_screen_reader" 30027 x-sa-on:click="toggleScreenReader" 30028 :aria-label="settings.t_screen_reader" 30029 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30030 class="widget__feature sa-no-track sa-relative sa-button" 30031 x-sa-bind:class="{ 'active' : screenReader.isInitialised }" 30032 type="button"> 30033 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 30034 stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mic sa-mx-auto"> 30035 <title>Screen Reader</title> 30036 <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path> 30037 <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path> 30038 <line x1="12" y1="19" x2="12" y2="23"></line> 30039 <line x1="8" y1="23" x2="16" y2="23"></line> 30040 </svg> 30041 <svg class="sa-svg-checked" x-sa-bind:style="screenReader.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30042 <title>Checked mark</title> 30043 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30044 </svg> 30045 <span class="sa-no-track" x-sa-text="settings.t_screen_reader"> Screen Reader</span> 30046 </button> 30047 30048 <button 30049 x-sa-show="settings.show_contrast" 30050 x-sa-data="{ level: $persist(0).as('contrast-level') }" 30051 x-sa-on:sa-reset-all.window="level = 0" 30052 :aria-label="settings.t_contrast" 30053 x-sa-on:click="() => { if(level < 3) { level++; toggleContrast(level) } else { level = 0; resetContrast() } }" 30054 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30055 class="widget__feature sa-no-track sa-relative sa-button" 30056 x-sa-bind:class="{ 'active' : contrast.isInitialised }" 30057 type="button"> 30058 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-contrast sa-mx-auto"> 30059 <title>Contrast</title> 30060 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 30061 <circle cx="12" cy="12" r="9" /> 30062 <path d="M12 17a5 5 0 0 0 0 -10v10" /> 30063 </svg> 30064
30065 <svg class="sa-svg-checked" x-sa-bind:style="contrast.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30066 <title>Checked mark</title> 30067 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30068 </svg> 30069 30070 <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_contrast"> Contrast</span> 30071 <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_inverted"> Inverted</span> 30072 <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_low_contrast"> Low Contrast</span> 30073 <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_high_contrast"> High Contrast</span> 30074 30075 <div class="sa-bar sa-no-track"> 30076 <div x-sa-show="level > 0" class="sa-bar__flex"> 30077 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> 30078 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> 30079 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> 30080 </div> 30081 </div> 30082 30083 </button> 30084 30085 <button 30086 x-sa-show="settings.show_highlight_links" 30087 x-sa-on:click="toggleLinkHighlights" 30088 :aria-label="settings.t_highlight_links" 30089 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30090 class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : linkHighlights }" type="button"> 30091 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 30092 stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto"> 30093 <title>Highlight Links</title> 30094 <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> 30095 <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> 30096 </svg> 30097 30098 <svg class="sa-svg-checked" x-sa-bind:style="linkHighlights && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30099 <title>Checked mark</title> 30100 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30101 </svg> 30102 <span class="sa-no-track" x-sa-text="settings.t_highlight_links"> Highlight Links</span> 30103 </button> 30104 30105 <button 30106 x-sa-show="settings.show_cursor" 30107 x-sa-on:click="toggleBigCursor" 30108 :aria-label="settings.t_cursor" 30109 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30110 class="widget__feature sa-no-track sa-relative sa-button" 30111 x-sa-bind:class="{ 'active' : enableBigCursor }" type="button"> 30112 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mouse-pointer sa-mx-auto"> 30113 <title>Change Cursor</title> 30114 <path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path> 30115 <path d="M13 13l6 6"></path> 30116 </svg> 30117 30118 <svg class="sa-svg-checked" x-sa-bind:style="enableBigCursor && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30119 <title>Checked mark</title> 30120 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30121 </svg> 30122
30123 <span class="sa-no-track" x-sa-text="settings.t_cursor"> Cursor</span> 30124 30125 </button> 30126 30127 <button 30128 x-sa-show="settings.show_text_align" 30129 x-sa-data="{ 30130 level: $persist(0).as('text-align-level'), 30131 }" 30132 :aria-label="settings.t_text_align" 30133 x-sa-on:sa-reset-all.window="level = 0" 30134 x-sa-on:click="() => { if(level < 3) { level++; toggleTextAlign(level) } else { level = 0; resetTextAlign() } }" 30135 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30136 class="widget__feature sa-no-track sa-relative sa-button" 30137 x-sa-bind:class="{ 'active' : textAlign.isInitialised }" type="button"> 30138 30139 <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 0 || level == 2" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> 30140 <title>Text align</title> 30141 <line x1="18" y1="10" x2="6" y2="10"></line> 30142 <line x1="21" y1="6" x2="3" y2="6"></line> 30143 <line x1="21" y1="14" x2="3" y2="14"></line> 30144 <line x1="18" y1="18" x2="6" y2="18"></line> 30145 </svg> 30146 30147 <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 1" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> 30148 <title>Text left</title> 30149 <line x1="17" y1="10" x2="3" y2="10"></line> 30150 <line x1="21" y1="6" x2="3" y2="6"></line> 30151 <line x1="21" y1="14" x2="3" y2="14"></line> 30152 <line x1="17" y1="18" x2="3" y2="18"></line> 30153 </svg> 30154 30155 <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 3" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> 30156 <title>Text right</title> 30157 <line x1="21" y1="10" x2="7" y2="10"></line> 30158 <line x1="21" y1="6" x2="3" y2="6"></line> 30159 <line x1="21" y1="14" x2="3" y2="14"></line> 30160 <line x1="21" y1="18" x2="7" y2="18"></line> 30161 </svg> 30162 30163 <svg class="sa-svg-checked" x-sa-bind:style="textAlign.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30164 <title>Checked mark</title> 30165 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30166 </svg> 30167 <span class="sa-no-track"> 30168 <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_text_align"> Text Align </span> 30169 <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_text_left"> Text Left </span> 30170 <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_text_center"> Text Center </span> 30171 <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_text_right"> Text Right </span> 30172 </span> 30173 30174 <div class="sa-bar sa-no-track"> 30175 <div x-sa-show="level > 0" class="sa-bar__flex"> 30176 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> 30177 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span>
30178 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> 30179 </div> 30180 </div> 30181 </button> 30182 30183 <button 30184 x-sa-show="settings.show_saturation" 30185 x-sa-data="{ level: $persist(0).as('saturation-level') }" 30186 x-sa-on:sa-reset-all.window="level = 0" 30187 :aria-label="settings.t_saturation" 30188 x-sa-on:click="() => { if(level < 3) { level++; toggleSaturation(level) } else { level = 0; resetSaturation() } }" 30189 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30190 class="widget__feature sa-no-track sa-relative sa-button" 30191 x-sa-bind:class="{ 'active' : saturation.isInitialised }" type="button"> 30192 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 16 16" fill="currentColor" class="sa-icon sa-icon-droplet sa-mx-auto" style="fill: currentColor"> 30193 <title>Saturation icon</title> 30194 <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/> 30195 <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/> 30196 </svg> 30197 30198 <svg class="sa-svg-checked" x-sa-bind:style="saturation.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30199 <title>Checked mark</title> 30200 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30201 </svg> 30202 30203 <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_saturation"> Saturation</span> 30204 <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_low_saturation"> Low Saturation</span> 30205 <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_high_saturation"> High Saturation</span> 30206 <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_grayscale"> Grayscale</span> 30207 30208 <div class="sa-bar sa-no-track"> 30209 <div x-sa-show="level > 0" class="sa-bar__flex"> 30210 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> 30211 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> 30212 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> 30213 </div> 30214 </div> 30215 </button> 30216 30217 <button 30218 x-sa-show="settings.show_line_height" 30219 x-sa-data="{ 30220 level: $persist(0).as('line-height-level'), 30221 }" 30222 x-sa-on:sa-reset-all.window="level = 0" 30223 :aria-label="settings.t_line_height" 30224 x-sa-on:click="() => { if(level < 4) { level++; toggleLineHeight(level) } else { level = 0; resetLineHeight() } }" 30225 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30226 class="widget__feature sa-no-track sa-relative sa-button" type="button"> 30227 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-line-height sa-mx-auto"> 30228 <title>Line Height</title> 30229 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 30230 <polyline points="3 8 6 5 9 8" /> 30231 <polyline points="3 16 6 19 9 16" /> 30232 <line x1="6" y1="5" x2="6" y2="19" /> 30233 <line x1="13" y1="6" x2="20" y2="6" /> 30234 <line x1="13" y1="12" x2="20" y2="12" /> 30235 <line x1="13" y1="18" x2="20" y2="18" /> 30236 </svg>
30237 <svg class="sa-svg-checked" x-sa-bind:style="lineHeight.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30238 <title>Checked mark</title> 30239 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30240 </svg> 30241 <span class="sa-no-track" x-sa-text="settings.t_line_height"> Line Height</span> 30242 30243 <div class="sa-bar sa-no-track"> 30244 <div x-sa-show="level > 0" class="sa-bar__flex"> 30245 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> 30246 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> 30247 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> 30248 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span> 30249 </div> 30250 </div> 30251 30252 </button> 30253 30254 <button 30255 x-sa-show="settings.show_letter_spacing" 30256 x-sa-data="{ 30257 level: $persist(0).as('letter-spacing-level'), 30258 }" 30259 x-sa-on:sa-reset-all.window="level = 0" 30260 :aria-label="settings.t_letter_spacing" 30261 x-sa-on:click="() => { if(level < 4) { level++; toggleLetterSpacing(level) } else { level = 0; resetLetterSpacing() } }" 30262 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30263 class="widget__feature sa-no-track sa-relative sa-button" 30264 x-sa-bind:class="{ 'active' : letterSpacing.isInitialised }" 30265 type="button"> 30266 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-letter-spacing sa-mx-auto"> 30267 <title>Letter Spacing</title> 30268 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 30269 <path d="M5 12v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /> 30270 <path d="M13 4l3 8l3 -8" /> 30271 <path d="M5 18h14" /> 30272 <path d="M17 20l2 -2l-2 -2" /> 30273 <path d="M7 16l-2 2l2 2" /> 30274 </svg> 30275 30276 <svg class="sa-svg-checked" x-sa-bind:style="letterSpacing.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30277 <title>Checked mark</title> 30278 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30279 </svg> 30280 30281 <span class="sa-no-track" x-sa-text="settings.t_letter_spacing">Letter Spacing</span> 30282 <div class="sa-bar sa-no-track"> 30283 <div x-sa-show="level > 0" class="sa-bar__flex"> 30284 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> 30285 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> 30286 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> 30287 <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span> 30288 </div> 30289 </div> 30290 </button> 30291 30292 <button 30293 x-sa-show="settings.show_stop_animations" 30294 x-sa-on:click="toggleStopAnimations" 30295 :aria-label="settings.t_stop_animation" 30296 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30297 class="widget__feature sa-no-track sa-relative sa-button" 30298 x-sa-bind:class="{ 'active' : enableStopAnimations }" 30299 type="button"> 30300 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> 30301 <title>Stop Animations</title> 30302 <circle cx="12" cy="12" r="10"></circle> 30303 <line x1="10" y1="15" x2="10" y2="9"></line> 30304 <line x1="14" y1="15" x2="14" y2="9"></line> 30305 </svg>
30306 <svg class="sa-svg-checked" x-sa-bind:style="enableStopAnimations && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30307 <title>Checked mark</title> 30308 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30309 </svg> 30310 <span class="sa-no-track" x-sa-text="settings.t_stop_animation">Stop Animations</span> 30311 </button> 30312 30313 <button 30314 x-sa-show="settings.show_mute_sounds" 30315 x-sa-on:click="toggleMuteSounds" 30316 :aria-label="settings.t_mute_sounds" 30317 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30318 class="widget__feature sa-no-track sa-relative sa-button" 30319 x-sa-bind:class="{ 'active' : enableMuteSounds }" 30320 type="button"> 30321 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> 30322 <title>Mute sounds</title> 30323 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 30324 <path d="M6 10c0 -1.146 .277 -2.245 .78 -3.219m1.792 -2.208a7 7 0 0 1 10.428 9.027a10 10 0 0 1 -.633 .762m-2.045 1.96a8 8 0 0 0 -1.322 2.278a4.5 4.5 0 0 1 -6.8 1.4" /> 30325 <path d="M11.42 7.414a3 3 0 0 1 4.131 4.13" /> 30326 <line x1="3" y1="3" x2="21" y2="21" /> 30327 </svg> 30328 <svg class="sa-svg-checked" 30329 x-sa-bind:style="enableMuteSounds && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30330 <title>Checked mark</title> 30331 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30332 </svg> 30333 <span class="sa-no-track" x-sa-text="settings.t_mute_sounds">Mute Sounds</span> 30334 </button> 30335 30336 <button 30337 x-sa-show="settings.show_hide_images" 30338 x-sa-on:click="toggleHideImages" 30339 :aria-label="settings.t_hide_images" 30340 x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" 30341 class="widget__feature sa-no-track sa-relative sa-button" 30342 x-sa-bind:class="{ 'active' : hideImages }" 30343 type="button"> 30344 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> 30345 <title>Hide Image</title> 30346 <path stroke="none" d="M0 0h24v24H0z" fill="none"/> 30347 <line x1="3" y1="3" x2="21" y2="21" /> 30348 <line x1="15" y1="8" x2="15.01" y2="8" /> 30349 <path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" /> 30350 <path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" /> 30351 <path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" /> 30352 </svg> 30353 <svg class="sa-svg-checked" 30354 x-sa-bind:style="hideImages && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30355 <title>Checked mark</title> 30356 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30357 </svg>
30358 <span class="sa-no-track" x-sa-text="settings.t_hide_images">Hide Images</span> 30359 </button> 30360 30361 <div x-sa-show="settings.show_text_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2"> 30362 <div class="sa-no-track sa-text" x-sa-text="settings.t_text_colors">Adjust text colors</div> 30363 <svg class="sa-svg-checked" 30364 x-sa-bind:style="textColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30365 <title>Checked mark</title> 30366 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30367 </svg> 30368 <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track"> 30369 <button class="sa-button sa-widget__swatch sa-bg-red" 30370 x-sa-bind:class="{ 'sa-active' : isTextColor('#dc2626') }" 30371 x-sa-on:click="setTextColor('#dc2626')" 30372 aria-label="Change text color to red" 30373 title="Change text color to red"></button> 30374 <button class="sa-button sa-widget__swatch sa-bg-blue" 30375 x-sa-bind:class="{ 'sa-active' : isTextColor('#2563eb') }" 30376 x-sa-on:click="setTextColor('#2563eb')" 30377 aria-label="Change text color to blue" 30378 title="Change text color to blue"></button> 30379 <button class="sa-button sa-widget__swatch sa-bg-green " 30380 x-sa-bind:class="{ 'sa-active' : isTextColor('#16a34a') }" 30381 x-sa-on:click="setTextColor('#16a34a')" 30382 aria-label="Change text color to green" 30383 title="Change text color to green"></button> 30384 <button class="sa-button sa-widget__swatch sa-bg-purple " 30385 x-sa-bind:class="{ 'sa-active' : isTextColor('#9333ea') }" 30386 x-sa-on:click="setTextColor('#9333ea')" 30387 aria-label="Change text color to purple" 30388 title="Change text color to purple"></button> 30389 <button class="sa-button sa-widget__swatch sa-bg-orange " 30390 x-sa-bind:class="{ 'sa-active' : isTextColor('#ea580c') }" 30391 x-sa-on:click="setTextColor('#ea580c')" 30392 aria-label="Change text color to orange" 30393 title="Change text color to orange"></button> 30394 <button class="sa-button sa-widget__swatch sa-bg-teal " 30395 x-sa-bind:class="{ 'sa-active' : isTextColor('#0d9488') }" 30396 x-sa-on:click="setTextColor('#0d9488')" 30397 aria-label="Change text color to teal" 30398 title="Change text color to teal"></button> 30399 <button class="sa-button sa-widget__swatch sa-bg-black " 30400 x-sa-bind:class="{ 'sa-active' : isTextColor('#000') }" 30401 x-sa-on:click="setTextColor('#000')" 30402 aria-label="Change text color to black" 30403 title="Change text color to black"></button> 30404 <button class="sa-button sa-widget__swatch sa-bg-white " 30405 x-sa-bind:class="{ 'sa-active' : isTextColor('#fff') }" 30406 x-sa-on:click="setTextColor('#fff')" 30407 aria-label="Change text color to white" 30408 title="Change text color to white"></button> 30409 </div> 30410 <button class="sa-widget__reset-btn sa-button sa-no-track" 30411 x-sa-on:click="resetTextColor()" 30412 x-sa-text="settings.t_reset">Reset</button> 30413 </div> 30414 30415 <div x-sa-show="settings.show_heading_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2"> 30416 <div class="sa-no-track sa-text" x-sa-text="settings.t_heading_colors">Adjust heading colors</div>
30417 <svg class="sa-svg-checked" 30418 x-sa-bind:style="headingColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> 30419 <title>Checked mark</title> 30420 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30421 </svg> 30422 <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track"> 30423 <button class="sa-button sa-widget__swatch sa-bg-red" 30424 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#dc2626') }" 30425 x-sa-on:click="setHeadingColor('#dc2626')" 30426 aria-label="Change heading color to red" 30427 title="Change heading color to red"></button> 30428 <button class="sa-button sa-widget__swatch sa-bg-blue" 30429 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#2563eb') }" 30430 x-sa-on:click="setHeadingColor('#2563eb')" 30431 aria-label="Change heading color to blue" 30432 title="Change heading color to blue"></button> 30433 <button class="sa-button sa-widget__swatch sa-bg-green " 30434 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#16a34a') }" 30435 x-sa-on:click="setHeadingColor('#16a34a')" 30436 aria-label="Change heading color to green" 30437 title="Change heading color to green"></button> 30438 <button class="sa-button sa-widget__swatch sa-bg-purple " 30439 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#9333ea') }" 30440 x-sa-on:click="setHeadingColor('#9333ea')" 30441 aria-label="Change heading color to purple" 30442 title="Change heading color to purple"></button> 30443 <button class="sa-button sa-widget__swatch sa-bg-orange " 30444 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#ea580c') }" 30445 x-sa-on:click="setHeadingColor('#ea580c')" 30446 aria-label="Change heading color to orange" 30447 title="Change heading color to orange"></button> 30448 <button class="sa-button sa-widget__swatch sa-bg-teal " 30449 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#0d9488') }" 30450 x-sa-on:click="setHeadingColor('#0d9488')" 30451 aria-label="Change heading color to teal" 30452 title="Change heading color to teal"></button> 30453 <button class="sa-button sa-widget__swatch sa-bg-black " 30454 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#000') }" 30455 x-sa-on:click="setHeadingColor('#000')" 30456 aria-label="Change heading color to black" 30457 title="Change heading color to black"></button> 30458 <button class="sa-button sa-widget__swatch sa-bg-white " 30459 x-sa-bind:class="{ 'sa-active' : isHeadingColor('#fff') }" 30460 x-sa-on:click="setHeadingColor('#fff')" 30461 aria-label="Change heading color to white" 30462 title="Change heading color to white"></button> 30463 </div> 30464 <button class="sa-widget__reset-btn sa-button sa-no-track" 30465 x-sa-on:click="resetHeadingColor()" 30466 x-sa-text="settings.t_reset">Reset</button> 30467 </div> 30468 30469 <div x-sa-show="settings.show_bg_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2"> 30470 <div class="sa-no-track sa-text" x-sa-text="settings.t_bg_colors">Adjust background colors</div> 30471 <svg class="sa-svg-checked" 30472 x-sa-bind:style="bgColor.isInitialised && { backgroundColor: settings.brand_color }
30472" viewBox="0 0 20 20" fill="#fff"> 30473 <title>Checked mark</title> 30474 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> 30475 </svg> 30476 <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track"> 30477 <button class="sa-button sa-widget__swatch sa-bg-red" 30478 x-sa-bind:class="{ 'sa-active' : isBgColor('#dc2626') }" 30479 x-sa-on:click="setBgColor('#dc2626')" 30480 aria-label="Change background color to red" 30481 title="Change background color to red"></button> 30482 <button class="sa-button sa-widget__swatch sa-bg-blue" 30483 x-sa-bind:class="{ 'sa-active' : isBgColor('#2563eb') }" 30484 x-sa-on:click="setBgColor('#2563eb')" 30485 aria-label="Change background color to blue" 30486 title="Change background color to blue"></button> 30487 <button class="sa-button sa-widget__swatch sa-bg-green " 30488 x-sa-bind:class="{ 'sa-active' : isBgColor('#16a34a') }" 30489 x-sa-on:click="setBgColor('#16a34a')" 30490 aria-label="Change background color to green" 30491 title="Change background color to green"></button> 30492 <button class="sa-button sa-widget__swatch sa-bg-purple " 30493 x-sa-bind:class="{ 'sa-active' : isBgColor('#9333ea') }" 30494 x-sa-on:click="setBgColor('#9333ea')" 30495 aria-label="Change background color to purple" 30496 title="Change background color to purple"></button> 30497 <button class="sa-button sa-widget__swatch sa-bg-orange " 30498 x-sa-bind:class="{ 'sa-active' : isBgColor('#ea580c') }" 30499 x-sa-on:click="setBgColor('#ea580c')" 30500 aria-label="Change background color to orange" 30501 title="Change background color to orange"></button> 30502 <button class="sa-button sa-widget__swatch sa-bg-teal " 30503 x-sa-bind:class="{ 'sa-active' : isBgColor('#0d9488') }" 30504 x-sa-on:click="setBgColor('#0d9488')" 30505 aria-label="Change background color to teal" 30506 title="Change background color to teal"></button> 30507 <button class="sa-button sa-widget__swatch sa-bg-black " 30508 x-sa-bind:class="{ 'sa-active' : isBgColor('#000') }" 30509 x-sa-on:click="setBgColor('#000')" 30510 aria-label="Change background color to black" 30511 title="Change background color to black"></button> 30512 <button class="sa-button sa-widget__swatch sa-bg-white " 30513 x-sa-bind:class="{ 'sa-active' : isBgColor('#fff') }" 30514 x-sa-on:click="setBgColor('#fff')" 30515 aria-label="Change background color to white" 30516 title="Change background color to white"></button> 30517 </div> 30518 <button class="sa-widget__reset-btn sa-button sa-no-track" 30519 x-sa-on:click="resetBgColor()" 30520 x-sa-text="settings.t_reset">Reset</button> 30521 </div> 30522 30523 </div> 30524 30525 30526 30527 </div> 30528 30529</div> 30530 30531<!--googleon: all--> 30532 30533 30534</div>
30534<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
30534 30535</body> 30536 30537 30538</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.