PageSourceSearch

https://shic.ai/pages/subscriptions-pricing

html shic.ai collected 2026-10-05 16:20:53 UTC 581,306 bytes, 10,199 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en" dir="ltr">
3<head>
3<script data-source-attribution="shopify.event_observer.bootstrap">
4(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//shic.ai/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`87779311916`)))})();
5//# sourceURL=event-observer-collector.js
6</script>
6
7
8  <meta charset="utf-8">
9  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10  <meta name="viewport" content="width=device-width,initial-scale=1">
11  <meta name="theme-color" content="#7a2338">
12  <meta name="robots" content="index, follow" />
13  <meta name="author" content="Shic" />
14  <meta name="publisher" content="Shic" />
15  <meta name="keywords" content="Ai tank tops design, Ai generated hoodie designs, AI-generated mug designs, Personalized AI accessory art, Custom AI art for home decor, AI art generator for wall decor, Personalized AI home art, Personalized AI wall art designs, Custom AI art for home decor, Ai shirt design" />
16
17  <link rel="canonical" href="https://shic.ai/pages/subscriptions-pricing">
18  <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
19  <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
20  
21  <link rel="dns-prefetch" href="https://ajax.googleapis.com">
22  <link rel="dns-prefetch" href="https://maps.googleapis.com">
23  <link rel="dns-prefetch" href="https://maps.gstatic.com">
24  
25<link rel="shortcut icon" href="//shic.ai/cdn/shop/files/favicon-32x32.png?crop=center&height=32&v=1733550200&width=32" type="image/png" /><title>Subscriptions Pricing &ndash; Shic</title><meta property="og:site_name" content="Shic">
26<meta property="og:url" content="https://shic.ai/pages/subscriptions-pricing">
27<meta property="og:title" content="Subscriptions Pricing">
28<meta property="og:type" content="website">
29<meta property="og:description" content="Explore personalized AI art and custom designs at Shic – from AI-generated tank tops, hoodies, and mugs to unique wall decor and home accessories. Make your style and space stand out with AI-powered creativity."><meta property="og:image" content="http://shic.ai/cdn/shop/files/SHIC.AI_logo_74ec6c8c-8dd0-46fe-897b-94080a9524b3.png?v=1728631275">
30  <meta property="og:image:secure_url" content="https://shic.ai/cdn/shop/files/SHIC.AI_logo_74ec6c8c-8dd0-46fe-897b-94080a9524b3.png?v=1728631275">
31  <meta property="og:image:width" content="3233">
32  <meta property="og:image:height" content="1710"><meta name="twitter:site" content="@https://x.com/shic_ai">
33<meta name="twitter:card" content="summary_large_image">
34<meta name="twitter:title" content="Subscriptions Pricing">
35<meta name="twitter:description" content="Explore personalized AI art and custom designs at Shic – from AI-generated tank tops, hoodies, and mugs to unique wall decor and home accessories. Make your style and space stand out with AI-powered creativity.">
36<style>@font-face {
37  font-family: Jost;
38  font-weight: 400;
39  font-style: normal;
40  font-display: swap;
41  src: url("//shic.ai/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
42       url("//shic.ai/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
43}
44@font-face {
45  font-family: Jost;
46  font-weight: 500;
47  font-style: normal;
48  font-display: swap;
49  src: url("//shic.ai/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"),
50       url("//shic.ai/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff");
51}
52@font-face {
53  font-family: Jost;
54  font-weight: 700;
55  font-style: normal;
56  font-display: swap;
57  src: url("//shic.ai/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
58       url("//shic.ai/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
59}
60@font-face {
61  font-family: Jost;
62  font-weight: 400;
63  font-style: normal;
64  font-display: swap;
65  src: url("//shic.ai/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
66       url("//shic.ai/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
67}
68@font-face {
69  font-family: Jost;
70  font-weight: 700;
71  font-style: normal;
72  font-display: swap;
73  src: url("//shic.ai/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
74       url("//shic.ai/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
75}
76@font-face {
77  font-family: Jost;
78  font-weight: 400;
79  font-style: italic;
80  font-display: swap;
81  src: url("//shic.ai/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"),
82       url("//shic.ai/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff");
83}
84@font-face {
85  font-family: Jost;
86  font-weight: 700;
87  font-style: italic;
88  font-display: swap;
89  src: url("//shic.ai/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
90       url("//shic.ai/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c
90552e0de63757.woff") format("woff");
91}
92:root {
93    /*! General */
94    --color-base-text: 123 84 84;
95    --color-base-highlight: 122 35 56;
96    --color-base-background: 255 255 255;
97    --color-base-button: 122 35 56;
98    --color-base-button-gradient: #7a2338;
99    --color-base-button-text: 255 255 255;
100    --color-keyboard-focus: 11 97 205;
101    --color-shadow: 168 232 226;
102    --color-price: 122 35 56;
103    --color-sale-price: 225 29 72;
104    --color-sale-tag: 122 35 56;
105    --color-sale-tag-text: 255 255 255;
106    --color-rating: 245 158 11;
107    --color-placeholder: 244 237 237;
108    --color-success-text: 77 124 15;
109    --color-success-background: 247 254 231;
110    --color-error-text: 190 18 60;
111    --color-error-background: 255 241 242;
112    --color-info-text: 180 83 9;
113    --color-info-background: 255 251 235;
114    
115    /*! Menu and drawers */
116    --color-drawer-text: 123 84 84;
117    --color-drawer-background: 255 255 255;
118    --color-drawer-button-background: 122 35 56;
119    --color-drawer-button-gradient: #7a2338;
120    --color-drawer-button-text: 255 255 255;
121    --color-drawer-overlay: 70 47 47;
122
123    /*! Product card */
124    --card-radius: var(--rounded-card);
125    --card-border-width: 0.0rem;
126    --card-border-opacity: 0.0;
127    --card-shadow-opacity: 0.1;
128    --card-shadow-horizontal-offset: 0.0rem;
129    --card-shadow-vertical-offset: 0.0rem;
130
131    /*! Buttons */
132    --buttons-radius: var(--rounded-button);
133    --buttons-border-width: 1px;
134    --buttons-border-opacity: 1.0;
135    --buttons-shadow-opacity: 0.0;
136    --buttons-shadow-horizontal-offset: 0px;
137    --buttons-shadow-vertical-offset: 0px;
138
139    /*! Inputs */
140    --inputs-radius: var(--rounded-input);
141    --inputs-border-width: 0px;
142    --inputs-border-opacity: 0.65;
143
144    /*! Spacing */
145    --sp-0d5: 0.125rem;
146    --sp-1: 0.25rem;
147    --sp-1d5: 0.375rem;
148    --sp-2: 0.5rem;
149    --sp-2d5: 0.625rem;
150    --sp-3: 0.75rem;
151    --sp-3d5: 0.875rem;
152    --sp-4: 1rem;
153    --sp-4d5: 1.125rem;
154    --sp-5: 1.25rem;
155    --sp-5d5: 1.375rem;
156    --sp-6: 1.5rem;
157    --sp-6d5: 1.625rem;
158    --sp-7: 1.75rem;
159    --sp-7d5: 1.875rem;
160    --sp-8: 2rem;
161    --sp-8d5: 2.125rem;
162    --sp-9: 2.25rem;
163    --sp-9d5: 2.375rem;
164    --sp-10: 2.5rem;
165    --sp-10d5: 2.625rem;
166    --sp-11: 2.75rem;
167    --sp-12: 3rem;
168    --sp-13: 3.25rem;
169    --sp-14: 3.5rem;
170    --sp-15: 3.875rem;
171    --sp-16: 4rem;
172    --sp-18: 4.5rem;
173    --sp-20: 5rem;
174    --sp-23: 5.625rem;
175    --sp-24: 6rem;
176    --sp-28: 7rem;
177    --sp-32: 8rem;
178    --sp-36: 9rem;
179    --sp-40: 10rem;
180    --sp-44: 11rem;
181    --sp-48: 12rem;
182    --sp-52: 13rem;
183    --sp-56: 14rem;
184    --sp-60: 15rem;
185    --sp-64: 16rem;
186    --sp-68: 17rem;
187    --sp-72: 18rem;
188    --sp-80: 20rem;
189    --sp-96: 24rem;
190    --sp-100: 32rem;
191
192    /*! Font family */
193    --font-heading-family: Jost, sans-serif;
194    --font-heading-style: normal;
195    --font-heading-weight: 400;
196    --font-heading-line-height: 1;
197    --font-heading-letter-spacing: -0.03em;
198    
199      --font-heading-text-transform: uppercase;
200    
201
202    --font-body-family: Jost, sans-serif;
203    --font-body-style: normal;
204    --font-body-weight: 400;
205    --font-body-line-height: 1.2;
206    --font-body-letter-spacing: 0.0em;
207
208    --font-navigation-family: var(--font-body-family);
209    --font-navigation-size: clamp(0.875rem, 0.748rem + 0.3174vw, 1.125rem);
210    
211      --font-navigation-text-transform: uppercase;
212    
213
214    --font-button-family: var(--font-body-family);
215    --font-button-size: clamp(0.875rem, 0.8115rem + 0.1587vw, 1.0rem);
216    
217      --font-button-text-transform: uppercase;
218    
219
220    --font-product-family: var(--font-body-family);
221    --font-product-size: clamp(1.0rem, 0.873rem + 0.3175vw, 1.25rem);
222    
223      --font-product-text-transform: uppercase;
224    
225
226    /*! Font size */
227    --text-3xs: 0.625rem;
228    --text-2xs: 0.6875rem;
229    --text-xs: 0.75rem;
230    --text-2sm: 0.8125rem;
231    --text-sm: 0.875rem;
232    --text-base: 1.0rem;
233    --text-lg: 1.125rem;
234    --text-xl: 1.25rem;
235    --text-2xl: 1.5rem;
236    --text-3xl: 1.875rem;
237    --text-4xl: 2.25rem;
238    --text-5xl: 3.0rem;
239    --text-6xl: 3.75rem;
240    --text-7xl: 4.5rem;
241    --text-8xl: 6.0rem;
242
243    /*! Layout */
244    --page-width: 1900px;
245    --gap-padding: clamp(var(--sp-5), 2.526vw, var(--sp-12));
246    --grid-gap: clamp(40px, 20vw, 60px);
247    --page-padding: var(--sp-5);
248    --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), var(--page-width));
249    --rounded-button: 3.75rem;
250    --rounded-input: 0.75rem;
251    --rounded-card: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
252    --rounded-block: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
253
254    /*! Other */
255    --icon-weight: 1.5px;
256  }
257
258  @media screen and (min-width: 1024px) {
259    :root {
260      --page-padding: var(--sp-9);
261    }
262  }
263
264  @media screen and (min-width: 1280px) {
265    :root {
266      --gap-padding: var(--sp-12);
267      --page-padding: var(--sp-12);
268      --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), max(var(--page-width), 1280px));
269    }
270  }
271
272  @media screen and (min-width: 1536px) {
273    :root {
274      --page-padding: max(var(--sp-12), 50vw - var(--scrollbar-width, 0px)/2 - var(--page-width)/2);
275    }
276  }
277</style>
278  <link rel="preload" as="font" href="//shic.ai/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" type="font/woff2" crossorigin>
279  
280
281  <link rel="preload" as="font" href="//shic.ai/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" type="font/woff2" crossorigin>
282  
283<link href="//shic.ai/cdn/shop/t/45/assets/theme.css?v=4093196597949350941750928185" rel="stylesheet" type="text/css" media="all" /><link rel="stylesheet" href="//shic.ai/cdn/shop/t/45/assets/apps.css?v=155754260707641237201733043661" media="print" fetchpriority="low" onload="this.media='all'">
284
285  
285<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
285<meta name="facebook-domain-verification" content="kfzwu8vfuyos9ka22qto878um3u9jt">
286<meta name="google-site-verification" content="CeE6ggKD6XH1dCX169BCnKXGlzFh13sCj3uaqUMOcnE">
287<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/87779311916/digital_wallets/dialog">
288<meta id="in-context-paypal-metadata" data-shop-id="87779311916" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
289<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
289<script async="async" src="/checkouts/internal/preloads.js?locale=en-NL"></script>
289
290<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
291<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-NL&shop_id=87779311916" crossorigin="anonymous"></script>
vendor: 1 bytes, line 291
291
292<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":87779311916,"countryCode":"US","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/87779311916","merchantName":"Shic","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Shic","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 292
292
293<script id="shopify-features" type="application/json">{"accessToken":"3789e0857086e43bbbeae7284031486e","betas":["rich-media-storefront-analytics"],"domain":"shic.ai","predictiveSearch":true,"shopId":87779311916,"locale":"en"}</script>
vendor: 1 bytes, line 293
293
294<script>var Shopify = Shopify || {};
295Shopify.shop = "888758-b3.myshopify.com";
296Shopify.locale = "en";
297Shopify.currency = {"active":"EUR","rate":"0.905391165"};
298Shopify.country = "NL";
299Shopify.theme = {"name":"stylistique\/prod","id":173671809324,"schema_name":"Concept","schema_version":"2.1.1","theme_store_id":null,"role":"main"};
300Shopify.theme.handle = "null";
301Shopify.theme.style = {"id":null,"handle":null};
302Shopify.cdnHost = "shic.ai/cdn";
303Shopify.routes = Shopify.routes || {};
304Shopify.routes.root = "/";
305Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
306Shopify.SignInWithShop = Shopify.SignInWithShop || {};
307Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
308Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 308
308
309<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 309
309
310<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 310
310
311<script>
312  window.ShopifyPay = window.ShopifyPay || {};
313  window.ShopifyPay.apiHost = "shop.app\/pay";
314  window.ShopifyPay.redirectState = null;
315</script>
vendor: 1 bytes, line 315
315
316<script>
317  window.Shopify = window.Shopify || {};
318  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
319  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
320  window.Shopify.SignInWithShop.eligible = true;
321</script>
vendor: 1 bytes, line 321
321
322<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 322
322
323<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 323
323
324<script type="module">
325  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
326
327  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
328
329</script>
vendor: 1 bytes, line 329
329
330<script>
331  window.Shopify = window.Shopify || {};
332  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
333  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"]};
334</script>
vendor: 1 bytes, line 334
334
335<script>(function() {
336  var isLoaded = false;
337  function asyncLoad() {
338    if (isLoaded) return;
339    isLoaded = true;
340    var urls = ["https:\/\/static.klaviyo.com\/onsite\/js\/Wqci4n\/klaviyo.js?company_id=Wqci4n\u0026shop=888758-b3.myshopify.com"];
341    for (var i = 0; i < urls.length; i++) {
342      var s = document.createElement('script');
343      s.type = 'text/javascript';
344      s.async = true;
345      s.src = urls[i];
346      var x = document.getElementsByTagName('script')[0];
347      x.parentNode.insertBefore(s, x);
348    }
349  };
350  if(window.attachEvent) {
351    window.attachEvent('onload', asyncLoad);
352  } else {
353    window.addEventListener('load', asyncLoad, false);
354  }
355})();</script>
vendor: 1 bytes, line 355
355
356<script id="__st">var __st={"a":87779311916,"offset":-25200,"reqid":"295ed5af-f3f0-498c-bc73-1e95e3023e3d-1791217253","pageurl":"shic.ai\/pages\/subscriptions-pricing","s":"pages-139546853676","u":"fbc62ff6aeb0","p":"page","rtyp":"page","rid":139546853676};</script>
vendor: 1 bytes, line 356
356
357<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 357
357
358<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 358
358
359<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shic.ai/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 359
359
360<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 = "//shic.ai/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>
360<script crossorigin="anonymous" defer="defer" src="//shic.ai/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 360
360
361<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 361
361
362<script>
363  window.Shopify = window.Shopify || {};
364  window.Shopify.MCP = window.Shopify.MCP || {};
365  window.Shopify.MCP.enabled = true;
366  window.Shopify.MCP.shop = "888758-b3.myshopify.com";
367  window.Shopify.MCP.mcpEndpoint = "https:\/\/shic.ai\/api\/mcp";
368  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"]}}];
369</script>
vendor: 1 bytes, line 369
369
370<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("\/\/shic.ai\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
371</script>
vendor: 1 bytes, line 371
371
372<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://shic.ai/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
373</script>
vendor: 1 bytes, line 373
373
374<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
375  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);
376</script>
vendor: 1 bytes, line 376
376
377<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})}}));
378</script>
vendor: 1 bytes, line 378
378
379<script id='scb4127' type='text/javascript' async='' src='https://shic.ai/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
379<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://shic.ai/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
380<style id="shopify-accelerated-checkout-cart">
381        #shopify-buyer-consent {
382  margin-top: 1em;
383  display: inline-block;
384  width: 100%;
385}
386
387#shopify-buyer-consent.hidden {
388  display: none;
389}
390
391#shopify-subscription-policy-button {
392  background: none;
393  border: none;
394  padding: 0;
395  text-decoration: underline;
396  font-size: inherit;
397  cursor: pointer;
398}
399
400#shopify-subscription-policy-button::before {
401  box-shadow: none;
402}
403
404      </style>
405
406<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
406
407
408  
408<script src="//shic.ai/cdn/shop/t/45/assets/vendor.js?v=169599425471746764341733043660" defer="defer"></script>
408
409  
409<script src="//shic.ai/cdn/shop/t/45/assets/theme.js?v=18335962738342988931745115593" defer="defer"></script>
409<script>
410  document.documentElement.classList.replace('no-js', 'js');
411
412  window.theme = window.theme || {};
413  theme.routes = {
414    shop_url: 'https://shic.ai',
415    root_url: '/',
416    cart_url: '/cart',
417    cart_add_url: '/cart/add',
418    cart_change_url: '/cart/change',
419    cart_update_url: '/cart/update',
420    search_url: '/search',
421    predictive_search_url: '/search/suggest',
422  };
423
424  theme.variantStrings = {
425    preOrder: "Pre-order",
426    addToCart: "Add to cart",
427    soldOut: "Sold Out",
428    unavailable: "Unavailable",
429    addToBundle: "Add to bundle",
430    backInStock: "Notify me when it’s available",
431  };
432
433  theme.shippingCalculatorStrings = {
434    error: "One or more errors occurred while retrieving the shipping rates:",
435    notFound: "Sorry, we do not ship to your address.",
436    oneResult: "There is one shipping rate for your address:",
437    multipleResults: "There are multiple shipping rates for your address:",
438  };
439
440  theme.recipientFormStrings = {
441    expanded: "Gift card recipient form expanded",
442    collapsed: "Gift card recipient form collapsed",
443  };
444
445  theme.quickOrderListStrings = {
446    itemsAdded: "[quantity] items added",
447    itemAdded: "[quantity] item added",
448    itemsRemoved: "[quantity] items removed",
449    itemRemoved: "[quantity] item removed",
450    viewCart: "View cart",
451    each: "[money]\/ea",
452    minError: "This item has a minimum of [min]",
453    maxError: "This item has a maximum of [max]",
454    stepError: "You can only add this item in increments of [step]",
455  };
456
457  theme.dateStrings = {
458    d: "d",
459    day: "Day",
460    days: "Days",
461    h: "h",
462    hour: "Hour",
463    hours: "Hours",
464    m: "m",
465    minute: "Min",
466    minutes: "Mins",
467    s: "s",
468    second: "Sec",
469    seconds: "Secs",
470  };
471
472  theme.strings = {
473    recentlyViewedEmpty: "Your recently viewed is empty.",
474    close: "Close",
475    next: "Next",
476    previous: "Previous",
477    qrImageAlt: "QR code — scan to redeem gift card"
478  };
479  theme.settings = {
480    moneyFormat: "€{{amount_with_comma_separator}}",
481    moneyWithCurrencyFormat: "€{{amount_with_comma_separator}} EUR",
482    currencyCodeEnabled: false,
483    cartType: "drawer",
484    isCartTemplate: false,
485    pswpModule: "\/\/shic.ai\/cdn\/shop\/t\/45\/assets\/photoswipe.min.js?v=41760041872977459911733043661",
486    themeName: 'Concept',
487    themeVersion: '2.1.1',
488    agencyId: ''
489  };</script>
489
490
491  
492<script type="text/javascript">if(typeof window.hulkappsWishlist === 'undefined') {
493        window.hulkappsWishlist = {};
494        }
495        window.hulkappsWishlist.baseURL = '/apps/advanced-wishlist/api';
496        window.hulkappsWishlist.hasAppBlockSupport = '1';
497        </script>
497
498
499
500
501
502
503<!-- BEGIN app block: shopify://apps/c-hub-customer-accounts/blocks/app-embed/0fb3ba0b-4c65-4919-a85a-48bc2d368e9c --><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a10a53-06c9-76e4-86b7-a0de209e05ac/customerhub-6.2.17/assets/chubicons.min.css" type="text/css">
503<script>(function () { try { localStorage.removeItem('chInitPageLoad'); } catch (error) {}})();</script>
503<!-- END app block -->
503<script src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-selleasy.js" type="text/javascript" defer="defer"></script>
503
504<link href="https://cdn.shopify.com/extensions/019ff9f4-4c16-7aa1-846e-ceb42a4bb7ed/bitloyalty-loyalty-login-149/assets/app.css" rel="stylesheet" type="text/css" media="all">
505<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
506<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: 87779311916,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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 506
506
507<script>
508  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
509</script>
vendor: 1 bytes, line 509
509
510<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}
510).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: 87779311916,storefrontBaseUrl: "https://shic.ai",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://shic.ai/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1122926892","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
510,"dataSharingState":"unrestricted"},{"id":"1084358956","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3free-01.swymrelay.com\",\"swymTier\":\"v3free-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1064698156","configuration":"{\"eventPixelIdAddToCart\":\"tw-oz3ax-oz3b2\",\"eventPixelIdSiteVisit\":\"tw-oz3ax-oz3b1\",\"eventPixelIdPurchase\":\"tw-oz3ax-oz3b4\",\"eventPixelIdAddedPaymentInfo\":\"tw-oz3ax-oz3b3\",\"eventPixelIdCheckoutInitiated\":\"tw-oz3ax-oz3ay\",\"eventPixelIdContentView\":\"tw-oz3ax-oz3b0\",\"eventPixelIdSearch\":\"tw-oz3ax-oz3az\",\"basePixelId\":\"oz3ax\",\"adsAccountId\":\"18ce55qyfai\",\"isDisconnected\":\"0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3df823913fec4164b84eb9879cd9a3dd","type":"APP","apiClientId":6455335,"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":"1035895084","configuration":"{\"pixelCode\":\"CTKB91BC77UD896R1OS0\"}","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":"optimized"},{"id":"1035338028","configuration":"{\"url\":\"https:\/\/events.realtimestack.com\",\"shop\":\"888758-b3.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"dbfdb96740f735f157780aa894ac9113","type":"APP","apiClientId":4759791,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"872907052","configuration":"{\"pixel_id\":\"1320500682265928\",\"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":"optimized","enabledFlags":["9a3ed68a"]},{"id":"807043372","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-BQ3RM0RFKP\\\",\\\"GT-PZQSQCHS\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-BQ3RM0RFKP\\\",\\\"MC-88592Z64QE\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-BQ3RM0RFKP\\\",\\\"MC-88592Z64QE\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-BQ3RM0RFKP\\\",\\\"MC-88592Z64QE\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-BQ3RM0RFKP\\\"}],\\\"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"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
510,{"id":"110297388","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"GoogleTagManager"},{"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":"Shic","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"888758-b3.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/shic.ai"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://shic.ai/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"173671809324","themePublished":"true","eventMetadataId":"11145ee3-61b8-4620-ab7f-9c4472152b6a","pageType":"page","resourceId":"139546853676","shopId":"87779311916","storefrontBaseUrl":"https:\/\/shic.ai","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
510<script>
511  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
512  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
513  window.ShopifyAnalytics.meta.currency = 'EUR';
514  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":139546853676,"requestId":"295ed5af-f3f0-498c-bc73-1e95e3023e3d-1791217253"}};
515  for (var attr in meta) {
516    window.ShopifyAnalytics.meta[attr] = meta[attr];
517  }
518</script>
vendor: 1 bytes, line 518
518
519<script class="analytics">
520  (function () {
521    var customDocumentWrite = function(content) {
522      var jquery = null;
523
524      if (window.jQuery) {
525        jquery = window.jQuery;
526      } else if (window.Checkout && window.Checkout.$) {
527        jquery = window.Checkout.$;
528      }
529
530      if (jquery) {
531        jquery('body').append(content);
532      }
533    };
534
535    var hasLoggedConversion = function(token) {
536      if (token) {
537        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
538      }
539      return false;
540    }
541
542    var setCookieIfConversion = function(token) {
543      if (token) {
544        var twoMonthsFromNow = new Date(Date.now());
545        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
546
547        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
548      }
549    }
550
551    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
552    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
553    if (trekkie.integrations) {
554      return;
555    }
556    trekkie.methods = [
557      'identify',
558      'page',
559      'ready',
560      'track',
561      'trackForm',
562      'trackLink'
563    ];
564    trekkie.factory = function(method) {
565      return function() {
566        var args = Array.prototype.slice.call(arguments);
567        args.unshift(method);
568        trekkie.push(args);
569        if (method == 'track' || method == 'page') {
570          var pageUrl;
571          try {
572            pageUrl = window.location.href;
573          } catch (e) {}
574          var pageReferrer;
575          try {
576            pageReferrer = document.referrer;
577          } catch (e) {}
578          try {
579            if (window.__TREKKIE_SHIM_QUEUE == null) {
580              window.__TREKKIE_SHIM_QUEUE = [];
581            }
582            window.__TREKKIE_SHIM_QUEUE.push({
583              from: 'trekkie-stub',
584              method: method,
585              args: args.slice(1),
586              pageContext: {
587                url: pageUrl,
588                referrer: pageReferrer
589              }
590            });
591          } catch (e) {
592            // no-op
593          }
594        }
595        return trekkie;
596      };
597    };
598    for (var i = 0; i < trekkie.methods.length; i++) {
599      var key = trekkie.methods[i];
600      trekkie[key] = trekkie.factory(key);
601    }
602    trekkie.load = function(config) {
603      trekkie.config = config || {};
604      trekkie.config.initialDocumentCookie = document.cookie;
605      var first = document.getElementsByTagName('script')[0];
606var script = document.createElement('script');
607script.type = 'text/javascript';
608script.onerror = function(e) {
609  var scriptFallback = document.createElement('script');
610  scriptFallback.type = 'text/javascript';
611  scriptFallback.onerror = function(error) {
612          var Monorail = {
613      produce: function produce(monorailDomain, schemaId, payload) {
614        var currentMs = new Date().getTime();
615        var event = {
616          schema_id: schemaId,
617          payload: payload,
618          metadata: {
619            event_created_at_ms: currentMs,
620            event_sent_at_ms: currentMs
621          }
622        };
623        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
624      },
625      sendRequest: function sendRequest(endpointUrl, payload) {
626        // Try the sendBeacon API
627        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
628          var blobData = new window.Blob([payload], {
629            type: 'text/plain'
630          });
631
632          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
633            return true;
634          } // sendBeacon was not successful
635
636        } // XHR beacon
637
638        var xhr = new XMLHttpRequest();
639
640        try {
641          xhr.open('POST', endpointUrl);
642          xhr.setRequestHeader('Content-Type', 'text/plain');
643          xhr.send(payload);
644        } catch (e) {
645          console.log(e);
646        }
647
648        return false;
649      },
650      isIos12: function isIos12() {
651        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
652      }
653    };
654    Monorail.produce('monorail-edge.shopifysvc.com',
655      'trekkie_storefront_load_errors/1.1',
656      {shop_id: 87779311916,
657      theme_id: 173671809324,
658      app_name: "storefront",
659      context_url: window.location.href,
660      source_url: "//shic.ai/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
661
662  };
663  scriptFallback.async = true;
664  scriptFallback.src = '//shic.ai/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
665  first.parentNode.insertBefore(scriptFallback, first);
666};
667script.async = true;
668script.src = '//shic.ai/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
669first.parentNode.insertBefore(script, first);
670
671    };
672    trekkie.load(
673      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":87779311916,"isMerchantRequest":null,"themeId":173671809324,"themeCityHash":"4582811638522643534","contentLanguage":"en","currency":"EUR","eventMetadataId":"11145ee3-61b8-4620-ab7f-9c4472152b6a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
674    );
675
676    var loaded = false;
677    trekkie.ready(function() {
678      if (loaded) return;
679      loaded = true;
680
681      window.ShopifyAnalytics.lib = window.trekkie;
682
683      var originalDocumentWrite = document.write;
684      document.write = customDocumentWrite;
685      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
686      document.write = originalDocumentWrite;
687
688      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
689      var token = match? match[1]: undefined;
690      if (!hasLoggedConversion(token)) {
691        setCookieIfConversion(token);
692        
693      }
694    });
695
696    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":139546853676,"requestId":"295ed5af-f3f0-498c-bc73-1e95e3023e3d-1791217253","shopifyEmitted":true});
697
698    var eventsListenerScript = document.createElement('script');
699    eventsListenerScript.async = true;
700    eventsListenerScript.src = "//shic.ai/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
701    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
702})();</script>
vendor: 1 bytes, line 702
702
703<script
704  defer
705  src="https://shic.ai/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
706  data-application="storefront-renderer"
707  data-shop-id="87779311916"
708  data-render-region="gcp-europe-west1"
709  data-page-type="page"
710  data-theme-instance-id="173671809324"
711  data-theme-name="Concept"
712  data-theme-version="2.1.1"
713  data-monorail-region="shop_domain"
714  data-resource-timing-sampling-rate="10"
715  data-shs="true"
716  data-shs-beacon="true"
717  data-shs-export-with-fetch="true"
718  data-shs-logs-sample-rate="1"
719  data-shs-beacon-endpoint="https://shic.ai/api/collect"
720></script>
720
721<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822774853000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791219053000"><meta name="new-cookie-storage-activated" content="t">
722</head>
723
724<body class="template-page" data-rounded-button="round" data-rounded-input="round-slight" data-rounded-block="round" data-rounded-card="round" data-button-hover="standard" data-lazy-image data-title-animation data-page-rendering>
725  <a class="sr-only skip-link" href="#MainContent">Skip to content</a><loading-bar class="loading-bar fixed top-0 left-0 w-full h-full overflow-hidden pointer-events-none"><svg class="icon icon-spinner icon-lg absolute animate-spin" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
726      <path stroke-linecap="round" stroke-linejoin="round" d="M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2"></path>
727    </svg></loading-bar>
728<mouse-cursor class="mouse-cursor z-35 fixed select-none flex items-center justify-center pointer-events-none rounded-full"> 
729  <svg class="icon icon-cursor" stroke="currentColor" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
730    <path d="M10 30L30 10M10 10L30 30" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
731  </svg>
732</mouse-cursor>
733<!-- BEGIN sections: header-group -->
734<div id="shopify-section-sections--23792018161964__header" class="shopify-section shopify-section-group-header-group header-section"><style>
735  #shopify-section-sections--23792018161964__header {
736    --section-padding-top: 10px;
737    --section-padding-bottom: 10px;
738    --color-background: 255 255 255;
739    --color-foreground: 23 23 23;
740    --color-transparent: 255 255 255;
741  }
742</style><menu-drawer id="MenuDrawer" class="menu-drawer drawer drawer--start z-30 fixed bottom-0 left-0 h-full w-full pointer-events-none"
743  data-section-id="sections--23792018161964__header"
744  hidden
745>
746  <overlay-element class="overlay fixed-modal invisible opacity-0 fixed bottom-0 left-0 w-full h-screen pointer-events-none" aria-controls="MenuDrawer" aria-expanded="false"></overlay-element>
747  <div class="drawer__inner z-10 absolute top-0 flex flex-col w-full h-full overflow-hidden">
748    <gesture-element class="drawer__header flex justify-between opacity-0 invisible relative">
749      <span class="drawer__title heading lg:text-3xl text-2xl leading-none tracking-tight"></span>
750      <button class="button button--secondary button--close drawer__close hidden sm:flex items-center justify-center" type="button" is="hover-button" aria-controls="MenuDrawer" aria-expanded="false" aria-label="Close">
751        <span class="btn-fill" data-fill></span>
752        <span class="btn-text"><svg class="icon icon-close icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
753      <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path>
754    </svg></span>
755      </button>
756    </gesture-element>
757    <div class="drawer__content opacity-0 invisible flex flex-col h-full grow shrink">
758      <nav class="relative grow overflow-hidden" role="navigation">
759        <ul class="drawer__scrollable drawer__menu relative w-full h-full" role="list" data-parent><li><details is="menu-details">
760  <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Collections</summary>
761  <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent>
762    <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Collections</button>
763    <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/all">ALL</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/4th-of-july">4th of July 🇺🇸</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/valentines-day-collection">Valentine&#39;s Day 🩷</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/nexus">Nexus 🤖</a></li></ul>
764  </div>
765</details>
766</li><li>
766<details is="menu-details">
767  <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Clothing</summary>
768  <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent>
769    <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Clothing</button>
770    <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/ai-jersey-design-t-shirt">T-Shirts</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/custom-hoodie-creator">Hoodies</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/best-custom-sweatshirts">Sweatshirts</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/tanktops">Tank Tops</a></li></ul>
771  </div>
772</details>
773</li><li><details is="menu-details">
774  <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Wall Art</summary>
775  <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent>
776    <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Wall Art</button>
777    <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/canvases">Canvases</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/custom-sports-posters">Posters</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/tapestries-ai-art-generator">Tapestries</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/art-signs">Metal Art Signs</a></li></ul>
778  </div>
779</details>
780</li><li><details is="menu-details">
781  <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Accessories</summary>
782  <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent>
783    <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Accessories</button>
784    <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/ai-generated-mug-designs">Travel Mugs </a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/notebooks-1">Notebooks</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/tumblers">Tumblers</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/tote-bags">Tote Bags </a></li></ul>
785  </div>
786</details>
787</li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/pages/creators">Creators</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/pages/help">Help</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/pages/subscriptions-pricing">Sell</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/search">Search</a></li></ul>
788      </nav>
789      <div class="drawer__footer grid w-full"><div class="drawer__footer-top flex"><button type="button" class="flex gap-3 grow items-center justify-between" aria-controls="LocalizationCountry-sections--23792018161964__header" aria-expanded="false"> 
790                <span class="text-sm leading-none flex items-center gap-2 w-auto"><svg class="icon icon-currency icon-xs stroke-1 hidden md:block shrink-0" viewBox="0 0 16 16" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
791      <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 2.66675V5.33341C0.666687 6.43808 2.45735 7.33341 4.66669 7.33341C6.87602 7.33341 8.66669 6.43808 8.66669 5.33341V2.66675"></path>
792      <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 5.3335V8.00016C0.666687 9.10483 2.45735 10.0002 4.66669 10.0002C5.69135 10.0002 6.62535 9.80683 7.33335 9.49016"></path>
793      <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 8V10.6667C0.666687 11.7713 2.45735 12.6667 4.66669 12.6667C5.69135 12.6667 6.62602 12.474 7.33335 12.1573"></path>
794      <path stroke-linecap="round" stroke-linejoin="round" d="M4.66669 4.66675C6.87583 4.66675 8.66669 3.77132 8.66669 2.66675C8.66669 1.56218 6.87583 0.666748 4.66669 0.666748C2.45755 0.666748 0.666687 1.56218 0.666687 2.66675C0.666687 3.77132 2.45755 4.66675 4.66669 4.66675Z"></path>
795      <path stroke-linecap="round" stroke-linejoin="round" d="M7.33337 8V10.6667C7.33337 11.7713 9.12404 12.6667 11.3334 12.6667C13.5427 12.6667 15.3334 11.7713 15.3334 10.6667V8"></path>
796      <path stroke-linecap="round" stroke-linejoin="round" d="M7.33337 10.6667V13.3334C7.33337 14.4381 9.12404 15.3334 11.3334 15.3334C13.5427 15.3334 15.3334 14.4381 15.3334 13.3334V10.6667"></path>
797      <path stroke-linecap="round" stroke-linejoin="round" d="M11.3334 10C13.5425 10 15.3334 9.10457 15.3334 8C15.3334 6.89543 13.5425 6 11.3334 6C9.12424 6 7.33337 6.89543 7.33337 8C7.33337 9.10457 9.12424 10 11.3334 10Z"></path>
798    </svg>Netherlands (EUR €)
799                </span>
799<svg class="icon icon-chevron-down icon-xs flex-auto" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
800      <path stroke-linecap="round" stroke-linejoin="round" d="M6 9L12 15L18 9"></path>
801    </svg></button><modal-element id="LocalizationCountry-sections--23792018161964__header" class="modal invisible absolute bottom-0 left-0 w-full h-full" role="dialog" hidden>
802                <overlay-element class="fixed-modal opacity-0 z-1 absolute top-0 left-0 w-full h-full" aria-controls="LocalizationCountry-sections--23792018161964__header" aria-expanded="false"></overlay-element>
803                <div class="modal__container flex flex-col z-3 absolute left-0 bottom-0 w-full">
804                  <button class="close items-center justify-center absolute top-0 right-0" type="button" aria-controls="LocalizationCountry-sections--23792018161964__header" aria-expanded="false" is="magnet-button" aria-label="Close">
805                    <span class="inline-block" data-text><svg class="icon icon-close icon-md" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
806      <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path>
807    </svg></span>
808                  </button><form method="post" action="/localization" id="localization_country_form_header_drawer" accept-charset="UTF-8" class="modal__content flex flex-col overflow-hidden" enctype="multipart/form-data" is="localization-listbox"><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="/pages/subscriptions-pricing" /><span class="dropdown__corner corner left top flex absolute pointer-events-none">
809  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
810    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
811    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
812  </svg>
813</span>
814<span class="dropdown__corner corner right top flex absolute pointer-events-none">
815  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
816    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
817    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
818  </svg>
819</span><ul class="modal__scrollable listbox grid gap-1d5 xl:gap-2" role="list" tabindex="-1"><li class="opacity-0">
820                          <a class="text-sm reversed-link"
821                            href="#"
822                            
823                            data-value="AU"
824                            title="Australia (AUD $)"
825                          >Australia (AUD $)
826                          </a>
827                        </li><li class="opacity-0">
828                          <a class="text-sm reversed-link"
829                            href="#"
830                            
831                            data-value="AT"
832                            title="Austria (EUR €)"
833                          >Austria (EUR €)
834                          </a>
835                        </li><li class="opacity-0">
836                          <a class="text-sm reversed-link"
837                            href="#"
838                            
839                            data-value="BE"
840                            title="Belgium (EUR €)"
841                          >Belgium (EUR €)
842                          </a>
843                        </li><li class="opacity-0">
844                          <a class="text-sm reversed-link"
845                            href="#"
846                            
847                            data-value="CA"
848                            title="Canada (CAD $)"
849                          >Canada (CAD $)
850                          </a>
851                        </li><li class="opacity-0">
852                          <a class="text-sm reversed-link"
853                            href="#"
854                            
855                            data-value="CZ"
856                            title="Czechia (CZK Kč)"
857                          >Czechia (CZK Kč)
858                          </a>
859                        </li><li class="opacity-0">
860                          <a class="text-sm reversed-link"
861                            href="#"
862                            
863                            data-value="DK"
864                            title="Denmark (DKK kr.)"
865                          >Denmark (DKK kr.)
866                          </a>
867                        </li><li class="opacity-0">
868                          <a class="text-sm reversed-link"
869                            href="#"
870                            
871                            data-value="FI"
872                            title="Finland (EUR €)"
873                          >Finland (EUR €)
874                          </a>
875                        </li><li class="opacity-0">
876                          <a class="text-sm reversed-link"
877                            href="#"
878                            
879                            data-value="FR"
880                            title="France (EUR €)"
881                          >France (EUR €)
882                          </a>
883                        </li><li class="opacity-0">
884                          <a class="text-sm reversed-link"
885                            href="#"
886                            
887                            data-value="DE"
888                            title="Germany (EUR €)"
889                          >Germany (EUR €)
890                          </a>
891                        </li><li class="opacity-0">
892                          <a class="text-sm reversed-link"
893                            href="#"
894                            
895                            data-value="HK"
896                            title="Hong Kong SAR (HKD $)"
897                          >Hong Kong SAR (HKD $)
898                          </a>
899                        </li><li class="opacity-0">
900                          <a class="text-sm reversed-link"
901                            href="#"
902                            
903                            data-value="IE"
904                            title="Ireland (EUR €)"
905                          >Ireland (EUR €)
906                          </a>
907                        </li><li class="opacity-0">
908                          <a class="text-sm reversed-link"
909                            href="#"
910                            
911                            data-value="IL"
912                            title="Israel (ILS ₪)"
913                          >Israel (ILS ₪)
914                          </a>
915                        </li><li class="opacity-0">
916                          <a class="text-sm reversed-link"
917                            href="#"
918                            
919                            data-value="IT"
920                            title="Italy (EUR €)"
921                          >Italy (EUR €)
922                          </a>
923                        </li><li class="opacity-0">
924                          <a class="text-sm reversed-link"
925                            href="#"
926                            
927                            data-value="JP"
928                            title="Japan (JPY ¥)"
929                          >Japan (JPY ¥)
930                          </a>
931                        </li><li class="opacity-0">
932                          <a class="text-sm reversed-link"
933                            href="#"
934                            
935                            data-value="MY"
936                            title="Malaysia (MYR RM)"
937                          >Malaysia (MYR RM)
938                          </a>
939                        </li><li class="opacity-0">
940                          <a class="text-sm reversed-link active"
941                            href="#"
942                            
943                              aria-current="true"
944                            
945                            data-value="NL"
946                            title="Netherlands (EUR €)"
947                          >Netherlands (EUR €)
948                          </a>
949                        </li><li class="opacity-0">
950                          <a class="text-sm reversed-link"
951                            href="#"
952                            
953                            data-value="NZ"
954                            title="New Zealand (NZD $)"
955                          >New Zealand (NZD $)
956                          </a>
957                        </li><li class="opacity-0">
958                          <a class="text-sm reversed-link"
959                            href="#"
960                            
961                            data-value="NO"
962                            title="Norway (USD $)"
963                          >Norway (USD $)
964                          </a>
965                        </li><li class="opacity-0">
966                          <a class="text-sm reversed-link"
967                            href="#"
968                            
969                            data-value="PL"
970                            title="Poland (PLN zł)"
971                          >Poland (PLN zł)
972                          </a>
973                        </li><li class="opacity-0">
974                          <a class="text-sm reversed-link"
975                            href="#"
976                            
977                            data-value="PT"
978                            title="Portugal (EUR €)"
979                          >Portugal (EUR €)
980                          </a>
981                        </li><li class="opacity-0">
982                          <a class="text-sm reversed-link"
983                            href="#"
984                            
985                            data-value="SG"
986                            title="Singapore (SGD $)"
987                          >Singapore (SGD $)
988                          </a>
989                        </li><li class="opacity-0">
990                          <a class="text-sm reversed-link"
991                            href="#"
992                            
993                            data-value="KR"
994                            title="South Korea (KRW ₩)"
995                          >South Korea (KRW ₩)
996                          </a>
997                        </li><li class="opacity-0">
998                          <a class="text-sm reversed-link"
999                            href="#"
1000                            
1001                            data-value="ES"
1002                            title="Spain (EUR €)"
1003                          >Spain (EUR €)
1004                          </a>
1005                        </li><li class="opacity-0">
1006                          <a class="text-sm reversed-link"
1007                            href="#"
1008                            
1009                            data-value="SE"
1010                            title="Sweden (SEK kr)"
1011                          >Sweden (SEK kr)
1012                          </a>
1013                        </li><li class="opacity-0">
1014                          <a class="text-sm reversed-link"
1015                            href="#"
1016                            
1017                            data-value="CH"
1018                            title="Switzerland (CHF CHF)"
1019                          >Switzerland (CHF CHF)
1020                          </a>
1021                        </li><li class="opacity-0">
1022                          <a class="text-sm reversed-link"
1023                            href="#"
1024                            
1025                            data-value="AE"
1026                            title="United Arab Emirates (AED د.إ)"
1027                          >United Arab Emirates (AED د.إ)
1028                          </a>
1029                        </li><li class="opacity-0">
1030                          <a class="text-sm reversed-link"
1031                            href="#"
1032                            
1033                            data-value="GB"
1034                            title="United Kingdom (GBP £)"
1035                          >United Kingdom (GBP £)
1036                          </a>
1037                        </li><li class="opacity-0">
1038                          <a class="text-sm reversed-link"
1039                            href="#"
1040                            
1041                            data-value="US"
1042                            title="United States (USD $)"
1043                          >United States (USD $)
1044                          </a>
1045                        </li></ul>
1046                    <input type="hidden" name="country_code" value="NL" /></form></div>
1047              </modal-element></div><div class="drawer__footer-bottom flex items-center justify-between gap-6"><a href="/account/login" class="button button--primary icon-with-text" is="hover-link" rel="nofollow">
1048              <span class="btn-fill" data-fill></span>
1049              <span class="btn-text"><svg class="icon icon-account-alt icon-xs" viewBox="0 0 16 17" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
1050      <rect width="6.5" height="6.5" x="4.75" y="1.917" rx="3.25"></rect>
1051      <path stroke-linecap="round" d="M8 10.834c1 0 2.667.222 3 .333.333.11 2.467.533 3 1.333.667 1 .667 1.334.667 2.667M8 10.834c-1 0-2.667.222-3 .333-.333.11-2.467.533-3 1.333-.667 1-.667 1.334-.667 2.667"></path>
1052    </svg>Login</span>
1053            </a><ul class="flex flex-wrap items-center gap-6"><li><a href="https://x.com/shic_ai" class="social_platform block relative" is="magnet-link" title="Shic on X (Twitter)"><svg class="icon icon-twitter icon-sm" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1054      <path d="M13.8984 10.4679L21.3339 2H19.5687L13.1074 9.35221L7.95337 2H2L9.80183 13.1157L2 22H3.7652L10.5845 14.2315L16.03 22H21.9833M4.398 3.29892H7.10408L19.5687 20.7594H16.8626"/>
1055    </svg><span class="sr-only">X (Twitter)</span>
1056        </a>
1057      </li><li><a href="https://www.instagram.com/shic_ai/" class="social_platform block relative" is="magnet-link" title="Shic on Instagram"><svg class="icon icon-instagram icon-sm" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1058      <path d="M12 2.98C14.94 2.98 15.28 2.99 16.44 3.04C17.14 3.04 17.83 3.18 18.48 3.42C18.96 3.6 19.39 3.88 19.75 4.24C20.12 4.59 20.4 5.03 20.57 5.51C20.81 6.16 20.94 6.85 20.95 7.55C21 8.71 21.01 9.06 21.01 12C21.01 14.94 21 15.28 20.95 16.44C20.95 17.14 20.81 17.83 20.57 18.48C20.39 18.95 20.11 19.39 19.75 19.75C19.39 20.11 18.96 20.39 18.48 20.57C17.83 20.81 17.14 20.94 16.44 20.95C15.28 21 14.93 21.01 12 21.01C9.07 21.01 8.72 21 7.55 20.95C6.85 20.95 6.16 20.81 5.51 20.57C5.03 20.39 4.6 20.11 4.24 19.75C3.87 19.4 3.59 18.96 3.42 18.48C3.18 17.83 3.05 17.14 3.04 16.44C2.99 15.28 2.98 14.93 2.98 12C2.98 9.07 2.99 8.72 3.04 7.55C3.04 6.85 3.18 6.16 3.42 5.51C3.6 5.03 3.88 4.6 4.24 4.24C4.59 3.87 5.03 3.59 5.51 3.42C6.16 3.18 6.85 3.05 7.55 3.04C8.71 2.99 9.06 2.98 12 2.98ZM12 1C9.01 1 8.64 1.01 7.47 1.07C6.56 1.09 5.65 1.26 4.8 1.58C4.07 1.86 3.4 2.3 2.85 2.85C2.3 3.41 1.86 4.07 1.58 4.8C1.26 5.65 1.09 6.56 1.07 7.47C1.02 8.64 1 9.01 1 12C1 14.99 1.01 15.36 1.07 16.53C1.09 17.44 1.26 18.35 1.58 19.2C1.86 19.93 2.3 20.6 2.85 21.15C3.41 21.7 4.07 22.14 4.8 22.42C5.65 22.74 6.56 22.91 7.47 22.93C8.64 22.98 9.01 23 12 23C14.99 23 15.36 22.99 16.53 22.93C17.44 22.91 18.35 22.74 19.2 22.42C19.93 22.14 20.6 21.7 21.15 21.15C21.7 20.59 22.14 19.93 22.42 19.2C22.74 18.35 22.91 17.44 22.93 16.53C22.98 15.36 23 14.99 23 12C23 9.01 22.99 8.64 22.93 7.47C22.91 6.56 22.74 5.65 22.42 4.8C22.14 4.07 21.7 3.4 21.15 2.85C20.59 2.3 19.93 1.86 19.2 1.58C18.35 1.26 17.44 1.09 16.53 1.07C15.36 1.02 14.99 1 12 1ZM12 6.35C10.88 6.35 9.79 6.68 8.86 7.3C7.93 7.92 7.21 8.8 6.78 9.84C6.35 10.87 6.24 12.01 6.46 13.1C6.68 14.2 7.22 15.2 8.01 15.99C8.8 16.78 9.81 17.32 10.9 17.54C12 17.76 13.13 17.65 14.16 17.22C15.19 16.79 16.07 16.07 16.7 15.14C17.32 14.21 17.65 13.12 17.65 12C17.65 10.5 17.05 9.06 16 8.01C14.94 6.95 13.5 6.36 12.01 6.36L12 6.35ZM12 15.67C11.27 15.67 10.57 15.45 9.96 15.05C9.36 14.65 8.89 14.07 8.61 13.4C8.33 12.73 8.26 11.99 8.4 11.28C8.54 10.57 8.89 9.92 9.4 9.4C9.91 8.88 10.57 8.54 11.28 8.4C11.99 8.26 12.73 8.33 13.4 8.61C14.07 8.89 14.64 9.36 15.05 9.96C15.45 10.56 15.67 11.27 15.67 12C15.67 12.97 15.28 13.91 14.6 14.59C13.91 15.28 12.98 15.66 12.01 15.66L12 15.67ZM17.87 7.45C18.6 7.45 19.19 6.86 19.19 6.13C19.19 5.4 18.6 4.81 17.87 4.81C17.14 4.81 16.55 5.4 16.55 6.13C16.55 6.86 17.14 7.45 17.87 7.45Z"/>
1059    </svg><span class="sr-only">Instagram</span>
1060        </a>
1061      </li><li><a href="https://www.tiktok.com/@shic_ai" class="social_platform block relative" is="magnet-link" title="Shic on TikTok"><svg class="icon icon-tiktok icon-sm" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1062      <path d="M10.6315 8.937V13.059C10.1123 12.9221 9.56911 12.9034 9.0418 13.0044C8.5145 13.1054 8.01657 13.3234 7.58473 13.6424C7.15288 13.9613 6.79813 14.3732 6.54661 14.8475C6.2951 15.3218 6.15324 15.8466 6.13148 16.383C6.10175 16.8449 6.17125 17.3078 6.33531 17.7405C6.49938 18.1733 6.7542 18.5659 7.08266 18.892C7.41111 19.2181 7.80557 19.4701 8.23952 19.631C8.67346 19.7919 9.13684 19.8581 9.59848 19.825C10.0648 19.8608 10.5333 19.7949 10.9717 19.6319C11.41 19.4689 11.8078 19.2126 12.1374 18.8809C12.4671 18.5491 12.7208 18.1498 12.881 17.7104C13.0413 17.271 13.1042 16.8021 13.0655 16.336V0H17.1425C17.8355 4.315 19.9935 5.316 22.8825 5.778V9.913C20.8804 9.74881 18.9491 9.09645 17.2575 8.013V16.18C17.2575 19.88 15.0675 24 9.63048 24C8.61045 23.9955 7.60156 23.7875 6.66297 23.3881C5.72437 22.9886 4.87496 22.4059 4.16451 21.6739C3.45407 20.942 2.89689 20.0755 2.52563 19.1254C2.15438 18.1754 1.97652 17.1607 2.00248 16.141C2.03479 15.0794 2.29174 14.0366 2.75639 13.0815C3.22105 12.1265 3.88285 11.2807 4.69819 10.6C5.51352 9.9193 6.46387 9.41915 7.48658 9.1325C8.50929 8.84586 9.58114 8.77923 10.6315 8.937Z"/>
1063    </svg><span class="sr-only">TikTok</span>
1064        </a>
1065      </li></ul></div>
1066      </div>
1067    </div>
1068  </div>
1069</menu-drawer>
1070<header data-section-id="sections--23792018161964__header" class="header header--left-center mobile:header--center page-width page-width--full section section--rounded section--padding grid items-center z-20 relative w-full" is="sticky-header" data-sticky-type="always"><div class="header__icons header__icons--start flex justify-start z-2">
1071  <div class="header__buttons flex items-center gap-4"><a href="/search" class="search-drawer-button hidden md:flex items-center justify-center" is="magnet-link" aria-controls="SearchDrawer" aria-expanded="false" >
1072        <span class="sr-only">Search</span><svg class="icon icon-search icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
1073      <path stroke-linecap="round" d="m21 21-3.636-3.636m0 0A9 9 0 1 0 4.636 4.636a9 9 0 0 0 12.728 12.728Z"></path>
1074    </svg></a><button class="menu-drawer-button flex items-center justify-center" type="button" is="magnet-button" aria-controls="MenuDrawer" aria-expanded="false">
1075        <span class="sr-only">Site navigation</span><svg class="icon icon-hamburger icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
1076      <path stroke-linecap="round" d="M3 6H21M3 12H11M3 18H16"></path>
1077    </svg></button></div>
1078</div>
1079
1080
1081
1082
1083<script>
1084document.addEventListener('DOMContentLoaded', function() {
1085    // Global variables
1086    let hasShownCreditAlert = false;
1087    const customerIdElement = document.getElementById('customer-id');
1088    const customerId = customerIdElement ? customerIdElement.value : null;
1089    const profileDropdown = document.getElementById('profileDropdown');
1090    
1091    // Initialize dropdown listeners
1092    initializeDropdown();
1093    
1094    // Start subscription info updates if customer is logged in
1095    if (customerId) {
1096        fetchSubscriptionInfo(customerId);
1097        setInterval(() => fetchSubscriptionInfo(customerId), 900000); // 15 minutes
1098    }
1099
1100    // Function Definitions
1101    function initializeDropdown() {
1102        if (profileDropdown) {
1103            document.addEventListener('click', function(event) {
1104                if (!profileDropdown.contains(event.target)) {
1105                    profileDropdown.removeAttribute('open');
1106                }
1107            });
1108
1109            const creditsSection = profileDropdown.querySelector('.credits-section');
1110            if (creditsSection) {
1111                creditsSection.addEventListener('click', function() {
1112                    window.location.href = '/pages/subscriptions-pricing';
1113                });
1114            }
1115        }
1116    }
1117
1118    async function fetchSubscriptionInfo(customerId) {
1119        try {
1120            const response = await fetch('/apps/shic-proxy/get-subscription-info', {
1121                method: 'POST',
1122                headers: {
1123                    'Content-Type': 'application/json',
1124                },
1125                body: JSON.stringify({
1126                    profile_id: customerId
1127                })
1128            });
1129
1130            if (!response.ok) {
1131                throw new Error(`HTTP error! status: ${response.status}`);
1132            }
1133
1134            const data = await response.json();
1135            updateDropdownUI(data);
1136            
1137            if (isHomePage() && !hasShownCreditAlert) {
1138                checkLowCredits(data.credits);
1139            }
1140        } catch (error) {
1141            console.error('Error fetching subscription info:', error);
1142            const errorMessage = document.getElementById('dropdown-error-message');
1143            if (errorMessage) {
1144                errorMessage.textContent = 'Error loading subscription info';
1145            }
1146        }
1147    }
1148
1149    function updateDropdownUI(data) {
1150        const creditsCount = document.getElementById('dropdown-credits-count');
1151        const creditsPlan = document.getElementById('dropdown-credits-plan');
1152        const creditsDisplay = document.querySelector('.credits-display');
1153        
1154        if (creditsCount && creditsPlan) {
1155            creditsCount.textContent = data.credits;
1156            creditsPlan.textContent = data.subscription_plan;
1157        }
1158
1159        if (creditsDisplay) {
1160            const tier = determineTier(data.subscription_plan);
1161            creditsDisplay.setAttribute('data-tier', tier);
1162        }
1163    }
1164
1165    function determineTier(subscription_plan) {
1166        subscription_plan = subscription_plan.toLowerCase();
1167        if (subscription_plan.includes('pro')) return 'pro';
1168        if (subscription_plan.includes('basic')) return 'basic';
1169        return 'free';
1170    }
1171
1172    function checkLowCredits(credits) {
1173        if (credits <= 0) {
1174            showCreditAlertModal(
1175                "You are out of credits!",
1176                "You are out of credits! Please upgrade your subscription or buy more tokens to renew."
1177            );
1178            hasShownCreditAlert = true;
1179        } else if (credits <= 15) {
1180            showCreditAlertModal(
1181                "You are almost out of credits!",
1182                "You're almost out of credits! Renew now to continue enjoying our premium services."
1183            );
1184            hasShownCreditAlert = true;
1185        }
1186    }
1187
1188    function showCreditAlertModal(title, message) {
1189        const modal = document.getElementById('creditAlertModal');
1190        const titleElement = document.getElementById('creditAlertTitle');
1191        const messageElement = document.getElementById('creditAlertMessage');
1192        
1193        if (titleElement) titleElement.textContent = title;
1194        if (messageElement) messageElement.textContent = message;
1195        if (modal) modal.style.display = 'flex';
1196    }
1197});
1198
1199function hideCreditAlertModal() {
1200    const modal = document.getElementById('creditAlertModal');
1201    if (modal) modal.style.display = 'none';
1202}
1203
1204function creditAlertRedirectToRenewal() {
1205    window.location.href = '/pages/subscriptions-pricing';
1206}
1207
1208function isHomePage() {
1209    return window.location.pathname === '/' || window.location.pathname === '/index.html';
1210}
1211
1212
1213document.getElementById('creditAlertModal').addEventListener('click', function(event) {
1214    if (event.target === this) {
1215        hideCreditAlertModal();
1216  }
1217});
1218
1219</script>
1219
1220
1221<style>
1222
1223
1224  .beta-badge {
1225  position: absolute;
1226  top: 8px;
1227  right: -15px;
1228  background: linear-gradient(45deg, #7A2338, #8A3448);
1229  color: white;
1230  font-size: 9px;
1231  padding: 2px 8px;
1232  border-radius: 2px;
1233  font-weight: 500;
1234  letter-spacing: 0.8px;
1235  text-transform: uppercase;
1236  box-shadow: 0 2px 4px rgba(122, 35, 56, 0.2);
1237  transform: rotate(30deg);
1238  transform-origin: center center;
1239  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1240  z-index: 1;
1241}
1242
1243.beta-badge::before {
1244  content: '';
1245  position: absolute;
1246  top: 0;
1247  left: -4px;
1248  width: calc(100% + 8px);
1249  height: 100%;
1250  background: inherit;
1251  z-index: -1;
1252  opacity: 0.5;
1253  filter: blur(4px);
1254  transition: opacity 0.3s ease;
1255}
1256
1257.header__logo-link {
1258  position: relative;
1259  z-index: 2;
1260}
1261
1262/* Hover effects only for larger screens (>1024px) */
1263@media (min-width: 1025px) {
1264  .beta-badge:hover {
1265    transform: rotate(0deg);
1266    box-shadow: 0 4px 8px rgba(122, 35, 56, 0.3);
1267  }
1268
1269  .beta-badge:hover::before {
1270    opacity: 0.7;
1271  }
1272
1273  .beta-badge:hover::after {
1274    content: "Thanks for trying our beta! If it's slow and buggy... well, that's what beta means, right? 😅 \A Your feedback makes us better!";
1275    position: absolute;
1276    top: calc(100% + 8px);
1277    right: -80px;
1278    background: rgba(33, 5, 30, 0.95);
1279    color: white;
1280    padding: 12px 16px;
1281    border-radius: 12px;
1282    font-size: 12px;
1283    line-height: 1.4;
1284    width: max-content;
1285    max-width: 240px; /* Reduced width */
1286    transform: rotate(0deg);
1287    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1288    animation: fadeIn 0.2s ease-out;
1289    white-space: pre-wrap;
1290    text-align: center;
1291    backdrop-filter: blur(4px);
1292  }
1293}
1294
1295@keyframes fadeIn {
1296  from {
1297    opacity: 0;
1298    transform: translateY(-4px);
1299  }
1300  to {
1301    opacity: 1;
1302    transform: translateY(0);
1303  }
1304}
1305
1306/* Tablet and mobile styles */
1307@media screen and (max-width: 1024px) {
1308  .beta-badge {
1309
1310    font-size: 8px;
1311    padding: 2px 6px;
1312    transform: rotate(30deg) !important;
1313    transition: none;
1314    pointer-events: none; /* Disables all interactions */
1315  }
1316  
1317  /* Explicitly prevent the tooltip from showing */
1318  .beta-badge:hover::after {
1319    display: none !important;
1320  }
1321}
1322  
1323.menu-items-section {
1324  border-top: 1px solid #eee;
1325  border-bottom: 1px solid #eee;
1326  padding: 2px 0;
1327}
1328
1329.menu-link {
1330  display: flex;
1331  align-items: center;
1332  text-decoration: none;
1333  color: #21051E;
1334  transition: background-color 0.2s;
1335}
1336
1337.menu-link:hover {
1338  background-color: #f5f5f5;
1339}
1340
1341.menu-icon {
1342  width: 16px;
1343  height: 16px;
1344  display: block; /* Add this */
1345  margin: auto; /* Add this */
1346}
1347
1348.account-content {
1349  display: flex;
1350  align-items: center;
1351  gap: 8px;
1352  padding: 3px 10px; /* Match padding across all items */
1353}
1354
1355.account-icon-wrapper {
1356  background-color: #f5f5f5;
1357  border-radius: 50%;
1358  width: 28px;
1359  height: 28px;
1360  display: flex;
1361  align-items: center;
1362  justify-content: center;
1363  flex-shrink: 0;
1364  padding: 6px;
1365}
1366
1367
1368
1369.credits-icon {
1370  background-color: transparent; /* Remove the gray background */
1371}
1372.account-text {
1373  font-size: 14px;
1374  font-weight: 500;
1375  color: #21051E;
1376  line-height: 1.4;
1377}
1378
1379  .credits-text {
1380    display: flex;
1381    align-items: center;
1382    gap: 8px;  /* Space between credits and plan */
1383}
1384
1385.header-account-dropdown {
1386    position: relative;
1387    margin-left: auto;
1388    z-index: 30;
1389  }
1390
1391  .profile-dropdown {
1392    position: relative;
1393  }
1394
1395.profile-trigger {
1396  cursor: pointer;
1397  padding: 0px; /* Reduced to make the trigger less tall */
1398  display: flex;
1399  align-items: center;
1400  background: none;
1401  border: none;
1402  outline: none;
1403}
1404
1405
1406.profile-trigger::-webkit-details-marker {
1407  display: none;
1408}
1409
1410  .account-icon {
1411    width: 24px;
1412    height: 24px;
1413    color: #21051E;
1414  }
1415
1416.dropdown-content {
1417  position: absolute;
1418  right: 0;
1419  top: 100%;
1420  width: 200px; /* Slightly reduced from 240px */
1421  background: #fff;
1422  border-radius: 8px;
1423  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
1424  padding: 0;
1425  margin-top: 8px;
1426  font-size: 14px;
1427  line-height: 1.4;
1428  border-radius: 8px;
1429  color: #21051E;
1430  display: flex;
1431  flex-direction: column;
1432  gap: 0;
1433}
1434
1435
1436 .dropdown-header,
1437.credits-section,
1438.dropdown-footer {
1439  padding: 0;
1440  margin: 0;
1441}
1442
1443
1444 .credits-section {
1445  border-top: 1px solid #eee;
1446  border-bottom: 1px solid #eee;
1447  margin: 0; /* Remove extra vertical spacing */
1448}
1449
1450
1451  .credits-display {
1452    all: unset;
1453    display: flex;
1454    align-items: center;
1455}
1456
1457  .credits-display:hover {
1458    background-color: #f5f5f5;
1459  }
1460
1461.sparkle-icon {
1462  width: 16px;
1463  height: 16px;
1464  fill: #7A2338;
1465  display: block;
1466  vertical-align: middle;
1467  /* Add this if needed for centering: margin: 0 auto; */
1468    animation: pulse 1.8s ease-in-out infinite;
1469
1470}
1471
1472@keyframes pulse {
1473  0%, 100% { transform: scale(1); }
1474  50% { transform: scale(0.8); }
1475}
1476
1477/* Keep existing hover effect */
1478.account-link:hover .account-content {
1479  background-color: transparent;
1480}
1481  
1482.credits-info {
1483  display: flex;
1484  align-items: center;
1485  gap: 2px; /* Reduced from 4px */
1486  font-weight: 500;
1487}
1488
1489
1490
1491.credits-label {
1492  color: #21051E;
1493  font-weight: 500; /* Match Profile's weight */
1494  font-size: 14px; /* Match Profile's size */
1495  margin-right: 2px;
1496}
1497
1498.credits-count {
1499  font-weight: 500;
1500  color: #21051E;
1501}
1502  .credits-plan {
1503  background-color: #EDEDED;
1504  color: #333;
1505      font-weight: 500; /* Match design weight */
1506  top: 0; /* Reset top position */
1507
1508  font-size: 10px;
1509  font-weight: 600;
1510  border-radius: 4px;
1511  padding: 2px 4px;
1512  margin-left: 0px; 
1513  line-height: 1; 
1514  display: inline-block;
1515  vertical-align: middle;
1516}
1517.credits-value-wrapper {
1518  position: relative;
1519  display: flex;
1520  align-items: center;
1521  line-height: 1;
1522}
1523  .credits-value {
1524    font-weight: 600;
1525    color: #21051E;
1526  }
1527
1528.credits-plan {
1529  color: #666;
1530  font-size: 10px;
1531  margin-left: 2px;
1532  position: relative;
1533  top: -3px;
1534}
1535#dropdown-credits-count {
1536  color: #21051E;
1537  font-weight: 600; /* Match Profile's weight */
1538  font-size: 14px; /* Match Profile's size */
1539  margin-right: 4px;
1540}
1541
1542
1543.account-link,
1544.logout-link {
1545  display: flex;
1546  align-items: center;
1547  text-decoration: none;
1548  color: #21051E;
1549  font-weight: 500;
1550    gap: 8px;
1551
1552  padding: 3px 10px; /* Reduced from 8px 12px */
1553  border-radius: 6px;
1554  transition: all 0.2s ease-in-out;
1555}
1556
1557
1558.account-link:hover,
1559.logout-link:hover {
1560  background-color: rgba(122, 35, 56, 0.05); /* Using site's primary color with opacity */
1561}
1562  /* Responsive Styles */
1563  @media screen and (max-width: 768px) {
1564    .dropdown-content {
1565    width: 220px; /* Slightly narrower for mobile */
1566    }
1567  }
1568
1569  @media screen and (max-width: 768px) {
1570    .notifications-wrapper {
1571      margin: 0 4px;
1572    }
1573    
1574    /* This ensures the notifications dropdown is properly positioned on mobile */
1575    .notifications-content {
1576      position: fixed;
1577      left: 0;
1578      right: 0;
1579      width: 100%;
1580      max-width: 100%;
1581      margin: 0;
1582      border-radius: 0;
1583      height: calc(100vh - 60px); /* Adjust based on your header height */
1584      top: 60px; /* Should match your header height */
1585    }
1586  }
1587/* Add the rest of your CSS for credit alert modal and responsive styles */
1588</style>
1589<div class="header__logo flex justify-center z-2" itemscope itemtype="http://schema.org/Organization"><a
1590      href="/"
1591      itemprop="url"
1592      class="header__logo-link has-white-logo flex items-center relative"
1593    >
1594      <span class="sr-only">Shic</span><img src="//shic.ai/cdn/shop/files/cropped_logo_1129cc6e-de30-4cc2-81ea-4984f28116b2.png?v=1734582498&amp;width=2999" alt="" srcset="//shic.ai/cdn/shop/files/cropped_logo_1129cc6e-de30-4cc2-81ea-4984f28116b2.png?v=1734582498&amp;width=180 180w, //shic.ai/cdn/shop/files/cropped_logo_1129cc6e-de30-4cc2-81ea-4984f28116b2.png?v=1734582498&amp;width=360 360w" width="2999" height="1098" loading="eager" sizes="180px" style="max-height: 65.90196732244081px;max-width: 180px;" itemprop="logo" is="lazy-image" class="logo hidden md:block"><img src="//shic.ai/cdn/shop/files/cropped_logo.png?v=1732872769&amp;width=2999" alt="" srcset="//shic.ai/cdn/shop/files/cropped_logo.png?v=1732872769&amp;width=150 150w, //shic.ai/cdn/shop/files/cropped_logo.png?v=1732872769&amp;width=300 300w" width="2999" height="1098" loading="eager" sizes="150px" style="max-height: 54.91830610203401px;max-width: 150px;" itemprop="logo" is="lazy-image" class="logo md:hidden"><img src="//shic.ai/cdn/shop/files/cropped_logo_whitr_d09427a8-1a87-47dd-bfdd-8a5bb262d774.png?v=1734582513&amp;width=2999" alt="" srcset="//shic.ai/cdn/shop/files/cropped_logo_whitr_d09427a8-1a87-47dd-bfdd-8a5bb262d774.png?v=1734582513&amp;width=180 180w, //shic.ai/cdn/shop/files/cropped_logo_whitr_d09427a8-1a87-47dd-bfdd-8a5bb262d774.png?v=1734582513&amp;width=360 360w" width="2999" height="1098" loading="eager" sizes="180px" style="max-height: 65.90196732244081px;max-width: 180px;" itemprop="logo" is="lazy-image" class="white-logo hidden md:block absolute"><img src="//shic.ai/cdn/shop/files/cropped_logo_whitr.png?v=1733059033&amp;width=2999" alt="" srcset="//shic.ai/cdn/shop/files/cropped_logo_whitr.png?v=1733059033&amp;width=150 150w, //shic.ai/cdn/shop/files/cropped_logo_whitr.png?v=1733059033&amp;width=300 300w" width="2999" height="1098" loading="eager" sizes="150px" style="max-height: 54.91830610203401px;max-width: 150px;" itemprop="logo" is="lazy-image" class="white-logo md:hidden absolute"><span class="beta-badge">BETA</span>
1595
1596    </a></div><div class="header__navigation hidden lg:flex lg:gap-5 lg:justify-start">
1597    <nav class="header__menu hidden lg:flex" role="navigation" aria-label="Primary"><ul class="flex flex-wrap list-menu with-block"><li>
1598        <details is="details-dropdown" trigger="hover" level="top">
1599          <summary data-link="/collections/all">
1600            <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0">
1601              <span class="btn-text" data-text>Collections</span><span class="btn-text btn-duplicate">Collections</span></magnet-element>
1602          </summary>
1603          <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none">
1604            <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1605  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1606    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1607    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1608  </svg>
1609</span>
1610<span class="dropdown__corner corner right top flex absolute pointer-events-none">
1611  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1612    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1613    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1614  </svg>
1615</span><ul class="dropdown__nav flex flex-col gap-1d5 xl:gap-2" role="list"><li class="opacity-0">
1616                      <p>
1617                        <a href="/collections/all" class="reversed-link text-sm-base">ALL</a>
1618                      </p>
1619                    </li><li class="opacity-0">
1620                      <p>
1621                        <a href="/collections/4th-of-july" class="reversed-link text-sm-base">4th of July 🇺🇸</a>
1622                      </p>
1623                    </li><li class="opacity-0">
1624                      <p>
1625                        <a href="/collections/valentines-day-collection" class="reversed-link text-sm-base">Valentine's Day 🩷</a>
1626                      </p>
1627                    </li><li class="opacity-0">
1628                      <p>
1629                        <a href="/collections/nexus" class="reversed-link text-sm-base">Nexus 🤖</a>
1630                      </p>
1631                    </li></ul>
1632            </div>
1633          </div>
1634        </details>
1635      </li><li>
1636        <details is="details-dropdown" trigger="hover" level="top">
1637          <summary data-link="/collections/clothing">
1638            <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0">
1639              <span class="btn-text" data-text>Clothing</span><span class="btn-text btn-duplicate">Clothing</span></magnet-element>
1640          </summary>
1641          <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none">
1642            <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1643  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1644    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1645    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1646  </svg>
1647</span>
1648<span class="dropdown__corner corner right top flex absolute pointer-events-none">
1649  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1650    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1651    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1652  </svg>
1653</span><ul class="dropdown__nav flex flex-col gap-1d5 xl:gap-2" role="list"><li class="opacity-0">
1654                      <p>
1655                        <a href="/collections/ai-jersey-design-t-shirt" class="reversed-link text-sm-base">T-Shirts</a>
1656                      </p>
1657                    </li><li class="opacity-0">
1658                      <p>
1659                        <a href="/collections/custom-hoodie-creator" class="reversed-link text-sm-base">Hoodies</a>
1660                      </p>
1661                    </li><li class="opacity-0">
1662                      <p>
1663                        <a href="/collections/best-custom-sweatshirts" class="reversed-link text-sm-base">Sweatshirts</a>
1664                      </p>
1665                    </li><li class="opacity-0">
1666                      <p>
1667                        <a href="/collections/tanktops" class="reversed-link text-sm-base">Tank Tops</a>
1668                      </p>
1669                    </li></ul>
1670            </div>
1671          </div>
1672        </details>
1673      </li><li>
1674        <details is="details-dropdown" trigger="hover" level="top">
1675          <summary data-link="/collections/create-your-own-wall-art-with-ai">
1676            <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0">
1677              <span class="btn-text" data-text>Wall Art </span><span class="btn-text btn-duplicate">Wall Art </span></magnet-element>
1678          </summary>
1679          <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none">
1680            <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1681  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1682    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1683    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1684  </svg>
1685</span>
1686<span class="dropdown__corner corner right top flex absolute pointer-events-none">
1687  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1688    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1689    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1690  </svg>
1691</span><ul class="dropdown__nav flex flex-col gap-1d5 xl:gap-2" role="list"><li class="opacity-0">
1692                      <p>
1693                        <a href="/collections/canvases" class="reversed-link text-sm-base">Canvases</a>
1694                      </p>
1695                    </li><li class="opacity-0">
1696                      <p>
1697                        <a href="/collections/custom-sports-posters" class="reversed-link text-sm-base">Posters</a>
1698                      </p>
1699                    </li><li class="opacity-0">
1700                      <p>
1701                        <a href="/collections/tapestries-ai-art-generator" class="reversed-link text-sm-base">Tapestries</a>
1702                      </p>
1703                    </li><li class="opacity-0">
1704                      <p>
1705                        <a href="/collections/art-signs" class="reversed-link text-sm-base">Metal Art Signs</a>
1706                      </p>
1707                    </li></ul>
1708            </div>
1709          </div>
1710        </details>
1711      </li><li>
1712        <details is="details-dropdown" trigger="hover" level="top">
1713          <summary data-link="/collections/accessories">
1714            <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0">
1715              <span class="btn-text" data-text>Accessories </span><span class="btn-text btn-duplicate">Accessories </span></magnet-element>
1716          </summary>
1717          <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none">
1718            <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1719  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1720    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1721    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1722  </svg>
1723</span>
1724<span class="dropdown__corner corner right top flex absolute pointer-events-none">
1725  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
1726    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
1727    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
1728  </svg>
1729</span><ul class="dropdown__nav flex flex-col gap-1d5 xl:gap-2" role="list"><li class="opacity-0">
1730                      <p>
1731                        <a href="/collections/ai-generated-mug-designs" class="reversed-link text-sm-base">Travel Mugs </a>
1732                      </p>
1733                    </li><li class="opacity-0">
1734                      <p>
1735                        <a href="/collections/notebooks-1" class="reversed-link text-sm-base">Notebooks</a>
1736                      </p>
1737                    </li><li class="opacity-0">
1738                      <p>
1739                        <a href="/collections/tumblers" class="reversed-link text-sm-base">Tumblers</a>
1740                      </p>
1741                    </li><li class="opacity-0">
1742                      <p>
1743                        <a href="/collections/tote-bags" class="reversed-link text-sm-base">Tote Bags </a>
1744                      </p>
1745                    </li></ul>
1746            </div>
1747          </div>
1748        </details>
1749      </li><li>
1750        <a href="/pages/creators" class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" is="magnet-link" data-magnet="0">
1751          <span class="btn-text" data-text>Creators</span><span class="btn-text btn-duplicate">Creators</span></a>
1752      </li><li>
1753        <a href="/pages/help" class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" is="magnet-link" data-magnet="0">
1754          <span class="btn-text" data-text>Help</span><span class="btn-text btn-duplicate">Help</span></a>
1755      </li><li>
1756        <a href="/pages/subscriptions-pricing" class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" is="magnet-link" data-magnet="0">
1757          <span class="btn-text" data-text>Sell</span><span class="btn-text btn-duplicate">Sell</span></a>
1758      </li></ul>
1759</nav>
1760  </div>
1761
1762    
1763<div class="header__icons header__icons--end flex justify-end z-2">
1764  <div class="header__buttons flex items-center gap-4"><a href="/search" class="search-drawer-button hidden md:flex items-center justify-center" is="magnet-link" aria-controls="SearchDrawer" aria-expanded="false" >
1765        <span class="sr-only">Search</span><svg class="icon icon-search icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
1766      <path stroke-linecap="round" d="m21 21-3.636-3.636m0 0A9 9 0 1 0 4.636 4.636a9 9 0 0 0 12.728 12.728Z"></path>
1767    </svg></a><div class="header-account-dropdown">
1768    
1769      <a href="/account/login" class="account-login-link flex items-center justify-center" is="magnet-link">
1770        <span class="sr-only">Translation missing: en.customer.login_page.title</span><svg class="icon icon-account icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
1771      <rect width="10.5" height="10.5" x="6.75" y="1.75" rx="5.25"></rect>
1772      <path stroke-linecap="round" d="M12 15.5c1.5 0 4 .333 4.5.5.5.167 3.7.8 4.5 2 1 1.5 1 2 1 4m-10-6.5c-1.5 0-4 .333-4.5.5-.5.167-3.7.8-4.5 2-1 1.5-1 2-1 4"></path>
1773    </svg></a>
1774    
1775  </div><a href="/cart" class="cart-drawer-button flex items-center justify-center relative" is="magnet-link" aria-controls="CartDrawer" aria-expanded="false" data-no-instant>
1776        <span class="sr-only">Cart</span><svg class="icon icon-cart icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
1777          <path stroke-linecap="round" stroke-linejoin="round" d="M1 1h.5v0c.226 0 .339 0 .44.007a3 3 0 0 1 2.62 1.976c.034.095.065.204.127.42l.17.597m0 0 1.817 6.358c.475 1.664.713 2.496 1.198 3.114a4 4 0 0 0 1.633 1.231c.727.297 1.592.297 3.322.297h2.285c1.75 0 2.626 0 3.359-.302a4 4 0 0 0 1.64-1.253c.484-.627.715-1.472 1.175-3.161l.06-.221c.563-2.061.844-3.092.605-3.906a3 3 0 0 0-1.308-1.713C19.92 4 18.853 4 16.716 4H4.857ZM12 20a2 2 0 1 1-4 0 2 2 
17770 0 1 4 0Zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"></path>
1778        </svg><cart-count class="count absolute top-0 right-0 text-xs" aria-label="0 items" hidden>0</cart-count>
1779      </a><button class="menu-drawer-button flex items-center justify-center" type="button" is="magnet-button" aria-controls="MenuDrawer" aria-expanded="false">
1780        <span class="sr-only">Site navigation</span><svg class="icon icon-hamburger icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
1781      <path stroke-linecap="round" d="M3 6H21M3 12H11M3 18H16"></path>
1782    </svg></button></div>
1783</div>
1784
1785
1786
1787
1788<script>
1789document.addEventListener('DOMContentLoaded', function() {
1790    // Global variables
1791    let hasShownCreditAlert = false;
1792    const customerIdElement = document.getElementById('customer-id');
1793    const customerId = customerIdElement ? customerIdElement.value : null;
1794    const profileDropdown = document.getElementById('profileDropdown');
1795    
1796    // Initialize dropdown listeners
1797    initializeDropdown();
1798    
1799    // Start subscription info updates if customer is logged in
1800    if (customerId) {
1801        fetchSubscriptionInfo(customerId);
1802        setInterval(() => fetchSubscriptionInfo(customerId), 900000); // 15 minutes
1803    }
1804
1805    // Function Definitions
1806    function initializeDropdown() {
1807        if (profileDropdown) {
1808            document.addEventListener('click', function(event) {
1809                if (!profileDropdown.contains(event.target)) {
1810                    profileDropdown.removeAttribute('open');
1811                }
1812            });
1813
1814            const creditsSection = profileDropdown.querySelector('.credits-section');
1815            if (creditsSection) {
1816                creditsSection.addEventListener('click', function() {
1817                    window.location.href = '/pages/subscriptions-pricing';
1818                });
1819            }
1820        }
1821    }
1822
1823    async function fetchSubscriptionInfo(customerId) {
1824        try {
1825            const response = await fetch('/apps/shic-proxy/get-subscription-info', {
1826                method: 'POST',
1827                headers: {
1828                    'Content-Type': 'application/json',
1829                },
1830                body: JSON.stringify({
1831                    profile_id: customerId
1832                })
1833            });
1834
1835            if (!response.ok) {
1836                throw new Error(`HTTP error! status: ${response.status}`);
1837            }
1838
1839            const data = await response.json();
1840            updateDropdownUI(data);
1841            
1842            if (isHomePage() && !hasShownCreditAlert) {
1843                checkLowCredits(data.credits);
1844            }
1845        } catch (error) {
1846            console.error('Error fetching subscription info:', error);
1847            const errorMessage = document.getElementById('dropdown-error-message');
1848            if (errorMessage) {
1849                errorMessage.textContent = 'Error loading subscription info';
1850            }
1851        }
1852    }
1853
1854    function updateDropdownUI(data) {
1855        const creditsCount = document.getElementById('dropdown-credits-count');
1856        const creditsPlan = document.getElementById('dropdown-credits-plan');
1857        const creditsDisplay = document.querySelector('.credits-display');
1858        
1859        if (creditsCount && creditsPlan) {
1860            creditsCount.textContent = data.credits;
1861            creditsPlan.textContent = data.subscription_plan;
1862        }
1863
1864        if (creditsDisplay) {
1865            const tier = determineTier(data.subscription_plan);
1866            creditsDisplay.setAttribute('data-tier', tier);
1867        }
1868    }
1869
1870    function determineTier(subscription_plan) {
1871        subscription_plan = subscription_plan.toLowerCase();
1872        if (subscription_plan.includes('pro')) return 'pro';
1873        if (subscription_plan.includes('basic')) return 'basic';
1874        return 'free';
1875    }
1876
1877    function checkLowCredits(credits) {
1878        if (credits <= 0) {
1879            showCreditAlertModal(
1880                "You are out of credits!",
1881                "You are out of credits! Please upgrade your subscription or buy more tokens to renew."
1882            );
1883            hasShownCreditAlert = true;
1884        } else if (credits <= 15) {
1885            showCreditAlertModal(
1886                "You are almost out of credits!",
1887                "You're almost out of credits! Renew now to continue enjoying our premium services."
1888            );
1889            hasShownCreditAlert = true;
1890        }
1891    }
1892
1893    function showCreditAlertModal(title, message) {
1894        const modal = document.getElementById('creditAlertModal');
1895        const titleElement = document.getElementById('creditAlertTitle');
1896        const messageElement = document.getElementById('creditAlertMessage');
1897        
1898        if (titleElement) titleElement.textContent = title;
1899        if (messageElement) messageElement.textContent = message;
1900        if (modal) modal.style.display = 'flex';
1901    }
1902});
1903
1904function hideCreditAlertModal() {
1905    const modal = document.getElementById('creditAlertModal');
1906    if (modal) modal.style.display = 'none';
1907}
1908
1909function creditAlertRedirectToRenewal() {
1910    window.location.href = '/pages/subscriptions-pricing';
1911}
1912
1913function isHomePage() {
1914    return window.location.pathname === '/' || window.location.pathname === '/index.html';
1915}
1916
1917
1918document.getElementById('creditAlertModal').addEventListener('click', function(event) {
1919    if (event.target === this) {
1920        hideCreditAlertModal();
1921  }
1922});
1923
1924</script>
1924
1925
1926<style>
1927
1928
1929  .beta-badge {
1930  position: absolute;
1931  top: 8px;
1932  right: -15px;
1933  background: linear-gradient(45deg, #7A2338, #8A3448);
1934  color: white;
1935  font-size: 9px;
1936  padding: 2px 8px;
1937  border-radius: 2px;
1938  font-weight: 500;
1939  letter-spacing: 0.8px;
1940  text-transform: uppercase;
1941  box-shadow: 0 2px 4px rgba(122, 35, 56, 0.2);
1942  transform: rotate(30deg);
1943  transform-origin: center center;
1944  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1945  z-index: 1;
1946}
1947
1948.beta-badge::before {
1949  content: '';
1950  position: absolute;
1951  top: 0;
1952  left: -4px;
1953  width: calc(100% + 8px);
1954  height: 100%;
1955  background: inherit;
1956  z-index: -1;
1957  opacity: 0.5;
1958  filter: blur(4px);
1959  transition: opacity 0.3s ease;
1960}
1961
1962.header__logo-link {
1963  position: relative;
1964  z-index: 2;
1965}
1966
1967/* Hover effects only for larger screens (>1024px) */
1968@media (min-width: 1025px) {
1969  .beta-badge:hover {
1970    transform: rotate(0deg);
1971    box-shadow: 0 4px 8px rgba(122, 35, 56, 0.3);
1972  }
1973
1974  .beta-badge:hover::before {
1975    opacity: 0.7;
1976  }
1977
1978  .beta-badge:hover::after {
1979    content: "Thanks for trying our beta! If it's slow and buggy... well, that's what beta means, right? 😅 \A Your feedback makes us better!";
1980    position: absolute;
1981    top: calc(100% + 8px);
1982    right: -80px;
1983    background: rgba(33, 5, 30, 0.95);
1984    color: white;
1985    padding: 12px 16px;
1986    border-radius: 12px;
1987    font-size: 12px;
1988    line-height: 1.4;
1989    width: max-content;
1990    max-width: 240px; /* Reduced width */
1991    transform: rotate(0deg);
1992    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1993    animation: fadeIn 0.2s ease-out;
1994    white-space: pre-wrap;
1995    text-align: center;
1996    backdrop-filter: blur(4px);
1997  }
1998}
1999
2000@keyframes fadeIn {
2001  from {
2002    opacity: 0;
2003    transform: translateY(-4px);
2004  }
2005  to {
2006    opacity: 1;
2007    transform: translateY(0);
2008  }
2009}
2010
2011/* Tablet and mobile styles */
2012@media screen and (max-width: 1024px) {
2013  .beta-badge {
2014
2015    font-size: 8px;
2016    padding: 2px 6px;
2017    transform: rotate(30deg) !important;
2018    transition: none;
2019    pointer-events: none; /* Disables all interactions */
2020  }
2021  
2022  /* Explicitly prevent the tooltip from showing */
2023  .beta-badge:hover::after {
2024    display: none !important;
2025  }
2026}
2027  
2028.menu-items-section {
2029  border-top: 1px solid #eee;
2030  border-bottom: 1px solid #eee;
2031  padding: 2px 0;
2032}
2033
2034.menu-link {
2035  display: flex;
2036  align-items: center;
2037  text-decoration: none;
2038  color: #21051E;
2039  transition: background-color 0.2s;
2040}
2041
2042.menu-link:hover {
2043  background-color: #f5f5f5;
2044}
2045
2046.menu-icon {
2047  width: 16px;
2048  height: 16px;
2049  display: block; /* Add this */
2050  margin: auto; /* Add this */
2051}
2052
2053.account-content {
2054  display: flex;
2055  align-items: center;
2056  gap: 8px;
2057  padding: 3px 10px; /* Match padding across all items */
2058}
2059
2060.account-icon-wrapper {
2061  background-color: #f5f5f5;
2062  border-radius: 50%;
2063  width: 28px;
2064  height: 28px;
2065  display: flex;
2066  align-items: center;
2067  justify-content: center;
2068  flex-shrink: 0;
2069  padding: 6px;
2070}
2071
2072
2073
2074.credits-icon {
2075  background-color: transparent; /* Remove the gray background */
2076}
2077.account-text {
2078  font-size: 14px;
2079  font-weight: 500;
2080  color: #21051E;
2081  line-height: 1.4;
2082}
2083
2084  .credits-text {
2085    display: flex;
2086    align-items: center;
2087    gap: 8px;  /* Space between credits and plan */
2088}
2089
2090.header-account-dropdown {
2091    position: relative;
2092    margin-left: auto;
2093    z-index: 30;
2094  }
2095
2096  .profile-dropdown {
2097    position: relative;
2098  }
2099
2100.profile-trigger {
2101  cursor: pointer;
2102  padding: 0px; /* Reduced to make the trigger less tall */
2103  display: flex;
2104  align-items: center;
2105  background: none;
2106  border: none;
2107  outline: none;
2108}
2109
2110
2111.profile-trigger::-webkit-details-marker {
2112  display: none;
2113}
2114
2115  .account-icon {
2116    width: 24px;
2117    height: 24px;
2118    color: #21051E;
2119  }
2120
2121.dropdown-content {
2122  position: absolute;
2123  right: 0;
2124  top: 100%;
2125  width: 200px; /* Slightly reduced from 240px */
2126  background: #fff;
2127  border-radius: 8px;
2128  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
2129  padding: 0;
2130  margin-top: 8px;
2131  font-size: 14px;
2132  line-height: 1.4;
2133  border-radius: 8px;
2134  color: #21051E;
2135  display: flex;
2136  flex-direction: column;
2137  gap: 0;
2138}
2139
2140
2141 .dropdown-header,
2142.credits-section,
2143.dropdown-footer {
2144  padding: 0;
2145  margin: 0;
2146}
2147
2148
2149 .credits-section {
2150  border-top: 1px solid #eee;
2151  border-bottom: 1px solid #eee;
2152  margin: 0; /* Remove extra vertical spacing */
2153}
2154
2155
2156  .credits-display {
2157    all: unset;
2158    display: flex;
2159    align-items: center;
2160}
2161
2162  .credits-display:hover {
2163    background-color: #f5f5f5;
2164  }
2165
2166.sparkle-icon {
2167  width: 16px;
2168  height: 16px;
2169  fill: #7A2338;
2170  display: block;
2171  vertical-align: middle;
2172  /* Add this if needed for centering: margin: 0 auto; */
2173    animation: pulse 1.8s ease-in-out infinite;
2174
2175}
2176
2177@keyframes pulse {
2178  0%, 100% { transform: scale(1); }
2179  50% { transform: scale(0.8); }
2180}
2181
2182/* Keep existing hover effect */
2183.account-link:hover .account-content {
2184  background-color: transparent;
2185}
2186  
2187.credits-info {
2188  display: flex;
2189  align-items: center;
2190  gap: 2px; /* Reduced from 4px */
2191  font-weight: 500;
2192}
2193
2194
2195
2196.credits-label {
2197  color: #21051E;
2198  font-weight: 500; /* Match Profile's weight */
2199  font-size: 14px; /* Match Profile's size */
2200  margin-right: 2px;
2201}
2202
2203.credits-count {
2204  font-weight: 500;
2205  color: #21051E;
2206}
2207  .credits-plan {
2208  background-color: #EDEDED;
2209  color: #333;
2210      font-weight: 500; /* Match design weight */
2211  top: 0; /* Reset top position */
2212
2213  font-size: 10px;
2214  font-weight: 600;
2215  border-radius: 4px;
2216  padding: 2px 4px;
2217  margin-left: 0px; 
2218  line-height: 1; 
2219  display: inline-block;
2220  vertical-align: middle;
2221}
2222.credits-value-wrapper {
2223  position: relative;
2224  display: flex;
2225  align-items: center;
2226  line-height: 1;
2227}
2228  .credits-value {
2229    font-weight: 600;
2230    color: #21051E;
2231  }
2232
2233.credits-plan {
2234  color: #666;
2235  font-size: 10px;
2236  margin-left: 2px;
2237  position: relative;
2238  top: -3px;
2239}
2240#dropdown-credits-count {
2241  color: #21051E;
2242  font-weight: 600; /* Match Profile's weight */
2243  font-size: 14px; /* Match Profile's size */
2244  margin-right: 4px;
2245}
2246
2247
2248.account-link,
2249.logout-link {
2250  display: flex;
2251  align-items: center;
2252  text-decoration: none;
2253  color: #21051E;
2254  font-weight: 500;
2255    gap: 8px;
2256
2257  padding: 3px 10px; /* Reduced from 8px 12px */
2258  border-radius: 6px;
2259  transition: all 0.2s ease-in-out;
2260}
2261
2262
2263.account-link:hover,
2264.logout-link:hover {
2265  background-color: rgba(122, 35, 56, 0.05); /* Using site's primary color with opacity */
2266}
2267  /* Responsive Styles */
2268  @media screen and (max-width: 768px) {
2269    .dropdown-content {
2270    width: 220px; /* Slightly narrower for mobile */
2271    }
2272  }
2273
2274  @media screen and (max-width: 768px) {
2275    .notifications-wrapper {
2276      margin: 0 4px;
2277    }
2278    
2279    /* This ensures the notifications dropdown is properly positioned on mobile */
2280    .notifications-content {
2281      position: fixed;
2282      left: 0;
2283      right: 0;
2284      width: 100%;
2285      max-width: 100%;
2286      margin: 0;
2287      border-radius: 0;
2288      height: calc(100vh - 60px); /* Adjust based on your header height */
2289      top: 60px; /* Should match your header height */
2290    }
2291  }
2292/* Add the rest of your CSS for credit alert modal and responsive styles */
2293</style>
2294<span class="header__corner corner left bottom flex absolute pointer-events-none">
2295  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2296    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
2297    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
2298  </svg>
2299</span>
2300<span class="header__corner corner right bottom flex absolute pointer-events-none">
2301  <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2302    <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path>
2303    <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path>
2304  </svg>
2305</span><span class="header__cutout cutout opacity-0 absolute left-0 top-100 w-full pointer-events-none"></span><div id="authModal" class="auth-modal">
2306    <div class="auth-modal-content">
2307        <span id="authModalClose" class="auth-modal-close">&times;</span>
2308        <div id="authModalLoginContent">
2309            <!-- Login form content will be loaded here -->
2310        </div>
2311    </div>
2312    </div>
2313</header><span class="overlay opacity-0 z-1 fixed left-0 w-full pointer-events-none"></span>
2313<script>
2314  if (Shopify.designMode) {
2315    document.documentElement.style.setProperty('--header-height', Math.round(document.getElementById('shopify-section-sections--23792018161964__header').clientHeight) + 'px');
2316  }
2317</script>
2317
2318
2319
2320
2321
2322
2323<script>
2324
2325  let hasShownCreditAlert = false;
2326
2327  document.addEventListener('DOMContentLoaded', function() {
2328      const authModal = document.getElementById('authModal');
2329      const authModalContent = document.getElementById('authModalLoginContent');
2330      const authModalClose = document.getElementById('authModalClose');
2331      const customerIdElement = document.getElementById('customer-id');
2332      const customerId = customerIdElement ? customerIdElement.value : null;
2333
2334      // Function to open the modal and load login content
2335      window.openAuthModal = function() {
2336          // Your existing openAuthModal function code
2337          console.log('openAuthModal called'); 
2338          event.stopPropagation(); // Prevent the event from bubbling up
2339
2340
2341          fetch('/account/login')
2342              .then(response => response.text())
2343              .then(html => {
2344                // Parse the fetched HTML
2345                const parser = new DOMParser();
2346                const doc = parser.parseFromString(html, 'text/html');
2347
2348                // Select and remove elements with both 'shopify-section-group-header-group' and 'header-section' classes
2349                doc.querySelectorAll('.shopify-section-group-header-group.header-section').forEach(el => el.remove());
2350
2351                // Select and remove elements with 'shopify-section-group-footer-group' class
2352                doc.querySelectorAll('.shopify-section-group-footer-group').forEach(el => el.remove());
2353                
2354                // Select and remove elements with botath "
2355
2356                // Serialize the modified HTML back to a string
2357                const modifiedHtml = doc.body.innerHTML;
2358
2359                // Inject the modified HTML into the auth modal
2360                authModalContent.innerHTML = modifiedHtml;
2361                authModal.style.display = 'block';
2362                document.body.style.overflow = 'hidden'; 
2363                console.log('Modal content loaded and displayed.'); // Debugging
2364              })
2365              .catch(error => {
2366                  console.error('Error loading login content:', error);
2367                  authModalContent.innerHTML = '<p>Unable to load login form. Please try again later.</p>';
2368                  authModal.style.display = 'block';
2369              });
2370      }
2371
2372      // Close the modal when the user clicks the close button
2373    authModalClose.onclick = function() {
2374        authModal.style.display = 'none';
2375        document.body.style.overflow = 'auto';
2376    }
2377
2378      // Close the modal when the user clicks outside of the modal content
2379      window.onclick = function(event) {
2380          if (event.target === authModal) {
2381              authModal.style.display = 'none';
2382                document.body.style.overflow = 'auto';
2383          }
2384      }
2385
2386      // Event listener for the login button
2387      document.querySelectorAll('.open-auth-modal').forEach(button => {
2388          button.addEventListener('click', openAuthModal);
2389          console.log('Added click event listener to login button.'); // Debugging
2390      });
2391  });
2392
2393  async function fetchSubscriptionInfo(customerId) {
2394      try {
2395          console.log("Customer Id:", customerId);
2396          const response = await fetch('/apps/shic-proxy/get-subscription-info', {
2397              method: 'POST',
2398              headers: {
2399                  'Content-Type': 'application/json',
2400              },
2401              body: JSON.stringify({
2402                  profile_id: customerId
2403              })
2404          });
2405
2406          if (!response.ok) {
2407              throw new Error(`HTTP error! status: ${response.status}`);
2408          }
2409
2410          const data = await response.json();
2411          updateUI(data);
2412          // document.getElementById('sub-info-error-message').textContent = '';
2413          if (isHomePage() && !hasShownCreditAlert) {
2414              checkLowCredits(data.credits);
2415          }
2416      } catch (error) {
2417          console.error('Error fetching subscription info:', error);
2418          // document.getElementById('sub-info-error-message').textContent = 'Error loading subscription info. Please try again later.';
2419      }
2420  }
2421
2422  function updateUI(data) {
2423    // Determine tier based on subscription plan
2424    function determineTier(subscription_plan) {
2425        subscription_plan = subscription_plan.toLowerCase();
2426        if (subscription_plan.includes('pro')) return 'pro';
2427        if (subscription_plan.includes('basic')) return 'basic';
2428        return 'free';
2429    }
2430
2431    // Get current tier
2432    const tier = determineTier(data.subscription_plan);
2433    // const creditsPill = document.querySelector('.credits-pill');
2434    
2435    // Update credit pill attributes and content
2436    // creditsPill.setAttribute('data-tier', tier);
2437    // console.log("Current data %s", document.getElementById('sub-info-credits').innerHTML);
2438    // document.getElementById('sub-info-credit-number').textContent = data.credits;
2439    // document.getElementById('sub-info-plan').textContent = data.subscription_plan;
2440
2441    // Store member-since date in a data attribute (can be used for tooltips or expanded view)
2442    // creditsPill.setAttribute('data-member-since', formatDate(data.start_date));
2443}
2444
2445  function formatDate(dateString) {
2446      const options = { year: 'numeric', month: 'short', day: 'numeric' };
2447      return new Date(dateString).toLocaleDateString(undefined, options);
2448  }
2449
2450      function checkLowCredits(credits) {
2451          if (credits <= 0) {
2452              showCreditAlertModal(
2453                  "You are out of credits!",
2454                  "You are out of credits! Please upgrade your subscription or buy more tokens to renew."
2455              );
2456              hasShownCreditAlert = true;
2457          } else if (credits <= 15) {
2458              showCreditAlertModal(
2459                  "You are almost out of credits!",
2460                  "You're almost out of credits! Renew now to continue enjoying our premium services."
2461              );
2462              hasShownCreditAlert = true;
2463          }
2464      }
2465
2466      function showCreditAlertModal(title, message) {
2467          document.getElementById('creditAlertTitle').textContent = title;
2468          document.getElementById('creditAlertMessage').textContent = message;
2469          
2470          // Check if the image exists and display it if it does
2471          const img = document.getElementById('creditAlertProfileImage');
2472          img.onerror = function() {
2473              this.style.display = 'none';
2474          };
2475          img.onload = function() {
2476              this.style.display = 'block';
2477          };
2478          img.src = "//shic.ai/cdn/shop/files/?v=19841"; // Set or reset the src to trigger onload/onerror
2479
2480          document.getElementById('creditAlertModal').style.display = 'flex';
2481      }
2482
2483      function hideCreditAlertModal() {
2484          document.getElementById('creditAlertModal').style.display = 'none';
2485      }
2486
2487      function creditAlertRedirectToRenewal() {
2488          // Replace this URL with your actual renewal page URL
2489          window.location.href = 'https://shic.ai/pages/subscriptions-pricing';
2490      }
2491      
2492      
2493      function isHomePage() {
2494          // Check if the current path is the home page
2495          return window.location.pathname === '/' || window.location.pathname === '/index.html';
2496      }
2497      
2498      // Close the modal when clicking outside of it
2499      // document.getElementById('creditAlertModal').addEventListener('click', function(event) {
2500      //    if (event.target === this) {
2501      //        hideCreditAlertModal();
2502      //    }
2503      // });
2504</script>
2504
2505
2506<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2506
2506
2507<script src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.mjs" type="module"></script>
2507
2508<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css">
2509<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
2510
2511<style>
2512  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Orbitron:wght@400;700&display=swap');
2513
2514  /* Modal Styles */
2515  .auth-modal {
2516    display: none !important;
2517    position: fixed !important;
2518    z-index: 100000 !important; /* Ensure it's above the loading bar */
2519    left: 0 !important;
2520    top: 0 !important;
2521    width: 100% !important;
2522    height: 100% !important;
2523    overflow: auto !important;
2524    background-color: rgba(0, 0, 0, 0.5) !important;
2525    align-items: center !important;
2526    justify-content: center !important;
2527    color: white !important;
2528}
2529
2530/* When displayed, ensure flex is applied */
2531.auth-modal[style*="display: block"] {
2532    display: flex !important;
2533  }
2534
2535  .auth-modal-content {
2536    background-color: #FFF1F2 !important; /* Corrected */
2537    padding: 40px 20px 20px !important;
2538    border: 1px solid transparent !important;
2539    width: 80% !important;
2540    max-width: 600px !important;
2541    position: relative !important;
2542    border-radius: 8px !important;
2543  }
2544
2545  .auth-modal-close {
2546    position: absolute !important;
2547    top: 10px !important;
2548    right: 15px !important;
2549    color: #171717 !important;
2550    font-size: 28px !important;
2551    font-weight: bold !important;
2552    cursor: pointer !important;
2553    z-index: 1000001 !important;
2554  }
2555
2556  .auth-modal-close:hover,
2557  .auth-modal-close:focus {
2558    color: black !important;
2559    text-decoration: none !important;
2560    cursor: pointer !important;
2561  }
2562
2563  @media screen and (max-width: 600px) {
2564           
2565        .auth-modal-content {
2566            width: 95%;
2567            padding: 30px 20px;
2568            margin: 20px;
2569        }
2570    }
2571
2572  .loading-bar {
2573    opacity: 0 !important;
2574}
2575
2576
2577.loading-bar.hidden {
2578    background-color: rgba(205, 201, 201, 0.5) !important;
2579    opacity: 0 !important;
2580    pointer-events: none !important;
2581}
2582
2583
2584
2585  /* Other Styles */
2586  .sub-info-wrapper {
2587    position: absolute !important;
2588    right: 180px !important;
2589    top: 506px !important; /* Added 'px' */
2590    transform: translateY(-50%) !important; /* Separated into its own line */
2591    height: auto !important;
2592    padding: 0 !important;
2593    margin: 0 !important;
2594    max-width: max-content !important;
2595    z-index: 30 !important;
2596    display: flex !important;
2597    align-items: center !important;
2598}
2599
2600/* Mobile adjustments */
2601@media screen and (max-width: 1400px) {
2602    .sub-info-wrapper {
2603        position: relative !important;
2604        right: auto !important;
2605        top: auto !important;
2606        transform: none !important;
2607        margin: 10px 15px 15px auto !important; /* Adjusted margins: top right bottom left */
2608        justify-content: flex-end !important;
2609        width: auto !important;
2610        padding-right: 15px !important; /* Added padding to prevent border cropping */
2611    }
2612    
2613    .credits-pill {
2614        height: 28px !important;
2615        font-size: 12px !important;
2616    }
2617    
2618    .credits-number {
2619        padding: 4px 8px !important;
2620    }
2621    
2622    .tier-label {
2623        padding: 0 6px !important;
2624        font-size: 10px !important;
2625    }
2626}
2627
2628/* Extra small screens */
2629@media screen and (max-width: 480px) {
2630    .sub-info-wrapper {
2631        margin: 8px 10px 12px auto !important;
2632        padding-right: 10px !important;
2633    }
2634    
2635    .credits-pill {
2636        transform: scale(0.9) !important;
2637    }
2638}
2639
2640  .sub-info-container {
2641      font-family: 'Roboto', sans-serif;
2642      color: #fff;
2643      display: inline-block;
2644  }
2645  .sub-info-card {
2646      display: flex;
2647      align-items: center;
2648      gap: 10px;
2649      background: linear-gradient(145deg, #2a2a2a, #1a1a1a);
2650      border-radius: 25px;
2651      padding: 5px 10px;
2652      box-shadow: 3px 3px 10px rgba(0,0,0,0.3), 
2653                  -3px -3px 10px rgba(255,255,255,0.1);
2654      transform: perspective(1000px) rotateX(5deg);
2655      transition: all 0.3s ease;
2656  }
2657  .sub-info-card:hover {
2658      transform: perspective(1000px) rotateX(0deg) scale(1.02);
2659      box-shadow: 5px 5px 15px rgba(0,0,0,0.4), 
2660                  -5px -5px 15px rgba(255,255,255,0.15);
2661  }
2662  .sub-info-credits-container, .sub-info-plan-container, .sub-info-member-since-container {
2663      display: flex;
2664      align-items: center;
2665      background: rgba(255, 255, 255, 0.1);
2666      border-radius: 15px;
2667      padding: 3px 8px;
2668      box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 
2669                  inset -1px -1px 2px rgba(255,255,255,0.1);
2670  }
2671  .sub-info-icon {
2672      width: 20px;
2673      height: 20px;
2674      margin-right: 5px;
2675      filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
2676  }
2677  .sub-info-credits {
2678      font-family: 'Orbitron', sans-serif;
2679      font-size: 16px;
2680      color: #ffd300;
2681      font-weight: bold;
2682      text-shadow: 0 0 5px rgba(255, 211, 0, 0.5);
2683      letter-spacing: 1px;
2684  }
2685  .sub-info-plan {
2686      font-family: 'Orbitron', sans-serif;
2687      font-size: 12px;
2688      color: #00FFFF;
2689      font-weight: 400;
2690      text-transform: uppercase;
2691      text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
2692      letter-spacing: 1px;
2693  }
2694  .sub-info-member-since-container {
2695      display: flex;
2696      flex-direction: column;
2697      align-items: flex-start;
2698      padding: 2px 6px;
2699  }
2700  .sub-info-member-label {
2701      font-size: 8px;
2702      color: #888;
2703      text-transform: uppercase;
2704  }
2705  .sub-info-member-since {
2706      font-family: 'Roboto', sans-serif;
2707      font-size: 10px;
2708      color: #FF69B4;
2709      font-weight: 400;
2710      text-shadow: 0 0 3px rgba(255, 105, 180, 0.5);
2711  }
2712  .sub-info-error-message {
2713      font-family: 'Roboto', sans-serif;
2714      color: #FF4500;
2715      font-size: 11px;
2716      margin-top: 3px;
2717      text-align: right;
2718      text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
2719  }
2720
2721      /* Credit Alert Modal Styles */
2722
2723          .credits-theme {
2724            --credits-transition: 0.25s;
2725            --credits-spark: 1.8s;
2726            --credits-border-color: #7A2338;
2727            --credits-border-width: 2px;
2728        }
2729
2730        @property --credits-rotation-angle {
2731            syntax: '<angle>';
2732            initial-value: 0deg;
2733            inherits: false;
2734        }
2735
2736.credit-alert-overlay {
2737    display: none;
2738    position: fixed;
2739    top: 0;
2740    left: 0;
2741    width: 100%;
2742    height: 100%;
2743    background-color: rgba(0, 0, 0, 0.5);
2744    justify-content: center;
2745    align-items: flex-start;
2746    z-index: 10000;
2747    padding-top: 100px;
2748}
2749
2750.credit-alert-modal {
2751    background: #FFF1F2;
2752    padding: 30px;
2753    border-radius: 20px;
2754    text-align: center;
2755    max-width: 80%;
2756    width: 400px;
2757    box-shadow: 0 0 20px rgba(122, 35, 56, 0.15);
2758    color: #7A2338;
2759    position: relative;
2760    overflow: hidden;
2761}
2762
2763.credit-alert-modal::before {
2764    content: '';
2765    position: absolute;
2766    top: -10px; left: -10px; right: -10px; bottom: -10px;
2767    background: inherit;
2768    filter: blur(20px);
2769    z-index: -1;
2770    opacity: 0.7;
2771}
2772
2773.credit-alert-title {
2774    font-size: 36px;
2775    margin-bottom: 15px;
2776    color: #7A2338;
2777    font-weight: bold;
2778}
2779
2780.credit-alert-profile {
2781    display: none;
2782    width: 80px;
2783    height: 80px;
2784    border-radius: 50%;
2785    margin: 20px auto;
2786    border: 3px solid #7A2338;
2787    box-shadow: 0 0 15px rgba(122, 35, 56, 0.2);
2788}
2789
2790.credit-alert-message {
2791    font-size: 18px;
2792    margin-bottom: 20px;
2793    color: #7A2338;
2794}
2795
2796.credit-alert-button {
2797    padding: 12px 25px;
2798    font-size: 16px;
2799    font-weight: 600;
2800    color: #FFFFFF;
2801    background: #7A2338;
2802    border: none;
2803    border-radius: 30px;
2804    cursor: pointer;
2805    outline: none;
2806    transition: all 0.3s ease;
2807    box-shadow: 0 0 15px rgba(122, 35, 56, 0.1);
2808    text-align: center;
2809}
2810
2811.credit-alert-button:hover {
2812    transform: scale(1.05);
2813    box-shadow: 0 0 25px rgba(122, 35, 56, 0.2);
2814}
2815
2816@media screen and (max-width: 600px) {
2817    .credit-alert-overlay {
2818        padding-top: 80px;
2819    }
2820    .credit-alert-modal {
2821        width: 90%;
2822        padding: 20px;
2823        margin-bottom: 60px;
2824    }
2825    .credit-alert-title {
2826        font-size: 24px;
2827    }
2828    .credit-alert-message {
2829        font-size: 14px;
2830    }
2831    .credit-alert-button {
2832        width: 100%;
2833        padding: 10px;
2834    }
2835    .sub-info-wrapper {
2836        margin-right: 10px;
2837        padding: 0 5px;
2838    }
2839    
2840    .credits-pill {
2841        height: 28px;
2842    }
2843    
2844    .credits-number {
2845        padding: 4px 8px;
2846        font-size: 12px;
2847    }
2848    
2849    .tier-label {
2850        font-size: 10px;
2851        padding: 0 6px;
2852    }
2853}
2854
2855
2856.credits-pill {
2857            position: relative;
2858            display: inline-flex;
2859            align-items: center;
2860            height: 32px;
2861            background: #F5F3EE;
2862            border-radius: 18px;
2863            padding: 3px;
2864            border: var(--credits-border-width) solid transparent;
2865            cursor: pointer;
2866            overflow: hidden;
2867            transition: all var(--credits-transition);
2868            background-clip: padding-box, border-box;
2869            background-origin: border-box;
2870            background-repeat: no-repeat;
2871            z-index: 2; /* Add z-index to ensure pill stays above border */
2872            min-width: fit-content;
2873        }
2874
2875        .credits-pill::before {
2876            content: '';
2877            position: absolute;
2878            inset: 0;
2879            padding: var(--credits-border-width);
2880            border-radius: inherit;
2881            background: conic-gradient(
2882                    from var(--credits-rotation-angle),
2883                    var(--credits-border-color) 0deg,
2884                    transparent 120deg,
2885                    var(--credits-border-color) 240deg,
2886                    transparent 360deg
2887                );
2888            -webkit-mask: 
2889                linear-gradient(#fff 0 0) content-box, 
2890                linear-gradient(#fff 0 0);
2891            -webkit-mask-composite: xor;
2892            mask-composite: exclude;
2893            pointer-events: none;
2894            z-index: 1;
2895            opacity: 0;
2896            transition: opacity var(--credits-transition);
2897        }
2898
2899        /* Trigger animation on hover */
2900        .credits-pill:hover::before {
2901            opacity: 1;
2902            animation: credits-rotate-border 2s linear infinite;
2903        }
2904
2905        /* Keyframes for rotating the border */
2906        @keyframes credits-rotate-border {
2907            from {
2908                --credits-rotation-angle: 0deg;
2909            }
2910            to {
2911                --credits-rotation-angle: 360deg;
2912            }
2913        }
2914
2915/* Update z-index for content */
2916.credits-content {
2917    position: relative;
2918    z-index: 3; /* Ensure content stays above the border */
2919}
2920
2921/* Ensure theme variables are properly set */
2922
2923
2924
2925        .credits-content {
2926            display: flex;
2927            align-items: center;
2928            padding: 0 4px;
2929            height: 100%;
2930            box-sizing: border-box;
2931            gap: 4px;
2932            position: relative;
2933            z-index: 2;
2934        }
2935
2936        .credits-number {
2937            padding: 6px 12px;
2938            border-radius: 14px;
2939            font-weight: 600;
2940            font-size: 14px;
2941            display: flex;
2942            align-items: center;
2943            gap: 8px;
2944            height: 100%;
2945            box-sizing: border-box;
2946            letter-spacing: 0.02em;
2947            color: #FFFFFF;
2948            position: relative;
2949        }
2950
2951        .tier-label {
2952            color: #21051E;
2953            font-size: 12px;
2954            font-weight: 600;
2955            text-transform: uppercase;
2956            letter-spacing: 0.06em;
2957            padding: 0 10px;
2958            opacity: 0.9;
2959        }
2960
2961        /* Tier-specific styles */
2962        .credits-pill[data-tier="free"] {
2963            background: linear-gradient(120deg, rgba(128, 128, 128, 0.08), #F5F3EE);
2964            --credits-border-color: #666666;
2965        }
2966        .credits-pill[data-tier="free"] .credits-number {
2967            background: #666666;
2968        }
2969        .credits-pill[data-tier="free"] .sparkle-icon {
2970            fill: #FFFFFF;
2971        }
2972        .credits-pill[data-tier="free"] {
2973            --border-color: #666666;
2974        }
2975
2976        .credits-pill[data-tier="basic"] {
2977            background: linear-gradient(120deg, rgba(122, 35, 56, 0.08), #F5F3EE);
2978            --credits-border-color: #7A2338;
2979        }
2980        .credits-pill[data-tier="basic"] .credits-number {
2981            background: linear-gradient(to right, #7A2338, #8A3448);
2982        }
2983        .credits-pill[data-tier="basic"] .sparkle-icon {
2984            fill: #FFFFFF;
2985        }
2986        .credits-pill[data-tier="basic"] {
2987            --border-color: #7A2338;
2988        }
2989
2990        .credits-pill[data-tier="pro"] {
2991            background: linear-gradient(120deg, rgba(236, 156, 199, 0.15), #F5F3EE);
2992            --credits-border-color: #21051E;
2993        }
2994        .credits-pill[data-tier="pro"] .credits-number {
2995            background: linear-gradient(to right, #7A2338, #21051E);
2996        }
2997        .credits-pill[data-tier="pro"] .sparkle-icon {
2998            fill: #FFFFFF;
2999        }
3000        .credits-pill[data-tier="pro"] {
3001            --border-color: #21051E;
3002        }
3003
3004        .sparkle-icon {
3005            width: 20px;
3006            height: 20px;
3007        }
3008
3009        .sparkle-icon path {
3010            transform-origin: center;
3011            animation: sparkle-path var(--credits-spark) infinite;
3012        }
3013
3014        .sparkle-icon path:nth-of-type(1) {
3015            animation-delay: 0s;
3016        }
3017
3018        .sparkle-icon path:nth-of-type(2) {
3019            animation-delay: 0.2s;
3020        }
3021
3022        .sparkle-icon path:nth-of-type(3) {
3023            animation-delay: 0.4s;
3024        }
3025
3026        @keyframes sparkle-path {
3027            0%, 100% { transform: scale(1); }
3028            50% { transform: scale(0.7); }
3029        }
3030
3031        .spark {
3032            position: absolute;
3033            inset: 0;
3034            border-radius: 100px;
3035            rotate: 0deg;
3036            overflow: hidden;
3037            mask: linear-gradient(white, transparent 50%);
3038            animation: flip calc(var(--credits-spark) * 2) infinite steps(2, end);
3039        }
3040
3041        @keyframes flip {
3042            to {
3043                rotate: 360deg;
3044            }
3045        }
3046
3047        .spark:before {
3048            content: "";
3049            position: absolute;
3050            width: 200%;
3051            aspect-ratio: 1;
3052            top: 0%;
3053            left: 50%;
3054            z-index: -1;
3055            transform: translate(-50%, -15%) rotate(-90deg);
3056            opacity: 0;
3057            background: conic-gradient(
3058                from 0deg,
3059                transparent 0 340deg,
3060                rgba(255, 255, 255, 0.3) 360deg
3061            );
3062            transition: opacity var(--credits-transition);
3063            animation: rotate var(--credits-spark) linear infinite both;
3064        }
3065
3066        .credits-pill:hover .spark:before {
3067            opacity: 1;
3068        }
3069
3070        @keyframes rotate {
3071            to {
3072                transform: translate(-50%, -15%) rotate(90deg);
3073            }
3074        }
3075
3076</style>
3077</div><div id="shopify-section-sections--23792018161964__custom_liquid_p6BzLj" class="shopify-section shopify-section-group-header-group"><style>
3078  #shopify-section-sections--23792018161964__custom_liquid_p6BzLj {
3079    --section-padding-top: 0px;
3080    --section-padding-bottom: 0px;}
3081</style>
3082
3083<div class="section section--padding">
3084  <div class="page-width relative">
3085    
3086  </div>
3087</div>
3088
3089
3090</div>
3091<!-- END sections: header-group --><!-- BEGIN sections: overlay-group -->
3092<div id="shopify-section-sections--23792018096428__cart-drawer" class="shopify-section shopify-section-group-overlay-group">
3092<script src="//shic.ai/cdn/shop/t/45/assets/cart.js?v=144875933649825162081733043661" defer></script>
3092<cart-drawer id="CartDrawer" class="cart-drawer drawer drawer--end z-30 fixed bottom-0 left-0 h-full w-full pointer-events-none"
3093    role="dialog"
3094    aria-modal="true"
3095    aria-label="Cart"
3096    data-section-id="sections--23792018096428__cart-drawer"
3097    shopify-design-mode
3098    hidden
3099  >
3100    <overlay-element class="overlay fixed-modal invisible opacity-0 fixed bottom-0 left-0 w-full h-screen pointer-events-none" aria-controls="CartDrawer" aria-expanded="false"></overlay-element>
3101    <div class="drawer__inner z-10 absolute top-0 flex flex-col w-full h-full overflow-hidden">
3102      <gesture-element class="drawer__header flex justify-between opacity-0 invisible relative">
3103        <ul class="drawer__tabs flex gap-10" is="tab-list">
3104          <li>
3105            <button class="drawer__tab relative" type="button" aria-controls="MiniCart-sections--23792018096428__cart-drawer" aria-expanded="true">
3106              <span class="drawer__title heading lg:text-3xl text-2xl leading-none tracking-tight">Cart</span>
3107              <cart-count class="count absolute font-medium text-xs lg:text-sm leading-none" aria-label="0 items" hidden>0</cart-count>
3108            </button>
3109          </li><li>
3110              <button class="drawer__tab" type="button" aria-controls="RecentlyViewed-sections--23792018096428__cart-drawer" aria-expanded="false">
3111                <span class="drawer__title heading lg:text-3xl text-2xl leading-none tracking-tight">Recently viewed</span>
3112              </button>
3113            </li></ul>
3114        <button class="button button--secondary button--close drawer__close hidden sm:flex items-center justify-center" type="button" is="hover-button" aria-controls="CartDrawer" aria-expanded="false" aria-label="Close">
3115          <span class="btn-fill" data-fill></span>
3116          <span class="btn-text"><svg class="icon icon-close icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3117      <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path>
3118    </svg></span>
3119        </button>
3120      </gesture-element>
3121
3122      <div class="drawer__content opacity-0 invisible flex flex-col h-full grow shrink">
3123        <details id="MiniCart-sections--23792018096428__cart-drawer" class="drawer__panel opacity-0 flex overflow-hidden" open>
3124          <summary class="sr-only" tabindex="-1">Cart</summary>
3125          <div class="flex flex-col h-full"><div class="drawer__scrollable relative flex justify-center items-start grow shrink text-center">
3126                <div class="drawer__empty grid gap-5 md:gap-8">
3127                  <h2 class="drawer__empty-text heading leading-none tracking-tight">Your cart is currently empty.</h2>
3128                  <div class="drawer__empty-message text-sm md:text-base leading-tight rte"><p>Not sure where to start?<br/>Try these collections:</p></div>
3129                  <ul class="drawer__empty-collections grid gap-3"><li>
3130                        <a class="flex items-center justify-between" href="/collections/all">
3131                          <span class="flex items-center">Continue shopping</span><svg class="icon icon-arrow-right icon-sm transform" viewBox="0 0 21 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3132      <path stroke-linecap="round" stroke-linejoin="round" d="M3 10H18M18 10L12.1667 4.16675M18 10L12.1667 15.8334"></path>
3133    </svg></a>
3134                      </li></ul>
3135                </div>
3136              </div><div class="drawer__scrollable relative flex flex-col gap-9 grow shrink hidden"><div class="free-shipping-bar grid gap-3 w-full"><span class="text-sm leading-tight">Spend <span class="font-bold">€50,00</span> more to reach free shipping!</span>
3137    <progress-bar class="overflow-hidden rounded-full" style="--progress: 0%;"></progress-bar></div>
3138<cart-items class="block grow" data-section-id="sections--23792018096428__cart-drawer">
3139                <ul class="horizontal-products grid" role="list"></ul>
3140              </cart-items></div>
3141            <div class="drawer__footer grid w-full hidden"><div class="drawer__footer-top flex"><button type="button" class="flex gap-2d5 grow items-center justify-center" aria-controls="CartNote-sections--23792018096428__cart-drawer" aria-expanded="false">
3141<svg class="icon icon-note icon-lg icon-light flex-auto" viewBox="0 0 25 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3142      <path class="fill" d="M12.9 2H12.1C8.73969 2 7.05953 2 5.77606 2.65396C4.64708 3.2292 3.7292 4.14708 3.15396 5.27606C2.5 6.55953 2.5 8.23969 2.5 11.6V12.4C2.5 15.7603 2.5 17.4405 3.15396 18.7239C3.7292 19.8529 4.64708 20.7708 5.77606 21.346C7.05953 22 8.73969 22 12.1 22H13.5C14.4319 22 14.8978 22 15.2654 21.8478C15.7554 21.6448 16.1448 21.2554 16.3478 20.7654C16.5 20.3978 16.5 19.9319 16.5 19C16.5 18.0681 16.5 17.6021 16.6522 17.2346C16.8552 16.7445 17.2446 16.3552 17.7346 16.1522C18.1022 16 18.5681 16 19.5 16C20.4319 16 20.8978 16 21.2654 15.8477C21.7554 15.6447 22.1448 15.2554 22.3478 14.7653C22.5 14.3978 22.5 13.9319 22.5 13V11.6C22.5 8.23969 22.5 6.55953 21.846 5.27606C21.2708 4.14708 20.3529 3.2292 19.2239 2.65396C17.9405 2 16.2603 2 12.9 2Z"></path>
3143      <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 21.5V19.2C16.5 18.0799 16.5 17.5198 16.718 17.092C16.9097 16.7157 17.2157 16.4097 17.592 16.218C18.0198 16 18.5799 16 19.7 16H22M7.5 7H15.5M7.5 11H13.5M7.5 15H9.5M15.6716 22H12.1C8.73969 22 7.05953 22 5.77606 21.346C4.64708 20.7708 3.7292 19.8529 3.15396 18.7239C2.5 17.4405 2.5 15.7603 2.5 12.4V11.6C2.5 8.23969 2.5 6.55953 3.15396 5.27606C3.7292 4.14708 4.64708 3.2292 5.77606 2.65396C7.05953 2 8.73969 2 12.1 2H12.9C16.2603 2 17.9405 2 19.2239 2.65396C20.3529 3.2292 21.2708 4.14708 21.846 5.27606C22.5 6.55953 22.5 8.23969 22.5 11.6V15.1716C22.5 15.5088 22.5 15.6774 22.4912 15.8399C22.4171 17.2049 21.8791 18.5036 20.9663 19.5212C20.8577 19.6423 20.7385 19.7615 20.5 20V20C20.2615 20.2385 20.1423 20.3577 20.0212 20.4663C19.0036 21.3791 17.7049 21.9171 16.3399 21.9912C16.1774 22 16.0088 22 15.6716 22Z"></path>
3144    </svg><span class="reversed-link text-sm leading-tight">Order note</span>
3145                    </button><button type="button" class="flex gap-2d5 grow items-center justify-center" aria-controls="ShippingCalculator-sections--23792018096428__cart-drawer" aria-expanded="false"><svg class="icon icon-package icon-lg icon-light flex-auto" viewB
3145ox="0 0 25 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3146      <path class="fill" d="M22.5 14.2825V7.28202C22.5 7.10718 22.4083 6.94515 22.2583 6.8552C22.0995 6.75991 21.9009 6.76067 21.7429 6.85718L15.0012 10.9731C14.0927 11.5278 13.6384 11.8052 13.1525 11.9135C12.7228 12.0092 12.2772 12.0092 11.8475 11.9135C11.3616 11.8052 10.9073 11.5278 9.99878 10.9731L3.25714 6.85718C3.09906 6.76067 2.90048 6.75991 2.74166 6.8552C2.59174 6.94515 2.5 7.10718 2.5 7.28202V14.2825C2.5 15.2735 2.5 15.769 2.64219 16.2143C2.76802 16.6083 2.97396 16.972 3.24708 17.2826C3.55572 17.6336 3.98062 17.8886 4.83042 18.3984L10.0304 21.5184C10.9283 22.0572 11.3773 22.3266 11.8565 22.4318C12.2805 22.5249 12.7195 22.5249 13.1435 22.4318C13.6227 22.3266 14.0717 22.0572 14.9696 21.5184L20.1696 18.3984C21.0194 17.8886 21.4443 17.6336 21.7529 17.2826C22.026 16.972 22.232 16.6083 22.3578 16.2143C22.5 15.769 22.5 15.2735 22.5 14.2825Z"></path>
3147      <path stroke-linecap="round" stroke-linejoin="round" d="M7.99988 9.5L17 4M12.5 12.5L21.5 7M12.5 12.5L3.5 7M12.5 12.5V22.5M2.5 9.71771V14.2823C2.5 15.2733 2.5 15.7688 2.64219 16.2141C2.76802 16.6081 2.97396 16.9718 3.24708 17.2824C3.55572 17.6334 3.98062 17.8884 4.83042 18.3983L10.0304 21.5183C10.9283 22.057 11.3773 22.3264 11.8565 22.4316C12.2805 22.5247 12.7195 22.5247 13.1435 22.4316C13.6227 22.3264 14.0717 22.057 14.9696 21.5183L20.1696 18.3983C21.0194 17.8884 21.4443 17.6334 21.7529 17.2824C22.026 16.9718 22.232 16.6081 22.3578 16.2141C22.5 15.7688 22.5 15.2733 22.5 14.2823V9.71771C22.5 8.72669 22.5 8.23117 22.3578 7.78593C22.232 7.39192 22.026 7.02818 21.7529 6.71757C21.4443 6.36657 21.0194 6.11163 20.1696 5.60175L14.9696 2.48175C14.0717 1.94301 13.6227 1.67364 13.1435 1.56839C12.7195 1.4753 12.2805 1.4753 11.8565 1.56839C11.3773 1.67364 10.9283 1.94301 10.0304 2.48175L4.83042 5.60175C3.98062 6.11163 3.55572 6.36657 3.24708 6.71757C2.97396 7.02818 2.76802 7.39192 2.64219 7.78593C2.5 8.23117 2.5 8.72669 2.5 9.71771Z"></path>
3148    </svg><span class="reversed-link text-sm leading-tight">Shipping</span>
3149                    </button><modal-element id="CartNote-sections--23792018096428__cart-drawer" class="modal invisible absolute bottom-0 left-0 w-full h-full" role="dialog" hidden>
3150                      <overlay-element class="fixed-modal opacity-0 z-1 absolute top-0 left-0 w-full h-full" aria-controls="CartNote-sections--23792018096428__cart-drawer" aria-expanded="false"></overlay-element>
3151                      <div class="modal__container flex flex-col z-3 absolute left-0 bottom-0 w-full">
3152                        <div class="modal__header flex items-center justify-between relative">
3153                          <span class="font-medium text-sm md:text-base">Order special instructions</span>
3154                          <button class="close flex items-center justify-center absolute top-0 right-0" type="button" is="magnet-button" aria-controls="CartNote-sections--23792018096428__cart-drawer" aria-expanded="false" aria-label="Close"><svg class="icon icon-close icon-md" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3155      <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path>
3156    </svg></button>
3157                        </div>
3158                        <div class="modal__content flex flex-col overflow-hidden">
3159                          <cart-note class="modal__scrollable grid gap-4">
3160                            <div class="field">
3161                              <textarea name="note" class="textarea is-floating" rows="3" placeholder=" " id="CartNoteForm-sections--23792018096428__cart-drawer"></textarea>
3162                              <label class="label is-floating" for="CartNoteForm-sections--23792018096428__cart-drawer">Order note</label>
3163                            </div>
3164                            <div class="justify-self-start">
3165                              <button class="button button--primary" type="button" is="hover-button" aria-controls="CartNote-sections--23792018096428__cart-drawer" aria-expanded="false">
3166                                <span class="btn-fill" data-fill></span>
3167                                <span class="btn-text">Apply</span>
3168                              </button>
3169                            </div>
3170                          </cart-note>
3171                        </div>
3172                      </div>
3173                    </modal-element><modal-element id="ShippingCalculator-sections--23792018096428__cart-drawer" class="modal invisible absolute bottom-0 left-0 w-full h-full" role="dialog" hidden>
3174                      <overlay-element class="fixed-modal opacity-0 z-1 absolute top-0 left-0 w-full h-full" aria-controls="ShippingCalculator-sections--23792018096428__cart-drawer" aria-expanded="false"></overlay-element>
3175                      <div class="modal__container flex flex-col z-3 absolute left-0 bottom-0 w-full">
3176                        <div class="modal__header flex items-center justify-between relative">
3177                          <span class="font-medium text-sm md:text-base">Estimate shipping rates</span>
3178                          <button class="close flex items-center justify-center absolute top-0 right-0" type="button" aria-controls="ShippingCalculator-sections--23792018096428__cart-drawer" aria-expanded="false" is="magnet-button" aria-label="Close"><svg class="icon icon-close icon-md" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3179      <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path>
3180    </svg></button>
3181                        </div>
3182                        <div class="modal__content flex flex-col overflow-hidden">
3183                          <form class="modal__scrollable grid gap-4" action="/cart" method="POST" novalidate is="shipping-calculator">
3184                            <country-province class="grid gap-4">
3185                              <div class="field">
3186                                <select
3187                                  name="address[country]"
3188                                  class="select is-floating"
3189                                  autocomplete="country"
3190                                  is="custom-select"
3191                                  id="ShippingCalculatorCountry-sections--23792018096428__cart-drawer"
3192                                ><option value="---" data-provinces="[]">---</option>
3193<option value="Afghanistan" data-provinces="[]">Afghanistan</option>
3194<option value="Aland Islands" data-provinces="[]">Åland Islands</option>
3195<option value="Albania" data-provinces="[]">Albania</option>
3196<option value="Algeria" data-provinces="[]">Algeria</option>
3197<option value="Andorra" data-provinces="[]">Andorra</option>
3198<option value="Angola" data-provinces="[]">Angola</option>
3199<option value="Anguilla" data-provinces="[]">Anguilla</option>
3200<option value="Antigua And Barbuda" data-provinces="[]">Antigua & Barbuda</option>
3201<option value="Argentina" data-provinces="[[&quot;Buenos Aires&quot;,&quot;Buenos Aires Province&quot;],[&quot;Catamarca&quot;,&quot;Catamarca&quot;],[&quot;Chaco&quot;,&quot;Chaco&quot;],[&quot;Chubut&quot;,&quot;Chubut&quot;],[&quot;Ciudad Autónoma de Buenos Aires&quot;,&quot;Buenos Aires (Autonomous City)&quot;],[&quot;Corrientes&quot;,&quot;Corrientes&quot;],[&quot;Córdoba&quot;,&quot;Córdoba&quot;],[&quot;Entre Ríos&quot;,&quot;Entre Ríos&quot;],[&quot;Formosa&quot;,&quot;Formosa&quot;],[&quot;Jujuy&quot;,&quot;Jujuy&quot;],[&quot;La Pampa&quot;,&quot;La Pampa&quot;],[&quot;La Rioja&quot;,&quot;La Rioja&quot;],[&quot;Mendoza&quot;,&quot;Mendoza&quot;],[&quot;Misiones&quot;,&quot;Misiones&quot;],[&quot;Neuquén&quot;,&quot;Neuquén&quot;],[&quot;Río Negro&quot;,&quot;Río Negro&quot;],[&quot;Salta&quot;,&quot;Salta&quot;],[&quot;San Juan&quot;,&quot;San Juan&quot;],[&quot;San Luis&quot;,&quot;San Luis&quot;],[&quot;Santa Cruz&quot;,&quot;Santa Cruz&quot;],[&quot;Santa Fe&quot;,&quot;Santa Fe&quot;],[&quot;Santiago Del Estero&quot;,&quot;Santiago del Estero&quot;],[&quot;Tierra Del Fuego&quot;,&quot;Tierra del Fuego&quot;],[&quot;Tucumán&quot;,&quot;Tucumán&quot;]]">Argentina</option>
3202<option value="Armenia" data-provinces="[]">Armenia</option>
3203<option value="Aruba" data-provinces="[]">Aruba</option>
3204<option value="Ascension Island" data-provinces="[]">Ascension Island</option>
3205<option value="Australia" data-provinces="[[&quot;Australian Capital Territory&quot;,&quot;Australian Capital Territory&quot;],[&quot;New South Wales&quot;,&quot;New South Wales&quot;],[&quot;Northern Territory&quot;,&quot;Northern Territory&quot;],[&quot;Queensland&quot;,&quot;Queensland&quot;],[&quot;South Australia&quot;,&quot;South Australia&quot;],[&quot;Tasmania&quot;,&quot;Tasmania&quot;],[&quot;Victoria&quot;,&quot;Victoria&quot;],[&quot;Western Australia&quot;,&quot;Western Australia&quot;]]">Australia</option>
3206<option value="Austria" data-provinces="[]">Austria</option>
3207<option value="Azerbaijan" data-provinces="[]">Azerbaijan</option>
3208<option value="Bahamas" data-provinces="[]">Bahamas</option>
3209<option value="Bahrain" data-provinces="[]">Bahrain</option>
3210<option value="Bangladesh" data-provinces="[]">Bangladesh</option>
3211<option value="Barbados" data-provinces="[]">Barbados</option>
3212<option value="Belarus" data-provinces="[]">Belarus</option>
3213<option value="Belgium" data-provinces="[]">Belgium</option>
3214<option value="Belize" data-provinces="[]">Belize</option>
3215<option value="Benin" data-provinces="[]">Benin</option>
3216<option value="Bermuda" data-provinces="[]">Bermuda</option>
3217<option value="Bhutan" data-provinces="[]">Bhutan</option>
3218<option value="Bolivia" data-provinces="[]">Bolivia</option>
3219<option value="Bosnia And Herzegovina" data-provinces="[]">Bosnia & Herzegovina</option>
3220<option value="Botswana" data-provinces="[]">Botswana</option>
3221<option value="Brazil" data-provinces="[[&quot;Acre&quot;,&quot;Acre&quot;],[&quot;Alagoas&quot;,&quot;Alagoas&quot;],[&quot;Amapá&quot;,&quot;Amapá&quot;],[&quot;Amazonas&quot;,&quot;Amazonas&quot;],[&quot;Bahia&quot;,&quot;Bahia&quot;],[&quot;Ceará&quot;,&quot;Ceará&quot;],[&quot;Distrito Federal&quot;,&quot;Federal District&quot;],[&quot;Espírito Santo&quot;,&quot;Espírito Santo&quot;],[&quot;Goiás&quot;,&quot;Goiás&quot;],[&quot;Maranhão&quot;,&quot;Maranhão&quot;],[&quot;Mato Grosso&quot;,&quot;Mato Grosso&quot;],[&quot;Mato Grosso do Sul&quot;,&quot;Mato Grosso do Sul&quot;],[&quot;Minas Gerais&quot;,&quot;Minas Gerais&quot;],[&quot;Paraná&quot;,&quot;Paraná&quot;],[&quot;Paraíba&quot;,&quot;Paraíba&quot;],[&quot;Pará&quot;,&quot;Pará&quot;],[&quot;Pernambuco&quot;,&quot;Pernambuco&quot;],[&quot;Piauí&quot;,&quot;Piauí&quot;],[&quot;Rio Grande do Norte&quot;,&quot;Rio Grande do Norte&quot;],[&quot;Rio Grande do Sul&quot;,&quot;Rio Grande do Sul&quot;],[&quot;Rio de Janeiro&quot;,&quot;Rio de Janeiro&quot;],[&quot;Rondônia&quot;,&quot;Rondônia&quot;],[&quot;Roraima&quot;,&quot;Roraima&quot;],[&quot;Santa Catarina&quot;,&quot;Santa Catarina&quot;],[&quot;Sergipe&quot;,&quot;Sergipe&quot;],[&quot;São Paulo&quot;,&quot;São Paulo&quot;],[&quot;Tocantins&quot;,&quot;Tocantins&quot;]]">Brazil</option>
3222<option value="British Indian Ocean Territory" data-provinces="[]">British Indian Ocean Territory</option>
3223<option value="Virgin Islands, British" data-provinces="[]">British Virgin Islands</option>
3224<option value="Brunei" data-provinces="[]">Brunei</option>
3225<option value="Bulgaria" data-provinces="[]">Bulgaria</option>
3226<option value="Burkina Faso" data-provinces="[]">Burkina Faso</option>
3227<option value="Burundi" data-provinces="[]">Burundi</option>
3228<option value="Cambodia" data-provinces="[]">Cambodia</option>
3229<option value="Republic of Cameroon" data-provinces="[]">Cameroon</option>
3230<option value="Canada" data-provinces="[[&quot;Alberta&quot;,&quot;Alberta&quot;],[&quot;British Columbia&quot;,&quot;British Columbia&quot;],[&quot;Manitoba&quot;,&quot;Manitoba&quot;],[&quot;New Brunswick&quot;,&quot;New Brunswick&quot;],[&quot;Newfoundland and Labrador&quot;,&quot;Newfoundland and Labrador&quot;],[&quot;Northwest Territories&quot;,&quot;Northwest Territories&quot;],[&quot;Nova Scotia&quot;,&quot;Nova Scotia&quot;],[&quot;Nunavut&quot;,&quot;Nunavut&quot;],[&quot;Ontario&quot;,&quot;Ontario&quot;],[&quot;Prince Edward Island&quot;,&quot;Prince Edward Island&quot;],[&quot;Quebec&quot;,&quot;Quebec&quot;],[&quot;Saskatchewan&quot;,&quot;Saskatchewan&quot;],[&quot;Yukon&quot;,&quot;Yukon&quot;]]">Canada</option>
3231<option value="Cape Verde" data-provinces="[]">Cape Verde</option>
3232<option value="Caribbean Netherlands" data-provinces="[]">Caribbean Netherlands</option>
3233<option value="Cayman Islands" data-provinces="[]">Cayman Islands</option>
3234<option value="Central African Republic" data-provinces="[]">Central African Republic</option>
3235<option value="Chad" data-provinces="[]">Chad</option>
3236<option value="Chile" data-provinces="[[&quot;Antofagasta&quot;,&quot;Antofagasta&quot;],[&quot;Araucanía&quot;,&quot;Araucanía&quot;],[&quot;Arica and Parinacota&quot;,&quot;
3236Arica y Parinacota&quot;],[&quot;Atacama&quot;,&quot;Atacama&quot;],[&quot;Aysén&quot;,&quot;Aysén&quot;],[&quot;Biobío&quot;,&quot;Bío Bío&quot;],[&quot;Coquimbo&quot;,&quot;Coquimbo&quot;],[&quot;Los Lagos&quot;,&quot;Los Lagos&quot;],[&quot;Los Ríos&quot;,&quot;Los Ríos&quot;],[&quot;Magallanes&quot;,&quot;Magallanes Region&quot;],[&quot;Maule&quot;,&quot;Maule&quot;],[&quot;O&#39;Higgins&quot;,&quot;Libertador General Bernardo O’Higgins&quot;],[&quot;Santiago&quot;,&quot;Santiago Metropolitan&quot;],[&quot;Tarapacá&quot;,&quot;Tarapacá&quot;],[&quot;Valparaíso&quot;,&quot;Valparaíso&quot;],[&quot;Ñuble&quot;,&quot;Ñuble&quot;]]">Chile</option>
3237<option value="China" data-provinces="[[&quot;Anhui&quot;,&quot;Anhui&quot;],[&quot;Beijing&quot;,&quot;Beijing&quot;],[&quot;Chongqing&quot;,&quot;Chongqing&quot;],[&quot;Fujian&quot;,&quot;Fujian&quot;],[&quot;Gansu&quot;,&quot;Gansu&quot;],[&quot;Guangdong&quot;,&quot;Guangdong&quot;],[&quot;Guangxi&quot;,&quot;Guangxi&quot;],[&quot;Guizhou&quot;,&quot;Guizhou&quot;],[&quot;Hainan&quot;,&quot;Hainan&quot;],[&quot;Hebei&quot;,&quot;Hebei&quot;],[&quot;Heilongjiang&quot;,&quot;Heilongjiang&quot;],[&quot;Henan&quot;,&quot;Henan&quot;],[&quot;Hubei&quot;,&quot;Hubei&quot;],[&quot;Hunan&quot;,&quot;Hunan&quot;],[&quot;Inner Mongolia&quot;,&quot;Inner Mongolia&quot;],[&quot;Jiangsu&quot;,&quot;Jiangsu&quot;],[&quot;Jiangxi&quot;,&quot;Jiangxi&quot;],[&quot;Jilin&quot;,&quot;Jilin&quot;],[&quot;Liaoning&quot;,&quot;Liaoning&quot;],[&quot;Ningxia&quot;,&quot;Ningxia&quot;],[&quot;Qinghai&quot;,&quot;Qinghai&quot;],[&quot;Shaanxi&quot;,&quot;Shaanxi&quot;],[&quot;Shandong&quot;,&quot;Shandong&quot;],[&quot;Shanghai&quot;,&quot;Shanghai&quot;],[&quot;Shanxi&quot;,&quot;Shanxi&quot;],[&quot;Sichuan&quot;,&quot;Sichuan&quot;],[&quot;Tianjin&quot;,&quot;Tianjin&quot;],[&quot;Xinjiang&quot;,&quot;Xinjiang&quot;],[&quot;Xizang&quot;,&quot;Tibet&quot;],[&quot;Yunnan&quot;,&quot;Yunnan&quot;],[&quot;Zhejiang&quot;,&quot;Zhejiang&quot;]]">China</option>
3238<option value="Christmas Island" data-provinces="[]">Christmas Island</option>
3239<option value="Cocos (Keeling) Islands" data-provinces="[]">Cocos (Keeling) Islands</option>
3240<option value="Colombia" data-provinces="[[&quot;Amazonas&quot;,&quot;Amazonas&quot;],[&quot;Antioquia&quot;,&quot;Antioquia&quot;],[&quot;Arauca&quot;,&quot;Arauca&quot;],[&quot;Atlántico&quot;,&quot;Atlántico&quot;],[&quot;Bogotá, D.C.&quot;,&quot;Capital District&quot;],[&quot;Bolívar&quot;,&quot;Bolívar&quot;],[&quot;Boyacá&quot;,&quot;Boyacá&quot;],[&quot;Caldas&quot;,&quot;Caldas&quot;],[&quot;Caquetá&quot;,&quot;Caquetá&quot;],[&quot;Casanare&quot;,&quot;Casanare&quot;],[&quot;Cauca&quot;,&quot;Cauca&quot;],[&quot;Cesar&quot;,&quot;Cesar&quot;],[&quot;Chocó&quot;,&quot;Chocó&quot;],[&quot;Cundinamarca&quot;,&quot;Cundinamarca&quot;],[&quot;Córdoba&quot;,&quot;Córdoba&quot;],[&quot;Guainía&quot;,&quot;Guainía&quot;],[&quot;Guaviare&quot;,&quot;Guaviare&quot;],[&quot;Huila&quot;,&quot;Huila&quot;],[&quot;La Guajira&quot;,&quot;La Guajira&quot;],[&quot;Magdalena&quot;,&quot;Magdalena&quot;],[&quot;Meta&quot;,&quot;Meta&quot;],[&quot;Nariño&quot;,&quot;Nariño&quot;],[&quot;Norte de Santander&quot;,&quot;Norte de Santander&quot;],[&quot;Putumayo&quot;,&quot;Putumayo&quot;],[&quot;Quindío&quot;,&quot;Quindío&quot;],[&quot;Risaralda&quot;,&quot;Risaralda&quot;],[&quot;San Andrés, Providencia y Santa Catalina&quot;,&quot;San Andrés \u0026 Providencia&quot;],[&quot;Santander&quot;,&quot;Santander&quot;],[&quot;Sucre&quot;,&quot;Sucre&quot;],[&quot;Tolima&quot;,&quot;Tolima&quot;],[&quot;Valle del Cauca&quot;,&quot;Valle del Cauca&quot;],[&quot;Vaupés&quot;,&quot;Vaupés&quot;],[&quot;Vichada&quot;,&quot;Vichada&quot;]]">Colombia</option>
3241<option value="Comoros" data-provinces="[]">Comoros</option>
3242<option value="Congo" data-provinces="[]">Congo - Brazzaville</option>
3243<option value="Congo, The Democratic Republic Of The" data-provinces="[]">Congo - Kinshasa</option>
3244<option value="Cook Islands" data-provinces="[]">Cook Islands</option>
3245<option value="Costa Rica" data-provinces="[[&quot;Alajuela&quot;,&quot;Alajuela&quot;],[&quot;Cartago&quot;,&quot;Cartago&quot;],[&quot;Guanacaste&quot;,&quot;Guanacaste&quot;],[&quot;Heredia&quot;,&quot;Heredia&quot;],[&quot;Limón&quot;,&quot;Limón&quot;],[&quot;Puntarenas&quot;,&quot;Puntarenas&quot;],[&quot;San José&quot;,&quot;San José&quot;]]">Costa Rica</option>
3246<option value="Croatia" data-provinces="[]">Croatia</option>
3247<option value="Curaçao" data-provinces="[]">Curaçao</option>
3248<option value="Cyprus" data-provinces="[]">Cyprus</option>
3249<option value="Czech Republic" data-provinces="[]">Czechia</option>
3250<option value="Côte d'Ivoire" data-provinces="[]">Côte d’Ivoire</option>
3251<option value="Denmark" data-provinces="[]">Denmark</option>
3252<option value="Djibouti" data-provinces="[]">Djibouti</option>
3253<option value="Dominica" data-provinces="[]">Dominica</option>
3254<option value="Dominican Republic" data-provinces="[]">Dominican Republic</option>
3255<option value="Ecuador" data-provinces="[]">Ecuador</option>
3256<option value="Egypt" data-provinces="[[&quot;6th of October&quot;,&quot;6th of October&quot;],[&quot;Al Sharqia&quot;,&quot;Al Sharqia&quot;],[&quot;Alexandria&quot;,&quot;Alexandria&quot;],[&quot;Aswan&quot;,&quot;Aswan&quot;],[&quot;Asyut&quot;,&quot;Asyut&quot;],[&quot;Beheira&quot;,&quot;Beheira&quot;],[&quot;Beni Suef&quot;,&quot;Beni Suef&quot;],[&quot;Cairo&quot;,&quot;Cairo&quot;],[&quot;Dakahlia&quot;,&quot;Dakahlia&quot;],[&quot;Damietta&quot;,&quot;Damietta&quot;],[&quot;Faiyum&quot;,&quot;Faiyum&quot;],[&quot;Gharbia&quot;,&quot;Gharbia&quot;],[&quot;Giza&quot;,&quot;Giza&quot;],[&quot;Helwan&quot;,&quot;Helwan&quot;],[&quot;Ismailia&quot;,&quot;Ismailia&quot;],[&quot;Kafr el-Sheikh&quot;,&quot;Kafr el-Sheikh&quot;],[&quot;Luxor&quot;,&quot;Luxor&quot;],[&quot;Matrouh&quot;,&quot;Matrouh&quot;],[&quot;Minya&quot;,&quot;Minya&quot;],[&quot;Monufia&quot;,&quot;Monufia&quot;],[&quot;New Valley&quot;,&quot;New Valley&quot;],[&quot;North Sinai&quot;,&quot;North Sinai&quot;],[&quot;Port Said&quot;,&quot;Port Said&quot;],[&quot;Qalyubia&quot;,&quot;Qalyubia&quot;],[&quot;Qena&quot;,&quot;Qena&quot;],[&quot;Red Sea&quot;,&quot;Red Sea&quot;],[&quot;Sohag&quot;,&quot;Sohag&quot;],[&quot;South Sinai&quot;,&quot;South Sinai&quot;],[&quot;Suez&quot;,&quot;Suez&quot;]]">Egypt</option>
3257<option value="El Salvador" data-provinces="[[&quot;Ahuachapán&quot;,&quot;Ahuachapán&quot;],[&quot;Cabañas&quot;,&quot;Cabañas&quot;],[&quot;Chalatenango&quot;,&quot;Chalatenango&quot;],[&quot;Cuscatlán&quot;,&quot;Cuscatlán&quot;],[&quot;La Libertad&quot;,&quot;La Libertad&quot;],[&quot;La Paz&quot;,&quot;La Paz&quot;],[&quot;La Unión&quot;,&quot;La Unión&quot;],[&quot;Morazán&quot;,&quot;Morazán&quot;],[&quot;San Miguel&quot;,&quot;San Miguel&quot;],[&quot;San Salvador&quot;,&quot;San Salvador&quot;],[&quot;San Vicente&quot;,&quot;San Vicente&quot;],[&quot;Santa Ana&quot;,&quot;Santa Ana&quot;],[&quot;Sonsonate&quot;,&quot;Sonsonate&quot;],[&quot;Usulután&quot;,&quot;Usulután&quot;]]">El Salvador</option>
3258<option value="Equatorial Guinea" data-provinces="[]">Equatorial Guinea</option>
3259<option value="Eritrea" data-provinces="[]">Eritrea</option>
3260<option value="Estonia" data-provinces="[]">Estonia</option>
3261<option value="Eswatini" data-provinces="[]">Eswatini</option>
3262<option value="Ethiopia" data-provinces="[]">Ethiopia</option>
3263<option value="Falkland Islands (Malvinas)" data-provinces="[]">Falkland Islands</option>
3264<option value="Faroe Islands" data-provinces="[]">Faroe Islands</option>
3265<option value="Fiji" data-provinces="[]">Fiji</option>
3266<option value="Finland" data-provinces="[]">Finland</option>
3267<option value="France" data-provinces="[]">France</option>
3268<option value="French Guiana" data-provinces="[]">French Guiana</option>
3269<option value="French Polynesia" data-provinces="[]">French Polynesia</option>
3270<option value="French Southern Territories" data-provinces="[]">French Southern Territories</option>
3271<option value="Gabon" data-provinces="[]">Gabon</option>
3272<option value="Gambia" data-provinces="[]">Gambia</option>
3273<option value="Georgia" data-provinces="[]">Georgia</option>
3274<option value="Germany" data-provinces="[]">Germany</option>
3275<option value="Ghana" data-provinces="[]">Ghana</option>
3276<option value="Gibraltar" data-provinces="[]">Gibraltar</option>
3277<option value="Greece" data-provinces="[]">Greece</option>
3278<option value="Greenland" data-provinces="[]">Greenland</option>
3279<option value="Grenada" data-provinces="[]">Grenada</option>
3280<option value="Guadeloupe" data-provinces="[]">Guadeloupe</option>
3281<option value="Guatemala" data-provinces="[[&quot;Alta Verapaz&quot;,&quot;Alta Verapaz&quot;],[&quot;Baja Verapaz&quot;,&quot;Baja Verapaz&quot;],[&quot;Chimaltenango&quot;,&quot;Chimaltenango&quot;],[&quot;Chiquimula&quot;,&quot;Chiquimula&quot;],[&quot;El Progreso&quot;,&quot;El Progreso&quot;],[&quot;Escuintla&quot;,&quot;Escuintla&quot;],[&quot;Guatemala&quot;,&quot;Guatemala&quot;],[&quot;Huehuetenango&quot;,&quot;Huehuetenango&quot;],[&quot;Izabal&quot;,&quot;Izabal&quot;],[&quot;Jalapa&quot;,&quot;Jalapa&quot;],[&quot;Jutiapa&quot;,&quot;Jutiapa&quot;],[&quot;Petén&quot;,&quot;Petén&quot;],[&quot;Quetzaltenango&quot;,&quot;Quetzaltenango&quot;],[&quot;Quiché&quot;,&quot;Quiché&quot;],[&quot;Retalhuleu&quot;,&quot;Retalhuleu&quot;],[&quot;Sacatepéquez&quot;,&quot;Sacatepéquez&quot;],[&quot;San Marcos&quot;,&quot;San Marcos&quot;],[&quot;Santa Rosa&quot;,&quot;Santa Rosa&quot;],[&quot;Sololá&quot;,&quot;Sololá&quot;],[&quot;Suchitepéquez&quot;,&quot;Suchitepéquez&quot;],[&quot;Totonicapán&quot;,&quot;Totonicapán&quot;],[&quot;Zacapa&quot;,&quot;Zacapa&quot;]]">Guatemala</option>
3282<option value="Guernsey" data-provinces="[]">Guernsey</option>
3283<option value="Guinea" data-provinces="[]">Guinea</option>
3284<option value="Guinea Bissau" data-provinces="[]">Guinea-Bissau</option>
3285<option value="Guyana" data-provinces="[]">Guyana</option>
3286<option value="Haiti" data-provinces="[]">Haiti</option>
3287<option value="Honduras" data-provinces="[]">Honduras</option>
3288<option value="Hong Kong" data-provinces="[[&quot;Hong Kong Island&quot;,&quot;Hong Kong Island&quot;],[&quot;Kowloon&quot;,&quot;Kowloon&quot;],[&quot;New Territories&quot;,&quot;New Territories&quot;]]">Hong Kong SAR</option>
3289<option value="Hungary" data-provinces="[]">Hungary</option>
3290<option value="Iceland" data-provinces="[]">Iceland</option>
3291<option value="India" data-provinces="[[&quot;Andaman and Nicobar Islands&quot;,&quot;Andaman and Nicobar Islands&quot;],[&quot;Andhra Pradesh&quot;,&quot;Andhra Pradesh&quot;],[&quot;Arunachal Pradesh&quot;,&quot;Arunachal Pradesh&quot;],[&quot;Assam&quot;,&quot;Assam&quot;],[&quot;Bihar&quot;,&quot;Bihar&quot;],[&quot;Chandigarh&quot;,&quot;Chandigarh&quot;],[&quot;Chhattisgarh&quot;,&quot;Chhattisgarh&quot;],[&quot;Dadra and Nagar Haveli&quot;,&quot;Dadra and Nagar Haveli&quot;],[&quot;Daman and Diu&quot;,&quot;Daman and Diu&quot;],[&quot;Delhi&quot;,&quot;Delhi&quot;],[&quot;Goa&quot;,&quot;Goa&quot;],[&quot;Gujarat&quot;,&quot;Gujarat&quot;],[&quot;Haryana&quot;,&quot;Haryana&quot;],[&quot;Himachal Pradesh&quot;,&quot;Himachal Pradesh&quot;],[&quot;Jammu and Kashmir&quot;,&quot;Jammu and Kashmir&quot;],[&quot;Jharkhand&quot;,&quot;Jharkhand&quot;],[&quot;Karnataka&quot;,&quot;Karnataka&quot;],[&quot;Kerala&quot;,&quot;Kerala&quot;],[&quot;Ladakh&quot;,&quot;Ladakh&quot;],[&quot;Lakshadweep&quot;,&quot;Lakshadweep&quot;],[&quot;Madhya Pradesh&quot;,&quot;Madhya Pradesh&quot;],[&quot;Maharashtra&quot;,&quot;Maharashtra&quot;],[&quot;Manipur&quot;,&quot;Manipur&quot;],[&quot;Meghalaya&quot;,&quot;Meghalaya&quot;],[&quot;Mizoram&quot;,&quot;Mizoram&quot;],[&quot;Nagaland&quot;,&quot;Nagaland&quot;],[&quot;Odisha&quot;,&quot;Odisha&quot;],[&quot;Puducherry&quot;,&quot;Puducherry&quot;],[&quot;Punjab&quot;,&quot;Punjab&quot;],[&quot;Rajasthan&quot;,&quot;Rajasthan&quot;],[&quot;Sikkim&quot;,&quot;Sikkim&quot;],[&quot;Tamil Nadu&quot;,&quot;Tamil Nadu&quot;],[&quot;Telangana&quot;,&quot;Telangana&quot;],[&quot;Tripura&quot;,&quot;Tripura&quot;],[&quot;Uttar Pradesh&quot;,&quot;Uttar Pradesh&quot;],[&quot;Uttarakhand&quot;,&quot;Uttarakhand&quot;],[&quot;West Bengal&quot;,&quot;West Bengal&quot;]]">India</option>
3292<option value="Indonesia" data-provinces="[[&quot;Aceh&quot;,&quot;Aceh&quot;],[&quot;Bali&quot;,&quot;Bali&quot;],[&quot;Bangka Belitung&quot;,&quot;Bangka–Belitung Islands&quot;],[&quot;Banten&quot;,&quot;Banten&quot;],[&quot;Bengkulu&quot;,&quot;Bengkulu&quot;],[&quot;Gorontalo&quot;,&quot;Gorontalo&quot;],[&quot;Jakarta&quot;,&quot;Jakarta&quot;],[&quot;Jambi&quot;,&quot;Jambi&quot;],[&quot;Jawa Barat&quot;,&quot;West Java&quot;],[&quot;Jawa Tengah&quot;,&quot;Central Java&quot;],[&quot;Jawa Timur&quot;,&quot;East Java&quot;],[&quot;Kalimantan Barat&quot;,&quot;West Kalimantan&quot;],[&quot;Kalimantan Selatan&quot;,&quot;South Kalimantan&quot;],[&quot;Kalimantan Tengah&quot;,&quot;Central Kalimantan&quot;],[&quot;Kalimantan Timur&quot;,&quot;East Kalimantan&quot;],[&quot;Kalimantan Utara&quot;,&quot;North Kalimantan&quot;],[&quot;Kepulauan Riau&quot;,&quot;Riau Islands&quot;],[&quot;
3292Lampung&quot;,&quot;Lampung&quot;],[&quot;Maluku&quot;,&quot;Maluku&quot;],[&quot;Maluku Utara&quot;,&quot;North Maluku&quot;],[&quot;North Sumatra&quot;,&quot;North Sumatra&quot;],[&quot;Nusa Tenggara Barat&quot;,&quot;West Nusa Tenggara&quot;],[&quot;Nusa Tenggara Timur&quot;,&quot;East Nusa Tenggara&quot;],[&quot;Papua&quot;,&quot;Papua&quot;],[&quot;Papua Barat&quot;,&quot;West Papua&quot;],[&quot;Riau&quot;,&quot;Riau&quot;],[&quot;South Sumatra&quot;,&quot;South Sumatra&quot;],[&quot;Sulawesi Barat&quot;,&quot;West Sulawesi&quot;],[&quot;Sulawesi Selatan&quot;,&quot;South Sulawesi&quot;],[&quot;Sulawesi Tengah&quot;,&quot;Central Sulawesi&quot;],[&quot;Sulawesi Tenggara&quot;,&quot;Southeast Sulawesi&quot;],[&quot;Sulawesi Utara&quot;,&quot;North Sulawesi&quot;],[&quot;West Sumatra&quot;,&quot;West Sumatra&quot;],[&quot;Yogyakarta&quot;,&quot;Yogyakarta&quot;]]">Indonesia</option>
3293<option value="Iraq" data-provinces="[]">Iraq</option>
3294<option value="Ireland" data-provinces="[[&quot;Carlow&quot;,&quot;Carlow&quot;],[&quot;Cavan&quot;,&quot;Cavan&quot;],[&quot;Clare&quot;,&quot;Clare&quot;],[&quot;Cork&quot;,&quot;Cork&quot;],[&quot;Donegal&quot;,&quot;Donegal&quot;],[&quot;Dublin&quot;,&quot;Dublin&quot;],[&quot;Galway&quot;,&quot;Galway&quot;],[&quot;Kerry&quot;,&quot;Kerry&quot;],[&quot;Kildare&quot;,&quot;Kildare&quot;],[&quot;Kilkenny&quot;,&quot;Kilkenny&quot;],[&quot;Laois&quot;,&quot;Laois&quot;],[&quot;Leitrim&quot;,&quot;Leitrim&quot;],[&quot;Limerick&quot;,&quot;Limerick&quot;],[&quot;Longford&quot;,&quot;Longford&quot;],[&quot;Louth&quot;,&quot;Louth&quot;],[&quot;Mayo&quot;,&quot;Mayo&quot;],[&quot;Meath&quot;,&quot;Meath&quot;],[&quot;Monaghan&quot;,&quot;Monaghan&quot;],[&quot;Offaly&quot;,&quot;Offaly&quot;],[&quot;Roscommon&quot;,&quot;Roscommon&quot;],[&quot;Sligo&quot;,&quot;Sligo&quot;],[&quot;Tipperary&quot;,&quot;Tipperary&quot;],[&quot;Waterford&quot;,&quot;Waterford&quot;],[&quot;Westmeath&quot;,&quot;Westmeath&quot;],[&quot;Wexford&quot;,&quot;Wexford&quot;],[&quot;Wicklow&quot;,&quot;Wicklow&quot;]]">Ireland</option>
3295<option value="Isle Of Man" data-provinces="[]">Isle of Man</option>
3296<option value="Israel" data-provinces="[]">Israel</option>
3297<option value="Italy" data-provinces="[[&quot;Agrigento&quot;,&quot;Agrigento&quot;],[&quot;Alessandria&quot;,&quot;Alessandria&quot;],[&quot;Ancona&quot;,&quot;Ancona&quot;],[&quot;Aosta&quot;,&quot;Aosta Valley&quot;],[&quot;Arezzo&quot;,&quot;Arezzo&quot;],[&quot;Ascoli Piceno&quot;,&quot;Ascoli Piceno&quot;],[&quot;Asti&quot;,&quot;Asti&quot;],[&quot;Avellino&quot;,&quot;Avellino&quot;],[&quot;Bari&quot;,&quot;Bari&quot;],[&quot;Barletta-Andria-Trani&quot;,&quot;Barletta-Andria-Trani&quot;],[&quot;Belluno&quot;,&quot;Belluno&quot;],[&quot;Benevento&quot;,&quot;Benevento&quot;],[&quot;Bergamo&quot;,&quot;Bergamo&quot;],[&quot;Biella&quot;,&quot;Biella&quot;],[&quot;Bologna&quot;,&quot;Bologna&quot;],[&quot;Bolzano&quot;,&quot;South Tyrol&quot;],[&quot;Brescia&quot;,&quot;Brescia&quot;],[&quot;Brindisi&quot;,&quot;Brindisi&quot;],[&quot;Cagliari&quot;,&quot;Cagliari&quot;],[&quot;Caltanissetta&quot;,&quot;Caltanissetta&quot;],[&quot;Campobasso&quot;,&quot;Campobasso&quot;],[&quot;Caserta&quot;,&quot;Caserta&quot;],[&quot;Catania&quot;,&quot;Catania&quot;],[&quot;Catanzaro&quot;,&quot;Catanzaro&quot;],[&quot;Chieti&quot;,&quot;Chieti&quot;],[&quot;Como&quot;,&quot;Como&quot;],[&quot;Cosenza&quot;,&quot;Cosenza&quot;],[&quot;Cremona&quot;,&quot;Cremona&quot;],[&quot;Crotone&quot;,&quot;Crotone&quot;],[&quot;Cuneo&quot;,&quot;Cuneo&quot;],[&quot;Enna&quot;,&quot;Enna&quot;],[&quot;Fermo&quot;,&quot;Fermo&quot;],[&quot;Ferrara&quot;,&quot;Ferrara&quot;],[&quot;Firenze&quot;,&quot;Florence&quot;],[&quot;Foggia&quot;,&quot;Foggia&quot;],[&quot;Forlì-Cesena&quot;,&quot;Forlì-Cesena&quot;],[&quot;Frosinone&quot;,&quot;Frosinone&quot;],[&quot;Gallura Nord-Est Sardegna&quot;,&quot;Gallura Nord-Est Sardegna&quot;],[&quot;Genova&quot;,&quot;Genoa&quot;],[&quot;Gorizia&quot;,&quot;Gorizia&quot;],[&quot;Grosseto&quot;,&quot;Grosseto&quot;],[&quot;Imperia&quot;,&quot;Imperia&quot;],[&quot;Isernia&quot;,&quot;Isernia&quot;],[&quot;L&#39;Aquila&quot;,&quot;L’Aquila&quot;],[&quot;La Spezia&quot;,&quot;La Spezia&quot;],[&quot;Latina&quot;,&quot;Latina&quot;],[&quot;Lecce&quot;,&quot;Lecce&quot;],[&quot;Lecco&quot;,&quot;Lecco&quot;],[&quot;Livorno&quot;,&quot;Livorno&quot;],[&quot;Lodi&quot;,&quot;Lodi&quot;],[&quot;Lucca&quot;,&quot;Lucca&quot;],[&quot;Macerata&quot;,&quot;Macerata&quot;],[&quot;Mantova&quot;,&quot;Mantua&quot;],[&quot;Massa-Carrara&quot;,&quot;Massa and Carrara&quot;],[&quot;Matera&quot;,&quot;Matera&quot;],[&quot;Medio Campidano&quot;,&quot;Medio Campidano&quot;],[&quot;Messina&quot;,&quot;Messina&quot;],[&quot;Milano&quot;,&quot;Milan&quot;],[&quot;Modena&quot;,&quot;Modena&quot;],[&quot;Monza e Brianza&quot;,&quot;Monza and Brianza&quot;],[&quot;Napoli&quot;,&quot;Naples&quot;],[&quot;Novara&quot;,&quot;Novara&quot;],[&quot;Nuoro&quot;,&quot;Nuoro&quot;],[&quot;Ogliastra&quot;,&quot;Ogliastra&quot;],[&quot;Oristano&quot;,&quot;Oristano&quot;],[&quot;Padova&quot;,&quot;Padua&quot;],[&quot;Palermo&quot;,&quot;Palermo&quot;],[&quot;Parma&quot;,&quot;Parma&quot;],[&quot;Pavia&quot;,&quot;Pavia&quot;],[&quot;Perugia&quot;,&quot;Perugia&quot;],[&quot;Pesaro e Urbino&quot;,&quot;Pesaro and Urbino&quot;],[&quot;Pescara&quot;,&quot;Pescara&quot;],[&quot;Piacenza&quot;,&quot;Piacenza&quot;],[&quot;Pisa&quot;,&quot;Pisa&quot;],[&quot;Pistoia&quot;,&quot;Pistoia&quot;],[&quot;Pordenone&quot;,&quot;Pordenone&quot;],[&quot;Potenza&quot;,&quot;Potenza&quot;],[&quot;Prato&quot;,&quot;Prato&quot;],[&quot;Ragusa&quot;,&quot;Ragusa&quot;],[&quot;Ravenna&quot;,&quot;Ravenna&quot;],[&quot;Reggio Calabria&quot;,&quot;Reggio Calabria&quot;],[&quot;Reggio Emilia&quot;,&quot;Reggio Emilia&quot;],[&quot;Rieti&quot;,&quot;Rieti&quot;],[&quot;Rimini&quot;,&quot;Rimini&quot;],[&quot;Roma&quot;,&quot;Rome&quot;],[&quot;Rovigo&quot;,&quot;Rovigo&quot;],[&quot;Salerno&quot;,&quot;Salerno&quot;],[&quot;Sassari&quot;,&quot;Sassari&quot;],[&quot;Savona&quot;,&quot;Savona&quot;],[&quot;Siena&quot;,&quot;Siena&quot;],[&quot;Siracusa&quot;,&quot;Syracuse&quot;],[&quot;Sondrio&quot;,&quot;Sondrio&quot;],[&quot;Sulcis Iglesiente&quot;,&quot;Sulcis Iglesiente&quot;],[&quot;Taranto&quot;,&quot;Taranto&quot;],[&quot;Teramo&quot;,&quot;Teramo&quot;],[&quot;Terni&quot;,&quot;Terni&quot;],[&quot;Torino&quot;,&quot;Turin&quot;],[&quot;Trapani&quot;,&quot;Trapani&quot;],[&quot;Trento&quot;,&quot;Trentino&quot;],[&quot;Treviso&quot;,&quot;Treviso&quot;],[&quot;Trieste&quot;,&quot;Trieste&quot;],[&quot;Udine&quot;,&quot;Udine&quot;],[&quot;Varese&quot;,&quot;Varese&quot;],[&quot;Venezia&quot;,&quot;Venice&quot;],[&quot;Verbano-Cusio-Ossola&quot;,&quot;Verbano-Cusio-Ossola&quot;],[&quot;Vercelli&quot;,&quot;Vercelli&quot;],[&quot;Verona&quot;,&quot;Verona&quot;],[&quot;Vibo Valentia&quot;,&quot;Vibo Valentia&quot;],[&quot;Vicenza&quot;,&quot;Vicenza&quot;],[&quot;Viterbo&quot;,&quot;Viterbo&quot;]]">Italy</option>
3298<option value="Jamaica" data-provinces="[]">Jamaica</option>
3299<option value="Japan" data-provinces="[[&quot;Aichi&quot;,&quot;Aichi&quot;],[&quot;Akita&quot;,&quot;Akita&quot;],[&quot;Aomori&quot;,&quot;Aomori&quot;],[&quot;Chiba&quot;,&quot;Chiba&quot;],[&quot;Ehime&quot;,&quot;Ehime&quot;],[&quot;Fukui&quot;,&quot;Fukui&quot;],[&quot;Fukuoka&quot;,&quot;Fukuoka&quot;],[&quot;Fukushima&quot;,&quot;Fukushima&quot;],[&quot;Gifu&quot;,&quot;Gifu&quot;],[&quot;Gunma&quot;,&quot;Gunma&quot;],[&quot;Hiroshima&quot;,&quot;Hiroshima&quot;],[&quot;Hokkaidō&quot;,&quot;Hokkaido&quot;],[&quot;Hyōgo&quot;,&quot;Hyogo&quot;],[&quot;Ibaraki&quot;,&quot;Ibaraki&quot;],[&quot;Ishikawa&quot;,&quot;Ishikawa&quot;],[&quot;Iwate&quot;,&quot;Iwate&quot;],[&quot;Kagawa&quot;,&quot;Kagawa&quot;],[&quot;Kagoshima&quot;,&quot;Kagoshima&quot;],[&quot;Kanagawa&quot;,&quot;Kanagawa&quot;],[&quot;Kumamoto&quot;,&quot;Kumamoto&quot;],[&quot;Kyōto&quot;,&quot;Kyoto&quot;],[&quot;Kōchi&quot;,&quot;Kochi&quot;],[&quot;Mie&quot;,&quot;Mie&quot;],[&quot;Miyagi&quot;,&quot;Miyagi&quot;],[&quot;Miyazaki&quot;,&quot;Miyazaki&quot;],[&quot;Nagano&quot;,&quot;Nagano&quot;],[&quot;Nagasaki&quot;,&quot;Nagasaki&quot;],[&quot;Nara&quot;,&quot;Nara&quot;],[&quot;Niigata&quot;,&quot;Niigata&quot;],[&quot;Okayama&quot;,&quot;Okayama&quot;],[&quot;Okinawa&quot;,&quot;Okinawa&quot;],[&quot;Saga&quot;,&quot;Saga&quot;],[&quot;Saitama&quot;,&quot;Saitama&quot;],[&quot;Shiga&quot;,&quot;Shiga&quot;],[&quot;Shimane&quot;,&quot;Shimane&quot;],[&quot;Shizuoka&quot;,&quot;Shizuoka&quot;],[&quot;Tochigi&quot;,&quot;Tochigi&quot;],[&quot;Tokushima&quot;,&quot;Tokushima&quot;],[&quot;Tottori&quot;,&quot;Tottori&quot;],[&quot;Toyama&quot;,&quot;Toyama&quot;],[&quot;Tōkyō&quot;,&quot;Tokyo&quot;],[&quot;Wakayama&quot;,&quot;Wakayama&quot;],[&quot;Yamagata&quot;,&quot;Yamagata&quot;],[&quot;Yamaguchi&quot;,&quot;Yamaguchi&quot;],[&quot;Yamanashi&quot;,&quot;Yamanashi&quot;],[&quot;Ōita&quot;,&quot;Oita&quot;],[&quot;Ōsaka&quot;,&quot;Osaka&quot;]]">Japan</option>
3300<option value="Jersey" data-provinces="[]">Jersey</option>
3301<option value="Jordan" data-provinces="[]">Jordan</option>
3302<option value="Kazakhstan" data-provinces="[]">Kazakhstan</option>
3303<option value="Kenya" data-provinces="[]">Kenya</option>
3304<option value="Kiribati" data-provinces="[]">Kiribati</option>
3305<option value="Kosovo" data-provinces="[]">Kosovo</option>
3306<option value="Kuwait" data-provinces="[[&quot;Al Ahmadi&quot;,&quot;Al Ahmadi&quot;],[&quot;Al Asimah&quot;,&quot;Al Asimah&quot;],[&quot;Al Farwaniyah&quot;,&quot;Al Farwaniyah&quot;],[&quot;Al Jahra&quot;,&quot;Al Jahra&quot;],[&quot;Hawalli&quot;,&quot;Hawalli&quot;],[&quot;Mubarak Al-Kabeer&quot;,&quot;Mubarak Al-Kabeer&quot;]]">Kuwait</option>
3307<option value="Kyrgyzstan" data-provinces="[]">Kyrgyzstan</option>
3308<option value="Lao People's Democratic Republic" data-provinces="[]">Laos</option>
3309<option value="Latvia" data-provinces="[]">Latvia</option>
3310<option value="Lebanon" data-provinces="[]">Lebanon</option>
3311<option value="Lesotho" data-provinces="[]">Lesotho</option>
3312<option value="Liberia" data-provinces="[]">Liberia</option>
3313<option value="Libyan Arab Jamahiriya" data-provinces="[]">Libya</option>
3314<option value="Liechtenstein" data-provinces="[]">Liechtenstein</option>
3315<option value="Lithuania" data-provinces="[]">Lithuania</option>
3316<option value="Luxembourg" data-provinces="[]">Luxembourg</option>
3317<option value="Macao" data-provinces="[]">Macao SAR</option>
3318<option value="Madagascar" data-provinces="[]">Madagascar</option>
3319<option value="Malawi" data-provinces="[]">Malawi</option>
3320<option value="Malaysia" data-provinces="[[&quot;Johor&quot;,&quot;Johor&quot;],[&quot;Kedah&quot;,&quot;Kedah&quot;],[&quot;Kelantan&quot;,&quot;Kelantan&quot;],[&quot;Kuala Lumpur&quot;,&quot;Kuala Lumpur&quot;],[&quot;Labuan&quot;,&quot;Labuan&quot;],[&quot;Melaka&quot;,&quot;Malacca&quot;],[&quot;Negeri Sembilan&quot;,&quot;Negeri Sembilan&quot;],[&quot;Pahang&quot;,&quot;Pahang&quot;],[&quot;Penang&quot;,&quot;Penang&quot;],[&quot;Perak&quot;,&quot;Perak&quot;],[&quot;Perlis&quot;,&quot;Perlis&quot;],[&quot;Putrajaya&quot;,&quot;Putrajaya&quot;],[&quot;Sabah&quot;,&quot;Sabah&quot;],[&quot;Sarawak&quot;,&quot;Sarawak&quot;],[&quot;Selangor&quot;,&quot;Selangor&quot;],[&quot;Terengganu&quot;,&quot;Terengganu&quot;]]">Malaysia</option>
3321<option value="Maldives" data-provinces="[]">Maldives</option>
3322<option value="Mali" data-provinces="[]">Mali</option>
3323<option value="Malta" data-provinces="[]">Malta</option>
3324<option value="Martinique" data-provinces="[]">Martinique</option>
3325<option value="Mauritania" data-provinces="[]">Mauritania</option>
3326<option value="Mauritius" data-provinces="[]">Mauritius</option>
3327<option value="Mayotte" data-provinces="[]">Mayotte</option>
3328<option value="Mexico" data-provinces="[[&quot;Aguascalientes&quot;,&quot;Aguascalientes&quot;],[&quot;Baja California&quot;,&quot;Baja California&quot;],[&quot;Baja California Sur&quot;,&quot;Baja California Sur&quot;],[&quot;Campeche&quot;,&quot;Campeche&quot;],[&quot;Chiapas&quot;,&quot;Chiapas&quot;],[&quot;Chihuahua&quot;,&quot;Chihuahua&quot;],[&quot;Ciudad de México&quot;,&quot;Ciudad de Mexico&quot;],[&quot;Coahuila&quot;,&quot;Coahuila&quot;],[&quot;Colima&quot;,&quot;Colima&quot;],[&quot;Durango&quot;,&quot;Durango&quot;],[&quot;Guanajuato&quot;,&quot;Guanajuato&quot;],[&quot;Guerrero&quot;,&quot;Guerrero&quot;],[&quot;Hidalgo&quot;,&quot;Hidalgo&quot;],[&quot;Jalisco&quot;,&quot;Jalisco&quot;],[&quot;Michoacán&quot;,&quot;Michoacán&quot;],[&quot;Morelos&quot;,&quot;Morelos&quot;],[&quot;México&quot;,&quot;Mexico State&quot;],[&quot;Nayarit&quot;,&quot;Nayarit&quot;],[&quot;Nuevo León&quot;,&quot;Nuevo León&quot;],[&quot;Oaxaca&quot;,&quot;Oaxaca&quot;],[&quot;Puebla&quot;,&quot;Puebla&quot;],[&quot;Querétaro&quot;,&quot;Querétaro&quot;],[&quot;Quintana Roo&quot;,&quot;Quintana Roo&quot;],[&quot;San Luis Potosí&quot;,&quot;San Luis Potosí&quot;],[&quot;Sinaloa&quot;,&quot;Sinaloa&quot;],[&quot;Sonora&quot;,&quot;Sonora&quot;],[&quot;Tabasco&quot;,&quot;Tabasco&quot;],[&quot;Tamaulipas&quot;,&quot;Tamaulipas&quot;],[&quot;Tlaxcala&quot;,&quot;Tlaxcala&quot;],[&quot;Veracruz&quot;,&quot;Veracruz&quot;],[&quot;Yucatán&quot;,&quot;Yucatán&quot;],[&quot;Zacatecas&quot;,&quot;Zacatecas&quot;]]">Mexico</option>
3329<option value="Moldova, Republic of" data-provinces="[]">Moldova</option>
3330<option value="Monaco" data-provinces="[]">Monaco</option>
3331<option value="Mongolia" data-provinces="[]">Mongolia</option>
3332<option value="Montenegro" data-provinces="[]">Montenegro</option>
3333<option value="Montserrat" data-provinces="[]">Montserrat</option>
3334<option value="Morocco" data-provinces="[]">Morocco</option>
3335<option value="Mozambique" data-provinces="[]">Mozambique</option>
3336<option value="Myanmar" data-provinces="[]">Myanmar (Burma)</option>
3337<option value="Namibia" data-provinces="[]">Namibia</option>
3338<option value="Nauru" data-provinces="[]">Nauru</option>
3339<option value="Nepal" data-provinces="[]">Nepal</option>
3340<option value="Netherlands" data-provinces="[]">Netherlands</option>
3341<option value="New Caledonia" data-provinces="[]">New Caledonia</option>
3342<option value="New Zealand" data-provinces="[[&quot;Auckland&quot;,&quot;Auckland&quot;],[&quot;Bay of Plenty&quot;,&quot;Bay of Plenty&quot;],[&quot;Canterbury&quot;,&quot;Canterbury&quot;],[&quot;Chatham Islands&quot;,&quot;Chatham Islands&quot;],[&quot;Gisborne&quot;,&quot;Gisborne&quot;],[&quot;Hawke&#39;s Bay&quot;,&quot;Hawke’s Bay&quot;],[&quot;Manawatu-Wanganui&quot;,&quot;Manawatū-Whanganui&quot;],[&quot;Marlborough&quot;,&quot;Marlborough&quot;],[&quot;Nelson&quot;,&quot;Nelson&quot;],[&quot;Northland&quot;,&quot;Northland&quot;],[&quot;Otago&quot;,&quot;Otago&quot;],[&quot;Southland&quot;,&quot;Southland&quot;],[&quot;Taranaki&quot;,&quot;Taranaki&quot;],[&quot;Tasman&quot;,&quot;Tasman&quot;],[&quot;Waikato&quot;,&quot;Waikato&quot;],[&quot;Wellington&quot;,&quot;Wellington&quot;],[&quot;West Coast&quot;,&quot;West Coast&quot;]]">New Zealand</option>
3343<option value="Nicaragua" data-provinces="[]">Nicaragua</option>
3344<option value="Niger" data-provinces="[]">Niger</option>
3345<option value="Nigeria" data-provinces="[[&quot;Abia&quot;,&quot;Abia&quot;],[&quot;Abuja Federal Capital Territory&quot;,&quot;Federal Capital Territory&quot;],[&quot;Adamawa&quot;,&quot;Adamawa&quot;],[&quot;Akwa Ibom&quot;,&quot;Akwa Ibom&quot;],[&quot;Anambra&quot;,&quot;Anambra&quot;],[&quot;Bauchi&quot;,&quot;Bauchi&quot;],[&quot;Bayelsa&quot;,&quot;Bayelsa&quot;],[&quot;Benue&quot;,&quot;Benue&quot;],[&quot;Borno&quot;,&quot;Borno&quot;],[&quot;Cross River&quot;,&quot;Cross River&quot;],[&quot;Delta&quot;,&quot;Delta&quot;],[&quot;Ebonyi&quot;,&quot;Ebonyi&quot;],[&quot;Edo&quot;,&quot;Edo&quot;],[&quot;Ekiti&quot;,&quot;Ekiti&quot;],[&quot;Enugu&quot;,&quot;Enugu&quot;],[&quot;Gombe&quot;,&quot;Gombe&quot;],[&quot;Imo&quot;,&quot;Imo&quot;],[&quot;Jigawa&quot;,&quot;Jigawa&quot;],[&quot;Kaduna&quot;,&quot;Kaduna&quot;],[&quot;Kano&quot;,&quot;Kano&quot;],[&quot;Katsina&quot;,&quot;Katsina&quot;],[&quot;Kebbi&quot;,&quot;Kebbi&quot;],[&quot;Kogi&quot;,&quot;Kogi&quot;],[&quot;Kwara&quot;,&quot;Kwara&quot;],[&quot;Lagos&quot;,&quot;Lagos&quot;],[&quot;Nasarawa&quot;,&quot;Nasarawa&quot;],[&quot;Niger&quot;,&quot;Niger&quot;],[&quot;Ogun&quot;,&quot;Ogun&quot;],[&quot;Ondo&quot;,&quot;Ondo&quot;],[&quot;Osun&quot;,&quot;Osun&quot;],[&quot;Oyo&quot;,&quot;Oyo&quot;],[&quot;Plateau&quot;,&quot;Plateau&quot;],[&quot;Rivers&quot;,&quot;Rivers&quot;],[&quot;Sokoto&quot;,&quot;Sokoto&quot;],[&quot;Taraba&quot;,&quot;Taraba&quot;],[&quot;Yobe&quot;,&quot;Yobe&quot;],[&quot;Zamfara&quot;,&quot;Zamfara&quot;]]">Nigeria</option>
3346<option value="Niue" data-provinces="[]">Niue</option>
3347<option value="Norfolk Island" data-provinces="[]">Norfolk Island</option>
3348<option value="North Macedonia" data-provinces="[]">North Macedonia</option>
3349<option value="Norway" data-provinces="[]">Norway</option>
3350<option value="Oman" data-provinces="[]">Oman</option>
3351<option value="Pakistan" data-provinces="[]">Pakistan</option>
3352<option value="Palestinian Territory, Occupied" data-provinces="[]">Palestinian Territories</option>
3353<option value="Panama" data-provinces="[[&quot;Bocas del Toro&quot;,&quot;Bocas del Toro&quot;],[&quot;Chiriquí&quot;,&quot;Chiriquí&quot;],[&quot;Coclé&quot;,&quot;Coclé&quot;],[&quot;Colón&quot;,&quot;Colón&quot;],[&quot;Darién&quot;,&quot;Darién&quot;],[&quot;Emberá&quot;,&quot;Emberá&quot;],[&quot;Herrera&quot;,&quot;Herrera&quot;],[&quot;Kuna Yala&quot;,&quot;Guna Yala&quot;],[&quot;Los Santos&quot;,&quot;Los Santos&quot;],[&quot;Ngöbe-Buglé&quot;,&quot;Ngöbe-Buglé&quot;],[&quot;Panamá&quot;,&quot;Panamá&quot;],[&quot;Panamá Oeste&quot;,&quot;West Panamá&quot;],[&quot;Veraguas&quot;,&quot;Veraguas&quot;]]">Panama</option>
3354<option value="Papua New Guinea" data-provinces="[]">Papua New Guinea</option>
3355<option value="Paraguay" data-provinces="[]">Paraguay</option>
3356<option value="Peru" data-provinces="[[&quot;Amazonas&quot;,&quot;Amazonas&quot;],[&quot;Apurímac&quot;,&quot;Apurímac&quot;],[&quot;Arequipa&quot;,&quot;Arequipa&quot;],[&quot;Ayacucho&quot;,&quot;Ayacucho&quot;],[&quot;Cajamarca&quot;,&quot;Cajamarca&quot;],[&quot;Callao&quot;,&quot;El Callao&quot;],[&quot;Cuzco&quot;,&quot;Cusco&quot;],[&quot;Huancavelica&quot;,&quot;Huancavelica&quot;],[&quot;Huánuco&quot;,&quot;Huánuco&quot;],[&quot;Ica&quot;,&quot;Ica&quot;],[&quot;Junín&quot;,&quot;Junín&quot;],[&quot;La Libertad&quot;,&quot;La Libertad&quot;],[&quot;Lambayeque&quot;,&quot;Lambayeque&quot;],[&quot;Lima (departamento)&quot;,&quot;Lima (Department)&quot;],[&quot;Lima (provincia)&quot;,&quot;Lima (Metropolitan)&quot;],[&quot;Loreto&quot;,&quot;Loreto&quot;],[&quot;Madre de Dios&quot;,&quot;Madre de Dios&quot;],[&quot;Moquegua&quot;,&quot;Moquegua&quot;],[&quot;Pasco&quot;,&quot;Pasco&quot;],[&quot;Piura&quot;,&quot;Piura&quot;],[&quot;Puno&quot;,&quot;Puno&quot;],[&quot;San Martín&quot;,&quot;San Martín&quot;],[&quot;Tacna&quot;,&quot;Tacna&quot;],[&quot;Tumbes&quot;,&quot;Tumbes&quot;],[&quot;Ucayali&quot;,&quot;Ucayali&quot;],[&quot;Áncash&quot;,&quot;Ancash&quot;]]">
3356Peru</option>
3357<option value="Philippines" data-provinces="[[&quot;Abra&quot;,&quot;Abra&quot;],[&quot;Agusan del Norte&quot;,&quot;Agusan del Norte&quot;],[&quot;Agusan del Sur&quot;,&quot;Agusan del Sur&quot;],[&quot;Aklan&quot;,&quot;Aklan&quot;],[&quot;Albay&quot;,&quot;Albay&quot;],[&quot;Antique&quot;,&quot;Antique&quot;],[&quot;Apayao&quot;,&quot;Apayao&quot;],[&quot;Aurora&quot;,&quot;Aurora&quot;],[&quot;Basilan&quot;,&quot;Basilan&quot;],[&quot;Bataan&quot;,&quot;Bataan&quot;],[&quot;Batanes&quot;,&quot;Batanes&quot;],[&quot;Batangas&quot;,&quot;Batangas&quot;],[&quot;Benguet&quot;,&quot;Benguet&quot;],[&quot;Biliran&quot;,&quot;Biliran&quot;],[&quot;Bohol&quot;,&quot;Bohol&quot;],[&quot;Bukidnon&quot;,&quot;Bukidnon&quot;],[&quot;Bulacan&quot;,&quot;Bulacan&quot;],[&quot;Cagayan&quot;,&quot;Cagayan&quot;],[&quot;Camarines Norte&quot;,&quot;Camarines Norte&quot;],[&quot;Camarines Sur&quot;,&quot;Camarines Sur&quot;],[&quot;Camiguin&quot;,&quot;Camiguin&quot;],[&quot;Capiz&quot;,&quot;Capiz&quot;],[&quot;Catanduanes&quot;,&quot;Catanduanes&quot;],[&quot;Cavite&quot;,&quot;Cavite&quot;],[&quot;Cebu&quot;,&quot;Cebu&quot;],[&quot;Cotabato&quot;,&quot;Cotabato&quot;],[&quot;Davao Occidental&quot;,&quot;Davao Occidental&quot;],[&quot;Davao Oriental&quot;,&quot;Davao Oriental&quot;],[&quot;Davao de Oro&quot;,&quot;Compostela Valley&quot;],[&quot;Davao del Norte&quot;,&quot;Davao del Norte&quot;],[&quot;Davao del Sur&quot;,&quot;Davao del Sur&quot;],[&quot;Dinagat Islands&quot;,&quot;Dinagat Islands&quot;],[&quot;Eastern Samar&quot;,&quot;Eastern Samar&quot;],[&quot;Guimaras&quot;,&quot;Guimaras&quot;],[&quot;Ifugao&quot;,&quot;Ifugao&quot;],[&quot;Ilocos Norte&quot;,&quot;Ilocos Norte&quot;],[&quot;Ilocos Sur&quot;,&quot;Ilocos Sur&quot;],[&quot;Iloilo&quot;,&quot;Iloilo&quot;],[&quot;Isabela&quot;,&quot;Isabela&quot;],[&quot;Kalinga&quot;,&quot;Kalinga&quot;],[&quot;La Union&quot;,&quot;La Union&quot;],[&quot;Laguna&quot;,&quot;Laguna&quot;],[&quot;Lanao del Norte&quot;,&quot;Lanao del Norte&quot;],[&quot;Lanao del Sur&quot;,&quot;Lanao del Sur&quot;],[&quot;Leyte&quot;,&quot;Leyte&quot;],[&quot;Maguindanao&quot;,&quot;Maguindanao&quot;],[&quot;Marinduque&quot;,&quot;Marinduque&quot;],[&quot;Masbate&quot;,&quot;Masbate&quot;],[&quot;Metro Manila&quot;,&quot;Metro Manila&quot;],[&quot;Misamis Occidental&quot;,&quot;Misamis Occidental&quot;],[&quot;Misamis Oriental&quot;,&quot;Misamis Oriental&quot;],[&quot;Mountain Province&quot;,&quot;Mountain&quot;],[&quot;Negros Occidental&quot;,&quot;Negros Occidental&quot;],[&quot;Negros Oriental&quot;,&quot;Negros Oriental&quot;],[&quot;Northern Samar&quot;,&quot;Northern Samar&quot;],[&quot;Nueva Ecija&quot;,&quot;Nueva Ecija&quot;],[&quot;Nueva Vizcaya&quot;,&quot;Nueva Vizcaya&quot;],[&quot;Occidental Mindoro&quot;,&quot;Occidental Mindoro&quot;],[&quot;Oriental Mindoro&quot;,&quot;Oriental Mindoro&quot;],[&quot;Palawan&quot;,&quot;Palawan&quot;],[&quot;Pampanga&quot;,&quot;Pampanga&quot;],[&quot;Pangasinan&quot;,&quot;Pangasinan&quot;],[&quot;Quezon&quot;,&quot;Quezon&quot;],[&quot;Quirino&quot;,&quot;Quirino&quot;],[&quot;Rizal&quot;,&quot;Rizal&quot;],[&quot;Romblon&quot;,&quot;Romblon&quot;],[&quot;Samar&quot;,&quot;Samar&quot;],[&quot;Sarangani&quot;,&quot;Sarangani&quot;],[&quot;Siquijor&quot;,&quot;Siquijor&quot;],[&quot;Sorsogon&quot;,&quot;Sorsogon&quot;],[&quot;South Cotabato&quot;,&quot;South Cotabato&quot;],[&quot;Southern Leyte&quot;,&quot;Southern Leyte&quot;],[&quot;Sultan Kudarat&quot;,&quot;Sultan Kudarat&quot;],[&quot;Sulu&quot;,&quot;Sulu&quot;],[&quot;Surigao del Norte&quot;,&quot;Surigao del Norte&quot;],[&quot;Surigao del Sur&quot;,&quot;Surigao del Sur&quot;],[&quot;Tarlac&quot;,&quot;Tarlac&quot;],[&quot;Tawi-Tawi&quot;,&quot;Tawi-Tawi&quot;],[&quot;Zambales&quot;,&quot;Zambales&quot;],[&quot;Zamboanga Sibugay&quot;,&quot;Zamboanga Sibugay&quot;],[&quot;Zamboanga del Norte&quot;,&quot;Zamboanga del Norte&quot;],[&quot;Zamboanga del Sur&quot;,&quot;Zamboanga del Sur&quot;]]">Philippines</option>
3358<option value="Pitcairn" data-provinces="[]">Pitcairn Islands</option>
3359<option value="Poland" data-provinces="[]">Poland</option>
3360<option value="Portugal" data-provinces="[[&quot;Aveiro&quot;,&quot;Aveiro&quot;],[&quot;Açores&quot;,&quot;Azores&quot;],[&quot;Beja&quot;,&quot;Beja&quot;],[&quot;Braga&quot;,&quot;Braga&quot;],[&quot;Bragança&quot;,&quot;Bragança&quot;],[&quot;Castelo Branco&quot;,&quot;Castelo Branco&quot;],[&quot;Coimbra&quot;,&quot;Coimbra&quot;],[&quot;Faro&quot;,&quot;Faro&quot;],[&quot;Guarda&quot;,&quot;Guarda&quot;],[&quot;Leiria&quot;,&quot;Leiria&quot;],[&quot;Lisboa&quot;,&quot;Lisbon&quot;],[&quot;Madeira&quot;,&quot;Madeira&quot;],[&quot;Portalegre&quot;,&quot;Portalegre&quot;],[&quot;Porto&quot;,&quot;Porto&quot;],[&quot;Santarém&quot;,&quot;Santarém&quot;],[&quot;Setúbal&quot;,&quot;Setúbal&quot;],[&quot;Viana do Castelo&quot;,&quot;Viana do Castelo&quot;],[&quot;Vila Real&quot;,&quot;Vila Real&quot;],[&quot;Viseu&quot;,&quot;Viseu&quot;],[&quot;Évora&quot;,&quot;Évora&quot;]]">Portugal</option>
3361<option value="Qatar" data-provinces="[]">Qatar</option>
3362<option value="Reunion" data-provinces="[]">Réunion</option>
3363<option value="Romania" data-provinces="[[&quot;Alba&quot;,&quot;Alba&quot;],[&quot;Arad&quot;,&quot;Arad&quot;],[&quot;Argeș&quot;,&quot;Argeș&quot;],[&quot;Bacău&quot;,&quot;Bacău&quot;],[&quot;Bihor&quot;,&quot;Bihor&quot;],[&quot;Bistrița-Năsăud&quot;,&quot;Bistriţa-Năsăud&quot;],[&quot;Botoșani&quot;,&quot;Botoşani&quot;],[&quot;Brașov&quot;,&quot;Braşov&quot;],[&quot;Brăila&quot;,&quot;Brăila&quot;],[&quot;București&quot;,&quot;Bucharest&quot;],[&quot;Buzău&quot;,&quot;Buzău&quot;],[&quot;Caraș-Severin&quot;,&quot;Caraș-Severin&quot;],[&quot;Cluj&quot;,&quot;Cluj&quot;],[&quot;Constanța&quot;,&quot;Constanța&quot;],[&quot;Covasna&quot;,&quot;Covasna&quot;],[&quot;Călărași&quot;,&quot;Călărași&quot;],[&quot;Dolj&quot;,&quot;Dolj&quot;],[&quot;Dâmbovița&quot;,&quot;Dâmbovița&quot;],[&quot;Galați&quot;,&quot;Galați&quot;],[&quot;Giurgiu&quot;,&quot;Giurgiu&quot;],[&quot;Gorj&quot;,&quot;Gorj&quot;],[&quot;Harghita&quot;,&quot;Harghita&quot;],[&quot;Hunedoara&quot;,&quot;Hunedoara&quot;],[&quot;Ialomița&quot;,&quot;Ialomița&quot;],[&quot;Iași&quot;,&quot;Iași&quot;],[&quot;Ilfov&quot;,&quot;Ilfov&quot;],[&quot;Maramureș&quot;,&quot;Maramureş&quot;],[&quot;Mehedinți&quot;,&quot;Mehedinți&quot;],[&quot;Mureș&quot;,&quot;Mureş&quot;],[&quot;Neamț&quot;,&quot;Neamţ&quot;],[&quot;Olt&quot;,&quot;Olt&quot;],[&quot;Prahova&quot;,&quot;Prahova&quot;],[&quot;Satu Mare&quot;,&quot;Satu Mare&quot;],[&quot;Sibiu&quot;,&quot;Sibiu&quot;],[&quot;Suceava&quot;,&quot;Suceava&quot;],[&quot;Sălaj&quot;,&quot;Sălaj&quot;],[&quot;Teleorman&quot;,&quot;Teleorman&quot;],[&quot;Timiș&quot;,&quot;Timiș&quot;],[&quot;Tulcea&quot;,&quot;Tulcea&quot;],[&quot;Vaslui&quot;,&quot;Vaslui&quot;],[&quot;Vrancea&quot;,&quot;Vrancea&quot;],[&quot;Vâlcea&quot;,&quot;Vâlcea&quot;]]">Romania</option>
3364<option value="Russia" data-provinces="[[&quot;Altai Krai&quot;,&quot;Altai Krai&quot;],[&quot;Altai Republic&quot;,&quot;Altai&quot;],[&quot;Amur Oblast&quot;,&quot;Amur&quot;],[&quot;Arkhangelsk Oblast&quot;,&quot;Arkhangelsk&quot;],[&quot;Astrakhan Oblast&quot;,&quot;Astrakhan&quot;],[&quot;Belgorod Oblast&quot;,&quot;Belgorod&quot;],[&quot;Bryansk Oblast&quot;,&quot;Bryansk&quot;],[&quot;Chechen Republic&quot;,&quot;Chechen&quot;],[&quot;Chelyabinsk Oblast&quot;,&quot;Chelyabinsk&quot;],[&quot;Chukotka Autonomous Okrug&quot;,&quot;Chukotka Okrug&quot;],[&quot;Chuvash Republic&quot;,&quot;Chuvash&quot;],[&quot;Irkutsk Oblast&quot;,&quot;Irkutsk&quot;],[&quot;Ivanovo Oblast&quot;,&quot;Ivanovo&quot;],[&quot;Jewish Autonomous Oblast&quot;,&quot;Jewish&quot;],[&quot;Kabardino-Balkarian Republic&quot;,&quot;Kabardino-Balkar&quot;],[&quot;Kaliningrad Oblast&quot;,&quot;Kaliningrad&quot;],[&quot;Kaluga Oblast&quot;,&quot;Kaluga&quot;],[&quot;Kamchatka Krai&quot;,&quot;Kamchatka Krai&quot;],[&quot;Karachay–Cherkess Republic&quot;,&quot;Karachay-Cherkess&quot;],[&quot;Kemerovo Oblast&quot;,&quot;Kemerovo&quot;],[&quot;Khabarovsk Krai&quot;,&quot;Khabarovsk Krai&quot;],[&quot;Khanty-Mansi Autonomous Okrug&quot;,&quot;Khanty-Mansi&quot;],[&quot;Kirov Oblast&quot;,&quot;Kirov&quot;],[&quot;Komi Republic&quot;,&quot;Komi&quot;],[&quot;Kostroma Oblast&quot;,&quot;Kostroma&quot;],[&quot;Krasnodar Krai&quot;,&quot;Krasnodar Krai&quot;],[&quot;Krasnoyarsk Krai&quot;,&quot;Krasnoyarsk Krai&quot;],[&quot;Kurgan Oblast&quot;,&quot;Kurgan&quot;],[&quot;Kursk Oblast&quot;,&quot;Kursk&quot;],[&quot;Leningrad Oblast&quot;,&quot;Leningrad&quot;],[&quot;Lipetsk Oblast&quot;,&quot;Lipetsk&quot;],[&quot;Magadan Oblast&quot;,&quot;Magadan&quot;],[&quot;Mari El Republic&quot;,&quot;Mari El&quot;],[&quot;Moscow&quot;,&quot;Moscow&quot;],[&quot;Moscow Oblast&quot;,&quot;Moscow Province&quot;],[&quot;Murmansk Oblast&quot;,&quot;Murmansk&quot;],[&quot;Nizhny Novgorod Oblast&quot;,&quot;Nizhny Novgorod&quot;],[&quot;Novgorod Oblast&quot;,&quot;Novgorod&quot;],[&quot;Novosibirsk Oblast&quot;,&quot;Novosibirsk&quot;],[&quot;Omsk Oblast&quot;,&quot;Omsk&quot;],[&quot;Orenburg Oblast&quot;,&quot;Orenburg&quot;],[&quot;Oryol Oblast&quot;,&quot;Oryol&quot;],[&quot;Penza Oblast&quot;,&quot;Penza&quot;],[&quot;Perm Krai&quot;,&quot;Perm Krai&quot;],[&quot;Primorsky Krai&quot;,&quot;Primorsky Krai&quot;],[&quot;Pskov Oblast&quot;,&quot;Pskov&quot;],[&quot;Republic of Adygeya&quot;,&quot;Adygea&quot;],[&quot;Republic of Bashkortostan&quot;,&quot;Bashkortostan&quot;],[&quot;Republic of Buryatia&quot;,&quot;Buryat&quot;],[&quot;Republic of Dagestan&quot;,&quot;Dagestan&quot;],[&quot;Republic of Ingushetia&quot;,&quot;Ingushetia&quot;],[&quot;Republic of Kalmykia&quot;,&quot;Kalmykia&quot;],[&quot;Republic of Karelia&quot;,&quot;Karelia&quot;],[&quot;Republic of Khakassia&quot;,&quot;Khakassia&quot;],[&quot;Republic of Mordovia&quot;,&quot;Mordovia&quot;],[&quot;Republic of North Ossetia–Alania&quot;,&quot;North Ossetia-Alania&quot;],[&quot;Republic of Tatarstan&quot;,&quot;Tatarstan&quot;],[&quot;Rostov Oblast&quot;,&quot;Rostov&quot;],[&quot;Ryazan Oblast&quot;,&quot;Ryazan&quot;],[&quot;Saint Petersburg&quot;,&quot;Saint Petersburg&quot;],[&quot;Sakha Republic (Yakutia)&quot;,&quot;Sakha&quot;],[&quot;Sakhalin Oblast&quot;,&quot;Sakhalin&quot;],[&quot;Samara Oblast&quot;,&quot;Samara&quot;],[&quot;Saratov Oblast&quot;,&quot;Saratov&quot;],[&quot;Smolensk Oblast&quot;,&quot;Smolensk&quot;],[&quot;Stavropol Krai&quot;,&quot;Stavropol Krai&quot;],[&quot;Sverdlovsk Oblast&quot;,&quot;Sverdlovsk&quot;],[&quot;Tambov Oblast&quot;,&quot;Tambov&quot;],[&quot;Tomsk Oblast&quot;,&quot;Tomsk&quot;],[&quot;Tula Oblast&quot;,&quot;Tula&quot;],[&quot;Tver Oblast&quot;,&quot;Tver&quot;],[&quot;Tyumen Oblast&quot;,&quot;Tyumen&quot;],[&quot;Tyva Republic&quot;,&quot;Tuva&quot;],[&quot;Udmurtia&quot;,&quot;Udmurt&quot;],[&quot;Ulyanovsk Oblast&quot;,&quot;Ulyanovsk&quot;],[&quot;Vladimir Oblast&quot;,&quot;Vladimir&quot;],[&quot;Volgograd Oblast&quot;,&quot;Volgograd&quot;],[&quot;Vologda Oblast&quot;,&quot;Vologda&quot;],[&quot;Voronezh Oblast&quot;,&quot;Voronezh&quot;],[&quot;Yamalo-Nenets Autonomous Okrug&quot;,&quot;Yamalo-Nenets Okrug&quot;],[&quot;Yaroslavl Oblast&quot;,&quot;Yaroslavl&quot;],[&quot;Zabaykalsky Krai&quot;,&quot;Zabaykalsky Krai&quot;]]">Russia</option>
3365<option value="Rwanda" data-provinces="[]">Rwanda</option>
3366<option value="Samoa" data-provinces="[]">Samoa</option>
3367<option value="San Marino" data-provinces="[]">San Marino</option>
3368<option value="Sao Tome And Principe" data-provinces="[]">São Tomé & Príncipe</option>
3369<option value="Saudi Arabia" data-provinces="[]">Saudi Arabia</option>
3370<option value="Senegal" data-provinces="[]">Senegal</option>
3371<option value="Serbia" data-provinces="[]">Serbia</option>
3372<option value="Seychelles" data-provinces="[]">Seychelles</option>
3373<option value="Sierra Leone" data-provinces="[]">Sierra Leone</option>
3374<option value="Singapore" data-provinces="[]">Singapore</option>
3375<option value="Sint Maarten" data-provinces="[]">Sint Maarten</option>
3376<option value="Slovakia" data-provinces="[]">Slovakia</option>
3377<option value="Slovenia" data-provinces="[]">Slovenia</option>
3378<option value="Solomon Islands" data-provinces="[]">Solomon Islands</option>
3379<option value="Somalia" data-provinces="[]">Somalia</option>
3380<option value="South Africa" data-provinces="[[&quot;Eastern Cape&quot;,&quot;Eastern Cape&quot;],[&quot;Free State&quot;,&quot;Free State&quot;],[&quot;Gauteng&quot;,&quot;Gauteng&quot;],[&quot;KwaZulu-Natal&quot;,&quot;KwaZulu-Natal&quot;],[&quot;Limpopo&quot;,&quot;Limpopo&quot;],[&quot;Mpumalanga&quot;,&quot;Mpumalanga&quot;],[&quot;North West&quot;,&quot;North West&quot;],[&quot;Northern Cape&quot;,&quot;Northern Cape&quot;],[&quot;Western Cape&quot;,&quot;Western Cape&quot;]]">South Africa</option>
3381<option value="South Georgia And The South Sandwich Islands" data-provinces="[]">South Georgia & South Sandwich Islands</option>
3382<option value="South Korea" data-provinces="[[&quot;Busan&quot;,&quot;Busan&quot;],[&quot;Chungbuk&quot;,&quot;North Chungcheong&quot;],[&quot;Chungnam&quot;,&quot;South Chungcheong&quot;],[&quot;Daegu&quot;,&quot;Daegu&quot;],[&quot;Daejeon&quot;,&quot;Daejeon&quot;],[&quot;Gangwon&quot;,&quot;Gangwon&quot;],[&quot;Gwangju&quot;,&quot;Gwangju City&quot;],[&quot;Gyeongbuk&quot;,&quot;North Gyeongsang&quot;],[&quot;Gyeonggi&quot;,&quot;Gyeonggi&quot;],[&quot;Gyeongnam&quot;,&quot;South Gyeongsang&quot;],[&quot;Incheon&quot;,&quot;Incheon&quot;],[&quot;Jeju&quot;,&quot;Jeju&quot;],[&quot;Jeonbuk&quot;,&quot;North Jeolla&quot;],[&quot;Jeonnam&quot;,&quot;South Jeolla&quot;],[&quot;Sejong&quot;,&quot;Sejong&quot;],[&quot;Seoul&quot;,&quot;Seoul&quot;],[&quot;Ulsan&quot;,&quot;Ulsan&quot;]]">South Korea</option>
3383<option value="South Sudan" data-provinces="[]">South Sudan</option>
3384<option value="Spain" data-provinces="[[&quot;A Coruña&quot;,&quot;A Coruña&quot;],[&quot;Albacete&quot;,&quot;Albacete&quot;],[&quot;Alicante&quot;,&quot;Alicante&quot;],[&quot;Almería&quot;,&quot;Almería&quot;],[&quot;Asturias&quot;,&quot;Asturias Province&quot;],[&quot;Badajoz&quot;,&quot;Badajoz&quot;],[&quot;Balears&quot;,&quot;Balears Province&quot;],[&quot;Barcelona&quot;,&quot;Barcelona&quot;],[&quot;Burgos&quot;,&quot;Burgos&quot;],[&quot;Cantabria&quot;,&quot;Cantabria Province&quot;],[&quot;Castellón&quot;,&quot;Castellón&quot;],[&quot;Ceuta&quot;,&quot;Ceuta&quot;],[&quot;Ciudad Real&quot;,&quot;Ciudad Real&quot;],[&quot;Cuenca&quot;,&quot;Cuenca&quot;],[&quot;Cáceres&quot;,&quot;Cáceres&quot;],[&quot;Cádiz&quot;,&quot;Cádiz&quot;],[&quot;Córdoba&quot;,&quot;Córdoba&quot;],[&quot;Girona&quot;,&quot;Girona&quot;],[&quot;Granada&quot;,&quot;Granada&quot;],[&quot;Guadalajara&quot;,&quot;Guadalajara&quot;],[&quot;
3384Guipúzcoa&quot;,&quot;Gipuzkoa&quot;],[&quot;Huelva&quot;,&quot;Huelva&quot;],[&quot;Huesca&quot;,&quot;Huesca&quot;],[&quot;Jaén&quot;,&quot;Jaén&quot;],[&quot;La Rioja&quot;,&quot;La Rioja Province&quot;],[&quot;Las Palmas&quot;,&quot;Las Palmas&quot;],[&quot;León&quot;,&quot;León&quot;],[&quot;Lleida&quot;,&quot;Lleida&quot;],[&quot;Lugo&quot;,&quot;Lugo&quot;],[&quot;Madrid&quot;,&quot;Madrid Province&quot;],[&quot;Melilla&quot;,&quot;Melilla&quot;],[&quot;Murcia&quot;,&quot;Murcia&quot;],[&quot;Málaga&quot;,&quot;Málaga&quot;],[&quot;Navarra&quot;,&quot;Navarra&quot;],[&quot;Ourense&quot;,&quot;Ourense&quot;],[&quot;Palencia&quot;,&quot;Palencia&quot;],[&quot;Pontevedra&quot;,&quot;Pontevedra&quot;],[&quot;Salamanca&quot;,&quot;Salamanca&quot;],[&quot;Santa Cruz de Tenerife&quot;,&quot;Santa Cruz de Tenerife&quot;],[&quot;Segovia&quot;,&quot;Segovia&quot;],[&quot;Sevilla&quot;,&quot;Seville&quot;],[&quot;Soria&quot;,&quot;Soria&quot;],[&quot;Tarragona&quot;,&quot;Tarragona&quot;],[&quot;Teruel&quot;,&quot;Teruel&quot;],[&quot;Toledo&quot;,&quot;Toledo&quot;],[&quot;Valencia&quot;,&quot;Valencia&quot;],[&quot;Valladolid&quot;,&quot;Valladolid&quot;],[&quot;Vizcaya&quot;,&quot;Biscay&quot;],[&quot;Zamora&quot;,&quot;Zamora&quot;],[&quot;Zaragoza&quot;,&quot;Zaragoza&quot;],[&quot;Álava&quot;,&quot;Álava&quot;],[&quot;Ávila&quot;,&quot;Ávila&quot;]]">Spain</option>
3385<option value="Sri Lanka" data-provinces="[]">Sri Lanka</option>
3386<option value="Saint Barthélemy" data-provinces="[]">St. Barthélemy</option>
3387<option value="Saint Helena" data-provinces="[]">St. Helena</option>
3388<option value="Saint Kitts And Nevis" data-provinces="[]">St. Kitts & Nevis</option>
3389<option value="Saint Lucia" data-provinces="[]">St. Lucia</option>
3390<option value="Saint Martin" data-provinces="[]">St. Martin</option>
3391<option value="Saint Pierre And Miquelon" data-provinces="[]">St. Pierre & Miquelon</option>
3392<option value="St. Vincent" data-provinces="[]">St. Vincent & Grenadines</option>
3393<option value="Sudan" data-provinces="[]">Sudan</option>
3394<option value="Suriname" data-provinces="[]">Suriname</option>
3395<option value="Svalbard And Jan Mayen" data-provinces="[]">Svalbard & Jan Mayen</option>
3396<option value="Sweden" data-provinces="[]">Sweden</option>
3397<option value="Switzerland" data-provinces="[]">Switzerland</option>
3398<option value="Taiwan" data-provinces="[]">Taiwan</option>
3399<option value="Tajikistan" data-provinces="[]">Tajikistan</option>
3400<option value="Tanzania, United Republic Of" data-provinces="[]">Tanzania</option>
3401<option value="Thailand" data-provinces="[[&quot;Amnat Charoen&quot;,&quot;Amnat Charoen&quot;],[&quot;Ang Thong&quot;,&quot;Ang Thong&quot;],[&quot;Bangkok&quot;,&quot;Bangkok&quot;],[&quot;Bueng Kan&quot;,&quot;Bueng Kan&quot;],[&quot;Buriram&quot;,&quot;Buri Ram&quot;],[&quot;Chachoengsao&quot;,&quot;Chachoengsao&quot;],[&quot;Chai Nat&quot;,&quot;Chai Nat&quot;],[&quot;Chaiyaphum&quot;,&quot;Chaiyaphum&quot;],[&quot;Chanthaburi&quot;,&quot;Chanthaburi&quot;],[&quot;Chiang Mai&quot;,&quot;Chiang Mai&quot;],[&quot;Chiang Rai&quot;,&quot;Chiang Rai&quot;],[&quot;Chon Buri&quot;,&quot;Chon Buri&quot;],[&quot;Chumphon&quot;,&quot;Chumphon&quot;],[&quot;Kalasin&quot;,&quot;Kalasin&quot;],[&quot;Kamphaeng Phet&quot;,&quot;Kamphaeng Phet&quot;],[&quot;Kanchanaburi&quot;,&quot;Kanchanaburi&quot;],[&quot;Khon Kaen&quot;,&quot;Khon Kaen&quot;],[&quot;Krabi&quot;,&quot;Krabi&quot;],[&quot;Lampang&quot;,&quot;Lampang&quot;],[&quot;Lamphun&quot;,&quot;Lamphun&quot;],[&quot;Loei&quot;,&quot;Loei&quot;],[&quot;Lopburi&quot;,&quot;Lopburi&quot;],[&quot;Mae Hong Son&quot;,&quot;Mae Hong Son&quot;],[&quot;Maha Sarakham&quot;,&quot;Maha Sarakham&quot;],[&quot;Mukdahan&quot;,&quot;Mukdahan&quot;],[&quot;Nakhon Nayok&quot;,&quot;Nakhon Nayok&quot;],[&quot;Nakhon Pathom&quot;,&quot;Nakhon Pathom&quot;],[&quot;Nakhon Phanom&quot;,&quot;Nakhon Phanom&quot;],[&quot;Nakhon Ratchasima&quot;,&quot;Nakhon Ratchasima&quot;],[&quot;Nakhon Sawan&quot;,&quot;Nakhon Sawan&quot;],[&quot;Nakhon Si Thammarat&quot;,&quot;Nakhon Si Thammarat&quot;],[&quot;Nan&quot;,&quot;Nan&quot;],[&quot;Narathiwat&quot;,&quot;Narathiwat&quot;],[&quot;Nong Bua Lam Phu&quot;,&quot;Nong Bua Lam Phu&quot;],[&quot;Nong Khai&quot;,&quot;Nong Khai&quot;],[&quot;Nonthaburi&quot;,&quot;Nonthaburi&quot;],[&quot;Pathum Thani&quot;,&quot;Pathum Thani&quot;],[&quot;Pattani&quot;,&quot;Pattani&quot;],[&quot;Pattaya&quot;,&quot;Pattaya&quot;],[&quot;Phangnga&quot;,&quot;Phang Nga&quot;],[&quot;Phatthalung&quot;,&quot;Phatthalung&quot;],[&quot;Phayao&quot;,&quot;Phayao&quot;],[&quot;Phetchabun&quot;,&quot;Phetchabun&quot;],[&quot;Phetchaburi&quot;,&quot;Phetchaburi&quot;],[&quot;Phichit&quot;,&quot;Phichit&quot;],[&quot;Phitsanulok&quot;,&quot;Phitsanulok&quot;],[&quot;
3401Phra Nakhon Si Ayutthaya&quot;,&quot;Phra Nakhon Si Ayutthaya&quot;],[&quot;Phrae&quot;,&quot;Phrae&quot;],[&quot;Phuket&quot;,&quot;Phuket&quot;],[&quot;Prachin Buri&quot;,&quot;Prachin Buri&quot;],[&quot;Prachuap Khiri Khan&quot;,&quot;Prachuap Khiri Khan&quot;],[&quot;Ranong&quot;,&quot;Ranong&quot;],[&quot;Ratchaburi&quot;,&quot;Ratchaburi&quot;],[&quot;Rayong&quot;,&quot;Rayong&quot;],[&quot;Roi Et&quot;,&quot;Roi Et&quot;],[&quot;Sa Kaeo&quot;,&quot;Sa Kaeo&quot;],[&quot;Sakon Nakhon&quot;,&quot;Sakon Nakhon&quot;],[&quot;Samut Prakan&quot;,&quot;Samut Prakan&quot;],[&quot;Samut Sakhon&quot;,&quot;Samut Sakhon&quot;],[&quot;Samut Songkhram&quot;,&quot;Samut Songkhram&quot;],[&quot;Saraburi&quot;,&quot;Saraburi&quot;],[&quot;Satun&quot;,&quot;Satun&quot;],[&quot;Sing Buri&quot;,&quot;Sing Buri&quot;],[&quot;Sisaket&quot;,&quot;Si Sa Ket&quot;],[&quot;Songkhla&quot;,&quot;Songkhla&quot;],[&quot;Sukhothai&quot;,&quot;Sukhothai&quot;],[&quot;Suphan Buri&quot;,&quot;Suphanburi&quot;],[&quot;Surat Thani&quot;,&quot;Surat Thani&quot;],[&quot;Surin&quot;,&quot;Surin&quot;],[&quot;Tak&quot;,&quot;Tak&quot;],[&quot;Trang&quot;,&quot;Trang&quot;],[&quot;Trat&quot;,&quot;Trat&quot;],[&quot;Ubon Ratchathani&quot;,&quot;Ubon Ratchathani&quot;],[&quot;Udon Thani&quot;,&quot;Udon Thani&quot;],[&quot;Uthai Thani&quot;,&quot;Uthai Thani&quot;],[&quot;Uttaradit&quot;,&quot;Uttaradit&quot;],[&quot;Yala&quot;,&quot;Yala&quot;],[&quot;Yasothon&quot;,&quot;Yasothon&quot;]]">Thailand</option>
3402<option value="Timor Leste" data-provinces="[]">Timor-Leste</option>
3403<option value="Togo" data-provinces="[]">Togo</option>
3404<option value="Tokelau" data-provinces="[]">Tokelau</option>
3405<option value="Tonga" data-provinces="[]">Tonga</option>
3406<option value="Trinidad and Tobago" data-provinces="[]">Trinidad & Tobago</option>
3407<option value="Tristan da Cunha" data-provinces="[]">Tristan da Cunha</option>
3408<option value="Tunisia" data-provinces="[]">Tunisia</option>
3409<option value="Turkey" data-provinces="[]">Türkiye</option>
3410<option value="Turkmenistan" data-provinces="[]">Turkmenistan</option>
3411<option value="Turks and Caicos Islands" data-provinces="[]">Turks & Caicos Islands</option>
3412<option value="Tuvalu" data-provinces="[]">Tuvalu</option>
3413<option value="United States Minor Outlying Islands" data-provinces="[]">U.S. Outlying Islands</option>
3414<option value="Uganda" data-provinces="[]">Uganda</option>
3415<option value="Ukraine" data-provinces="[]">Ukraine</option>
3416<option value="United Arab Emirates" data-provinces="[[&quot;Abu Dhabi&quot;,&quot;Abu Dhabi&quot;],[&quot;Ajman&quot;,&quot;Ajman&quot;],[&quot;Dubai&quot;,&quot;Dubai&quot;],[&quot;Fujairah&quot;,&quot;Fujairah&quot;],[&quot;Ras al-Khaimah&quot;,&quot;Ras al-Khaimah&quot;],[&quot;Sharjah&quot;,&quot;Sharjah&quot;],[&quot;Umm al-Quwain&quot;,&quot;Umm al-Quwain&quot;]]">United Arab Emirates</option>
3417<option value="United Kingdom" data-provinces="[[&quot;British Forces&quot;,&quot;British Forces&quot;],[&quot;England&quot;,&quot;England&quot;],[&quot;Northern Ireland&quot;,&quot;Northern Ireland&quot;],[&quot;Scotland&quot;,&quot;Scotland&quot;],[&quot;Wales&quot;,&quot;Wales&quot;]]">United Kingdom</option>
3418<option value="United States" data-provinces="[[&quot;Alabama&quot;,&quot;Alabama&quot;],[&quot;Alaska&quot;,&quot;Alaska&quot;],[&quot;American Samoa&quot;,&quot;American Samoa&quot;],[&quot;Arizona&quot;,&quot;Arizona&quot;],[&quot;Arkansas&quot;,&quot;Arkansas&quot;],[&quot;Armed Forces Americas&quot;,&quot;Armed Forces Americas&quot;],[&quot;Armed Forces Europe&quot;,&quot;Armed Forces Europe&quot;],[&quot;Armed Forces Pacific&quot;,&quot;Armed Forces Pacific&quot;],[&quot;California&quot;,&quot;California&quot;],[&quot;Colorado&quot;,&quot;Colorado&quot;],[&quot;Connecticut&quot;,&quot;Connecticut&quot;],[&quot;Delaware&quot;,&quot;Delaware&quot;],[&quot;District of Columbia&quot;,&quot;Washington DC&quot;],[&quot;Federated States of Micronesia&quot;,&quot;Micronesia&quot;],[&quot;Florida&quot;,&quot;Florida&quot;],[&quot;Georgia&quot;,&quot;Georgia&quot;],[&quot;Guam&quot;,&quot;Guam&quot;],[&quot;Hawaii&quot;,&quot;Hawaii&quot;],[&quot;Idaho&quot;,&quot;Idaho&quot;],[&quot;Illinois&quot;,&quot;Illinois&quot;],[&quot;Indiana&quot;,&quot;Indiana&quot;],[&quot;Iowa&quot;,&quot;Iowa&quot;],[&quot;Kansas&quot;,&quot;Kansas&quot;],[&quot;Kentucky&quot;,&quot;Kentucky&quot;],[&quot;Louisiana&quot;,&quot;Louisiana&quot;],[&quot;Maine&quot;,&quot;Maine&quot;],[&quot;Marshall Islands&quot;,&quot;Marshall Islands&quot;],[&quot;Maryland&quot;,&quot;Maryland&quot;],[&quot;Massachusetts&quot;,&quot;Massachusetts&quot;],[&quot;Michigan&quot;,&quot;Michigan&quot;],[&quot;Minnesota&quot;,&quot;Minnesota&quot;],[&quot;Mississippi&quot;,&quot;Mississippi&quot;],[&quot;Missouri&quot;,&quot;Missouri&quot;],[&quot;Montana&quot;,&quot;Montana&quot;],[&quot;Nebraska&quot;,&quot;Nebraska&quot;],[&quot;Nevada&quot;,&quot;Nevada&quot;],[&quot;New Hampshire&quot;,&quot;New Hampshire&quot;],[&quot;New Jersey&quot;,&quot;New Jersey&quot;],[&quot;New Mexico&quot;,&quot;New Mexico&quot;],[&quot;New York&quot;,&quot;New York&quot;],[&quot;North Carolina&quot;,&quot;North Carolina&quot;],[&quot;North Dakota&quot;,&quot;North Dakota&quot;],[&quot;Northern Mariana Islands&quot;,&quot;Northern Mariana Islands&quot;],[&quot;Ohio&quot;,&quot;Ohio&quot;],[&quot;Oklahoma&quot;,&quot;Oklahoma&quot;],[&quot;Oregon&quot;,&quot;Oregon&quot;],[&quot;Palau&quot;,&quot;Palau&quot;],[&quot;Pennsylvania&quot;,&quot;Pennsylvania&quot;],[&quot;Puerto Rico&quot;,&quot;Puerto Rico&quot;],[&quot;Rhode Island&quot;,&quot;Rhode Island&quot;],[&quot;South Carolina&quot;,&quot;South Carolina&quot;],[&quot;South Dakota&quot;,&quot;South Dakota&quot;],[&quot;Tennessee&quot;,&quot;Tennessee&quot;],[&quot;Texas&quot;,&quot;Texas&quot;],[&quot;Utah&quot;,&quot;Utah&quot;],[&quot;Vermont&quot;,&quot;Vermont&quot;],[&quot;Virgin Islands&quot;,&quot;U.S. Virgin Islands&quot;],[&quot;Virginia&quot;,&quot;Virginia&quot;],[&quot;Washington&quot;,&quot;Washington&quot;],[&quot;West Virginia&quot;,&quot;West Virginia&quot;],[&quot;Wisconsin&quot;,&quot;Wisconsin&quot;],[&quot;Wyoming&quot;,&quot;Wyoming&quot;]]">United States</option>
3419<option value="Uruguay" data-provinces="[[&quot;Artigas&quot;,&quot;Artigas&quot;],[&quot;Canelones&quot;,&quot;Canelones&quot;],[&quot;Cerro Largo&quot;,&quot;Cerro Largo&quot;],[&quot;Colonia&quot;,&quot;Colonia&quot;],[&quot;Durazno&quot;,&quot;Durazno&quot;],[&quot;Flores&quot;,&quot;Flores&quot;],[&quot;Florida&quot;,&quot;Florida&quot;],[&quot;Lavalleja&quot;,&quot;Lavalleja&quot;],[&quot;Maldonado&quot;,&quot;Maldonado&quot;],[&quot;Montevideo&quot;,&quot;Montevideo&quot;],[&quot;Paysandú&quot;,&quot;Paysandú&quot;],[&quot;Rivera&quot;,&quot;Rivera&quot;],[&quot;Rocha&quot;,&quot;Rocha&quot;],[&quot;Río Negro&quot;,&quot;Río Negro&quot;],[&quot;Salto&quot;,&quot;Salto&quot;],[&quot;San José&quot;,&quot;San José&quot;],[&quot;Soriano&quot;,&quot;Soriano&quot;],[&quot;Tacuarembó&quot;,&quot;Tacuarembó&quot;],[&quot;Treinta y Tres&quot;,&quot;Treinta y Tres&quot;]]">Uruguay</option>
3420<option value="Uzbekistan" data-provinces="[]">Uzbekistan</option>
3421<option value="Vanuatu" data-provinces="[]">Vanuatu</option>
3422<option value="Holy See (Vatican City State)" data-provinces="[]">Vatican City</option>
3423<option value="Venezuela" data-provinces="[[&quot;Amazonas&quot;,&quot;Amazonas&quot;],[&quot;Anzoátegui&quot;,&quot;Anzoátegui&quot;],[&quot;Apure&quot;,&quot;Apure&quot;],[&quot;Aragua&quot;,&quot;Aragua&quot;],[&quot;Barinas&quot;,&quot;Barinas&quot;],[&quot;Bolívar&quot;,&quot;Bolívar&quot;],[&quot;Carabobo&quot;,&quot;Carabobo&quot;],[&quot;Cojedes&quot;,&quot;Cojedes&quot;],[&quot;Delta Amacuro&quot;,&quot;Delta Amacuro&quot;],[&quot;Dependencias Federales&quot;,&quot;Federal Dependencies&quot;],[&quot;Distrito Capital&quot;,&quot;Capital&quot;],[&quot;Falcón&quot;,&quot;Falcón&quot;],[&quot;Guárico&quot;,&quot;Guárico&quot;],[&quot;La Guaira&quot;,&quot;Vargas&quot;],[&quot;Lara&quot;,&quot;Lara&quot;],[&quot;Miranda&quot;,&quot;Miranda&quot;],[&quot;Monagas&quot;,&quot;Monagas&quot;],[&quot;Mérida&quot;,&quot;Mérida&quot;],[&quot;Nueva Esparta&quot;,&quot;Nueva Esparta&quot;],[&quot;Portuguesa&quot;,&quot;Portuguesa&quot;],[&quot;Sucre&quot;,&quot;Sucre&quot;],[&quot;Trujillo&quot;,&quot;Trujillo&quot;],[&quot;Táchira&quot;,&quot;Táchira&quot;],[&quot;Yaracuy&quot;,&quot;Yaracuy&quot;],[&quot;Zulia&quot;,&quot;Zulia&quot;]]">Venezuela</option>
3424<option value="Vietnam" data-provinces="[]">Vietnam</option>
3425<option value="Wallis And Futuna" data-provinces="[]">Wallis & Futuna</option>
3426<option value="Western Sahara" data-provinces="[]">Western Sahara</option>
3427<option value="Yemen" data-provinces="[]">Yemen</option>
3428<option value="Zambia" data-provinces="[]">Zambia</option>
3429<option value="Zimbabwe" data-provinces="[]">Zimbabwe</option></select><svg class="icon icon-chevron-up icon-sm absolute" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3430      <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path>
3431    </svg><label class="label is-floating" for="ShippingCalculatorCountry-sections--23792018096428__cart-drawer">Country/region</label>
3432                              </div>
3433                              <div class="field" hidden>
3434                                <select
3435                                  name="address[province]"
3436                                  class="select is-floating"
3437                                  autocomplete="address-level1"
3438                                  is="custom-select"
3439                                  id="ShippingCalculatorProvince-sections--23792018096428__cart-drawer"
3440                                >
3441                                </select><svg class="icon icon-chevron-up icon-sm absolute" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3442      <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path>
3443    </svg><label class="label is-floating" for="ShippingCalculatorProvince-sections--23792018096428__cart-drawer">Province</label>
3444                              </div>
3445                            </country-province>
3446                            <div class="field">
3447                              <input
3448                                name="address[zip]"
3449                                class="input is-floating"
3450                                type="text"
3451                                autocapitalize="characters"
3452                                autocomplete="postal-code"
3453                                placeholder=" "
3454                                id="ShippingCalculatorZip-sections--23792018096428__cart-drawer"
3455                                
3456                              />
3457                              <label class="label is-floating" for="ShippingCalculatorZip-sections--23792018096428__cart-drawer">Postal/ZIP code</label>
3458                            </div>
3459                            <div class="justify-self-start">
3460                              <button class="button button--primary" type="submit" is="hover-button">
3461                                <span class="btn-fill" data-fill></span>
3462                                <span class="btn-text">Calculate</span>
3463                              </button>
3464                            </div>
3465                            <div class="grid gap-3 text-sm"></div>
3466                          </form>
3467                        </div>
3468                      </div>
3469                    </modal-element></div><div class="drawer__footer-bottom grid gap-6">
3470                <div class="grid gap-4 sm:grid-6"><div class="grid grid-cols-2 gap-4">
3471                    <div class="tax-note text-sm sm:text-base rte">Taxes included and shipping calculated at checkout.</div>
3472                    <div class="totals grid place-self-end gap-1">
3473                      <span class="totals__subtotal text-sm sm:text-base">Subtotal</span>
3474                      <div class="totals__subtotal-value text-lg-2xl font-bold leading-none tracking-tight">€0,00 EUR</div>
3475                    </div>
3476                  </div>
3477                </div><form action="/cart" method="POST" novalidate class="drawer__footer-buttons grid grid-cols-12 gap-4"><button class="button button--primary icon-with-text col-span-6 md:col-span-7" type="submit" name="checkout" is="hover-button">
3478                        <span class="btn-fill" data-fill></span>
3479                        <span class="btn-text"><svg class="icon icon-lock icon-sm hidden sm:block" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3480      <path stroke-linecap="round" d="M5.83333 6.66675V5.83341C5.83333 4.74781 5.83333 4.205 5.97218 3.76463C6.26651 2.83114 6.99772 2.09993 7.93122 1.8056C8.37159 1.66675 8.91439 1.66675 10 1.66675V1.66675C11.0856 1.66675 11.6284 1.66675 12.0688 1.8056C13.0023 2.09993 13.7335 2.83114 14.0278 3.76463C14.1667 4.205 14.1667 4.74781 14.1667 5.83341V6.66675M10 11.6667V13.3334M8.33333 18.3334H11.6667C13.3741 18.3334 14.2278 18.3334 14.909 18.077C15.9871 17.6713 16.8379 16.8205 17.2436 15.7424C17.5 15.0612 17.5 14.2075 17.5 12.5001V12.5001C17.5 10.7926 17.5 9.93892 17.2436 9.25775C16.8379 8.17969 15.9871 7.32888 14.909 6.92312C14.2278 6.66675 13.3741 6.66675 11.6667 6.66675H8.33333C6.62589 6.66675 5.77218 6.66675 5.091 6.92312C4.01294 7.32888 3.16213 8.17969 2.75638 9.25775C2.5 9.93892 2.5 10.7926 2.5 12.5001V12.5001C2.5 14.2075 2.5 15.0612 2.75638 15.7424C3.16213 16.8205 4.01294 17.6713 5.091 18.077C5.77218 18.3334 6.62589 18.3334 8.33333 18.3334Z"></path>
3481    </svg>Check out</span>
3482                      </button><a href="/cart" class="button button--secondary col-span-6 md:col-span-5" is="hover-link" data-no-instant>
3483                        <span class="btn-fill" data-fill></span>
3484                        <span class="btn-text">View cart</span>
3485                      </a></form></div>
3486            </div>
3487          </div>
3488        </details><details id="RecentlyViewed-sections--23792018096428__cart-drawer" class="drawer__panel opacity-0 flex h-full overflow-hidden">
3489            <summary class="sr-only" tabindex="-1">Recently viewed</summary>
3490            <recently-viewed class="cart__recent flex flex-col h-full" data-url="/search?section_id=sections--23792018096428__cart-drawer&type=product&q=" data-limit="5"></recently-viewed>
3491          </details></div>
3492    </div>
3493  </cart-drawer>
3494</div><div id="shopify-section-sections--23792018096428__search-drawer" class="shopify-section shopify-section-group-overlay-group">
3494<script src="//shic.ai/cdn/shop/t/45/assets/search.js?v=153964456974568625491733043660" defer></script>
3494<search-drawer id="SearchDrawer" class="search-drawer drawer drawer--end z-30 fixed bottom-0 left-0 h-full w-full pointer-events-none"
3495    role="dialog"
3496    aria-modal="true"
3497    aria-label="Search"
3498    shopify-design-mode
3499    hidden
3500  >
3501    <overlay-element class="overlay fixed-modal invisible opacity-0 fixed bottom-0 left-0 w-full h-screen pointer-events-none" aria-controls="SearchDrawer" aria-expanded="false"></overlay-element>
3502    <div class="drawer__inner z-10 absolute top-0 flex flex-col w-full h-full overflow-hidden">
3503      <gesture-element class="drawer__header flex justify-between opacity-0 invisible relative">
3504        <span class="drawer__title heading lg:text-3xl text-2xl leading-none tracking-tight">Search</span>
3505        <button class="button button--secondary button--close drawer__close hidden sm:flex items-center justify-center" type="button" is="hover-button" aria-controls="SearchDrawer" aria-expanded="false" aria-label="Close">
3506          <span class="btn-fill" data-fill></span>
3507          <span class="btn-text"><svg class="icon icon-close icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3508      <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path>
3509    </svg></span>
3510        </button>
3511      </gesture-element>
3512      <div class="drawer__content opacity-0 invisible flex flex-col h-full grow shrink">
3513        <div class="drawer__scrollable relative flex flex-col grow shrink"><form class="search__form flex flex-col gap-8 h-full relative" action="/search" method="GET" role="search"
3514    is="predictive-search"
3515    data-section-id="sections--23792018096428__search-drawer"
3516    data-limit="3"
3517  >
3518  <input type="hidden" name="options[prefix]" value="last" />
3519  <label class="sr-only" for="SearchFormInput-sections--23792018096428__search-drawer">Search</label>
3520  <div class="search__field field flex items-center gap-4 relative"><div class="typed absolute top-0 left-0 w-full h-full flex items-center justify-start gap-2 font-medium text-base md:text-lg leading-none pointer-events-none">
3521          <search-typed class="flex items-center h-full overflow-hidden whitespace-nowrap" data-delay="0.5" data-first-text="" data-last-text="Search for ..."></search-typed>
3522        </div><input
3523      class="input search__input"
3524      type="search"
3525      name="q"
3526      id="SearchFormInput-sections--23792018096428__search-drawer"
3527      placeholder="Search for ..."
3528      autocomplete="off"
3529      autocorrect="off"
3530      autocapitalize="off"
3531      spellcheck="off"/>
3532      <button class="clear absolute flex items-center justify-center text-xs opacity-0" type="reset">
3533        <span>Clear</span><svg class="icon icon-loader icon-sm absolute opacity-0 invisible animate-spin" viewBox="0 0 18 18" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3534      <path stroke-linecap="round" stroke-linejoin="round" d="M0.7,9.9C0.5,5.2,4.1,1.2,8.5,1c4.7-0.3,8.9,3.8,8.8,8.8"></path>
3535    </svg></button></div>
3536    <div id="PredictiveSearchResults-sections--23792018096428__search-drawer" class="search__box search__results text-left flex flex-col items-start grow gap-10" role="listbox"></div></form>
3537</div>
3538      </div>
3539    </div>
3540  </search-drawer>
3541</div><div id="shopify-section-sections--23792018096428__mobile-dock" class="shopify-section shopify-section-group-overlay-group mobile-dock-section"><style>
3542    #shopify-section-sections--23792018096428__mobile-dock {
3543      --section-padding-top: 8px;
3544      --section-padding-bottom: 8px;--color-background: 254 254 254;--color-foreground: 0 0 0;
3545  --color-border: var(--color-foreground)/ 0.1;
3546  --color-border-dark: var(--color-foreground)/ 0.4;
3547  --color-border-light: var(--color-foreground)/ 0.06;}
3548  </style>
3549
3550  <link rel="stylesheet" href="//shic.ai/cdn/shop/t/45/assets/mobile-dock.css?v=23037161272498836261733043661" media="print" onload="this.media='all'">
3551  <noscript><link href="//shic.ai/cdn/shop/t/45/assets/mobile-dock.css?v=23037161272498836261733043661" rel="stylesheet" type="text/css" media="all" /></noscript>
3552  
3552<script src="//shic.ai/cdn/shop/t/45/assets/mobile-dock.js?v=86956832444456538811733043660" defer="defer"></script>
3552
3553
3554  <mobile-dock class="mobile-dock mobile-dock--6-col fixed z-25 left-0 bottom-0 w-full flex invisible section--divider section--rounded"><a class="dock__item flex flex-col items-center justify-center gap-1d5 grow shrink-0 cursor-pointer" href="/" ><svg class="icon icon-home icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3555      <path stroke-linecap="round" stroke-linejoin="round" d="M18.3337 14.1667V10.4538C18.3337 9.09868 18.3337 8.42113 18.1681 7.79394C18.006 7.17971 17.7284 6.602 17.35 6.09172C16.9637 5.57066 16.4346 5.1474 15.3764 4.30088L14.9979 3.99805L14.9979 3.99804C13.2143 2.57117 12.3225 1.85774 11.3335 1.58413C10.4611 1.34279 9.53956 1.34279 8.66717 1.58413C7.67815 1.85774 6.78636 2.57118 5.00277 3.99805L5.00276 3.99805L4.62423 4.30088C3.56607 5.1474 3.037 5.57066 2.65064 6.09172C2.27227 6.602 1.99461 7.17971 1.83251 7.79394C1.66699 8.42113 1.66699 9.09868 1.66699 10.4538V14.1667C1.66699 16.4679 3.53247 18.3333 5.83366 18.3333C6.75413 18.3333 7.50033 17.5871 7.50033 16.6667V13.3333C7.50033 11.9526 8.61961 10.8333 10.0003 10.8333C11.381 10.8333 12.5003 11.9526 12.5003 13.3333V16.6667C12.5003 17.5871 13.2465 18.3333 14.167 18.3333C16.4682 18.3333 18.3337 16.4679 18.3337 14.1667Z"/>
3556    </svg><span class="text-3xs leading-none">Home</span>
3557          </a>
3558<button type="button" class="dock__item flex flex-col items-center justify-center gap-1d5 grow shrink-0 cursor-pointer" aria-controls="MenuDrawer" aria-expanded="false" ><svg class="icon icon-hamburger icon-sm" viewBox="0 0 21 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3559      <path stroke-linecap="round" stroke-linejoin="round" d="M3.2002 5H18.2002M3.2002 10H9.86686M3.2002 15H14.0335"/>
3560    </svg><span class="text-3xs leading-none">Menu</span>
3561            </button>
3562<a class="dock__item flex flex-col items-center justify-center gap-1d5 grow shrink-0 cursor-pointer" href="/search" aria-controls="SearchDrawer" aria-expanded="false" ><svg class="icon icon-search icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3563      <path stroke-linecap="round" stroke-linejoin="round" d="M18.4007 17.4998L15.3707 14.4698M15.3707 14.4698C16.7279 13.1126 17.5674 11.2376 17.5674 9.1665C17.5674 5.02437 14.2095 1.6665 10.0674 1.6665C5.92525 1.6665 2.56738 5.02437 2.56738 9.1665C2.56738 13.3086 5.92525 16.6665 10.0674 16.6665C12.1385 16.6665 14.0135 15.827 15.3707 14.4698Z"/>
3564    </svg><span class="text-3xs leading-none">Search</span>
3565            </a>
3566<a class="dock__item flex flex-col items-center justify-center gap-1d5 grow shrink-0 cursor-pointer" href="/collections/all" ><svg class="icon icon-grid icon-sm" viewBox="0 0 21 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3567      <path stroke-linecap="round" stroke-linejoin="round" d="M1.7666 4.8665C1.7666 3.7464 1.7666 3.18635 1.98459 2.75852C2.17634 2.3822 2.4823 2.07624 2.85862 1.88449C3.28644 1.6665 3.8465 1.6665 4.9666 1.6665H5.23327C6.35337 1.6665 6.91343 1.6665 7.34125 1.88449C7.71757 2.07624 8.02353 2.3822 8.21528 2.75852C8.43327 3.18635 8.43327 3.7464 8.43327 4.8665V5.13317C8.43327 6.25328 8.43327 6.81333 8.21528 7.24115C8.02353 7.61748 7.71757 7.92344 7.34125 8.11518C6.91343 8.33317 6.35337 8.33317 5.23327 8.33317H4.9666C3.8465 8.33317 3.28644 8.33317 2.85862 8.11518C2.4823 7.92344 2.17634 7.61748 1.98459 7.24115C1.7666 6.81333 1.7666 6.25328 1.7666 5.13317V4.8665Z"/>
3568      <path stroke-linecap="round" stroke-linejoin="round" d="M11.7666 4.8665C11.7666 3.7464 11.7666 3.18635 11.9846 2.75852C12.1763 2.3822 12.4823 2.07624 12.8586 1.88449C13.2864 1.6665 13.8465 1.6665 14.9666 1.6665H15.2333C16.3534 1.6665 16.9134 1.6665 17.3413 1.88449C17.7176 2.07624 18.0235 2.3822 18.2153 2.75852C18.4333 3.18635 18.4333 3.7464 18.4333 4.8665V5.13317C18.4333 6.25328 18.4333 6.81333 18.2153 7.24115C18.0235 7.61748 17.7176 7.92344 17.3413 8.11518C16.9134 8.33317 16.3534 8.33317 15.2333 8.33317H14.9666C13.8465 8.33317 13.2864 8.33317 12.8586 8.11518C12.4823 7.92344 12.1763 7.61748 11.9846 7.24115C11.7666 6.81333 11.7666 6.25328 11.7666 5.13317V4.8665Z"/>
3569      <path stroke-linecap="round" stroke-linejoin="round" d="M1.7666 14.8665C1.7666 13.7464 1.7666 13.1863 1.98459 12.7585C2.17634 12.3822 2.4823 12.0762 2.85862 11.8845C3.28644 11.6665 3.8465 11.6665 4.9666 11.6665H5.23327C6.35337 11.6665 6.91343 11.6665 7.34125 11.8845C7.71757 12.0762 8.02353 12.3822 8.21528 12.7585C8.43327 13.1863 8.43327 13.7464 8.43327 14.8665V15.1332C8.43327 16.2533 8.43327 16.8133 8.21528 17.2412C8.02353 17.6175 7.71757 17.9234 7.34125 18.1152C6.91343 18.3332 6.35337 18.3332 5.23327 18.3332H4.9666C3.8465 18.3332 3.28644 18.3332 2.85862 18.1152C2.4823 17.9234 2.17634 17.6175 1.98459 17.2412C1.7666 16.8133 1.7666 16.2533 1.7666 15.1332V14.8665Z"/>
3570      <path stroke-linecap="round" stroke-linejoin="round" d="M11.7666 14.8665C11.7666 13.7464 11.7666 13.1863 11.9846 12.7585C12.1763 12.3822 12.4823 12.0762 12.8586 11.8845C13.2864 11.6665 13.8465 11.6665 14.9666 11.6665H15.2333C16.3534 11.6665 16.9134 11.6665 17.3413 11.8845C17.7176 12.0762 18.0235 12.3822 18.2153 12.7585C18.4333 13.1863 18.4333 13.7464 18.4333 14.8665V15.1332C18.4333 16.2533 18.4333 16.8133 18.2153 17.2412C18.0235 17.6175 17.7176 17.9234 17.3413 18.1152C16.9134 18.3332 16.3534 18.3332 15.2333 18.3332H14.9666C13.8465 18.3332 13.2864 18.3332 12.8586 18.1152C12.4823 17.9234 12.1763 17.6175 11.9846 17.2412C11.7666 16.8133 11.7666 16.2533 11.7666 15.1332V14.8665Z"/>
3571    </svg><span class="text-3xs leading-none">Shop</span>
3572          </a>
3573<a class="dock__item flex flex-col items-center justify-center gap-1d5 grow shrink-0 cursor-pointer" href="/cart" aria-controls="CartDrawer" aria-expanded="false" >
3574            <span class="relative"><svg class="icon icon-cart icon-sm" viewBox="0 0 21 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3575      <path stroke-linecap="round" stroke-linejoin="round" d="M1.13281 0.833547L1.54948 0.833496V0.833496C2.78264 0.833526 3.86637 1.65101 4.20515 2.83672L4.3471 3.33355M4.3471 3.33355L5.63992 7.85843C6.11531 9.5223 6.35301 10.3542 6.83827 10.9717C7.26659 11.5168 7.82919 11.9412 8.47093 12.2033C9.19799 12.5002 10.0632 12.5002 11.7937 12.5002H12.8091C13.8588 12.5002 14.3837 12.5002 14.8433 12.39C15.9407 12.127 16.8759 11.4127 17.4184 10.4232C17.6456 10.0087 17.7837 9.50235 18.0599 8.4896V8.4896C18.3964 7.2559 18.5646 6.63905 18.5321 6.13859C18.4535 4.93171 17.6578 3.89005 16.5142 3.49667C16.0399 3.33355 15.4005 3.33355 14.1218 3.33355H4.3471ZM10.2995 16.6668C10.2995 17.5873 9.55329 18.3335 8.63281 18.3335C7.71234 18.3335 6.96615 17.5873 6.96615 16.6668C6.96615 15.7464 7.71234 15.0002 8.63281 15.0002C9.55329 15.0002 10.2995 15.7464 10.2995 16.6668ZM16.9661 16.6668C16.9661 17.5873 16.22 18.3335 15.2995 18.3335C14.379 18.3335 13.6328 17.5873 13.6328 16.6668C13.6328 15.7464 14.379 15.0002 15.2995 15.0002C16.22 15.0002 16.9661 15.7464 16.9661 16.6668Z"/>
3576    </svg><cart-count class="count absolute text-3xs leading-none" aria-label="0 items" hidden>0</cart-count>
3577            </span>
3578            <span class="text-3xs leading-none">Cart</span>
3579          </a>
3580<a class="dock__item flex flex-col items-center justify-center gap-1d5 grow shrink-0 cursor-pointer" href="/account/login" rel="nofollow" ><svg class="icon icon-account icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3581      <rect x="5.5" y="1.3335" width="9" height="9" rx="4.5"/>
3582      <path stroke-linecap="round" stroke-linejoin="round" d="M10 12.917C11.25 12.917 13.3333 13.1948 13.75 13.3337C14.1667 13.4725 16.8333 14.0003 17.5 15.0003C18.3333 16.2503 18.3333 16.667 18.3333 18.3337"/>
3583      <path stroke-linecap="round" stroke-linejoin="round" d="M10 12.917C8.75 12.917 6.66667 13.1948 6.25 13.3337C5.83333 13.4725 3.16667 14.0003 2.5 15.0003C1.66667 16.2503 1.66667 16.667 1.66667 18.3337"/>
3584    </svg><span class="text-3xs leading-none">Account</span>
3585          </a>
3586
3587  </mobile-dock>
3588</div><div id="shopify-section-sections--23792018096428__cookie-banner" class="shopify-section shopify-section-group-overlay-group"><style>
3589  #shopify-section-sections--23792018096428__cookie-banner {
3590    --color-drawer-text: 33 5 30;
3591    --color-drawer-background: 255 255 255;
3592    --color-drawer-button-gradient: #7a2338;
3593    --color-drawer-button-background: 122 35 56;
3594    --color-drawer-button-text: 255 255 255;
3595    --color-highlight: 122 35 56;
3596  }
3597
3598  #shopify-pc__banner {
3599    display: none !important;
3600  }
3601</style>
3602
3603<link rel="stylesheet" href="//shic.ai/cdn/shop/t/45/assets/cookie-banner.css?v=179383910087388436671733043661" media="print" onload="this.media='all'">
3604<noscript><link href="//shic.ai/cdn/shop/t/45/assets/cookie-banner.css?v=179383910087388436671733043661" rel="stylesheet" type="text/css" media="all" /></noscript>
3605<script src="//shic.ai/cdn/shop/t/45/assets/cookie-banner.js?v=98522237682082888991733043662" defer="defer"></script>
3605
3606
3607<cookie-banner id="CookieBanner" class="x-modal cookie-modal drawer z-30 fixed bottom-0 left-0 h-full w-full pointer-events-none"
3608  data-delay="5"
3609  data-test-mode="false"
3610  role="dialog"
3611  aria-labelledby="Dialog-sections--23792018096428__cookie-banner-Heading1"
3612  aria-modal="false"
3613  shopify-design-mode
3614  hidden
3615>
3616  <overlay-element class="overlay fixed-modal invisible opacity-0 fixed bottom-0 left-0 w-full h-screen pointer-events-none" aria-controls="CookieBanner" aria-expanded="false"></overlay-element>
3617  <div class="drawer__inner z-10 absolute bottom-0 left-0 flex flex-col w-full h-full overflow-hidden">
3618    <gesture-element class="drawer__header flex justify-between opacity-0 invisible relative sr-only">
3619      <button class="button button--secondary button--close drawer__close hidden sm:flex items-center justify-center" type="button" is="hover-button" aria-controls="AgeVerifier" aria-expanded="false" aria-label="Close">
3620        <span class="btn-fill" data-fill></span>
3621        <span class="btn-text"><svg class="icon icon-close icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3622      <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path>
3623    </svg></span>
3624      </button>
3625    </gesture-element>
3626    <div class="drawer__content opacity-0 invisible">
3627      <div class="drawer__scrollable relative w-full">
3628        <div class="cookie-banner text-left"><h2 id="Dialog-sections--23792018096428__cookie-banner-Heading1" class="heading leading-none tracking-none text-lg-2xl" ><split-words class="split-words block" data-animate="fade-up-large" data-animate-delay="250">We use cookies</split-words></h2>
3629<div class="rte leading-normal body text-base" ><p>This site uses cookies for better user experience and analytics.</p></div>
3630<empty-element class="block spacing-section" style="--spacing-height-desktop: 16px; --spacing-height-mobile: 12px;" ></empty-element>
3631<div class="cookie__buttons" >
3632                  <div class="inline-flex gap-4"><button type="button" name="accept" class="button button--primary icon-with-text" is="hover-button">
3633                        <span class="btn-fill" data-fill></span>
3634                        <span class="btn-text"><svg class="icon icon-accept icon-xs" viewBox="0 0 15 15" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3635      <path stroke-linecap="round" stroke-linejoin="round" d="M2.83301 8.08333L5.74967 11L12.1663 4"></path>
3636    </svg>Accept</span>
3637                      </button><button type="button" name="decline" class="button button--secondary icon-with-text" is="hover-button">
3638                        <span class="btn-fill" data-fill></span>
3639                        <span class="btn-text"><svg class="icon icon-decline icon-xs" viewBox="0 0 15 15" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
3640      <path stroke-linecap="round" stroke-linejoin="round" d="M4 11L11 4M4 4L11 11"></path>
3641    </svg>Decline</span>
3642                      </button></div>
3643                </div>
3644
3645        </div>
3646      </div>
3647    </div>
3648  </div>
3649</cookie-banner>
3650
3651
3652</div>
3653<!-- END sections: overlay-group --><div class="page-container" id="PageContainer">
3654    <main class="main-content relative" id="MainContent" role="main">
3655      <div id="shopify-section-template--23786021421356__generate_without_slide_EqVRya" class="shopify-section"><html>
3656  <head>
3657    
3657<script>
3658      const proxy_src = '/apps/shic-proxy';
3659      const global_shopify_profileID = "";
3660      const global_product_id = "";
3661      let global_current_printify_product_id = -1;
3662      let global_current_printify_product_variants = [];
3663          let global_printify_colors_with_images = [];
3664          let global_color_mockup_mapping = [];
3665      let isPublishing = false;
3666      const urlParams = new URLSearchParams(window.location.search);
3667      const urlProductId = urlParams.get('product_id');
3668      let global_editable_positions = []; 
3669      window.global_images_by_color = {};
3670let currentDesignSide  = 'front';
3671let global_canvas_zoom = 1;
3672      if (urlProductId) {
3673        global_current_printify_product_id = urlProductId;
3674        console.log('✅ Setat global_current_printify_product_id din URL:', urlProductId);
3675      }
3676      let productColors = [];
3677    </script>
3677
3678    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
3679    <link rel="stylesheet" href="//shic.ai/cdn/shop/t/45/assets/style_editor.css?v=171999607467314687311745596183">
3680    <style>
3681       body,
3682      input,
3683      textarea,
3684      select,
3685      button,
3686      h1,
3687      h2,
3688      h3,
3689      h4,
3690      h5,
3691      h6 {
3692      	font-family: 'Poppins', sans-serif !important;
3693      }
3694      .prompt-box {
3695        display: flex;
3696        flex-wrap: wrap;       
3697        align-items: flex-start; 
3698      }
3699      
3700      .prompt-input {
3701        flex: 1 1 0;            
3702        min-width: 220px;      
3703        min-height: 41px;       
3704        align-self: flex-start;
3705        resize: vertical;      
3706      }
3707      
3708      .button-group { flex: 0 0 auto; }
3709
3710      .shic_website_container {
3711        margin-top:12vh;
3712      }
3713      
3714      #image-editor-container {
3715      	display: none;
3716      }
3717      
3718      .toolpanel.visible {
3719      	max-height: 90vh;
3720      	overflow-y: auto;
3721      	z-index: 1000;
3722      }
3723      
3724      .main-buttons {
3725      	display: flex;
3726      	gap: 8px;
3727      	flex-wrap: wrap;
3728      }
3729      
3730      .main-buttons button {
3731      	display: flex;
3732      	align-items: center;
3733      	justify-content: center;
3734      	padding: 8px;
3735      	width: 48px;
3736      	height: 48px;
3737      	background: none;
3738      	border: none;
3739      	cursor: pointer;
3740      }
3741      
3742      .main-buttons button svg {
3743      	width: 24px;
3744      	height: 24px;
3745      }
3746      
3747      .extended-buttons {
3748      	display: flex;
3749      	gap: 8px;
3750      	flex-wrap: wrap;
3751      }
3752      
3753      .extended-buttons button {
3754      	display: flex;
3755      	align-items: center;
3756      	justify-content: center;
3757      	padding: 8px;
3758      	width: 48px;
3759      	height: 48px;
3760      	background: none;
3761      	border: none;
3762      	cursor: pointer;
3763      }
3764      
3765      .extended-buttons button svg {
3766      	width: 24px;
3767      	height: 24px;
3768      }
3769      
3770      .toolpanel.visible {
3771      	margin-left: 70px;
3772      	max-height: 82vh !important;
3773      	overflow-y: auto !important;
3774      	z-index: 1000;
3775      	border-radius: 12px;
3776      }
3777      
3778      .main-buttons button {
3779      	display: flex;
3780      	align-items: center;
3781      	justify-content: center;
3782      	padding: 8px;
3783      	width: 48px;
3784      	height: 48px;
3785      	background: none;
3786      	border: none;
3787      	cursor: pointer;
3788      	border-radius: 50%;
3789      	/* cerc */
3790      	transition: background 0.3s ease, transform 0.3s ease;
3791      	position: relative;
3792      }
3793      
3794      .main-buttons button:hover {
3795      	background-color: #f0f0f0;
3796      	transform: scale(1.05);
3797      }
3798      
3799      .main-buttons button.active {
3800      	background-color: #111;
3801      	/* negru sau #333 */
3802      	color: white;
3803      	box-shadow: 4px 0 10px rgba(0, 0, 0, 0.2);
3804      	transform: scale(1.1);
3805      	border-radius: 50% 0 0 50%;
3806      	/* semi-oval, extins spre dreapta */
3807      }
3808      
3809      /* poți adăuga un mic efect "de lumină" cu pseudo-element */
3810      .main-buttons button.active::after {
3811      	content: "";
3812      	position: absolute;
3813      	right: -8px;
3814      	top: 50%;
3815      	transform: translateY(-50%);
3816      	width: 6px;
3817      	height: 6px;
3818      	background-color: #00FF66;
3819      	border-radius: 50%;
3820      	box-shadow: 0 0 6px #00FF66;
3821      }
3822      
3823      
3824      .main-buttons button svg {
3825      	width: 24px;
3826      	height: 24px;
3827      	fill: #000;
3828      	/* implicit negru */
3829      	transition: fill 0.3s ease;
3830      }
3831      
3832      .main-buttons button.active svg {
3833      	fill: #fff;
3834      	/* alb când e activ */
3835      }
3836      
3837      .main-buttons button.active svg #surface1 path {
3838      	fill: #fff !important;
3839      	/* alb când e activ */
3840      }
3841      
3842      .main-buttons button svg {
3843      	stroke: #000;
3844      }
3845      
3846      .main-buttons button.active svg {
3847      	stroke: #fff;
3848      }
3849      
3850      
3851      body,
3852      html {
3853      	margin: 0;
3854      	padding: 0;
3855      	height: 100%;
3856      	overflow: auto;
3857      }
3858      
3859      /* #shopify-section-template--23786021421356__generate_without_slide_EqVRya {
3860        position: relative;
3861        z-index: 1;
3862        background: #f8f8f8;
3863      } */
3864      
3865      
3866      .toolpanel {
3867      	top: 70px;
3868      }
3869      
3870      #layers-list li:hover {
3871      	background-color: #f0f0f0;
3872      }
3873      
3874      #layers-list li.selected {
3875      	background-color: #eef1f5;
3876      }
3877      
3878      .custom-modal-container {
3879      	position: fixed;
3880      	top: 0;
3881      	left: 0;
3882      	width: 100vw;
3883      	height: 100vh;
3884      	z-index: 10000;
3885      	background: rgba(0, 0, 0, 0.5);
3886      	/* semitransparent */
3887      	display: flex;
3888      	align-items: center;
3889      	justify-content: center;
3890      }
3891      
3892      .custom-modal-content {
3893      	background: white;
3894      	padding: 30px;
3895      	border-radius: 12px;
3896      	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
3897      	font-family: sans-serif;
3898      	text-align: center;
3899      }
3900      
3901      .drag-drop-input {
3902      	border: 2px dashed #999;
3903      	padding: 40px;
3904      	border-radius: 10px;
3905      	cursor: pointer;
3906      	transition: all 0.3s ease;
3907      }
3908      
3909      .drag-drop-input.dragging {
3910      	border-color: #7924c7;
3911      	background: #f5f5f5;
3912      }
3913      
3914      .toolpanel#ai-tools-panel {
3915      	position: absolute;
3916      	right: 10px;
3917      	width: 300px;
3918      	background: #fff;
3919      	border: 1px solid #ccc;
3920      	border-radius: 8px;
3921      	z-index: 1000;
3922      	overflow-y: auto;
3923      	max-height: 400px;
3924      	padding: 10px;
3925      }
3926      
3927      /* Stil pentru butoanele de AI Tools Options */
3928      .ai-tools-options {
3929      	display: flex;
3930      	justify-content: space-between;
3931      	margin-bottom: 10px;
3932      }
3933      
3934      .ai-tools-options button {
3935      	flex: 1;
3936      	margin: 0 5px;
3937      	padding: 8px;
3938      }
3939      
3940      /* Stil pentru tab-urile AI Tools */
3941      .ai-tools-dropdown {
3942      	display: flex;
3943      	flex-direction: column;
3944      	gap: 10px;
3945      }
3946      
3947      .ai-tool-item {
3948      	display: flex;
3949      	align-items: center;
3950      	gap: 10px;
3951      	border-bottom: 1px solid #eee;
3952      	padding: 5px 0;
3953      }
3954      
3955      .ai-tool-item:last-child {
3956      	border-bottom: none;
3957      }
3958      
3959      .ai-tool-item .tool-icon {
3960      	width: 32px;
3961      	height: 32px;
3962      }
3963      
3964      .ai-tool-item .tool-info {
3965      	display: flex;
3966      	flex-direction: column;
3967      }
3968      
3969      .ai-tool-item .tool-name {
3970      	font-weight: bold;
3971      	font-size: 14px;
3972      }
3973      
3974      .ai-tool-item .tool-description {
3975      	font-size: 12px;
3976      	color: #777;
3977      }
3978      
3979      .fullscreen-editor {
3980      	position: fixed !important;
3981      	top: 0;
3982      	left: 0;
3983      	right: 0;
3984      	bottom: 0;
3985      	z-index: 9999 !important;
3986      	background: #f8f8f8;
3987      }
3988      
3989      .image-modal-content {
3990      	position: relative;
3991      	max-width: 90%;
3992      	max-height: 90%;
3993      	border-radius: 8px;
3994      	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
3995      	background: #fff;
3996      	display: flex;
3997      	flex-direction: column;
3998      	align-items: center;
3999      	justify-content: center;
4000      	overflow: hidden;
4001      }
4002      
4003      
4004      .image-modal-overlay {
4005      	position: fixed;
4006      	top: 0;
4007      	left: 0;
4008      	width: 100vw;
4009      	height: 100vh;
4010      	background: rgba(0, 0, 0, 0.6);
4011      	display: none;
4012      	justify-content: center;
4013      	align-items: center;
4014      	z-index: 10001;
4015      }
4016      
4017      .image-modal-overlay.show {
4018      	display: flex;
4019      }
4020      
4021      .image-modal-content {
4022      	background: white;
4023      	padding: 20px;
4024      	border-radius: 10px;
4025      	max-width: 90vw;
4026      	max-height: 90vh;
4027      	position: relative;
4028      }
4029      
4030      .image-modal-close {
4031      	position: absolute;
4032      	top: 10px;
4033      	right: 10px;
4034      	background: none;
4035      	border: none;
4036      	font-size: 24px;
4037      	cursor: pointer;
4038      }
4039      
4040      #modalImage {
4041      	max-width: 100%;
4042      	max-height: 80vh;
4043      	display: block;
4044      	margin: auto;
4045      }
4046      
4047      
4048      #canvasContextMenu {
4049      	position: absolute;
4050      	z-index: 9999;
4051      	background: #fff;
4052      	border: 1px solid #ccc;
4053      	border-radius: 6px;
4054      	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
4055      	padding: 6px 0;
4056      	display: none;
4057      	min-width: 160px;
4058      	font-family: sans-serif;
4059      }
4060      
4061      #canvasContextMenu .context-menu-item {
4062      	padding: 8px 16px;
4063      	cursor: pointer;
4064      }
4065      
4066      #canvasContextMenu .context-menu-item:hover {
4067      	background: #f0f0f0;
4068      }
4069      
4070      
4071      .layer-item {
4072      	border: 1px solid #ddd !important;
4073      	margin-bottom: 10px;
4074      	background: #f0f0f0 !important;
4075      	display: flex;
4076      	align-items: center;
4077      	flex-direction: column;
4078      
4079      
4080      }
4081      
4082      .layer-header {
4083      	display: flex;
4084      	justify-content: space-between;
4085      	align-items: center;
4086      	padding: 6px 10px;
4087      	cursor: pointer;
4088      	background-color: #f8f9fa;
4089      	width: 100%;
4090      	border: 0px !important;
4091      	border-radius: 0px !important;
4092      }
4093      
4094      .layer-options {
4095      	padding: 12px;
4096      	border-top: 1px solid #ddd;
4097      	background-color: #fafafa;
4098      }
4099      
4100      
4101      .layer-icon-btn {
4102      	background: none;
4103      	border: none;
4104      	padding: 6px;
4105      	cursor: pointer;
4106      	border-radius: 8px;
4107      	display: flex;
4108      	align-items: center;
4109      	justify-content: center;
4110      	width: 36px;
4111      	height: 36px;
4112      	transition: background 0.2s ease;
4113      }
4114      
4115      .layer-icon-btn:hover {
4116      	background: #f0f0f0;
4117      }
4118      
4119      .layer-icon-btn svg {
4120      	width: 20px;
4121      	height: 20px;
4122      	display: block;
4123      	stroke: #333;
4124      }
4125      
4126      
4127      .layer-icon-btn:hover {
4128      	background-color: #eee;
4129      }
4130      
4131      .layer-icon-btn:hover svg {
4132      	stroke: #000;
4133      }
4134      
4135      #toolbar .extended-buttons {
4136      	position: fixed !important;
4137      	margin-top: 0px !important;
4138      	top: 0 !important;
4139      	left: 0 !important;
4140      	width: 100% !important;
4141      	background: white !important;
4142      	display: flex !important;
4143      	justify-content: flex-end !important;
4144      	align-items: center !important;
4145      	gap: 10px !important;
4146      	padding: 8px 16px !important;
4147      	border-bottom: 1px solid #ddd !important;
4148      	z-index: 9999 !important;
4149      }
4150      
4151      #toolbar .extended-buttons button {
4152      	background: transparent;
4153      	border: none;
4154      	padding: 6px 10px;
4155      	cursor: pointer;
4156      	transition: background 0.2s ease;
4157      }
4158      
4159      #toolbar .extended-buttons button:hover {
4160      	background: #f0f0f0;
4161      	border-radius: 6px;
4162      }
4163      
4164      #toolbar .extended-buttons button#continue {
4165      	background: #7A2338 !important;
4166      	color: white;
4167      	font-weight: 500;
4168      	border: none;
4169      	border-radius: 6px;
4170      	padding: 6px 14px;
4171      	cursor: pointer;
4172      	font-size: 14px;
4173      	transition: background 0.2s ease;
4174      	width: 150px !important;
4175      	font-family: "Poppins";
4176      	opacity: 1 !important;
4177      	filter: none !important;
4178      	backdrop-filter: none !important;
4179      	box-shadow: none !important;
4180      }
4181      
4182      
4183      #toolbar .extended-buttons button#continue:hover {
4184      	background: #7A2338 !important;
4185      }
4186      
4187      #toolbar button.active {
4188      	background-color: #eee;
4189      	border-radius: 8px;
4190      }
4191      
4192      #toolbar .main-buttons {
4193      	background: white;
4194      	border-radius: 12px;
4195      	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
4196      	padding: 10px 6px;
4197      	display: flex;
4198      	flex-direction: column;
4199      	gap: 10px;
4200      	position: absolute;
4201      	top: 100px left: 10px;
4202      	z-index: 999;
4203      	align-items: center;
4204      	width: 56px;
4205      }
4206      
4207      #toolbar .main-buttons button {
4208      	background: transparent;
4209      	border: none;
4210      	cursor: pointer;
4211      	width: 42px;
4212      	height: 42px;
4213      	display: flex;
4214      	justify-content: center;
4215      	align-items: center;
4216      	transition: background 0.2s;
4217      	border-radius: 10px;
4218      }
4219      
4220      #toolbar .main-buttons button:hover {
4221      	background: #f5f5f5;
4222      }
4223      
4224      #toolbar .main-buttons button.active {
4225      	background: #efefef;
4226      	box-shadow: inset 0 0 0 2px #000;
4227      }
4228      
4229      #toolbar .main-buttons svg {
4230      	width: 24px;
4231      	height: 24px;
4232      	fill: #333;
4233      }
4234      
4235      .canvas-holder .content {
4236      	margin-top: 120px !important;
4237      }
4238      
4239      
4240      .floating-zoom-level-container {
4241      	font-family: "Poppins" !important;
4242      	background: none !important;
4243      	border: none !important;
4244      }
4245      
4246      #zoom-slider {
4247      	accent-color: #7a2338;
4248      }
4249      
4250      #zoom-slider::-webkit-slider-thumb {
4251      	background-color: #7a2338;
4252      	border: none;
4253      }
4254      
4255      
4256      #zoom-slider::-moz-range-thumb {
4257      	background-color: #7a2338;
4258      	border: none;
4259      }
4260      
4261      #top-left-logo {
4262      	position: fixed;
4263      	top: 12px;
4264      	left: 12px;
4265      	z-index: 10000;
4266      }
4267      
4268      #top-left-logo img {
4269      	height: 40px;
4270      	width: auto;
4271      	display: block;
4272      }
4273      
4274      #top-center-ai-input {
4275      	position: fixed;
4276      	top: 70px;
4277      	left: 50%;
4278      	transform: translateX(-50%);
4279      	background: #f5f5f7;
4280      	padding: 8px;
4281      	border-radius: 40px;
4282      	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
4283      	display: flex;
4284      	align-items: center;
4285      	gap: 10px;
4286      	z-index: 10000;
4287      	display: none;
4288      }
4289      
4290      #top-center-ai-input input {
4291      	border: none;
4292      	outline: none;
4293      	padding: 10px 14px;
4294      	border-radius: 30px;
4295      	font-size: 14px;
4296      	background: #fff;
4297      	color: #333;
4298      	min-width: 260px;
4299      	flex: 1;
4300      }
4301      
4302      #top-center-ai-input button {
4303      	padding: 8px 16px;
4304      	border-radius: 30px;
4305      	border: none;
4306      	cursor: pointer;
4307      	font-weight: 600;
4308      	font-size: 14px;
4309      	display: flex;
4310      	align-items: center;
4311      	gap: 6px;
4312      }
4313      
4314      #aiUseImageBtn {
4315      	background: #fff;
4316      	border: 2px solid #440d1f;
4317      	color: #440d1f;
4318      }
4319      
4320      #aiCreateBtn {
4321      	background: #5a1b2b;
4322      	color: white;
4323      }
4324      
4325      
4326      /* Panel general */
4327      #select-panel {
4328      	background: white !important;
4329      	font-family: 'Poppins', sans-serif;
4330      	font-size: 14px;
4331      	padding: 12px 16px;
4332      	color: #222;
4333      	max-width: 300px;
4334      }
4335      
4336      #select-panel .content {
4337      	display: flex;
4338      	flex-direction: column;
4339      	gap: 10px;
4340      }
4341      
4342      /* Titluri */
4343      #select-panel h4 {
4344      	font-size: 13px;
4345      	font-weight: 600;
4346      	color: #333;
4347      	margin: 4px 0;
4348      	text-transform: uppercase;
4349      }
4350      
4351      /* Input container compact */
4352      #select-panel .input-container {
4353      	display: flex;
4354      	flex-direction: column;
4355      	gap: 4px;
4356      	margin-bottom: 6px;
4357      }
4358      
4359      /* Etichete */
4360      #select-panel label {
4361      	font-size: 13px;
4362      	font-weight: 500;
4363      	color: #444;
4364      }
4365      
4366      /* Input și Select */
4367      #select-panel input[type="number"],
4368      #select-panel input[type="text"],
4369      #select-panel select {
4370      	padding: 6px 10px;
4371      	font-size: 13px;
4372      	border: 1px solid #ccc;
4373      	border-radius: 4px;
4374      	background: #fff;
4375      	color: #222;
4376      	box-sizing: border-box;
4377      }
4378      
4379      /* Stil select modern */
4380      #select-panel select {
4381      	appearance: none;
4382      	background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
4383      	background-repeat: no-repeat;
4384      	background-position: right 10px center;
4385      	background-size: 14px;
4386      	padding-right: 30px;
4387      }
4388      
4389      /* Font style buttons (B I U etc.) */
4390      #select-panel .style {
4391      	display: flex;
4392      	flex-wrap: wrap;
4393      	gap: 6px;
4394      	margin-top: 6px;
4395      }
4396      
4397      #select-panel .style button {
4398      	background: #f7f7f7;
4399      	border: 1px solid #ccc;
4400      	padding: 6px;
4401      	cursor: pointer;
4402      	border-radius: 4px;
4403      	width: 32px;
4404      	height: 32px;
4405      	display: flex;
4406      	align-items: center;
4407      	justify-content: center;
4408      }
4409      
4410      #select-panel .style button:hover {
4411      	background: #eee;
4412      }
4413      
4414      #select-panel .custom-number-input {
4415      	display: flex;
4416      	align-items: center;
4417      	border: 1px solid #ccc;
4418      	border-radius: 4px;
4419      	overflow: hidden;
4420      	width: 100%;
4421      }
4422      
4423      #select-panel .custom-number-input input {
4424      	width: 50px;
4425      	padding: 6px 8px;
4426      	border: none;
4427      	text-align: center;
4428      	font-size: 13px;
4429      	outline: none;
4430      	flex: 1;
4431      }
4432      
4433      #select-panel .custom-number-input button {
4434      	background: #f0f0f0;
4435      	border: none;
4436      	font-size: 16px;
4437      	padding: 6px 10px;
4438      	cursor: pointer;
4439      	color: #333;
4440      	transition: background 0.2s;
4441      }
4442      
4443      #select-panel .custom-number-input button:hover {
4444      	background: #e0e0e0;
4445      }
4446      
4447      #select-panel hr {
4448      	border: none;
4449      	border-top: 1px solid #e2e2e2;
4450      	margin: 12px 0;
4451      }
4452      
4453      .input-container button {
4454      	width: 100% !important;
4455      }
4456      
4457      .select2-container {
4458      	z-index: 9999 !important;
4459      }
4460      
4461      .select2-dropdown {
4462      	z-index: 99999 !important;
4463      	position: absolute !important;
4464      }
4465      
4466      .select2-container--open.force-open-down .select2-dropdown {
4467      	top: 100% !important;
4468      	bottom: auto !important;
4469      }
4470      
4471      .effect-section .input-container {
4472      	display: flex;
4473      	align-items: flex-start;
4474      	margin: 10px 0;
4475      }
4476      
4477      .effect-section label {
4478      	flex: 1;
4479      	font-weight: bold;
4480      	font-size: 13px;
4481      }
4482      
4483      .effect-section input[type="range"] {
4484      	flex: 2;
4485      	appearance: none;
4486      	height: 6px;
4487      	border-radius: 4px;
4488      	background: linear-gradient(to right, #7924c7 0%, #ccc 0%);
4489      	outline: none;
4490      	transition: background 0.3s ease;
4491      	width: 100%;
4492      }
4493      
4494      .effect-section input[type="range"]::-webkit-slider-thumb {
4495      	appearance: none;
4496      	width: 14px;
4497      	height: 14px;
4498      	background: #7924c7;
4499      	border-radius: 50%;
4500      	cursor: pointer;
4501      	border: 1px solid #fff;
4502      }
4503      
4504      .effect-section input[type="range"]::-moz-range-thumb {
4505      	width: 14px;
4506      	height: 14px;
4507      	background: #7924c7;
4508      	border: none;
4509      	border-radius: 50%;
4510      	cursor: pointer;
4511      }
4512      
4513      .effect-section .effect-number {
4514      	width: 60px;
4515      	padding: 3px 6px;
4516      	font-size: 13px;
4517      	border: 1px solid #ccc;
4518      	border-radius: 4px;
4519      	text-align: center;
4520      }
4521      
4522      
4523      .effect-slider {
4524      	flex-grow: 1;
4525      	height: 4px;
4526      	border-radius: 4px;
4527      	background: linear-gradient(to right, #7924c7 0%, #ccc 0%);
4528      	appearance: none;
4529      	outline: none;
4530      	transition: background 0.3s ease;
4531      }
4532      
4533      .effect-slider::-webkit-slider-thumb {
4534      	appearance: none;
4535      	width: 12px;
4536      	height: 12px;
4537      	background: #7924c7;
4538      	border-radius: 50%;
4539      	cursor: pointer;
4540      	border: none;
4541      	margin-top: -4px;
4542      }
4543      
4544      .effect-slider::-moz-range-thumb {
4545      	width: 12px;
4546      	height: 12px;
4547      	background: #7924c7;
4548      	border-radius: 50%;
4549      	cursor: pointer;
4550      	border: none;
4551      }
4552      
4553      #modalImage {
4554      	max-width: 100%;
4555      	max-height: 80vh;
4556      	object-fit: contain;
4557      }
4558
4559      @media (max-width: 768px) {
4560              .shic_website_container {
4561          margin-top:0px !important;
4562        }
4563
4564
4565        .prompt-box {
4566          margin-top:1vh !important;
4567        }
4568
4569      .collection-banner-section {
4570        margin-top:4vh;
4571      }
4572      }
4573      
4574      
4575      @media (max-width: 768px) {
4576
4577        
4578      	.extended-buttons button {
4579      		width: 36px;
4580      		height: 36px;
4581      	}
4582      
4583      	#toolbar .extended-buttons button#continue {
4584      		width: 80px !important;
4585      	}
4586      
4587      	#toolbar .extended-buttons {
4588      		justify-content: center !important;
4589      	}
4590      
4591      	#top-left-logo img {
4592      		display: none;
4593      	}
4594      
4595      	#toolbar .main-buttons {
4596      		left: 0px !important;
4597      	}
4598      
4599      	.prompt-box {
4600      		top: 20% !important;
4601      	}
4602      
4603      	#top-center-ai-input {
4604      		bottom: 0px !important;
4605      		left: 50% !important;
4606      		flex-wrap: wrap !important;
4607      		top: auto !important;
4608      	}
4609      
4610      	#back-to-website {
4611      		display: none !important;
4612      	}
4613      
4614      	#layers-panel {
4615      		width: 100% !important;
4616      		display: block;
4617      		position: absolute;
4618      		right: 0px !important;
4619      		top: 40px !important;
4620      		background: white;
4621      		border: 1px solid rgb(204, 204, 204);
4622      		padding: 30px;
4623      		overflow-y: auto;
4624      		z-index: 999;
4625      		height: 20vh !important;
4626      	}
4627      
4628      	.toolpanel.visible {
4629      		height: 25vh;
4630      		margin-left: 0px !important;
4631      		margin-top: 120%;
4632      		width: 100% !important;
4633      	}
4634      
4635      	#select-panel {
4636      		max-width: none !important;
4637      	}
4638      
4639      	.floating-zoom-level-container {
4640      		display: none !important;
4641      	}
4642      
4643      	.ai-tool-item {
4644      		width: 100% !important;
4645      	}
4646      }
4647      
4648      @media (min-width:768px) and (max-width: 1228px) {
4649      	#top-center-ai-input {
4650      		top: auto !important;
4651      		bottom: 50px !important;
4652      	}
4653      
4654      }
4655      
4656      
4657      .help-modal {
4658      	position: fixed;
4659      	top: 0;
4660      	left: 0;
4661      	width: 100%;
4662      	height: 100%;
4663      	z-index: 10001;
4664      }
4665      
4666      .help-modal-backdrop {
4667      	background: rgba(0, 0, 0, 0.7);
4668      	width: 100%;
4669      	height: 100%;
4670      	display: flex;
4671      	align-items: center;
4672      	justify-content: center;
4673      }
4674      
4675      .help-modal-content {
4676      	background: white;
4677      	width: 90%;
4678      	max-width: 1000px;
4679      	max-height: 90vh;
4680      	overflow: hidden;
4681      	border-radius: 12px;
4682      	display: flex;
4683      	flex-direction: column;
4684      }
4685      
4686      .help-modal-header {
4687      	display: flex;
4688      	justify-content: space-between;
4689      	align-items: center;
4690      	padding: 1rem;
4691      	border-bottom: 1px solid #ccc;
4692      }
4693      
4694      .help-modal-search {
4695      	padding: 1rem;
4696      	border-bottom: 1px solid #eee;
4697      }
4698      
4699      .search-container {
4700      	display: flex;
4701      	align-items: center;
4702      	background: #f4f4f4;
4703      	padding: 0.5rem;
4704      	border-radius: 8px;
4705      }
4706      
4707      .search-icon {
4708      	width: 20px;
4709      	margin-right: 10px;
4710      }
4711      
4712      .help-modal-body {
4713      	display: flex;
4714      	flex-grow: 1;
4715      	overflow: hidden;
4716      	min-height: 0;
4717      }
4718      
4719      .help-sidebar {
4720      	width: 300px;
4721      	overflow-y: auto;
4722      	border-right: 1px solid #ddd;
4723      	padding: 1rem;
4724      	background: #fafafa;
4725      }
4726      
4727      .help-content {
4728      	flex-grow: 1;
4729      	overflow-y: auto;
4730      	padding: 1rem;
4731      	background: #fff;
4732      }
4733      
4734      .help-section-button {
4735      	display: flex;
4736      	align-items: center;
4737      	gap: 0.5rem;
4738      	padding: 0.5rem 0.75rem;
4739      	background: transparent;
4740      	border: none;
4741      	width: 100%;
4742      	text-align: left;
4743      	cursor: pointer;
4744      }
4745      
4746      .help-section-button.active {
4747      	border-left: 4px solid #7924c7;
4748      }
4749      
4750      .help-section-header {
4751      	display: flex;
4752      	align-items: center;
4753      	gap: 10px;
4754      }
4755      
4756      .help-section-description {
4757      	margin: 0.5rem 0 1rem;
4758      	font-style: italic;
4759      }
4760      
4761      .help-feedback-question,
4762      .help-tips h4,
4763      .help-steps h4 {
4764      	margin-top: 1.5rem;
4765      	font-weight: 600;
4766      }
4767      
4768      .feedback-button.selected {
4769      	background-color: #e0e0e0;
4770      }
4771      
4772      .help-success-message {
4773      	background-color: #f0fdf4;
4774      	padding: 1rem;
4775      	border: 1px solid #c7f5d1;
4776      	border-radius: 8px;
4777      }
4778      
4779      .help-button {
4780      	position: fixed;
4781      	top: 6rem;
4782      	right: 1rem;
4783      
4784      	border-radius: 9999px;
4785      
4786      	cursor: pointer;
4787      	z-index: 1000;
4788      	transition: background-color 0.2s;
4789      }
4790      
4791      .help-button:hover {
4792      	background: white;
4793      }
4794      
4795      .help-icon {
4796      	width: 36px;
4797      	height: 36px;
4798      }
4799      
4800      .help-modal {
4801      	position: fixed;
4802      	inset: 0;
4803      	z-index: 10001;
4804      }
4805      
4806      .help-modal-backdrop {
4807      	position: fixed;
4808      	inset: 0;
4809      	background: rgba(0, 0, 0, 0.5);
4810      	backdrop-filter: blur(4px);
4811      	display: flex;
4812      	align-items: center;
4813      	justify-content: center;
4814      	padding: 1rem;
4815      }
4816      
4817      .help-modal-content {
4818      	background: white;
4819      	border-radius: 0.75rem;
4820      	width: 100%;
4821      	max-width: 64rem;
4822      	height: 80vh;
4823      	display: flex;
4824      	flex-direction: column;
4825      	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
4826      }
4827      
4828      .help-modal-header {
4829      	display: flex;
4830      	align-items: center;
4831      	justify-content: space-between;
4832      	padding: 1rem;
4833      	border-bottom: 1px solid #e5e7eb;
4834      }
4835      
4836      .help-modal-header h2 {
4837      	font-size: 1.25rem;
4838      	font-weight: 600;
4839      }
4840      
4841      .help-modal-close {
4842      	padding: 0.25rem;
4843      	border-radius: 9999px;
4844      	border: none;
4845      	background: transparent;
4846      	cursor: pointer;
4847      }
4848      
4849      .help-modal-close:hover {
4850      	background: #f3f4f6;
4851      }
4852      
4853      .help-modal-search {
4854      	padding: 1rem;
4855      	border-bottom: 1px solid #e5e7eb;
4856      }
4857      
4858      .search-container {
4859      	position: relative;
4860      }
4861      
4862      .search-icon {
4863      	position: absolute;
4864      	left: 0.75rem;
4865      	top: 50%;
4866      	transform: translateY(-50%);
4867      	width: 20px;
4868      	height: 20px;
4869      	opacity: 0.5;
4870      }
4871      
4872      #helpSearch {
4873      	width: 100%;
4874      	padding: 0.5rem 1rem 0.5rem 2.5rem;
4875      	border: 1px solid #e5e7eb;
4876      	border-radius: 0.5rem;
4877      	outline: none;
4878      }
4879      
4880      #helpSearch:focus {
4881      	border-color: var(--primary);
4882      	box-shadow: 0 0 0 2px rgba(122, 35, 56, 0.1);
4883      }
4884      
4885      .help-modal-body {
4886      	display: flex;
4887      	flex: 1;
4888      	overflow: hidden;
4889      }
4890      
4891      .help-sidebar {
4892      	width: 16rem;
4893      	border-right: 1px solid #e5e7eb;
4894      	overflow-y: auto;
4895      }
4896      
4897      .help-category {
4898      	padding: 0.5rem;
4899      }
4900      
4901      .help-category-title {
4902      	font-size: 0.875rem;
4903      	font-weight: 600;
4904      	color: #6b7280;
4905      	padding: 0.5rem;
4906      }
4907      
4908      .help-section-button {
4909      	width: 100%;
4910      	display: flex;
4911      	align-items: center;
4912      	gap: 0.5rem;
4913      	padding: 0.5rem;
4914      	border: none;
4915      	background: transparent;
4916      	border-radius: 0.5rem;
4917      	cursor: pointer;
4918      	text-align: left;
4919      	transition: all 0.2s;
4920      }
4921      
4922      .help-section-button:hover {
4923      	background: #f3f4f6;
4924      }
4925      
4926      .help-section-button.active {
4927      	background: var(--primary);
4928      }
4929      
4930      .help-content {
4931      	flex: 1;
4932      	padding: 1.5rem;
4933      	overflow-y: auto;
4934      }
4935      
4936      .help-section-header {
4937      	display: flex;
4938      	align-items: center;
4939      	gap: 0.75rem;
4940      	margin-bottom: 1.5rem;
4941      }
4942      
4943      .help-section-header h3 {
4944      	font-size: 1.5rem;
4945      	font-weight: bold;
4946      }
4947      
4948      .help-section-description {
4949      	color: #4b5563;
4950      	font-size: 1.125rem;
4951      	margin-bottom: 1.5rem;
4952      }
4953      
4954      .help-video-placeholder {
4955      	aspect-ratio: 16 / 9;
4956      	background: #f3f4f6;
4957      	border-radius: 0.5rem;
4958      	display: flex;
4959      	align-items: center;
4960      	justify-content: center;
4961      	color: #6b7280;
4962      	margin-bottom: 1.5rem;
4963      }
4964      
4965      .help-steps {
4966      	margin-bottom: 1.5rem;
4967      }
4968      
4969      .help-steps h4 {
4970      	font-size: 1.125rem;
4971      	font-weight: 600;
4972      	margin-bottom: 0.5rem;
4973      }
4974      
4975      .help-steps ol {
4976      	list-style: decimal;
4977      	padding-left: 1.5rem;
4978      	color: #4b5563;
4979      }
4980      
4981      .help-steps li {
4982      	margin-bottom: 0.5rem;
4983      }
4984      
4985      .help-tips {
4986      	background: var(--secondary-light);
4987      	border-radius: 0.5rem;
4988      	padding: 1rem;
4989      }
4990      
4991      .help-tips h4 {
4992      	font-size: 1.125rem;
4993      	font-weight: 600;
4994      	margin-bottom: 0.5rem;
4995      }
4996      
4997      .help-tips ul {
4998      	list-style: disc;
4999      	padding-left: 1.5rem;
5000      	color: #4b5563;
5001      }
5002      
5003      .help-tips li {
5004      	margin-bottom: 0.25rem;
5005      }
5006      
5007      .help-feedback {
5008      	margin-top: 2rem;
5009      	padding-top: 2rem;
5010      	border-top: 1px solid #e5e7eb;
5011      	text-align: center;
5012      }
5013      
5014      .help-feedback-question {
5015      	font-size: 1rem;
5016      	color: #4b5563;
5017      	margin-bottom: 1rem;
5018      }
5019      
5020      .help-feedback-buttons {
5021      	display: flex;
5022      	gap: 1rem;
5023      	justify-content: center;
5024      }
5025      
5026      .feedback-button {
5027      	background: none;
5028      	border: 1px solid #e5e7eb;
5029      	border-radius: 9999px;
5030      	padding: 0.5rem;
5031      	cursor: pointer;
5032      	transition: all 0.2s;
5033      }
5034      
5035      .feedback-button:hover {
5036      	background: #f3f4f6;
5037      	transform: scale(1.1);
5038      }
5039      
5040      .feedback-button.selected {
5041      	background: var(--primary);
5042      	border-color: var(--primary);
5043      }
5044      
5045      .help-question-section {
5046      	margin-top: 2rem;
5047      	padding: 1.5rem;
5048      	background: var(--secondary-light);
5049      	border-radius: 0.75rem;
5050      }
5051      
5052      .help-question-section h4 {
5053      	font-size: 1rem;
5054      	font-weight: 600;
5055      	margin-bottom: 1rem;
5056      }
5057      
5058      .help-question-form {
5059      	display: flex;
5060      	flex-direction: column;
5061      	gap: 1rem;
5062      }
5063      
5064      #questionInput {
5065      	width: 100%;
5066      	padding: 0.75rem;
5067      	border: 1px solid #e5e7eb;
5068      	border-radius: 0.5rem;
5069      	resize: vertical;
5070      	min-height: 80px;
5071      	font-family: inherit;
5072      }
5073      
5074      #questionInput:focus {
5075      	outline: none;
5076      	border-color: var(--primary);
5077      	box-shadow: 0 0 0 2px rgba(122, 35, 56, 0.1);
5078      }
5079      
5080      .help-submit-button {
5081      	align-self: flex-start;
5082      	background: black;
5083      	color: white;
5084      	border: none;
5085      	padding: 0.5rem 1rem;
5086      	border-radius: 0.5rem;
5087      	cursor: pointer;
5088      	font-weight: 500;
5089      	transition: background-color 0.2s;
5090      }
5091      
5092      .help-submit-button:hover {
5093      	background-color: #631c2d;
5094      }
5095      
5096      .help-submit-button:disabled {
5097      	background-color: #e5e7eb;
5098      	cursor: not-allowed;
5099      }
5100      
5101      .help-success-message {
5102      	text-align: center;
5103      	color: #059669;
5104      	background: #ecfdf5;
5105      	padding: 1rem;
5106      	border-radius: 0.5rem;
5107      	margin-top: 1rem;
5108      }
5109      
5110      .color-variant {
5111      	display: inline-block;
5112      	margin: 10px;
5113      	text-align: center;
5114      	cursor: pointer;
5115      	width: 80px;
5116      }
5117      
5118      .color-variant img {
5119      	width: 80px;
5120      	height: 80px;
5121      	border: 2px solid #ccc;
5122      	border-radius: 8px;
5123      	object-fit: cover;
5124      }
5125      
5126      .color-variant-name {
5127      	margin-top: 5px;
5128      	font-size: 12px;
5129      	color: #333;
5130      }
5131      
5132      .color-add-button {
5133      	width: 80px;
5134      	height: 80px;
5135      	border-radius: 8px;
5136      	border: 2px dashed #aaa;
5137      	background: #fff;
5138      	font-size: 24px;
5139      	color: #888;
5140      	display: flex;
5141      	align-items: center;
5142      	justify-content: center;
5143      	cursor: pointer;
5144      }
5145      
5146      #color-swatch-buttons {
5147      	display: flex;
5148      	flex-wrap: wrap;
5149      	gap: 10px;
5150      	max-width: 320px;
5151      }
5152      
5153      .color-variant {
5154      	width: 80px;
5155      	text-align: center;
5156      	cursor: pointer;
5157      }
5158      
5159      .color-variant img,
5160      .color-add-button {
5161      	width: 80px;
5162      	height: 80px;
5163      	border-radius: 8px;
5164      	border: 2px solid #ccc;
5165      	object-fit: cover;
5166      }
5167      
5168      .color-add-button {
5169      	border: 2px dashed #aaa;
5170      	background: #fff;
5171      	font-size: 24px;
5172      	color: #888;
5173      	display: flex;
5174      	align-items: center;
5175      	justify-content: center;
5176      }
5177      
5178      .color-variant-name {
5179      	margin-top: 5px;
5180      	font-size: 12px;
5181      	color: #333;
5182      }
5183      
5184      #variants-title {
5185      	display: none;
5186      }
5187      
5188      .active-swatch {
5189      	box-shadow: 0 0 0 3px grey;
5190      	border-color: grey !important;
5191      }
5192
5193      .modern-button {
5194  background-color: #f44336;
5195  color: white;
5196  border: none;
5197  padding: 6px 12px;
5198  border-radius: 8px;
5199  cursor: pointer;
5200  transition: background 0.3s;
5201  font-size: 14px;
5202}
5203
5204.modern-button:hover {
5205  background-color: #d32f2f;
5206}
5207
5208.tooltip-c {
5209  position: relative;
5210  display: inline-block;
5211}
5212
5213.tooltip-c .tooltiptext-c {
5214  visibility: hidden;
5215  background-color: #333;
5216  color: #fff;
5217  text-align: center;
5218  border-radius: 6px;
5219  padding: 6px 10px;
5220  position: absolute;
5221  z-index: 1;
5222  bottom: 125%; /* poziționează deasupra */
5223  left: 50%;
5224  transform: translateX(-50%);
5225  opacity: 0;
5226  transition: opacity 0.3s;
5227  width: 220px;
5228  font-size: 12px;
5229  z-index:10000;
5230}
5231
5232.tooltip-c:hover .tooltiptext-c {
5233  visibility: visible;
5234  opacity: 1;
5235}
5236
5237      .curve-text-props.modern-box {
5238  padding: 12px;
5239  background: #fff;
5240  border: 1px solid #ddd;
5241  border-radius: 10px;
5242  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
5243}
5244
5245.curve-text-props .input-group {
5246  margin-bottom: 10px;
5247  display: flex;
5248  flex-direction: column;
5249}
5250
5251.curve-text-props .input-group label {
5252  font-size: 13px;
5253  font-weight: 500;
5254  margin-bottom: 4px;
5255}
5256
5257.curve-text-props .input-group input,
5258.curve-text-props .input-group select {
5259  padding: 6px 10px;
5260  font-size: 14px;
5261  border: 1px solid #ccc;
5262  border-radius: 6px;
5263}
5264
5265.curve-text-props .modern-button {
5266  margin-top: 14px;
5267  background: #f44336;
5268  color: white;
5269  padding: 10px 14px;
5270  border: none;
5271  border-radius: 6px;
5272  display: inline-flex;
5273  align-items: center;
5274  cursor: pointer;
5275  transition: background 0.3s ease;
5276}
5277
5278.curve-text-props .modern-button:hover {
5279  background: #d32f2f;
5280}
5281
5282.canvas-holder,
5283.canvas-holder .content,
5284.canvas-container {
5285  overflow: visible !important;
5286}
5287
5288      /* ────────────────────────────────────────────────
5289   Print-area selector  •  pills like Printify
5290   Parent class: .design-position-switcher
5291   ──────────────────────────────────────────────── */
5292.design-position-switcher{
5293  display:flex;                     /* all pills on one row  */
5294  gap:12px;                         /* distance between pills */
5295  justify-content:center;           /* centred below canvas  */
5296  margin:24px 0;                    /* space top + bottom    */
5297  position:absolute;
5298      bottom: 50px;
5299    left: 45%;
5300}
5301
5302.design-position-switcher .tool-btn{
5303  all:unset;                        /* reset default button styles           */
5304  cursor:pointer;
5305  font:500 14px/1 "Inter", sans-serif;
5306  padding:6px 22px;
5307  border:1.5px solid #d9d9d9;
5308  border-radius:24px;               /* pill shape                            */
5309  background:#ffffff;
5310  color:#6b6b6b;
5311  box-shadow:0 1px 2px rgba(0,0,0,.05);
5312  transition:background .15s ease, border-color .15s ease, color .15s ease;
5313}
5314.design-position-switcher .tool-btn:hover{
5315  background:#f5f5f5;
5316}
5317.design-position-switcher .tool-btn.active{
5318  background:#595e46;              /* Printify olive-green */
5319  border-color:#595e46;
5320  color:#ffffff;
5321}
5322
5323
5324    </style>
5325    <link rel="stylesheet" href="//shic.ai/cdn/shop/t/45/assets/custom_css_prompt.css?v=109315853480003870421745596191">
5326  
5327
5328    
5328<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
5328
5329    
5330    
5330<script>
5331      jQuery.fn.outerHTML = function() {
5332        return jQuery('<div />').append(this.eq(0).clone()).html();
5333      };
5334      Number.prototype.countDecimals = function () {
5335        if(Math.floor(this.valueOf()) === this.valueOf()) return 0;
5336        return this.toString().split(".")[1].length || 0; 
5337      }
5338    </script>
5338
5339    
5339<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fabric.min.js"></script>
5339
5340    
5340<script src="//shic.ai/cdn/shop/t/45/assets/curvedtext.js?v=152338710461802731231746095883"></script>
5340
5341
5342    
5342<script src="https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.js"></script>
5342
5343    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.css">
5344
5345    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
5346    
5346<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
5346
5347
5348    
5349  
5350
5351    
5351<script src="https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.6.0/tinycolor.min.js"></script>
5351
5352
5353    
5353<script src="//shic.ai/cdn/shop/t/45/assets/colorsPanel.js?v=106638781441237472811748949221"></script>
5353
5354
5355
5356    
5356<script>
5357      const stopCurveBtn = document.getElementById('stopCurveBtn');
5358      
5359      function stopCurve() {
5360         // Grab currently active object
5361         const activeObj = _self.canvas.getActiveObject();
5362         if (activeObj && activeObj.type === 'curveText') {
5363            // Copy minimal properties
5364            const {
5365               text,
5366               left,
5367               top,
5368               fill,
5369               fontSize,
5370               fontFamily
5371            } = activeObj;
5372      
5373            // Create a plain fabric.Text with the same values
5374            const newText = new fabric.Text(text, {
5375               left,
5376               top,
5377               fill,
5378               fontSize,
5379               fontFamily,
5380            });
5381      
5382            // Remove the curveText and add the new text
5383            _self.canvas.remove(activeObj);
5384            _self.canvas.add(newText);
5385      
5386            // Make the plain text active so user can edit it
5387            _self.canvas.setActiveObject(newText);
5388            _self.canvas.renderAll();
5389      
5390            // Hide the button once we've reverted
5391            stopCurveBtn.style.display = 'none';
5392         }
5393      }
5394      
5395      // Attach click handler
5396      stopCurveBtn.addEventListener('click', stopCurve);
5397    </script>
5397
5398
5399    
5399<script>
5400      function updateSliderBackground(slider) {
5401        const min = parseFloat(slider.min);
5402        const max = parseFloat(slider.max);
5403        const val = parseFloat(slider.value);
5404        const percent = ((val - min) / (max - min)) * 100;
5405        slider.style.background = `linear-gradient(to right, #7924c7 0%, #7924c7 ${percent}%, #ccc ${percent}%, #ccc 100%)`;
5406      }
5407    </script>
5407
5408
5409
5410  </head>
5411  <body>
5412
5413   <!-- PROMPT --><div class="section section--padding shic_website_container">
5414
5415     <!-- Prompt Box -->
5416     <!-- New Outside Button -->
5417     <button class="outside-button" id="outsideButton" style="display:none !important;">Show Options</button>
5418     <!-- Prompt Box -->
5419     <div class="prompt-box" id="prompt-box">
5420       <textarea class="prompt-input" placeholder="Enter your prompt here" rows="1" maxlength="10000" id="intro-prompt" name="intro-prompt"></textarea>
5421       <div class="button-group">
5422         <!-- "Use image" Button -->
5423         <button class="prompt-button use-image-button" id="useImageButton">
5424           <!-- Image Icon -->
5425           <svg class="image-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
5426             <title>Image Icon</title>
5427             <path d="M14.2639 15.9375L12.5958 14.2834C11.7909 13.4851 11.3884 13.086 10.9266 12.9401C10.5204 12.8118 10.0838 12.8165 9.68048 12.9536C9.22188 13.1095 8.82814 13.5172 8.04068 14.3326L4.04409 18.2801M14.2639 15.9375L14.6053 15.599C15.4112 14.7998 15.8141 14.4002 16.2765 14.2543C16.6831 14.126 17.12 14.1311 17.5236 14.2687C17.9824 14.4251 18.3761 14.8339 19.1634 15.6514L20 16.4934M14.2639 15.9375L18.275 19.9565M18.275 19.9565C17.9176 20 17.4543 20 16.8 20H7.2C6.07989 20 5.51984 20 5.09202 19.782C4.71569 19.5903 4.40973 19.2843 4.21799 18.908C4.12796 18.7313 4.07512 18.5321 4.04409 18.2801M18.275 19.9565C18.5293 19.9256 18.7301 19.8727 18.908 19.782C19.2843 19.5903 19.5903 19.2843 19.782 18.908C20 18.4802 20 17.9201 20 16.8V16.4934M4.04409 18.2801C4 17.9221 4 17.4575 4 16.8V7.2C4 6.0799 4 5.51984 4.21799 5.09202C4.40973 4.71569 4.71569 4.40973 5.09202 4.21799C5.51984 4 6.07989 4 7.2 4H16.8C17.9201 4 18.4802 4 18.908 4.21799C19.2843 4.40973 19.5903 4.71569 19.782 5.09202C20 5.51984 20 6.0799 20 7.2V16.4934M17 8.99989C17 10.1045 16.1046 10.9999 15 10.9999C13.8954 10.9999 13 10.1045 13 8.99989C13 7.89532 13.8954 6.99989 15 6.99989C16.1046 6.99989 17 7.89532 17 8.99989Z" />
5428           </svg>
5429           <!-- Gear Icon (Hidden by Default) -->
5430           <svg class="gear-icon" viewBox="0 0 45.973 45.973" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" style="display: none;">
5431             <title>Options Icon</title>
5432             <g>
5433               <g>
5434                 <path d="M43.454,18.443h-2.437c-0.453-1.766-1.16-3.42-2.082-4.933l1.752-1.756c0.473-0.473,0.733-1.104,0.733-1.774
5435                        c0-0.669-0.262-1.301-0.733-1.773l-2.92-2.917c-0.947-0.948-2.602-0.947-3.545-0.001l-1.826,1.815
5436                        C30.9,6.232,29.296,5.56,27.529,5.128V2.52c0-1.383-1.105-2.52-2.488-2.52h-4.128c-1.383,0-2.471,1.137-2.471,2.52v2.607
5437                        c-1.766,0.431-3.38,1.104-4.878,1.977l-1.825-1.815c-0.946-0.948-2.602-0.947-3.551-0.001L5.27,8.205
5438                        C4.802,8.672,4.535,9.318,4.535,9.978c0,0.669,0.259,1.299,0.733,1.772l1.752,1.76c-0.921,1.513-1.629,3.167-2.081,4.933H2.501
5439                        C1.117,18.443,0,19.555,0,20.935v4.125c0,1.384,1.117,2.471,2.501,2.471h2.438c0.452,1.766,1.159,3.43,2.079,4.943l-1.752,1.763
5440                        c-0.474,0.473-0.734,1.106-0.734,1.776s0.261,1.303,0.734,1.776l2.92,2.919c0.474,0.473,1.103,0.733,1.772,0.733
5441                        s1.299-0.261,1.773-0.733l1.833-1.816c1.498,0.873,3.112,1.545,4.878,1.978v2.604c0,1.383,1.088,2.498,2.471,2.498h4.128
5442                        c1.383,0,2.488-1.115,2.488-2.498v-2.605c1.767-0.432,3.371-1.104,4.869-1.977l1.817,1.812c0.474,0.475,1.104,0.735,1.775,0.735
5443                        c0.67,0,1.301-0.261,1.774-0.733l2.92-2.917c0.473-0.472,0.732-1.103,0.734-1.772c0-0.67-0.262-1.299-0.734-1.773l-1.75-1.77
5444                        c0.92-1.514,1.627-3.179,2.08-4.943h2.438c1.383,0,2.52-1.087,2.52-2.471v-4.125C45.973,19.555,44.837,18.443,43.454,18.443z
5445                         M22.976,30.85c-4.378,0-7.928-3.517-7.928-7.852c0-4.338,3.55-7.85,7.928-7.85c4.379,0,7.931,3.512,7.931,7.85
5446                        C30.906,27.334,27.355,30.85,22.976,30.85z" />
5447               </g>
5448             </g>
5449           </svg>
5450           <!-- Button Text -->
5451           <span class="button-text">Use image</span>
5452           <span class="tooltip">for inspiration</span>
5453         </button>
5454         <!-- "CREATE" Button -->
5455         <button id="prompt-create-btn-template--23786021421356__generate_without_slide_EqVRya" class="prompt-button create-button"  >
5456           <!-- Original Sparkle Icon -->
5457           <svg class="sparkle-icon" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
5458             <path d="M22.625 2c0 15.834-8.557 30-20.625 30c12.068 0 20.625 14.167 20.625 30c0-15.833 8.557-30 20.625-30c-12.068 0-20.625-14.166-20.625-30" fill="currentColor"></path>
5459             <path d="M47 32c0 7.918-4.277 15-10.313 15C42.723 47 47 54.084 47 62c0-7.916 4.277-15 10.313-15C51.277 47 47 39.918 47 32z" fill="currentColor"></path>
5460             <path d="M51.688 2c0 7.917-4.277 15-10.313 15c6.035 0 10.313 7.084 10.313 15c0-7.916 4.277-15 10.313-15c-6.036 0-10.313-7.083-10.313-15" fill="currentColor"></path>
5461           </svg>
5462           <!-- New Wand Icon (initially hidden) -->
5463           <svg class="wand-icon" viewBox="0 0 48.956 48.955" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" style="display: none;">
5464             <path d="M24.698,19.041l4.338,4.336l-1.065,1.066l-4.338-4.336L24.698,19.041z M32.826,14.269c-0.927-0.928-2.427-0.928-3.354,0
5465                l-3.604,3.603l4.338,4.337l3.604-3.604c0.928-0.928,0.928-2.429,0-3.354L32.826,14.269z M0.696,43.043
5466                c-0.928,0.926-0.928,2.43,0,3.354l0.98,0.98c0.927,0.928,2.429,0.928,3.354,0l21.655-21.655l-4.337-4.339L0.696,43.043z
5467                M42.708,13.878l-0.803,2.113l-2.112,0.802l2.112,0.804l0.803,2.112l0.803-2.112l2.112-0.804l-2.112-0.802L42.708,13.878z
5468                M35.958,4.718l-1.455-3.835l-1.453,3.835l-3.836,1.455l3.836,1.455l1.453,3.836l1.455-3.836l3.835-1.455L35.958,4.718z
5469                M46.689,6.856l-0.857-2.267l-0.857,2.267l-2.266,0.857l2.266,0.86l0.857,2.265l0.857-2.265l2.267-0.86L46.689,6.856z" />
5470           </svg>
5471           <span class="button-text">CREATE</span>
5472           <!-- Loader Animation (Initially Hidden) -->
5473           <div class="button-loader">
5474             <div class="circle circle1">‎</div>
5475             <div class="circle circle2">‎</div>
5476             <div class="circle circle3">‎</div>
5477           </div>
5478         </button>
5479       </div>
5480       <!-- Image Upload Popup -->
5481       <div class="image-popup-box" id="imagePopupBox">
5482         <!-- Close Button -->
5483         <button class="close-button" id="closeImagePopup" aria-label="Close popup">&times;</button>
5484         <label for="imageFileInput" class="image-upload-area" id="imageUploadArea">
5485           <div class="upload-content">
5486             <!-- SVG Icon -->
5487             <svg class="image-icon-large" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.116 374.116" fill="#000000">
5488               <g>
5489                 <path d="M344.058,207.506c-16.568,0-30,13.432-30,30v76.609h-254v-76.609c0-16.568-13.432-30-30-30c-16.568,0-30,13.432-30,30
5490                      v106.609c0,16.568,13.432,30,30,30h314c16.568,0,30-13.432,30-30V237.506C374.058,220.938,360.626,207.506,344.058,207.506z" />
5491                 <path d="M123.57,135.915l33.488-33.488v111.775c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30V102.426l33.488,33.488
5492                      c5.857,5.858,13.535,8.787,21.213,8.787c7.678,0,15.355-2.929,21.213-8.787c11.716-11.716,11.716-30.71,0-42.426L208.271,8.788
5493                      c-11.715-11.717-30.711-11.717-42.426,0L81.144,93.489c-11.716,11.716-11.716,30.71,0,42.426
5494                      C92.859,147.631,111.855,147.631,123.57,135.915z" />
5495               </g>
5496             </svg>
5497             <!-- "Choose a Picture" Text -->
5498             <div class="upload-text">Choose a Picture</div>
5499           </div>
5500           <!-- Description at the Bottom -->
5501           <div class="upload-description"> You can let our AI analyze your image to generate a prompt, or simply use it as is for your design. </div>
5502         </label>
5503         <input type="file" id="imageFileInput" accept="image/*" hidden>
5504       </div>
5505       <!-- New Outside Popup Box -->
5506       <div class="outside-popup-box" id="outsidePopupBox">
5507         <div class="intensity-container">
5508           <span class="intensity-label" id="outsideSliderLabel">Brush Size</span>
5509           <div class="slider-container">
5510             <input type="range" min="0" max="100" value="70" step="10" class="outside-popup-slider" id="outsideSlider">
5511           </div>
5512           <button class="intensity-close-button" id="closeIntensityPopup">&times;</button>
5513         </div>
5514       </div>
5515       <!-- New Outside Popup Box 2 -->
5516       <div class="outside-popup-box2" id="outsidePopupBox2">
5517         <!-- Replace Container with Pill Bar Style -->
5518         <div class="replace-container">
5519           <label for="replaceTextBox" class="replace-label" id="replace_label">Replace:</label>
5520           <input type="text" id="replaceTextBox" class="replace-text-box" placeholder="Enter text to replace" aria-labelledby="replaceLabel">
5521         </div>
5522         <!-- Action Button styled as Pill Button -->
5523         <div class="action-buttons2"></div>
5524       </div>
5525       <!-- Original Popup Box -->
5526       <div class="popup-box" id="popupBox">
5527         <div class="popup-header">
5528           <span class="popup-content">Click to try</span>
5529           <button class="close-button" id="closePopup" aria-label="Close popup">&times;</button>
5530         </div>
5531         <!-- Categories Container Here -->
5532         <div class="categories-container" id="categoriesContainer">
5533           <button class="category-button active" data-category="clothing">Clothing</button>
5534           <button class="category-button" data-category="home">Home</button>
5535           <button class="category-button" data-category="accessories">Accessories</button>
5536         </div>
5537         <!-- End of Categories Container -->
5538         <!-- Product Grids for Each Category -->
5539         <div class="product-grids-container">
5540           <!-- Clothing Products -->
5541           <div class="product-grid active" data-category="clothing">
5542             <div class="product-wrapper">
5543               <div class="product-box">
5544                 <img src="//shic.ai/cdn/shop/t/45/assets/t-shirt.png?v=53174408492950022051733475534" alt="T-Shirt" style="width: 100%; height: 100%; object-fit: cover;">
5545               </div>
5546               <div class="product-label">T-Shirt</div>
5547             </div>
5548             <div class="product-wrapper">
5549               <div class="product-box">
5550                 <img src="//shic.ai/cdn/shop/t/45/assets/hoodie.png?v=32081915023309305181733471729" alt="Hoodie" style="width: 100%; height: 100%; object-fit: cover;">
5551               </div>
5552               <div class="product-label">Hoodie</div>
5553             </div>
5554             <div class="product-wrapper">
5555               <div class="product-box">
5556                 <img src="//shic.ai/cdn/shop/t/45/assets/sweatshirt.png?v=6759710757848041881733475458" alt="Sweatshirt" style="width: 100%; height: 100%; object-fit: cover;">
5557               </div>
5558               <div class="product-label">Sweatshirt</div>
5559             </div>
5560             <div class="product-wrapper">
5561               <div class="product-box">
5562                 <img src="//shic.ai/cdn/shop/t/45/assets/tank-top.png?v=30769371538427782121733475510" alt="Tank Top" style="width: 100%; height: 100%; object-fit: cover;">
5563               </div>
5564               <div class="product-label">Tank Top</div>
5565             </div>
5566           </div>
5567           <!-- Home Products -->
5568           <div class="product-grid" data-category="home">
5569             <div class="product-wrapper">
5570               <div class="product-box" style="background-color: #C76CE1;">
5571                 <img src="//shic.ai/cdn/shop/t/45/assets/canvas.png?v=25676597133735222081733572413" alt="Canvas" style="width: 100%; height: 100%; object-fit: cover;">
5572               </div>
5573               <div class="product-label">Canvas</div>
5574             </div>
5575             <div class="product-wrapper">
5576               <div class="product-box" style="background-color: #CFE97E;">
5577                 <img src="//shic.ai/cdn/shop/t/45/assets/poster.png?v=127001657588257943771733475576" alt="Poster" style="width: 100%; height: 100%; object-fit: cover;">
5578               </div>
5579               <div class="product-label">Poster</div>
5580             </div>
5581             <div class="product-wrapper">
5582               <div class="product-box" style="background-color: #84BEC9;">
5583                 <img src="//shic.ai/cdn/shop/t/45/assets/tapestries.png?v=16077295037676646471733475631" alt="Tapestries" style="width: 100%; height: 100%; object-fit: cover;">
5584               </div>
5585               <div class="product-label">Tapestries</div>
5586             </div>
5587             <div class="product-wrapper">
5588               <div class="product-box" style="background-color: #F29768;">
5589                 <img src="//shic.ai/cdn/shop/t/45/assets/abay4650_A_front-facing_high-resolution_photorealistic_metal__ed6f3702-8e3e-4e45-a050-78ea0518aebc_0.png?v=13244655554460245001733567914" alt="Art Sign" style="width: 100%; height: 100%; object-fit: cover;">
5590               </div>
5591               <div class="product-label">Art Sign</div>
5592             </div>
5593           </div>
5594           <!-- Accessories Products -->
5595           <div class="product-grid" data-category="accessories">
5596             <div class="product-wrapper">
5597               <div class="product-box" style="background-color: #C76CE1;">
5598                 <img src="//shic.ai/cdn/shop/t/45/assets/abay4650_A_front-facing_high-resolution_photorealistic_stainl_0ee6b17c-e205-4aa8-9a33-e9d4986635cb_0.png?v=169671660493221751821733568216" alt="Travel Mug" style="width: 100%; height: 100%; object-fit: cover;">
5599               </div>
5600               <div class="product-label">Travel Mug</div>
5601             </div>
5602             <div class="product-wrapper">
5603               <div class="product-box" style="background-color: #CFE97E;">
5604                 <img src="//shic.ai/cdn/shop/t/45/assets/notebook.png?v=82080521658912951641733475709" alt="Notebook" style="width: 100%; height: 100%; object-fit: cover;">
5605               </div>
5606               <div class="product-label">Notebook</div>
5607             </div>
5608             <div class="product-wrapper">
5609               <div class="product-box" style="background-color: #84BEC9;">
5610                 <img src="//shic.ai/cdn/shop/t/45/assets/skinny_tumbler.png?v=59738305003625297821733475660" alt="Tumbler" style="width: 100%; height: 100%; object-fit: cover;">
5611               </div>
5612               <div class="product-label">Tumbler</div>
5613             </div>
5614             <div class="product-wrapper">
5615               <div class="product-box" style="background-color: #F29768;">
5616                 <img src="//shic.ai/cdn/shop/t/45/assets/tote-bag.png?v=32809049036332733461733475697" alt="Tote Bag" style="width: 100%; height: 100%; object-fit: cover;">
5617               </div>
5618               <div class="product-label">Tote Bag</div>
5619             </div>
5620           </div>
5621         </div>
5622         <!-- End of Product Grids -->
5623         <div class="style-selection">
5624           <div class="style-selection-title">Choose Style(s)</div>
5625           <div class="pill-buttons">
5626             <div class="pill-button" data-style="graphic-design">Graphic Design</div>
5627             <div class="pill-button" data-style="typography">Typography</div>
5628             <div class="pill-button" data-style="illustration">Illustration</div>
5629             <div class="pill-button" data-style="vintage">Vintage</div>
5630             <div class="pill-button" data-style="minimalist">Minimalist</div>
5631             <div class="pill-button" data-style="abstract">Abstract</div>
5632             <div class="pill-button" data-style="anime-manga">Anime/Manga</div>
5633             <div class="pill-button" data-style="watercolor">Watercolor</div>
5634             <div class="pill-button" data-style="synthwave">Synthwave</div>
5635             <div class="pill-button" data-style="pop-art">Pop Art</div>
5636             <div class="pill-button" data-style="geometric">Geometric</div>
5637             <div class="pill-button" data-style="cyberpunk">Cyberpunk</div>
5638             <div class="pill-button" data-style="retro">Retro</div>
5639             <div class="pill-button" data-style="photorealistic">Photorealistic</div>
5640           </div>
5641         </div>
5642         <div class="bottom-span-box">
5643           <div class="bottom-span-text">
5644             <span class="main-text">Allow to use Editable text</span>
5645             <span class="sub-text">You can choose precisely generated text.</span>
5646           </div>
5647           <label class="toggle-switch bottom-toggle-switch">
5648             <input type="checkbox" id="edit_words_checkbox">
5649             <span class="slider"></span>
5650           </label>
5651           <div class="bottom-span-text">
5652             <span class="main-text">Allow to use Shic Design</span>
5653             <span class="sub-text">We will enhance your prompt.</span>
5654           </div>
5655           <label class="toggle-switch bottom-toggle-switch">
5656             <input type="checkbox" checked title="prompt_enhancement_checkbox" id="prompt_enhancement_checkbox">
5657             <span class="slider"></span>
5658           </label>
5659         </div>
5660       </div>
5661     </div>
5662     <div class="editor-and-carousel" id="imageEditorContainer" style="display: none;">
5663       <div class="image-editor-container">
5664         <iframe style="width:80%; height:100%;" id="miniPaint" src="//shic.ai/cdn/shop/t/45/assets/hello41.html?v=35067037309137541351742241181"></iframe>
5665       </div>
5666       <div class="carousel-container" id="carouselContainer">
5667         <div class="refresh_container">
5668           <button class="action-button" onclick="invokeChildSelectTool('Fabric Color')">
5669             <!-- Insert the provided color wheel SVG icon -->
5670             <svg width="18" height="18" viewBox="0 0 73 73" xmlns="http://www.w3.org/2000/svg">
5671               <g id="design-and-ux/color-wheel" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5672                 <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#012E49" stroke-width="2">
5673                   <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"></rect>
5674                 </g>
5675                 <g id="color-wheel-(1)" transform="translate(11.000000, 11.000000)" fill-rule="nonzero">
5676                   <path d="M3.4085083,38.2546692 C4.51238248,40.1593094 5.87072754,41.9328232 7.46875765,43.5312423 C12.2854157,48.3475113 18.6888199,51 25.5,51 C32.3115692,51 38.7149735,48.3475113 43.5312423,43.5312423 C45.1296615,41.9328232 46.4876175,40.1593094 47.5914917,38.2546692 C49.814415,34.4193192 51,30.0512924 51,25.5 C51,20.9487076 49.814415,16.5806808 47.5914917,12.7453308 C46.4876175,10.8406906 45.1292725,9.06678777 43.5312423,7.46875765 C38.7149735,2.65248868 32.3115692,0 25.5,0 C18.6888199,0 12.2850265,2.65248868 7.46875765,7.46875765 C5.87033846,9.06678777 4.51199341,10.8406906 3.4085083,12.7453308 C1.18558505,16.5806808 0,20.9490967 0,25.5 C0,30.0509033 1.18558505,34.4193192 3.4085083,38.2546692 Z M18.9923172,25.5 C18.9923172,24.3155823 19.3117676,23.2054825 19.867012,22.2475204 C20.9938431,20.3035812 23.0957565,18.9919281 25.5,18.9919281 C27.9042435,18.9919281 30.0061569,20.3035812 31.1333771,22.2475204 C31.6882324,23.2050934 32.0080719,24.3155823 32.0080719,25.5 C32.0080719,26.6844177 31.6882324,27.7945175 31.1333771,28.7520905 C30.0065461,30.6964188 27.9042435,32.0076828 25.5,32.0076828 C23.0957565,32.0076828 20.9938431,30.6964188 19.8666229,28.7520905 C19.3117676,27.7945175 18.9923172,26.6844177 18.9923172,25.5 Z" id="Shape" fill="#FF8398"></path>
5677                   <path d="M25.5,41.5036468 L25.5,51 C32.3115692,51 38.7149735,48.3475113 43.5312423,43.5312423 C45.1296615,41.9328232 46.4876175,40.1593094 47.5914917,38.2546692 L39.3616562,33.5029907 C36.5943832,38.2857971 31.4232559,41.5036468 25.5,41.5036468 Z" id="Shape" fill="#54E360"></path>
5678                   <path d="M41.504036,25.5 C41.504036,28.4155197 40.7238923,31.1489411 39.3616562,33.5029907 L47.5914917,38.2546692 C49.814415,34.4193192 51,30.0512924 51,25.5 C51,20.9487076 49.814415,16.5806808 47.5914917,12.7453308 L39.3616562,17.4966202 C40.7238923,19.8510589 41.504036,22.5844803 41.504036,25.5 Z" id="Shape" fill="#008ADF"></path>
5679                   <path d="M11.6383438,33.5029907 L3.4085083,38.2546692 C4.51238248,40.1593094 5.87072754,41.9328232 7.46875765,43.5312423 C12.2854157,48.3475113 18.6888199,51 25.5,51 L25.5,41.5036468 C19.5767441,41.5036468 14.4056168,38.2857971 11.6383438,33.5029907 Z" id="Shape" fill="#FFD400"></path>
5680                   <path d="M39.3616562,17.4966202 L47.5914917,12.7453308 C46.4876175,10.8406906 45.1292725,9.06678777 43.5312423,7.46875765 C38.7149735,2.65248868 32.3115692,0 25.5,0 L25.5,9.49596403 C31.4232559,9.49596403 36.5943832,12.7142029 39.3616562,17.4966202 Z" id="Shape" fill="#0065A3"></path>
5681                   <path d="M3.4085083,38.2546692 L11.6383438,33.5029907 C10.2761077,31.1489411 9.4963532,28.4155197 9.4963532,25.5 C9.4963532,22.5844803 10.2761077,19.8510589 11.6383438,17.4970093 L3.4085083,12.7453308 C1.18558505,16.5806808 0,20.9490967 0,25.5 C0,30.0509033 1.18558505,34.4193192 3.4085083,38.2546692 Z" id="Shape" fill="#FF9100"></path>
5682                   <path d="M25.5,9.49596403 L25.5,0 C18.6888199,0 12.2850265,2.65248868 7.46875765,7.46875765 C5.87033846,9.06678777 4.51199341,10.8406906 3.4085083,12.7453308 L11.6383438,17.4970093 C14.4056168,12.7142029 19.5767441,9.49596403 25.5,9.49596403 Z" id="Shape" fill="#FF4949"></path>
5683                   <path d="M32.0080719,25.5 C32.0080719,26.6844177 31.6882324,27.7945175 31.1333771,28.7520905 L39.3616562,33.5029907 C40.7238923,31.1489411 41.504036,28.4155197 41.504036,25.5 C41.504036,22.5840911 40.7238923,19.8510589 39.3616562,17.4966202 L31.1333771,22.2475204 C31.6882324,23.2050934 32.0080719,24.3155823 32.0080719,25.5 Z" id="Shape" fill="#0065A3"></path>
5684                   <path d="M31.1333771,22.2475204 L39.3616562,17.4970093 C36.5943832,12.7142029 31.4232559,9.49596403 25.5,9.49596403 L25.5,18.9919281 C27.9042435,18.9919281 30.0061569,20.3035812 31.1333771,22.2475204 Z" id="Shape" fill="#005183"></path>
5685                   <path d="M25.5,32.0076828 L25.5,41.5036468 C31.4232559,41.5036468 36.5943832,38.2857971 39.3616562,33.5029907 L31.1333771,28.7520905 C30.0065461,30.6964188 27.9042435,32.0076828 25.5,32.0076828 Z" id="Shape" fill="#00AB5E"></path>
5686                   <path d="M25.5,41.5036468 L25.5,32.0076828 C23.0957565,32.0076828 20.9938431,30.6964188 19.8666229,28.7520905 L11.6383438,33.5029907 C14.4056168,38.2857971 19.5767441,41.5036468 25.5,41.5036468 Z" id="Shape" fill="#FF9F04"></path>
5687                   <path d="M18.9923172,25.5 C18.9923172,24.3155823 19.3117676,23.2054825 19.867012,22.2475204 L11.6383438,17.4970093 C10.2761077,19.8510589 9.4963532,22.5844803 9.4963532,25.5 C9.4963532,28.4155197 10.2761077,31.1489411 11.6383438,33.5029907 L19.8666229,28.7520905 C19.3117676,27.7945175 18.9923172,26.6844177 18.9923172,25.5 Z" id="Shape" fill="#FF4B00"></path>
5688                   <path d="M25.5,18.9919281 L25.5,9.49596403 C19.5767441,9.49596403 14.4056168,12.7142029 11.6383438,17.4970093 L19.867012,22.2475204 C20.9938431,20.3035812 23.0957565,18.9919281 25.5,18.9919281 Z" id="Shape" fill="#E80048"></path>
5689                 </g>
5690               </g>
5691             </svg>
5692           </button>
5693           <button class="action-button" onclick="startMockupRefresh()" id="refreshButton">
5694             <svg width="16" height="16" viewBox="0 0 16 16" fill="#FFF1F2" xmlns="http://www.w3.org/2000/svg" style="margin-right: 8px;">
5695               <g>
5696                 <path d="M15,6V1.76l-1.7,1.7A7,7,0,1,0,14.92,9H13.51a5.63,5.63,0,1,1-1.2-4.55L10.76,6Z" />
5697               </g>
5698             </svg> Update </button>
5699           <button class="action-button" onclick="invokeChildSelectTool('publish')">
5700             <svg width="16" height="16" viewBox="0 0 24 24" fill="#FFF1F2" xmlns="http://www.w3.org/2000/svg" style="margin-right: 8px;">
5701               <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" />
5702             </svg> Continue </button>
5703         </div>
5704         <div class="carousel" id="carousel">
5705           <!-- Image elements will be dynamically inserted here -->
5706         </div>
5707     
5708       </div>
5709       <div class="image-modal-overlay" id="imageModal">
5710         <div class="image-modal-content">
5711           <button class="image-modal-close" id="modalCloseBtn">&times;</button>
5712           <img id="modalImage" alt="Enlarged view">
5713         </div>
5714       </div>
5715     </div>
5716
5717   </div><div id="helpModal" class="help-modal" style="display: none">
5718     <div class="help-modal-backdrop">
5719       <div class="help-modal-content">
5720         <!-- Modal Header -->
5721         <div class="help-modal-header">
5722           <h2>Shic Editor Help</h2>
5723           <button class="help-modal-close">
5724             <img src="//shic.ai/cdn/shop/t/45/assets/icons8-close-48.png?v=32702379690438651651732966970" alt="Close" style="width: 24px; height: 24px" />
5725           </button>
5726         </div>
5727         <!-- Search Bar -->
5728         <div class="help-modal-search">
5729           <div class="search-container">
5730             <img src="//shic.ai/cdn/shop/t/45/assets/icons8-search-96.png?v=13588183898081629741734703721" alt="Search" class="search-icon" />
5731             <input type="text" id="helpSearch" placeholder="Search help topics..." />
5732           </div>
5733         </div>
5734         <!-- Modal Body -->
5735         <div class="help-modal-body">
5736           <!-- Sidebar -->
5737           <div class="help-sidebar"></div>
5738           <!-- Content Area -->
5739           <div class="help-content"></div>
5740         </div>
5741       </div>
5742     </div>
5743   </div>
5744   <button id="helpButton" class="floating-button" title="Help">
5745     <img src="icons8-help-96.png" alt="?" />
5746   </button>
5747 <div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block">
5748
5749
5750  
5750<script type="module" src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-upsell.js" defer="defer"></script>
5750
5751  
5751<script type="module" src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-upsell-components.esm.js" defer="defer"></script>
5751
5752
5753
5754
5755<script>
5756
5757  
5758    window.lbupsellToken = "dae5de3379014bf6e5e92be053266ce7"
5759  
5760  
5761</script>
5761
5762
5763<script>
5764
5765  window.lbInitMode = "immediate";
5766  
5767  window.lbComponentSrc = "https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-upsell-components.esm.js";</script>
5767
5768
5769<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-utils.js" defer="defer"></script>
5769
5770
5771</div><div id="shopify-block-ATzRpVTBPU3k1R2pnW__286197278318599166" class="shopify-block shopify-app-block">
5772
5773
5774<div style="position: fixed; bottom: 0; right: 0"></div>
5775
5776<script>
5777console.info("bitlogin extension version: v2.5.7");
5778
5779const googleScript = document.createElement("script");
5780googleScript.setAttribute("src", "https://accounts.google.com/gsi/client");
5781document.head.append(googleScript);
5782
5783const bitLoginBaseUrl = "https://api.bitbybit.studio";
5784const apiUrl = `${bitLoginBaseUrl}/bitlogin/api`;
5785
5786const appearance = {"style":"square","hasShadow":false,"domain":"888758-b3.myshopify.com","colorScheme":"match","backgroundColor":"#FFFFFF","outlineColor":"#000000","textColor":"#000000","position":"top","hideDivider":false,"dividerText":"OR","size":"small","format":"contentFlex","language":"en","buttonText":"Continue With","redirectLink":"\/","googleOneTap":false,"googleOneTapBanner":true,"captureAdditionalData":false,"customerTag":"bitLogin","redirectOneTapDesktop":null,"redirectOneTapMobile":null,"watermark":true,"buttonList":{"google":"Continue With Google","facebook":"Continue With Facebook","apple":"Continue With Apple","whatsapp":"Continue With WhatsApp","microsoft":"Continue With Microsoft","twitter":"Continue With Twitter","amazon":"Continue With Amazon"}};
5787const config = [{"domain":"888758-b3.myshopify.com","provider":"GOOGLE","enabledMobile":true,"enabledWeb":true,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"888758-b3.myshopify.com","provider":"APPLE","enabledMobile":true,"enabledWeb":true,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"888758-b3.myshopify.com","provider":"FACEBOOK","enabledMobile":true,"enabledWeb":false,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null}];
5788const redirectUrl = appearance.redirectLink;
5789
5790let locationCacheSet = false;
5791let errorLocation = false;
5792let oneTapSet = false;
5793
5794let bitloginCache = {
5795  appearance: appearance,
5796  config: config
5797};
5798
5799let isInitializing = false;
5800const queue = [];
5801
5802// Add CSS for the popup
5803const popupStyles = document.createElement('style');
5804popupStyles.textContent = `
5805  /* Styles for login popup */
5806  .bitlogin-popup-overlay {
5807    position: fixed;
5808    top: 0;
5809    left: 0;
5810    width: 100%;
5811    height: 100%;
5812    background: rgba(0, 0, 0, 0.45);
5813    backdrop-filter: blur(4px);
5814    display: flex;
5815    align-items: center;
5816    justify-content: center;
5817    opacity: 0;
5818    transition: opacity 0.3s ease-in-out;
5819    z-index: 999999;
5820  }
5821  
5822  .bitlogin-popup-overlay.visible {
5823    opacity: 1;
5824  }
5825  
5826  .bitlogin-popup {
5827    background: #FFFFFF;
5828    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
5829    border-radius: 16px;
5830    width: 100%;
5831    max-width: 560px;
5832    display: flex;
5833    overflow: hidden;
5834    position: relative;
5835    opacity: 0;
5836    transform: translateY(20px) scale(0.98);
5837    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
5838  }
5839  
5840  .bitlogin-popup.visible {
5841    opacity: 1;
5842    transform: translateY(0) scale(1);
5843  }
5844  
5845  .bitlogin-popup-with-image {
5846    max-width: 640px;
5847  }
5848  
5849  .bitlogin-popup-right-image {
5850    flex-direction: row-reverse;
5851  }
5852  
5853  .bitlogin-popup-image {
5854    object-fit: cover;
5855    width: 50%;
5856    height: auto;
5857  }
5858  
5859  .bitlogin-popup-content {
5860    padding: 32px;
5861    position: relative;
5862    width: 50%;
5863  }
5864  
5865  .bitlogin-popup-close {
5866    position: absolute;
5867    top: 16px;
5868    right: 16px;
5869    background: white;
5870    border: none;
5871    width: 30px;
5872    height: 30px;
5873    display: flex;
5874    align-items: center;
5875    justify-content: center;
5876    cursor: pointer;
5877    transition: background-color 0.2s;
5878    color: inherit;
5879    padding: 0;
5880  }
5881  
5882  .bitlogin-popup-close:hover {
5883    background-color: #e5e5e5;
5884  }
5885  
5886  .bitlogin-popup-buttons {
5887    display: flex;
5888    flex-direction: column;
5889    gap: 12px;
5890    margin-top: 24px;
5891  }
5892  
5893  /* Button styles within popup - override width for popup buttons */
5894  .bitlogin-popup-buttons #google-login,
5895  .bitlogin-popup-buttons #facebook-login,
5896  .bitlogin-popup-buttons #apple-login,
5897  .bitlogin-popup-buttons #whatsapp-login,
5898  .bitlogin-popup-buttons #microsoft-login,
5899  .bitlogin-popup-buttons #twitter-login,
5900  .bitlogin-popup-buttons #amazon-login,
5901  .bitlogin-popup-buttons #instagram-login,
5902  .bitlogin-popup-buttons #magic-link-login,
5903  .bitlogin-popup-buttons #mobile-app-login {
5904    width: 100% !important;
5905    font-family: inherit !important;
5906  }
5907  
5908  .bitlogin-popup-footer {
5909    margin-top: 32px;
5910    text-align: center;
5911    font-size: 14px;
5912    opacity: 0.6;
5913  }
5914  
5915  /* Modern Typography */
5916  .bitlogin-popup h2 {
5917    margin-top: 12px;
5918    font-size: 21px !important;
5919    line-height: 1.2 !important;
5920    font-weight: 700 !important;
5921    letter-spacing: -0.02em !important;
5922    margin-bottom: 16px !important;
5923  }
5924  
5925  .bitlogin-popup-header {
5926    position: relative;
5927    margin-bottom: 24px;
5928  }
5929  
5930  /* Modern gradient accent */
5931  .bitlogin-popup-content > div {
5932    font-size: 16px !important;
5933    line-height: 1.2 !important;
5934    opacity: 0.85 !important;
5935  }
5936  
5937  /* Enhanced button interactions */
5938  .bitlogin-popup-buttons button {
5939    position: relative;
5940    overflow: hidden;
5941  }
5942  
5943  @keyframes ripple {
5944    0% {
5945      transform: scale(0, 0);
5946      opacity: 0.5;
5947    }
5948    100% {
5949      transform: scale(100, 100);
5950      opacity: 0;
5951    }
5952  }
5953  
5954  /* Responsive adjustments */
5955  @media (max-width: 640px) {
5956    .bitlogin-popup {
5957      max-width: 90%;
5958      width: 90%;
5959      margin: 0 16px;
5960    }
5961    
5962    .bitlogin-popup-with-image {
5963      flex-direction: column !important;
5964    }
5965    
5966    .bitlogin-popup-image {
5967      width: 100%;
5968      height: 180px;
5969    }
5970    
5971    .bitlogin-popup-content {
5972      padding: 24px;
5973    }
5974    
5975    .bitlogin-popup h2 {
5976      font-size: 24px !important;
5977    }
5978  }
5979`;
5980
5981document.head.appendChild(popupStyles);
5982
5983// Add fonts link for different font options
5984const fontsLink = document.createElement('link');
5985fontsLink.rel = 'stylesheet';
5986fontsLink.href = 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Roboto:wght@400;500&family=Open+Sans:wght@400;500;600&family=Noto+Sans:wght@400;500;600&family=Lato:wght@400;700&family=Poppins:wght@400;500;600&family=Quicksand:wght@400;500;600&family=Raleway:wght@400;500;600&family=PT+Sans:wght@400;700&family=Oswald:wght@400;500;600&display=swap';
5987document.head.appendChild(fontsLink);
5988
5989(async () => {
5990  try {
5991    let host = window.location.host;
5992    if (host === "admin.shopify.com") {
5993      host = `${window.location.pathname.split("/")[2]}.myshopify.com`;
5994    }
5995
5996    const urlSearchParams = new URLSearchParams(window.location.search);
5997    const checkoutUrl = urlSearchParams.get("checkout_url");
5998
5999    async function init({ inputRef, index }) {
6000      if (isInitializing) {
6001        queue.push(() => init({ inputRef, index }));
6002        return;
6003      }
6004
6005      isInitializing = true;
6006
6007      try {
6008        let bitLoginSectionRoot = document.querySelector(
6009          `.bitlogin-root[data-index="${index}"]`
6010        );
6011
6012        const formRef = inputRef?.closest(
6013          "form:not([action='/account/recover'])"
6014        );
6015
6016        if (formRef && !bitLoginSectionRoot) {
6017          await getLocation();
6018
6019          bitLoginSectionRoot = document.createElement(`div`);
6020
6021          bitLoginSectionRoot.setAttribute("class", "bitlogin-root");
6022          bitLoginSectionRoot.setAttribute("data-index", `${index}`);
6023
6024          updateAppearance({
6025            formRef,
6026            rootRef: bitLoginSectionRoot,
6027            host,
6028          });
6029        }
6030      } catch (err) {
6031        console.error(`error while initiating bitlogin extensions`, err);
6032      } finally {
6033        // Release the lock
6034        isInitializing = false;
6035
6036        // Check if there are pending items in the queue
6037        if (queue.length > 0) {
6038          // Process the next function in the queue
6039          const nextFunction = queue.shift();
6040          nextFunction();
6041        }
6042      }
6043    }
6044
6045    function initAll() {
6046      return new Promise((resolve, reject) => {
6047        setTimeout(async () => {
6048          const inputRefs = document.querySelectorAll(
6049            'input[name="customer[email]"]'
6050          );
6051
6052          for (let i = 0; i < inputRefs.length; i++) {
6053            const currentInputRef = inputRefs[i];
6054            const isVisible = isElementVisible(currentInputRef);
6055
6056            if (isVisible) {
6057              await init({ inputRef: currentInputRef, index: i });
6058            }
6059          }
6060
6061          resolve("ok");
6062        }, 100);
6063      });
6064    }
6065
6066    const observer = new MutationObserver((mutationsList) => {
6067      for (let mutation of mutationsList) {
6068        initAll();
6069      }
6070    });
6071
6072    observer.observe(document.body, {
6073      childList: true,
6074      subtree: true,
6075      attributes: true,
6076    });
6077
6078    initAll();
6079
6080    if (appearance.googleOneTap) {
6081      setupOneTap({ host, checkoutUrl });
6082    }
6083
6084    // Initialize popup
6085    await initPopup(host);
6086  } catch (error) {
6087    console.error("Error initializing BitLogin:", error);
6088  }
6089})();
6090
6091async function initPopup(host) {
6092  // Check if user is already logged in using Liquid checks properly
6093  const isLoggedIn = false || 
6094                    document.querySelector('.customer-logout-link') || 
6095                    document.querySelector('.account-link') || 
6096                    window.location.pathname.includes('/account');
6097  
6098  if (isLoggedIn) {
6099    return; // User is logged in, don't show popup
6100  }
6101
6102  try {
6103    // Fetch the popup configuration
6104    const popupConfig = await fetch(`${apiUrl}/appearance/popup/domain/${host}`)
6105      .then(res => res.json())
6106      .catch(err => {
6107        console.error('Error fetching popup configuration:', err);
6108        return null;
6109      });
6110
6111    if (!popupConfig || !popupConfig.enabled) {
6112      return;
6112 // Don't show popup if disabled or config not found
6113    }
6114
6115    // Create popup after 10 seconds
6116    setTimeout(() => {
6117      // Check if user is still on the page and still not logged in
6118      if (document.visibilityState === 'visible') {
6119        // Additional check in case user logged in during the 10 second wait
6120        const currentlyLoggedIn = false || 
6121                              document.querySelector('.customer-logout-link') || 
6122                              document.querySelector('.account-link');
6123        
6124        if (!currentlyLoggedIn) {
6125          createLoginPopup(popupConfig, host);
6126        }
6127      }
6128    }, 10000);
6129  } catch (error) {
6130    console.error('Error initializing popup:', error);
6131  }
6132}
6133
6134function createLoginPopup(popupConfig, host) {
6135  // Font mapping
6136  const fontFamilyMap = {
6137    system_fonts: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
6138    montserrat: 'Montserrat, sans-serif',
6139    roboto: 'Roboto, sans-serif',
6140    open_sans: 'Open Sans, sans-serif',
6141    noto_sans: 'Noto Sans, sans-serif',
6142    lato: 'Lato, sans-serif',
6143    poppins: 'Poppins, sans-serif',
6144    quicksand: 'Quicksand, sans-serif',
6145    raleway: 'Raleway, sans-serif',
6146    pt_sans: 'PT Sans, sans-serif',
6147    oswald: 'Oswald, sans-serif',
6148  };
6149
6150  // Create overlay
6151  const overlay = document.createElement('div');
6152  overlay.className = 'bitlogin-popup-overlay';
6153  
6154  // Create popup container with appropriate styling
6155  const popup = document.createElement('div');
6156  popup.className = 'bitlogin-popup';
6157
6158  if (popupConfig.layout === 'default') {
6159    popup.style.maxWidth = '400px';
6160  }
6161  
6162  // Function to close the popup
6163  const closePopup = () => {
6164    overlay.classList.remove('visible');
6165    popup.classList.remove('visible');
6166    setTimeout(() => {
6167      if (document.body.contains(overlay)) {
6168        document.body.removeChild(overlay);
6169      }
6170    }, 300);
6171  };
6172  
6173  // Add click handler to the overlay to close when clicking outside
6174  overlay.addEventListener('click', (event) => {
6175    // Close only if clicking directly on the overlay, not its children
6176    if (event.target === overlay) {
6177      closePopup();
6178    }
6179  });
6180  
6181  // Add escape key handler to close popup
6182  document.addEventListener('keydown', (event) => {
6183    if (event.key === 'Escape' && document.body.contains(overlay)) {
6184      closePopup();
6185    }
6186  });
6187
6188  // Create layout with image if specified
6189  let contentWrapper;
6190  if (popupConfig.layout !== 'default' && popupConfig.popupImage) {
6191    popup.classList.add('bitlogin-popup-with-image');
6192    
6193    if (popupConfig.layout === 'right') {
6194      popup.classList.add('bitlogin-popup-right-image');
6195    }
6196    
6197    // Add image
6198    const image = document.createElement('img');
6199    image.className = 'bitlogin-popup-image';
6200    image.src = popupConfig.popupImage;
6201    image.alt = 'Login';
6202    image.loading = 'lazy';
6203    popup.appendChild(image);
6204    
6205    // Create content container
6206    contentWrapper = document.createElement('div');
6207    contentWrapper.className = 'bitlogin-popup-content';
6208
6209    if (popupConfig.layout === 'right') {
6210      const closeButton = document.createElement('button');
6211      closeButton.className = 'bitlogin-popup-close';
6212      closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6213        <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6214      </svg>`;
6215      closeButton.setAttribute('aria-label', 'Close');
6216      closeButton.onclick = closePopup;
6217  
6218      popup.appendChild(closeButton);
6219    }
6220  } else {
6221    contentWrapper = document.createElement('div');
6222    contentWrapper.className = 'bitlogin-popup-content';
6223    contentWrapper.style.width = '100%';
6224  }
6225
6226  // Set background style
6227  if (popupConfig.backgroundTheme === 'gradient') {
6228    contentWrapper.style.background = `linear-gradient(135deg, ${popupConfig.backgroundPopupColor}, ${popupConfig.gradientColor})`;
6229  } else {
6230    contentWrapper.style.backgroundColor = popupConfig.backgroundPopupColor;
6231  }
6232
6233  // Apply font family
6234  contentWrapper.style.setProperty('font-family', fontFamilyMap[popupConfig.font] || fontFamilyMap.system_fonts, 'important');
6235
6236  if (popupConfig.layout !== 'right') {
6237    const closeButton = document.createElement('button');
6238    closeButton.className = 'bitlogin-popup-close';
6239    closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6240      <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6241    </svg>`;
6242    closeButton.setAttribute('aria-label', 'Close');
6243    closeButton.onclick = closePopup;
6244  
6245    contentWrapper.appendChild(closeButton);
6246  }
6247
6248  // Add heading with subtle animation effect
6249  const header = document.createElement('div');
6250  header.className = 'bitlogin-popup-header';
6251  
6252  const heading = document.createElement('h2');
6253  heading.textContent = popupConfig.headingText || 'Sign in for exclusive benef
6253its';
6254  heading.style.color = popupConfig.fontColor;
6255  header.appendChild(heading);
6256
6257  // Add body text with improved formatting
6258  const bodyText = document.createElement('div');
6259  bodyText.innerHTML = popupConfig.bodyText || 'Join our community to access exclusive offers and a personalized shopping experience.';
6260  bodyText.style.color = popupConfig.fontColor;
6261  header.appendChild(bodyText);
6262  
6263  contentWrapper.appendChild(header);
6264
6265  // Create buttons container with modern styling
6266  const buttonsContainer = document.createElement('div');
6267  buttonsContainer.className = 'bitlogin-popup-buttons';
6268  
6269  // Add social buttons
6270  const providerLabels = {
6271    'GOOGLE': 'Continue with Google',
6272    'FACEBOOK': 'Continue with Facebook',
6273    'APPLE': 'Continue with Apple',
6274    'WHATSAPP': 'Continue with WhatsApp',
6275    'MAGIC_LINK': 'Continue with Email',
6276  };
6277
6278  // Add first login provider button
6279  if (popupConfig.loginProvider1 !== 'NONE') {
6280    const buttonConfig = {
6281      theme: popupConfig.colorScheme || 'match',
6282      customColor: popupConfig.textColor,
6283      format: 'contentFlex',
6284      buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider1.toLowerCase()],
6285      hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true,
6286      style: popupConfig.style || 'rounded',
6287      size: popupConfig.size || 'medium',
6288      colorScheme: popupConfig.colorScheme || 'match',
6289      backgroundColor: popupConfig.backgroundColor || '#3B82F6',
6290      textColor: popupConfig.textColor || '#FFFFFF',
6291      outlineColor: popupConfig.outlineColor || '#3B82F6',
6292      host: host
6293    };
6294    
6295    const button1 = createSocialLoginButton(popupConfig.loginProvider1, buttonConfig);
6296    
6297    // Handle click event - this overrides the default click handler in createSocialLoginButton
6298    button1.onclick = () => {
6299      onClickSocialLogin({ provider: popupConfig.loginProvider1.toLowerCase(), host });
6300      closePopup();
6301    };
6302    
6303    buttonsContainer.appendChild(button1);
6304  }
6305
6306  // Add second login provider button if enabled
6307  if (popupConfig.loginProvider2 !== 'NONE') {
6308    const buttonConfig = {
6309      theme: popupConfig.colorScheme || 'match',
6310      customColor: popupConfig.textColor,
6311      format: 'contentFlex',
6312      buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider2.toLowerCase()],
6313      hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true,
6314      style: popupConfig.style || 'rounded',
6315      size: popupConfig.size || 'medium',
6316      colorScheme: popupConfig.colorScheme || 'match',
6317      backgroundColor: popupConfig.backgroundColor || '#3B82F6',
6318      textColor: popupConfig.textColor || '#FFFFFF',
6319      outlineColor: popupConfig.outlineColor || '#3B82F6',
6320      host: host
6321    };
6322    
6323    const button2 = createSocialLoginButton(popupConfig.loginProvider2, buttonConfig);
6324    
6325    // Handle click event - this overrides the default click handler in createSocialLoginButton
6326    button2.onclick = () => {
6327      onClickSocialLogin({ provider: popupConfig.loginProvider2.toLowerCase(), host });
6328      closePopup();
6329    };
6330    
6331    buttonsContainer.appendChild(button2);
6332  }
6333
6334  contentWrapper.appendChild(buttonsContainer);
6335
6336  // Append content to popup
6337  popup.appendChild(contentWrapper);
6338  
6339  // Append popup to overlay
6340  overlay.appendChild(popup);
6341  
6342  // Append overlay to body
6343  document.body.appendChild(overlay);
6344  
6345  // Trigger animation with slight delay for better perceived performance
6346  setTimeout(() => {
6347    overlay.classList.add('visible');
6348    setTimeout(() => {
6349      popup.classList.add('visible');
6350    }, 50);
6351  }, 10);
6352}
6353
6354window.addEventListener("load", () => {
6355  window.addEventListener("message", (event) => {
6356    const receivedData = event.data;
6357
6358    if (receivedData.type === "authorize") {
6359      post(
6360        JSON.parse(
6361          JSON.stringify({
6362            "customer[email]": receivedData.email,
6363            "customer[password]": receivedData.password,
6364            form_type: "customer_login",
6365            utf8: "✓",
6366            return_url: redirectUrl,
6367          })
6368        )
6369      );
6370    } else if (receivedData.type === "rejected") {
6371      if (receivedData.reason === "customer_account_disabled") {
6372        showAlert(
6373          "Your account needs to be activated. We've sent you an activation link - please check your email to complete this step."
6374        );
6375      } else if (receivedData.reason === "customer_entry_created_email_not_set") {
6376        showAlert(
6377          "A new account was created but requires an email address. Please update your account with a valid email address to continue."
6378        );
6379      } else if (receivedData.reason === "customer_exist_email_not_set") {
6380        showAlert(
6381          "Your existing account is missing an email address. Please contact support to update your account with a valid email address."
6382        );
6383      }
6384    }
6385
6386    if (receivedData.type === "customer_authenticated") {
6387      // Dispatch a custom event that merchants can listen for to implement their custom logic
6388      const customerAuthEvent = new CustomEvent('bitlogin:customer_authenticated', {
6389        detail: {
6390          provider: receivedData.provider,
6391          customer: receivedData.customer,
6392          shopifyCustomerCreated: receivedData.shopifyCustomerCreated
6393        }
6394      });
6395      
6396      // Dispatch the event on the window object so merchants can listen for it
6397      window.dispatchEvent(customerAuthEvent);
6398      
6399    }
6400  });
6401});
6402
6403// Reusable functions for social login buttons
6404function createSocialLoginButton(provider, config = {}) {
6405  const {
6406    theme = 'match',
6407    customColor = null,
6408    format = 'contentFlex',
6409    buttonText = null,
6410    hasShadow = true,
6411    style = 'rounded',
6412    size = 'medium',
6413    colorScheme = 'match',
6414    backgroundColor = '#3B82F6',
6415    textColor = '#FFFFFF',
6416    outlineColor = '#3B82F6',
6417    rootRef = null,
6418    host = null
6419  } = config;
6420  
6421  // Create button element with appropriate ID and attributes
6422  const button = document.createElement('button');
6423  button.id = `${provider.toLowerCase()}-login`;
6424  button.type = 'button';
6425  
6426  // Set the inner SVG based on provider
6427  switch (provider.toUpperCase()) {
6428    case 'GOOGLE':
6429      button.innerHTML = googleLoginIcon(theme, customColor);
6430      break;
6431    case 'FACEBOOK':
6432      button.innerHTML = facebookLoginIcon(theme, customColor);
6433      break;
6434    case 'APPLE':
6435      button.innerHTML = appleLoginIcon(theme, customColor);
6436      break;
6437    case 'WHATSAPP':
6438      button.innerHTML = whatsappLoginIcon(theme, customColor);
6439      break;
6440    case 'MICROSOFT':
6441      button.innerHTML = microsoftLoginIcon(theme, customColor);
6442      break;
6443    case 'TWITTER':
6444      button.innerHTML = twitterLoginIcon(theme, customColor);
6445      break;
6446    case 'AMAZON':
6447      button.innerHTML = amazonLoginIcon(theme, customColor);
6448      break;
6449    case 'INSTAGRAM':
6450      button.innerHTML = instagramLoginIcon(theme, customColor);
6451      break;
6452    case 'MAGIC_LINK':
6453      button.innerHTML = magicLinkLoginIcon(theme, customColor);
6454      break;
6455    case 'MOBILE_APP':
6456      button.innerHTML = mobileAppLoginIcon(theme, customColor);
6457      break;
6458    case 'LINKEDIN':
6459      button.innerHTML = linkedinLoginIcon(theme, customColor);
6460      break;
6461  }
6462  
6463  // Add text if format isn't icon-only and buttonText is provided
6464  if (format !== "wrapperFlexContainerOnlyLogo" && buttonText) {
6465    button.innerHTML += `<p>${buttonText}</p>`;
6466  }
6467  
6468  // Apply styling
6469  // Shadow
6470  if (hasShadow) {
6471    const shadowProperties = `0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`;
6472    button.style["box-shadow"] = shadowProperties;
6473  }
6474  
6475  // Border radius
6476  const radiusProperties =
6477    style === "rounded"
6478      ? "8px"
6479      : style === "square"
6480      ? "0px"
6481      : style === "fullRounded"
6482      ? format === "wrapperFlexContainerOnlyLogo"
6483        ? "50%"
6484        : "50px"
6485      : undefined;
6486  button.style["border-radius"] = radiusProperties;
6487  
6488  // Size
6489  const sizeProperties =
6490    size === "medium"
6491      ? "12px"
6492      : size === "small"
6493      ? "8px"
6494      : size === "large"
6495      ? "16px"
6496      : "8px";
6497
6498  button.style["padding-block"] = sizeProperties;
6499
6500  // Format styling
6501  if (format) {
6502    if (
6503      format === "contentFlexReverse" ||
6504      format === "contentFlexCenterReverse"
6505    ) {
6506      const flexDir = `row-reverse`;
6507      button.style["flex-direction"] = flexDir;
6508    }
6509    
6510    if (
6511      format === "contentFlexCenter" ||
6512      format === "contentFlexCenterReverse"
6513    ) {
6514      const justifyContent = `center`;
6515      button.style["justify-content"] = justifyContent;
6516    } else if (
6517      format === "contentFlex" ||
6518      format === "contentFlexReverse"
6519    ) {
6520      const buttonTextElement = button.querySelector("p");
6521      if (buttonTextElement) {
6522        buttonTextElement.style["flex-grow"] = 1;
6523        buttonTextElement.style["text-align"] = "center";
6524      }
6525    }
6526
6527    if (format === "wrapperFlexContainerOnlyLogo" && rootRef) {
6528      rootRef.style["flex-direction"] = "row";
6529      rootRef.style["gap"] = "8px";
6530      rootRef.style["display"] = "flex";
6531      rootRef.style["flex-wrap"] = "wrap";
6532
6533      const sizeMapping = {
6534        small: "52px",
6535        medium: "62px",
6536        large: "72px",
6537      };
6538      const buttonSize = sizeMapping[size] || "52px";
6539
6540      button.style["margin"] = 0;
6541      button.style["width"] = buttonSize;
6542      button.style["height"] = buttonSize;
6543      button.style["display"] = "flex";
6544      button.style["align-items"] = "center";
6545      button.style["justify-content"] = "center";
6546
6547      const svgElement = button.querySelector("svg");
6548      if (svgElement) {
6549        svgElement.style["flex"] = "none";
6550      }
6551    }
6552  }
6553
6554  // Color scheme styling
6555  if (colorScheme === "black") {
6556    button.classList.add("scheme-black");
6557  } else if (colorScheme === "white") {
6558    button.classList.add("scheme-white");
6559  } else if (colorScheme === "custom") {
6560    button.style["background-color"] = backgroundColor;
6561    button.style["color"] = textColor;
6562    button.style["border-color"] = outlineColor;
6563
6564    const darkenColor = (color, percentage) => {
6565      const value = parseInt(color.slice(1), 16);
6566      const r = Math.max(0, ((value >> 16) & 0xff) - (0xff * percentage));
6567      const g = Math.max(0, ((value >> 8) & 0xff) - (0xff * percentage));
6568      const b = Math.max(0, (value & 0xff) - (0xff * percentage));
6569      return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`;
6570    };
6571
6572    button.addEventListener("mouseover", () => {
6573      button.style["background-color"] = darkenColor(backgroundColor, 0.2);
6574    });
6575    button.addEventListener("mouseout", () => {
6576      button.style["background-color"] = backgroundColor;
6577    });
6578  } else if (colorScheme === "match") {
6579    button.classList.add("scheme-match");
6580  } else if (colorScheme === "matchOutline") {
6581    button.classList.add("scheme-match-outline");
6582  }
6583  
6584  // Add click event listener if host is provided
6585  if (host) {
6586    button.addEventListener("click", () => 
6587      onClickSocialLogin({ provider: provider.toLowerCase(), host })
6588    );
6589  }
6590  
6591  return button;
6592}
6593
6594function setupSocialLoginButtons(config, rootRef, data, host) {
6595  // Clear any existing content
6596  rootRef.innerHTML = '';
6597
6598  const sortedEnabledProviders = config
6599    .filter(c => c.enabledWeb)
6600    .sort((a, b) => a.position - b.position);
6601
6602  sortedEnabledProviders.forEach(provider => {
6603    const key = provider.provider;
6604    const lowerKey = key.toLowerCase();
6605
6606    const buttonText = data.format !== "wrapperFlexContainerOnlyLogo"
6607      ? (lowerKey === 'twitter'
6608          ? data.buttonList.twitter.replace('Twitter', 'X')
6609          : data.buttonList[lowerKey])
6610      : null;
6611
6612    const button = createSocialLoginButton(key, {
6613      theme: data.colorScheme || 'match',
6614      customColor: data.textColor,
6615      format: data.format,
6616      buttonText: buttonText,
6617      hasShadow: data.hasShadow !== undefined ? data.hasShadow : true,
6618      style: data.style,
6619      size: data.size,
6620      colorScheme: data.colorScheme,
6621      backgroundColor: data.backgroundColor,
6622      textColor: data.textColor,
6623      outlineColor: data.outlineColor,
6624      rootRef: rootRef,
6625      host: host
6626    });
6627
6628    rootRef.appendChild(button);
6629  });
6630
6631  return rootRef;
6632}
6633
6634function updateAppearance({ formRef, rootRef, host }) {
6635  if (!formRef) return;
6636
6637  const data = bitloginCache.appearance || {
6638    style: "square",
6639    hasShadow: false,
6640    colorScheme: "match",
6641    backgroundColor: "#FFFFFF",
6642    outlineColor: "#000000",
6643    textColor: "#000000",
6644    position: "bottom",
6645    hideDivider: "false",
6646    dividerText: "OR",
6647    size: "small",
6648    format: "contentFlex",
6649    language: "en",
6650    buttonText: "Continue with",
6651    redirectLink: "/account",
6652    googleOneTap: true,
6653    googleOneTapBanner: true,
6654    customerTag: "bitLogin",
6655    redirectOneTapDesktop: null,
6656    redirectOneTapMobile: null,
6657    buttonList: {
6658      google: "Continue with Google",
6659      facebook: "Continue with Facebook",
6660      apple: "Continue with Apple",
6661      whatsapp: "Continue with WhatsApp",
6662      microsoft: "Continue with Microsoft",
6663      twitter: "Continue with X",
6664      amazon: "Continue with Amazon",
6665      instagram: "Continue with Instagram",
6666      magic_link: "Continue with Magic Link",
6667      mobile_app: "Continue with Mobile App",
6668      linkedin: "Continue with LinkedIn",
6669    },
6670  };
6671
6672  // Use the new setupSocialLoginButtons function to create and configure all buttons
6673  setupSocialLoginButtons(bitloginCache.config, rootRef, data, host);
6674
6675  let divider;
6676
6677  if (!data.hideDivider) {
6678    divider = document.createElement("div");
6679    const dividerStyle = "text-align:center;margin-block:16px";
6680    divider.setAttribute("style", dividerStyle);
6681    divider.innerHTML = data.dividerText;
6682  }
6683
6684  if (data.position === "bottom") {
6685    if (divider) {
6686      formRef.appendChild(divider);
6687    }
6688    formRef.appendChild(rootRef);
6689  } else if (data.position === "top") {
6690    if (divider) {
6691      formRef.prepend(divider);
6692    }
6693    formRef.prepend(rootRef);
6694  }
6695}
6696
6697
6698async function onClickSocialLogin({ provider, host }) {
6699  const rand = Math.random().toString();
6700
6701  const locationQueryString = bitloginCache.location
6702    ? `&${objectToQueryString(bitloginCache.location)}`
6703    : "";
6704
6705  const width = 800;
6706  const height = 600;
6707  const left = (window.screen.width / 2) - (width / 2);
6708  const top = (window.screen.height / 2) - (height / 2) - 50;
6709
6710  if(provider === 'whatsapp') {
6711    window.open(
6712      `/apps/bitloyalty/whatsapp${locationQueryString ? `?${locationQueryString}` : ''}`,
6713      "mywindow",
6714      `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}`
6715    );
6716  } else {
6717    window.open(
6718      `${apiUrl}/login/${provider}?referrerId=${rand}&shop=${host}${locationQueryString}`,
6719      "mywindow",
6720      `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}`
6721    );
6722  }
6723}
6724
6725function objectToQueryString(obj) {
6726  return Object.keys(obj)
6727    .map((key) => {
6728      return encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]);
6729    })
6730    .join("&");
6731}
6732
6733async function getLocation() {
6734  if (locationCacheSet) return;
6735
6736  try {
6737    const response = await fetch("https://ipapi.co/json/");
6738
6739    if (!response.ok) {
6740      console.error(`error retrieving location...`, response.status);
6741      errorLocation = true;
6742    } else {
6743      const data = await response.json();
6744
6745      const { city, region, country_name, country_code } = data;
6746
6747      const formattedLocationData = {
6748        city,
6749        region,
6750        country_name,
6751        country_code,
6752      };
6753
6754      bitloginCache.location = formattedLocationData;
6755      locationCacheSet = true;
6756      errorLocation = false;
6757    }
6758  } catch (err) {
6759    console.error(`error fetching location`, err);
6760    errorLocation = true;
6761  }
6762}
6763
6764function post(params) {
6765  // The rest of this code assumes you are not using a library.
6766  // It can be made less verbose if you use one.
6767  const form = document.createElement("form");
6768  form.method = "post";
6769  form.action = `/account/login`;
6770  form.acceptCharset = "UTF-8";
6771  form.setAttribute("data-login-with-shop-sign-in", "true");
6772  form.setAttribute("novalidate", "novalidate");
6773
6774  for (const key in params) {
6775    if (params.hasOwnProperty(key)) {
6776      const hiddenField = document.createElement("input");
6777      hiddenField.type = "hidden";
6778      hiddenField.name = key;
6779      hiddenField.value = params[key];
6780
6781      form.appendChild(hiddenField);
6782    }
6783  }
6784
6785  document.body.appendChild(form);
6786  form.submit();
6787}
6788
6789async function setupOneTap({ host, checkoutUrl }) {
6790  if (oneTapSet) return;
6791
6792  const redirectOneTapDesktop = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapDesktop || '[]'));
6793  const redirectOneTapMobile = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapMobile || '[]'));
6794
6795  const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
6796  const redirectList = JSON.parse(isMobile ? redirectOneTapMobile : redirectOneTapDesktop);
6797
6798  const currentPath = window.location.pathname.toLowerCase();
6799  const currentUrl = window.location.href.toLowerCase();
6800
6801  const shouldHideGoogleOneTap = redirectList.some(({ value }) => {
6802    switch (value) {
6803      case 'home':
6804        return currentPath === '/';
6805      case 'product':
6806        return currentPath.startsWith('/products/');
6807      case 'collections':
6808        return currentPath.startsWith('/collections');
6809      case 'cart':
6810        return currentPath === '/cart';
6811      case 'checkout':
6812        return currentPath.startsWith('/checkouts') && !currentPath.includes('thank_you');
6813      case 'thank_you':
6814        return currentPath.includes('/thank_you');
6815      case 'account':
6816        return currentPath.startsWith('/account');
6817      case 'pages':
6818        return currentPath.startsWith('/pages');
6819      case 'blogs':
6820        return currentPath === '/blogs' || currentPath === '/blogs/news';
6821      case 'blog_post':
6822        return currentPath.startsWith('/blogs/') && currentPath.split('/').length > 3;
6823      default:
6824        return false;
6825    }
6826  });
6827
6828  if (shouldHideGoogleOneTap) return;
6829
6830  const oneTapClientId = bitloginCache.config.find(
6831    (config) => config.provider === "GOOGLE"
6832  )?.clientId;
6833
6834  const isLoggedIn = false;
6835
6836  if (bitloginCache.appearance.googleOneTap && oneTapClientId && !isLoggedIn) {
6837    const googleOneTapButton = document.createElement("div");
6838    googleOneTapButton.setAttribute("id", "g_id_onload");
6839    googleOneTapButton.setAttribute("data-client_id", oneTapClientId);
6840    googleOneTapButton.setAttribute("data-context", "signin");
6841    googleOneTapButton.setAttribute(
6842      "data-callback",
6843      "handleGoogleOneTapResponse"
6844    );
6845    googleOneTapButton.setAttribute("data-itp_support", "true");
6846
6847    const googleOneTapScript = document.createElement("script");
6848
6849    googleOneTapScript.innerHTML += `
6850          function handleGoogleOneTapResponse(response) {
6851              if (response.credential) {
6852                  const idToken = response.credential;
6853                  fetch('${bitLoginBaseUrl}/bitlogin/api/login/google-one-tap', {
6854                      method: 'POST',
6855                      headers: { 'Content-Type': 'application/json' },
6856                      body: JSON.stringify({ idToken, shop: "${host}", ...bitloginCache.location })
6857                  }).then(response => {
6858                      response.json().then((data) => {
6859                        post(
6860                          JSON.parse(
6861                            JSON.stringify({
6862                              "customer[email]": data.email,
6863                              "customer[password]": data.password,
6864                              form_type: "customer_login",
6865                              utf8: "✓",
6866                              return_url: redirectUrl,
6867                            })
6868                          )
6869                        );
6870                      });  
6871                  }).catch(error => {
6872                      console.error('Error occurred:', error);
6873                  });
6874              } else {
6875                  console.error('No credential available');
6876              }
6877          }
6878       `;
6879
6880    document.body.append(googleOneTapButton);
6881    document.body.append(googleOneTapScript);
6882  }
6883
6884  oneTapSet = true;
6885}
6886
6887const googleLoginIcon = (
6888  theme,
6889  customColor
6890) => `
6891${
6892  theme === "match" || theme === "matchOutline" || theme === "custom"
6893    ? `<svg
6894    xmlns='http://www.w3.org/2000/svg'
6895    xmlns:v='https://vecta.io/nano'
6896    width='24'
6897    height='24'
6898    viewBox='0 0 186.69 190.5'
6899  >
6900    <g transform="translate(1184.583 765.171)"><path clip-path="none" mask="none" d="M-1089.333-687.239v36.888h51.262c-2.251 11.863-9.006 21.908-19.137 28.662l30.913 23.986c18.011-16.625 28.402-41.044 28.402-70.052 0-6.754-.606-13.249-1.732-19.483z" fill="${
6901      theme === "custom" ? customColor : "#4285f4"
6902    }"/><path clip-path="none" mask="none" d="M-1142.714-651.791l-6.972 5.337-24.679 19.223h0c15.673 31.086 47.796 52.561 85.03 52.561 25.717 0 47.278-8.486 63.038-23.033l-30.913-23.986c-8.486 5.715-19.31 9.179-32.125 9.179-24.765 0-45.806-16.712-53.34-39.226z" fill="${
6903        theme === "custom" ? customColor : "#34a853"
6904      }"/><path clip-path="none" mask="none" d="M-1174.365-712.61c-6.494 12.815-10.217 27.276-10.217 42.689s3.723 29.874 10.217 42.689c0 .086 31.693-24.592 31.693-24.592-1.905-5.715-3.031-11.776-3.031-18.098s1.126-12.383 3.031-18.098z" fill="${
6905        theme === "custom" ? customColor : "#fbbc05"
6906      }"/><path d="M-1089.333-727.244c14.028 0 26.497 4.849 36.455 14.201l27.276-27.276c-16.539-15.413-38.013-24.852-63.731-24.852-37.234 0-69.359 21.388-85.032 52.561l31.692 24.592c7.533-22.514 28.575-39.226 53.34-39.226z" fill="${
6907        theme === "custom" ? customColor : "#ea4335"
6908      }" clip-path="none" mask="none"/></g>
6909  </svg>`
6910    : `<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
6911<path d="M24.1906 12.7758C24.1906 11.96 24.1244 11.1399 23.9833 10.3374H12.6646V14.9584H19.1463C18.8773 16.4488 18.0131 17.7672 16.7476 18.6049V21.6032H20.6146C22.8854 19.5132 24.1906 16.4267 24.1906 12.7758Z" fill="${
6912        theme !== "black" ? "black" : "white"
6913      }"/>
6914<path d="M12.6647 24.5001C15.9011 24.5001 18.6305 23.4374 20.619 21.6031L16.7521 18.6048C15.6762 19.3368 14.2873 19.7513 12.6691 19.7513C9.53845 19.7513 6.88403 17.6391 5.93161 14.7996H1.94116V17.8904C3.97828 21.9428 8.12746 24.5001 12.6647 24.5001Z" fill="${
6915        theme !== "black" ? "black" : "white"
6916      }"/>
6917<path d="M5.92709 14.7995C5.42442 13.3091 5.42442 11.6953 5.92709 10.205V7.11401H1.94105C0.23905 10.5048 0.23905 14.4996 1.94105 17.8903L5.92709 14.7995Z" fill="${
6918        theme !== "black" ? "black" : "white"
6919      }"/>
6920<path d="M12.6647 5.24893C14.3755 5.22248 16.029 5.86623 17.268 7.04794L20.694 3.62188C18.5247 1.58477 15.6454 0.464802 12.6647 0.500076C8.12745 0.500076 3.97828 3.05749 1.94116 7.11408L5.9272 10.205C6.8752 7.36099 9.53403 5.24893 12.6647 5.24893Z" fill="${
6921        theme !== "black" ? "black" : "white"
6922      }"/>
6923</svg>`
6924}`;
6925
6926const appleLoginIcon = (
6927  theme,
6928  customColor
6929) => `<svg width="24" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6930<path d="M15.4146 22.08C14.263 23.2897 12.9925 23.1013 11.7815 22.5307C10.494 21.9489 9.31698 21.9121 7.95724 22.5307C6.26395 23.322 5.36524 23.092 4.34544 22.08C-1.4122 15.663 -0.562362 5.88801 5.98138 5.52001C7.56844 5.61201 8.6796 6.46991 9.61442 6.54121C11.0039 6.23531 12.3339 5.35901 13.8211 5.47401C15.6078 5.63041 16.9443 6.39401 17.8366 7.76711C14.161 10.1591 15.0321 15.4031 18.4082 16.8751C17.7324 18.7956 16.8656 20.6931 15.4125 22.0961L15.4146 22.08ZM9.48695 5.45101C9.31486 2.59901 11.4501 0.25301 13.9061 0.0230103C14.2439 3.31201 11.1441 5.77301 9.48695 5.45101Z" fill="${
6931  theme === "custom"
6932    ? customColor
6933    : theme === "match" || theme === "black"
6934    ? "white"
6935    : "black"
6936}"/>
6937</svg>`;
6938
6939const facebookLoginIcon = (
6940  theme,
6941  customColor
6942) => `
6943${
6944  theme === "match" || theme === "matchOutline" || theme === "custom"
6945    ? `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
6946    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12.5C24 5.8731 18.6268 0.5 12 0.5C5.3731 0.5 0 5.8731 0 12.5C0 18.489 4.38762 23.4537 10.1252 24.355V15.9696H7.07748V12.5H10.1252V9.85562C10.1252 6.84842 11.9173 5.18622 14.6579 5.18622C15.9707 5.18622 17.3443 5.42077 17.3443 5.42077V8.37398H15.8307C14.3406 8.37398 13.8748 9.29875 13.8748 10.2488V12.4999H17.2025L16.671 15.9695H13.8747V24.3548C19.6123 23.4553 23.9998 18.4907 23.9998 12.4999L24 12.5Z" fill="${
6947      theme === "custom" ? customColor : theme === "match" ? "white" : "#1977F3"
6948    }"/>
6949    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5934 16.2833L17.1251 12.8137H13.7973V10.5626C13.7973 9.61422 14.2614 8.68778 15.7532 8.68778H17.2669V5.73457C17.2669 5.73457 15.8933 5.5 14.5804 5.5C11.8399 5.5 10.0477 7.16057 10.0477 10.1694V12.8138H7V16.2834H10.0477V24.6688C10.6586 24.7648 11.2846 24.8138 11.9225 24.8138C12.5604 24.8138 13.1865 24.7631 13.7973 24.6688V16.2834H16.5936L16.5934 16.2833Z" fill="${
6950      theme === "match" ? "#1778f2" : "transparent"
6951    }"/>
6952    </svg>`
6953    : `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewB
6953ox="0 0 24 25" fill="none">
6954<path fill-rule="evenodd" clip-rule="evenodd" d="M24 12.5C24 5.8731 18.6268 0.5 12 0.5C5.3731 0.5 0 5.8731 0 12.5C0 18.489 4.38762 23.4537 10.1252 24.355V15.9696H7.07748V12.5H10.1252V9.85562C10.1252 6.84842 11.9173 5.18622 14.6579 5.18622C15.9707 5.18622 17.3443 5.42077 17.3443 5.42077V8.37398H15.8307C14.3406 8.37398 13.8748 9.29875 13.8748 10.2488V12.4999H17.2025L16.671 15.9695H13.8747V24.3548C19.6123 23.4553 23.9998 18.4907 23.9998 12.4999L24 12.5Z" fill="${
6955        theme === "black" ? "white" : "black"
6956      }"/>
6957<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5934 16.2833L17.1251 12.8137H13.7973V10.5626C13.7973 9.61422 14.2614 8.68778 15.7532 8.68778H17.2669V5.73457C17.2669 5.73457 15.8933 5.5 14.5804 5.5C11.8399 5.5 10.0477 7.16057 10.0477 10.1694V12.8138H7V16.2834H10.0477V24.6688C10.6586 24.7648 11.2846 24.8138 11.9225 24.8138C12.5604 24.8138 13.1865 24.7631 13.7973 24.6688V16.2834H16.5936L16.5934 16.2833Z" fill="${
6958        theme === "black" ? "black" : "white"
6959      }"/>
6960</svg>`
6961}`;
6962
6963const whatsappLoginIcon = (
6964  theme,
6965  customColor
6966) => `<svg
6967  viewBox="0 0 24 24"
6968  fill="none"
6969  width="24"
6970  height="25"
6971  xmlns="http://www.w3.org/2000/svg"
6972>
6973  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
6974  <g
6975    id="SVGRepo_tracerCarrier"
6976    stroke-linecap="round"
6977    stroke-linejoin="round"
6978  ></g>
6979  <g id="SVGRepo_iconCarrier">
6980    <path
6981      fill-rule="evenodd"
6982      clip-rule="evenodd"
6983      d="M3.50002 12C3.50002 7.30558 7.3056 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C10.3278 20.5 8.77127 20.0182 7.45798 19.1861C7.21357 19.0313 6.91408 18.9899 6.63684 19.0726L3.75769 19.9319L4.84173 17.3953C4.96986 17.0955 4.94379 16.7521 4.77187 16.4751C3.9657 15.176 3.50002 13.6439 3.50002 12ZM12 1.5C6.20103 1.5 1.50002 6.20101 1.50002 12C1.50002 13.8381 1.97316 15.5683 2.80465 17.0727L1.08047 21.107C0.928048 21.4637 0.99561 21.8763 1.25382 22.1657C1.51203 22.4552 1.91432 22.5692 2.28599 22.4582L6.78541 21.1155C8.32245 21.9965 10.1037 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM14.2925 14.1824L12.9783 15.1081C12.3628 14.7575 11.6823 14.2681 10.9997 13.5855C10.2901 12.8759 9.76402 12.1433 9.37612 11.4713L10.2113 10.7624C10.5697 10.4582 10.6678 9.94533 10.447 9.53028L9.38284 7.53028C9.23954 7.26097 8.98116 7.0718 8.68115 7.01654C8.38113 6.96129 8.07231 7.046 7.84247 7.24659L7.52696 7.52195C6.76823 8.18414 6.3195 9.2723 6.69141 10.3741C7.07698 11.5163 7.89983 13.314 9.58552 14.9997C11.3991 16.8133 13.2413 17.5275 14.3186 17.8049C15.1866 18.0283 16.008 17.7288 16.5868 17.2572L17.1783 16.7752C17.4313 16.5691 17.5678 16.2524 17.544 15.9269C17.5201 15.6014 17.3389 15.308 17.0585 15.1409L15.3802 14.1409C15.0412 13.939 14.6152 13.9552 14.2925 14.1824Z"
6984      fill="${
6985        theme === "match" || theme === "black"
6986          ? "#ffffff"
6987          : theme === "white"
6988          ? "#000000"
6989          : theme === "matchOutline"
6990          ? "#25d366"
6991          : customColor
6992      }"
6993    ></path>
6994  </g>
6995</svg>`;
6996
6997const microsoftLoginIcon = (
6998  theme,
6999  customColor
7000) => `<svg
7001xmlns="http://www.w3.org/2000/svg"
7002width="25"
7003height="25"
7004viewBox="0 0 48 48">
7005<path fill="${
7006  theme === "match" || theme == "matchOutline"
7007    ? "#ff5722"
7008    : theme === "black"
7009    ? "#ffffff"
7010    : theme === "white"
7011    ? "#000000"
7012    : customColor
7013}" d="M6 6H22V22H6z" transform="rotate(-180 14 14)"></path>
7014<path
7015  fill="${
7016    theme === "match" || theme == "matchOutline"
7017      ? "#4caf50"
7018      : theme === "black"
7019      ? "#ffffff"
7020      : theme === "white"
7021      ? "#000000"
7022      : customColor
7023  }"
7024  d="M26 6H42V22H26z"
7025  transform="rotate(-180 34 14)"></path>
7026<path
7027  fill="${
7028    theme === "match" || theme == "matchOutline"
7029      ? "#ffc107"
7030      : theme === "black"
7031      ? "#ffffff"
7032      : theme === "white"
7033      ? "#000000"
7034      : customColor
7035  }"
7036  d="M26 26H42V42H26z"
7037  transform="rotate(-180 34 34)"></path>
7038<path fill="${
7039  theme === "match" || theme == "matchOutline"
7040    ? "#03a9f4"
7041    : theme === "black"
7042    ? "#ffffff"
7043    : theme === "white"
7044    ? "#000000"
7045    : customColor
7046}" d="M6 26H22V42H6z" transform="rotate(-180 14 34)"></path>
7047</svg>`;
7048
7049const twitterLoginIcon = (
7050  theme,
7051  customColor
7052) => `<svg
7053xmlns="http://www.w3.org/2000/svg"
7054width="25"
7055height="25"
7056viewBox="0 0 48 48">
7057<polygon fill="${
7058  theme === "match" || theme === "black"
7059    ? "#ffffff"
7060    : theme === "matchOutline" || theme === "white"
7061    ? "#000000"
7062    : customColor
7063}" points="41,6 9.929,42 6.215,42 37.287,6"></polygon>
7064<polygon
7065  fill="${
7066    theme === "match" || theme === "black"
7067      ? "#000000"
7068      : theme === "matchOutline" || theme === "white"
7069      ? "#ffffff"
7070      : customColor
7071  }"
7072  fill-rule="evenodd"
7073  points="31.143,41 7.82,7 16.777,7 40.1,41"
7074  clip-rule="evenodd"></polygon>
7075<path
7076  fill="${
7077    theme === "match" || theme === "black"
7078      ? "#ffffff"
7079      : theme === "matchOutline" || theme === "white"
7080      ? "#000000"
7081      : customColor
7082  }"
7083  d="M15.724,9l20.578,30h-4.106L11.618,9H15.724 M17.304,6H5.922l24.694,36h11.382L17.304,6L17.304,6z"></path>
7084</svg>`;
7085
7086const amazonLoginIcon = (theme, customColor) => `
7087 <svg
7088      xmlns="http://www.w3.org/2000/svg"
7089      x="0px"
7090      y="0px"
7091      width="25"
7092      height="25"
7093      viewBox="0 0 50 50"
7094    >
7095      <path
7096        fill="${
7097          theme === "black"
7098            ? "#ffffff"
7099            : theme === "matchOutline"
7100            ? "#FF9900"
7101            : theme === "white" || theme === "match"
7102            ? "#000000"
7103            : customColor
7104        }"
7105        d="M 25.3125 3 C 19.210938 3 12.492188 5.3125 11.09375 12.8125 C 10.894531 13.613281 11.5 13.992188 12 14.09375 L 18.1875 14.6875 C 18.789063 14.6875 19.207031 14.101563 19.40625 13.5 C 19.90625 10.898438 22.101563 9.59375 24.5 9.59375 C 25.800781 9.59375 27.292969 10.113281 28.09375 11.3125 C 28.992188 12.613281 28.8125 14.40625 28.8125 15.90625 L 28.8125 16.8125 C 25.113281 17.210938 20.3125 17.5 16.8125 19 C 12.8125 20.699219 10 24.207031 10 29.40625 C 10 36.007813 14.199219 39.3125 19.5 39.3125 C 24 39.3125 26.5 38.195313 30 34.59375 C 31.199219 36.292969 31.585938 37.105469 33.6875 38.90625 C 34.1875 39.207031 34.789063 39.085938 35.1875 38.6875 L 35.1875 38.8125 C 36.488281 37.710938 38.792969 35.601563 40.09375 34.5 C 40.59375 34.199219 40.492188 33.5 40.09375 33 C 38.894531 31.398438 37.6875 30.09375 37.6875 27.09375 L 37.6875 17.1875 C 37.6875 12.988281 38.007813 9.085938 34.90625 6.1875 C 32.40625 3.789063 28.414063 3 25.3125 3 Z M 27 22 L 28.6875 22 L 28.6875 23.40625 C 28.6875 25.804688 28.792969 27.894531 27.59375 30.09375 C 26.59375 31.894531 24.988281 33 23.1875 33 C 20.789063 33 19.3125 31.207031 19.3125 28.40625 C 19.3125 23.707031 23 22.300781 27 22 Z M 44.59375 36.59375 C 42.992188 36.59375 41.085938 37 39.6875 38 C 39.289063 38.300781 39.3125 38.6875 39.8125 38.6875 C 41.414063 38.488281 44.988281 38.007813 45.6875 38.90625 C 46.289063 39.707031 45.007813 43.085938 44.40625 44.6875 C 44.207031 45.1875 44.601563 45.300781 45 45 C 47.699219 42.699219 48.40625 38.007813 47.90625 37.40625 C 47.605469 36.90625 46.195313 36.59375 44.59375 36.59375 Z M 2.1875 37.5 C 1.886719 37.5 1.695313 38.011719 2.09375 38.3125 C 8.09375 43.710938 16.007813 47 24.90625 47 C 31.207031 47 38.492188 45.011719 43.59375 41.3125 C 44.394531 40.710938 43.707031 39.695313 42.90625 40.09375 C 37.207031 42.492188 31.101563 43.6875 25.5 43.6875 C 17.199219 43.6875 9.1875 41.386719 2.6875 37.6875 C 2.488281 37.488281 2.289063 37.5 2.1875 37.5 Z"
7106      ></path>
7107    </svg>`;
7108
7109const instagramLoginIcon= (theme, customColor) => `
7110    <svg
7111      width="25"
7112      height="25"
7113      viewBox="0 0 25 24"
7114      fill="none"
7115      xmlns="http://www.w3.org/2000/svg">
7116      <path
7117        fill-rule="evenodd"
7118        clip-rule="evenodd"
7119        d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.
711964321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z"
7120        fill="url(#paint0_radial_378_3535)" />
7121      <path
7122        fill-rule="evenodd"
7123        clip-rule="evenodd"
7124        d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.64321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z"
7125        fill="url(#paint0_radial_378_3535)" />
7126      <path
7127        fill-rule="evenodd"
7128        clip-rule="evenodd"
7129        d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.
712964321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z"
7130        fill="url(#paint0_radial_378_3535)" />
7131      <path
7132        fill-rule="evenodd"
7133        clip-rule="evenodd"
7134        d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.64321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z"
7135        fill="url(#paint1_radial_378_3535)" />
7136      <defs>
7137        <radialGradient
7138          id="paint0_radial_378_3535"
7139          cx="0"
7140          cy="0"
7141          r="1"
7142          gradientUnits="userSpaceOnUse"
7143          gradientTransform="translate(17.4 22.7) rotate(-115.776) scale(27.2737 40.5665)">
7144          <stop offset="0.24392" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF1B90' : customColor}" />
7145          <stop offset="0.436673" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#F80261' : customColor}" />
7146          <stop offset="0.688476" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#ED00C0' : customColor}" />
7147          <stop offset="0.776787" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#C500E9' : customColor}" />
7148          <stop offset="0.893155" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#7017FF' : customColor}" />
7149        </radialGradient>
7150        <radialGradient
7151          id="paint1_radial_378_3535"
7152          cx="0"
7153          cy="0"
7154          r="1"
7155          gradientUnits="userSpaceOnUse"
7156          gradientTransform="translate(7.75 19.31) rotate(-57.4396) scale(11.8174 12.2918)">
7157          <stop stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FFD600' : customColor}" />
7158          <stop offset="0.484375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF6930' : customColor}" />
7159          <stop offset="0.734375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" />
7160          <stop offset="1" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" stop-opacity="0" />
7161        </radialGradient>
7162      </defs>
7163    </svg>`;
7164
7165const magicLinkLoginIcon = (theme, customColor) => `
7166  <svg
7167    xmlns="http://www.w3.org/2000/svg"
7168    width="25"
7169    height="25"
7170    fill="none"
7171    viewBox="0 0 25 25"
7172  >
7173    <path
7174      fill="${
7175        theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' || theme === 'white' ? '#000000' : customColor
7176      }"
7177      fillRule="evenodd"
7178      d="M10.975 14.51a1.05 1.05 0 000-1.485 2.95 2.95 0 010-4.172l3.536-3.535a2.95 2.95 0 114.172 4.172l-1.093 1.092a1.05 1.05 0 001.485 1.485l1.093-1.092a5.05 5.05 0 00-7.142-7.142L9.49 7.368a5.05 5.05 0 000 7.142c.41.41 1.075.41 1.485 0zm2.05-5.02a1.05 1.05 0 000 1.485 2.95 2.95 0 010 4.172l-3.5 3.5a2.95 2.95 0 11-4.171-4.172l1.025-1.025a1.05 1.05 0 00-1.485-1.485L3.87 12.99a5.05 5.05 0 007.142 7.142l3.5-3.5a5.05 5.05 0 000-7.142 1.05 1.05 0 00-1.485 0z"
7179      clipRule="evenodd"
7180    ></path>
7181  </svg>`;
7182
7183const mobileAppLoginIcon = (theme, customColor) => `
7184  <svg
7185    width="20"
7186    height="24"
7187    viewBox="0 0 12 16"
7188    fill="none"
7189    xmlns="http://www.w3.org/2000/svg"
7190  >
7191    <path
7192      d="M9.75 0.5H2.25C1.42275 0.5 0.75 1.17275 0.75 2V14C0.75 14.8273 1.42275 15.5 2.25 15.5H9.75C10.5773 15.5 11.25 14.8273 11.25 14V2C11.25 1.17275 10.5773 0.5 9.75 0.5ZM2.25 11.7493V2.75H9.75L9.7515 11.7493H2.25Z"
7193      fill=${
7194        theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#FD823E' : theme === 'white' ? '#000000' : customColor
7195      }
7196    />
7197  </svg>
7198`;
7199
7200const linkedinLoginIcon = (theme, customColor) => `
7201  <svg
7202    xmlns="http://www.w3.org/2000/svg"
7203    width="25"
7204    height="24"
7205    viewBox="0 0 25 24"
7206    fill="none"
7207  >
7208    <path
7209      d="M19.0714 0C19.8304 0 20.5 0.669643 20.5 1.47321V18.5714C20.5 19.375 19.8304 20 19.0714 20H1.88393C1.125 20 0.5 19.375 0.5 18.5714V1.47321C0.5 0.669643 1.125 0 1.88393 0H19.0714ZM6.52679 17.1429V7.63393H3.58036V17.1429H6.52679ZM5.05357 6.29464C5.99107 6.29464 6.75 5.53571 6.75 4.59821C6.75 3.66071 5.99107 2.85714 5.05357 2.85714C4.07143 2.85714 3.3125 3.66071 3.3125 4.59821C3.3125 5.53571 4.07143 6.29464 5.05357 6.29464ZM17.6429 17.1429V11.9196C17.6429 9.375 17.0625 7.36607 14.0714 7.36607C12.6429 7.36607 11.6607 8.16964 11.2589 8.92857H11.2143V7.63393H8.40179V17.1429H11.3482V12.4554C11.3482 11.2054 11.5714 10 13.1339 10C14.6518 10 14.6518 11.4286 14.6518 12.5V17.1429H17.6429Z"
7210      fill=${
7211        theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#0A66C2' : theme === 'white' ? '#000000' : customColor
7212      }
7213    />
7214  </svg>
7215`;
7216
7217function isElementVisible(element) {
7218  return (
7219    document.body.contains(element) &&
7220    getComputedStyle(element).display !== "none" &&
7221    getComputedStyle(element).visibility !== "hidden" &&
7222    getComputedStyle(element).opacity !== "0" &&
7223    !element.hasAttribute("hidden") &&
7224    !isAncestorHidden(element)
7225  );
7226}
7227
7228function isAncestorHidden(element) {
7229  let parent = element.parentElement;
7230  while (parent) {
7231    if (
7232      getComputedStyle(parent).display === "none" ||
7233      getComputedStyle(parent).visibility === "hidden" ||
7234      getComputedStyle(parent).opacity === "0" ||
7235      parent.hasAttribute("hidden")
7236    ) {
7237      return true;
7238    }
7239    parent = parent.parentElement;
7240  }
7241  return false;
7242}
7243
7244function showAlert(message) {
7245  const alertBox = document.createElement("div");
7246  alertBox.textContent = message;
7247  alertBox.style.position = "fixed";
7248  alertBox.style.top = "20px";
7249  alertBox.style.right = "-300px"; // Start off-screen
7250  alertBox.style.backgroundColor = "#000000"; // Black background
7251  alertBox.style.color = "#ffffff"; // White text
7252  alertBox.style.padding = "15px";
7253  alertBox.style.borderRadius = "8px";
7254  alertBox.style.zIndex = "1000";
7255  alertBox.style.transition =
7256    "right 0.5s ease-in-out, opacity 0.5s ease-in-out"; // Transition for sliding and fading
7257  alertBox.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)"; // Optional shadow for depth
7258
7259  document.body.appendChild(alertBox);
7260
7261  // Slide in
7262  requestAnimationFrame(() => {
7263    alertBox.style.right = "20px"; // Move into view
7264    alertBox.style.opacity = "1"; // Ensure opacity is set to 1
7265  });
7266
7267  // Slide out and remove the alert after a few seconds
7268  setTimeout(() => {
7269    alertBox.style.opacity = "0"; // Fade out
7270    alertBox.style.right = "-300px"; // Move out of view
7271
7272    // Wait for the transition to finish before removing the element
7273    setTimeout(() => {
7274      document.body.removeChild(alertBox);
7275    }, 500); // Match this duration with the exit transition duration
7276  }, 3000);
7277}
7278</script>
7278
7279
7280
7281</div></body>
7282  
7283<script src="//shic.ai/cdn/shop/t/45/assets/custom_js_prompt.js?v=33230478048539284061745596355?v=1791217253" defer></script>
vendor: 1 bytes, line 7283
7283
7284<script src="//shic.ai/cdn/shop/t/45/assets/script_editor.js?v=23134049060132488151748949221"></script>
7284
7285
7286
7287
7288                   
7288<script>
7289  function saveAndOpenAuth() {
7290      
7291        saveSession();
7292        openAuthModal();
7293      
7294  }
7295  
7296  function saveSession() {
7297    const currentPrompt = document.getElementById('intro-prompt').value || '';
7298    sessionStorage.setItem('pendingPrompt', currentPrompt);
7299  }
7300
7301    document.addEventListener('DOMContentLoaded', async () => {
7302    const savedPrompt = sessionStorage.getItem('pendingPrompt');
7303    if (savedPrompt) {
7304        const inputField = document.getElementById('intro-prompt');
7305        inputField.value = savedPrompt;
7306        inputField.dispatchEvent(new Event('input', { bubbles: true }));
7307        if (typeof autoResize === "function") {
7308            autoResize.call(inputField);
7309        }
7310      
7311        sessionStorage.removeItem('pendingPrompt');
7312
7313                     
7314
7315        const button = document.querySelector('.click-after-login');
7316        if (button) {
7317            button.click();
7318        }
7319    } else {
7320      const promptInput = document.querySelector('.prompt-input');
7321    
7322      const animationTexts = [
7323        'Create a t-shirt with a colorful sunset design',
7324        'Design a hoodie with a cute cat pattern',
7325      ];
7326  
7327      // Start the typing animation
7328      typeAndDeleteText(promptInput, animationTexts);
7329    }
7330
7331      
7332
7333  
7334
7335
7336
7337    // Stop animation on focus or when explicitly called
7338    promptInput.addEventListener('focus', () => {
7339      if (promptInput.dataset.isAnimating === 'true') {
7340        promptInput.dataset.isAnimating = 'false';
7341        promptInput.value = '';
7342      }
7343    });
7344
7345    // Initialize the height
7346    autoResize.call(textarea);
7347  });
7348
7349                       function autoResize() {
7350    const promptBox = document.getElementById('prompt-box');
7351    const buttonGroup = document.querySelector('.button-group');
7352
7353    // Reset height first
7354    this.style.height = 'auto';
7355
7356    // Handle mobile differently
7357    if (window.innerWidth <= 768) {
7358      //const maxHeight = 120; // Maximum height in pixels
7359
7360      // Set position to fixed percentage from top
7361      promptBox.style.top = '-1%';
7362      promptBox.style.transform = 'translateX(-50%)';
7363
7364      this.style.height = this.scrollHeight + 'px';
7365      this.style.overflowY = 'hidden';
7366
7367      // Adjust button group position
7368      if (this.scrollHeight > this.clientHeight) {
7369        buttonGroup.classList.add('adjusted');
7370      } else {
7371        buttonGroup.classList.remove('adjusted');
7372      }
7373    } else {
7374      // Desktop behavior remains unchanged
7375      this.style.height = this.scrollHeight + 'px';
7376      this.style.overflowY = 'hidden';
7377      adjustButtonGroupPosition();
7378    }
7379  }
7380
7381                       function adjustButtonGroupPosition() {
7382    const buttonGroup = document.querySelector('.button-group');
7383    const lineHeight = parseInt(getComputedStyle(textarea).lineHeight, 10);
7384    const textareaHeight = textarea.scrollHeight;
7385    const numberOfLines = Math.round(textareaHeight / lineHeight);
7386
7387    if (numberOfLines > 1) {
7388      buttonGroup.classList.add('adjusted');
7389    } else {
7390      buttonGroup.classList.remove('adjusted');
7391    }
7392  }
7393
7394    function typeAndDeleteText(element, texts, currentIndex = 0) {
7395    if (element.matches(':focus')) return;
7396
7397    const text = texts[currentIndex];
7398    let isDeleting = false;
7399    let charIndex = 0;
7400    let animationTimer = null;
7401
7402    element.dataset.isAnimating = 'true';
7403
7404    function stopAnimation() {
7405      if (animationTimer) {
7406        clearTimeout(animationTimer);
7407      }
7408      element.dataset.isAnimating = 'false';
7409      element.value = '';
7410    }
7411
7412    function animate() {
7413      if (element.matches(':focus') || element.dataset.isAnimating !== 'true') {
7414        stopAnimation();
7415        return;
7416      }
7417
7418      if (!isDeleting) {
7419        element.value = text.substring(0, charIndex);
7420        charIndex++;
7421
7422        if (charIndex > text.length) {
7423          isDeleting = true;
7424          animationTimer = setTimeout(animate, 1000);
7425          return;
7426        }
7427      } else {
7428        element.value = text.substring(0, charIndex);
7429        charIndex--;
7430
7431        if (charIndex === 0) {
7432          isDeleting = false;
7433          currentIndex = (currentIndex + 1) % texts.length;
7434          animationTimer = setTimeout(() => typeAndDeleteText(element, texts, currentIndex), 500);
7435          return;
7436        }
7437      }
7438
7439      animationTimer = setTimeout(animate, isDeleting ? 50 : 100);
7440    }
7441
7442    // Add cleanup function to element
7443    element.stopAnimation = stopAnimation;
7444
7445    animate();
7446  }
7447</script>
7447
7448                   
7449
7450<script>
7451async function requestSetProductColors(selectedColor) {
7452  console.log('requestSetProductColors →', global_current_printify_product_id, selectedColor);
7453
7454  try {
7455    const response = await fetch(proxy_src + '/set-product-colors', {
7456      method: 'POST',
7457      headers: { 'Content-Type': 'application/json' },
7458      body: JSON.stringify({
7459        printify_shop_product_id: global_current_printify_product_id,
7460        selectedColor: selectedColor,
7461      }),
7462    });
7463
7464    if (!response.ok) {
7465      const errData = await response.text();
7466      console.error("Server error:", errData);
7467      alert("Error: " + errData);
7468      return false;
7469    }
7470
7471    const data = await response.json();
7472    console.log("DATA", data)
7473    global_current_printify_product_variants = data.updated_var_ids || [];
7474    console.log("✅ Variant IDs set:", global_current_printify_product_variants);
7475
7476    return true;
7477  } catch (error) {
7478    console.error("Eroare la setare culoare:", error);
7479    return false;
7480  }
7481}
7482
7483</script>
vendor: 1 bytes, line 7483
7483
7484<script>
7485function renderColorSwatches(colors) {
7486  const $container   = document.getElementById('color-swatch-buttons');
7487  const $prevBox     = document.getElementById('variant-preview-container');
7488  const $prevImg     = document.getElementById('variant-preview-img');
7489  const $prevName    = document.getElementById('variant-preview-name');
7490  const $variantsTtl = document.getElementById('variants-title');
7491
7492  $container.innerHTML = '';
7493  document.getElementById('thumb-row')?.remove();
7494
7495  /* helper – creează rând de thumbnails */
7496  function buildThumbRow(imgArr) {
7497    document.getElementById('thumb-row')?.remove();
7498    if (!imgArr.length) return;
7499
7500    const row = document.createElement('div');
7501    row.id   = 'thumb-row';
7502    row.style.cssText = 'display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;';
7503    $prevImg.after(row);
7504
7505    imgArr.forEach((u, i) => {
7506      const t = document.createElement('img');
7507      t.src   = u + '?thumb=' + Date.now();
7508      t.style.cssText = 'width:100px;height:100px;border:2px solid #ccc;border-radius:6px;cursor:pointer;object-fit:cover;';
7509      t.onclick = () => { $prevImg.src = u + '?big=' + Date.now(); showModalImage(u); };
7510      if (i === 0) $prevImg.src = t.src.replace('thumb','big');
7511      row.appendChild(t);
7512    });
7513  }
7514
7515  colors.forEach((c, idx) => {
7516    const sw = document.createElement('button');
7517    sw.title = c.color_name;
7518    sw.style.cssText = 'border:2px solid #ccc;margin:5px;cursor:pointer;border-radius:6px;';
7519
7520    const hex = (c.hex_codes ?? [])[0];
7521    if (/^#([0-9A-F]{3,8})$/i.test(hex)) {
7522      sw.style.cssText += `width:32px;height:32px;background:${hex}`;
7523    } else {          // fallback text
7524      sw.style.cssText += 'background:#fff;color:#333;font-size:11px;font-weight:700;padding:6px 10px;';
7525      sw.textContent = c.color_name.slice(0,3);
7526    }
7527
7528    sw.onclick = () => {
7529      /* ⇢ luăm toate imaginile acumulate pentru culoarea asta */
7530      const allImgs = Array.from(window.global_images_by_color[c.color_name] ?? []);
7531      if (!allImgs.length && c.images?.length) allImgs.push(...c.images);   // fallback
7532
7533      $prevImg.style.opacity = 0.3;
7534      $prevImg.style.filter  = 'blur(2px)';
7535      buildThumbRow(allImgs);
7536
7537      $prevImg.onload = () => { $prevImg.style.opacity = 1; $prevImg.style.filter = 'none'; };
7538
7539      $prevName.textContent   = c.color_name;
7540      $prevBox.style.display  = 'block';
7541
7542      $container.querySelectorAll('button').forEach(b=>b.classList.remove('active-swatch'));
7543      sw.classList.add('active-swatch');
7544    };
7545
7546    $container.appendChild(sw);
7547    if (idx === 0) sw.click();                 // auto-select primul
7548  });
7549
7550  $variantsTtl.style.display = colors.length ? 'block' : 'none';
7551
7552  /* buton “+” (neschimbat) */
7553  const addBtn = document.createElement('button');
7554  addBtn.textContent = '+';
7555  addBtn.title = 'Add new variant';
7556  addBtn.style.cssText = 'width:32px;height:32px;border:2px dashed #aaa;margin:5px;background:#fff;cursor:pointer;border-radius:6px;font-weight:bold;';
7557  addBtn.onclick = showAvailableColorsPanel;
7558  $container.appendChild(addBtn);
7559}
7560</script>
7560
7561
7562
7563        
7564
7565<script>
7566function showCreatePromptBox() {
7567    closeAllToolPanels();
7568  const container = document.getElementById('top-center-ai-input');
7569  const promptInput = document.getElementById('aiPromptInput');
7570  const createBtn = document.getElementById('aiCreateBtn');
7571  const settingsBtn = document.getElementById('aiUseImageBtn');
7572
7573  if (container) container.style.display = "flex";
7574
7575  if (promptInput) {
7576    promptInput.style.display = "block";
7577    promptInput.placeholder = "e.g. Create a sunset over mountains";
7578    promptInput.value = "";
7579  }
7580
7581  const urlInput = document.getElementById('qrURL');
7582  if (urlInput) {
7583    urlInput.style.setProperty("display", "none");
7584  }
7585
7586
7587  if (settingsBtn) {
7588    settingsBtn.style.display = "none";
7589  }
7590
7591  if (createBtn) {
7592    createBtn.style.display = "inline-block";
7593    createBtn.textContent = "Create";
7594    createBtn.onclick = () => {
7595      const prompt = promptInput.value.trim();
7596      runImageGeneration(prompt, createBtn);
7597    };
7598  }
7599}
7600</script>
7600
7601
7602
7603                 
7604<script>
7605(function(){
7606  /* ▼▼  CONSTANTS  ▼▼ */
7607  const REDIRECT_URL = "/";
7608  const SESSION_KEY  = "pendingPrompt";
7609
7610  /* ▼▼  HANDLERS  ▼▼ */
7611  // Folosește ID-urile corecte din HTML
7612  const promptInput      = document.getElementById("intro-prompt");
7613  const createBtn        = document.getElementById("prompt-create-btn-template--23786021421356__generate_without_slide_EqVRya");
7614  const useImageBtn      = document.getElementById("useImageButton");
7615  const popupBox         = document.getElementById("popupBox");
7616  const closePopupBtn    = document.getElementById("closePopup");
7617
7618  // Verifică dacă elementele există
7619  if (!createBtn || !promptInput) {
7620    console.error("Nu s-au găsit elementele necesare!");
7621    return;
7622  }
7623
7624  /*  Save the prompt + extras in sessionStorage and travel to home  */
7625  function handleCreate(){
7626    const prompt = (promptInput.value || "").trim();
7627    console.log("Salvez prompt:", prompt); // Debug
7628    sessionStorage.setItem(SESSION_KEY, prompt);
7629    window.location.href = REDIRECT_URL;
7630  }
7631
7632  /*  Popup helpers  */
7633  if (popupBox && closePopupBtn) {
7634    promptInput.addEventListener('focus', ()=>{ 
7635      popupBox.style.display = 'block'; 
7636    });
7637    
7638    closePopupBtn.addEventListener('click', ()=>{ 
7639      popupBox.style.display = 'none'; 
7640    });
7641    
7642    document.addEventListener('click', (ev)=>{
7643      if(!popupBox.contains(ev.target) && ev.target !== promptInput){ 
7644        popupBox.style.display = 'none'; 
7645      }
7646    });
7647  }
7648
7649  // Atașează event listener pentru butonul CREATE
7650  createBtn.addEventListener('click', (e) => {
7651    e.preventDefault();
7652    console.log("Buton CREATE apăsat!"); // Debug
7653    handleCreate();
7654  });
7655
7656  /*  Use-image popup  */
7657  const imgPopup   = document.getElementById("imagePopupBox");
7658  const closeImgP  = document.getElementById("closeImagePopup");
7659  
7660  if (useImageBtn && imgPopup && closeImgP) {
7661    useImageBtn.addEventListener('click', ()=>{ 
7662      imgPopup.style.display = 'block'; 
7663    });
7664    
7665    closeImgP.addEventListener('click', ()=>{ 
7666      imgPopup.style.display = 'none'; 
7667    });
7668  }
7669})();
7670</script>
7670
7671
7672</html>
7673
7674
7675
7676
7677
7678<script src="//shic.ai/cdn/shop/t/45/assets/custom_without_cache.js?v=40795197312185923361745596369?v=1791217253" defer></script>
7678</div><div id="shopify-section-template--23786021421356__rich_text_MEnEBd" class="shopify-section"><style>
7679  #shopify-section-template--23786021421356__rich_text_MEnEBd {
7680    --section-padding-top: 72px;
7681    --section-padding-bottom: 0px;}
7682</style>
7683
7684<div class="section section--padding">
7685  <div class="page-width relative"><div class="rich-text md:text-center text-center relative z-1"><h2 class="heading leading-none title-xl tracking-heading" ><split-words class="split-words block" data-animate="fade-up-large" data-animate-delay="250">Subscriptions Pricing</split-words></h2><div class="rte leading-normal body subtext-md" ><p>Transform your creative workflow with our flexible plans</p></div></div></div>
7686</div>
7687
7688
7689</div><div id="shopify-section-template--23786021421356__ss_pricing_table_4_k87fhz" class="shopify-section">
7690<style data-shopify>@font-face {
7691  font-family: "Josefin Sans";
7692  font-weight: 400;
7693  font-style: normal;
7694  font-display: swap;
7695  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7696       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7697}
7698
7699  @font-face {
7700  font-family: "Josefin Sans";
7701  font-weight: 400;
7702  font-style: normal;
7703  font-display: swap;
7704  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7705       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7706}
7707
7708  @font-face {
7709  font-family: "Josefin Sans";
7710  font-weight: 400;
7711  font-style: normal;
7712  font-display: swap;
7713  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7714       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7715}
7716
7717  @font-face {
7718  font-family: "Josefin Sans";
7719  font-weight: 400;
7720  font-style: normal;
7721  font-display: swap;
7722  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7723       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7724}
7725
7726  @font-face {
7727  font-family: "Josefin Sans";
7728  font-weight: 400;
7729  font-style: normal;
7730  font-display: swap;
7731  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7732       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7733}
7734
7735  @font-face {
7736  font-family: "Josefin Sans";
7737  font-weight: 400;
7738  font-style: normal;
7739  font-display: swap;
7740  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7741       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7742}
7743
7744  @font-face {
7745  font-family: "Josefin Sans";
7746  font-weight: 400;
7747  font-style: normal;
7748  font-display: swap;
7749  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7750       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7751}
7752
7753  @font-face {
7754  font-family: "Josefin Sans";
7755  font-weight: 400;
7756  font-style: normal;
7757  font-display: swap;
7758  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7759       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7760}
7761
7762  @font-face {
7763  font-family: "Josefin Sans";
7764  font-weight: 400;
7765  font-style: normal;
7766  font-display: swap;
7767  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7768       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7769}
7770
7771  @font-face {
7772  font-family: "Josefin Sans";
7773  font-weight: 400;
7774  font-style: normal;
7775  font-display: swap;
7776  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7777       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7778}
7779
7780  @font-face {
7781  font-family: "Josefin Sans";
7782  font-weight: 400;
7783  font-style: normal;
7784  font-display: swap;
7785  src: url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7786       url("//shic.ai/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7787}
7788
7789  
7790  .section-template--23786021421356__ss_pricing_table_4_k87fhz {
7791      padding: 8px;  /* Base mobile padding */
7792
7793    border-top: solid #000000 0px;
7794    border-bottom: solid #000000 0px;
7795    margin-top: 36px;
7796    margin-bottom: 36px;
7797    margin-left: 0rem;
7798    margin-right: 0rem;
7799    border-radius: 0px;
7800    overflow: hidden;
7801  }
7802  
7803  .section-template--23786021421356__ss_pricing_table_4_k87fhz-settings {
7804    margin: 0 auto;
7805    
7806    padding-top: 36px;
7807    padding-bottom: 36px;
7808    padding-left: 0rem;
7809    padding-right: 0rem;
7810  }
7811
7812  .pricing-content-template--23786021421356__ss_pricing_table_4_k87fhz {
7813    display: flex;
7814    flex-direction: column;
7815    align-items: start;
7816  }
7817
7818  .pricing-body-template--23786021421356__ss_pricing_table_4_k87fhz {
7819    display: grid;
7820    margin-top: 0px;
7821    gap: 16px;
7822  }
7823
7824  .pricing-card-template--23786021421356__ss_pricing_table_4_k87fhz {
7825    display: none;
7826    background-color: #f8f6f6;
7827    padding: 32px 32px;
7828    border: 1px solid #e0e0e0;
7829border-radius: var(--buttons-radius);  }
7830
7831  .pricing-card-template--23786021421356__ss_pricing_table_4_k87fhz.active {
7832    display: block;
7833  }
7834
7835  .pricing-card-top-template--23786021421356__ss_pricing_table_4_k87fhz {
7836    display: flex;
7837    align-items: center;
7838    justify-content: space-between;
7839    gap: 20px;
7840    flex-wrap: wrap;
7841  }
7842
7843  .pricing-card-left-template--23786021421356__ss_pricing_table_4_k87fhz {
7844    display: flex;
7845    align-items: center;
7846    gap: 10px;
7847  }
7848
7849  .pricing-card-title-template--23786021421356__ss_pricing_table_4_k87fhz {
7850    margin: 0px;
7851    font-size: 24px;
7852    color: #000000;
7853    line-height: 140%;
7854    text-transform: unset;
7855    text-decoration: none;
7856    font-weight: 700;
7857  }
7858
7859  .pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz {
7860    margin: 0px;
7861    padding: 4px 8px;
7862    border-radius: 4px;
7863    font-size: 12px;
7864    line-height: 130%;
7865    text-transform: unset;
7866    text-decoration: none;
7867  }
7868
7869  .pricing-card-text-template--23786021421356__ss_pricing_table_4_k87fhz {
7870    margin: 0px;
7871    font-size: 14px;
7872    color: #21051e;
7873    line-height: 130%;
7874    text-transform: unset;
7875    text-decoration: none;
7876  }
7877
7878  .pricing-card-features-template--23786021421356__ss_pricing_table_4_k87fhz {
7879    margin-top: 24px;
7880    display: flex;
7881    flex-direction: column;
7882    gap: 12px;
7883  }
7884
7885  .pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz:not(:last-child) {
7886    display: block !important;
7887    height: 1px;
7888    width: 100%;
7889    background-color: #f0f0f0;
7890  }
7891
7892  .pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz {
7893    display: flex;
7894    align-items: center;
7895    gap: 20px;
7896    justify-content: space-between;
7897  }
7898
7899  .pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz {
7900    display: flex;
7901    align-items: center;
7902    gap: 10px;
7903  }
7904
7905  .pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz {
7906    margin: 0px;
7907    font-size: 14px;
7908    color: #000000;
7909    line-height: 140%;
7910    text-transform: unset;
7911    text-decoration: none;
7912    font-weight: 400;
7913  }
7914
7915  .pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz {
7916    display: flex;
7917    align-items: center;
7918    justify-content: center;
7919    width: 24px;
7920    height: 24px;
7921    flex-shrink: 0;
7922  }
7923
7924.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz {
7925  position: relative;
7926  overflow: hidden;
7927  display: flex;
7928  align-items: center;
7929  justify-content: center;
7930  gap: 10px;
7931  width: 100%;
7932  margin: 0;
7933  margin-top: 32px;
7934  font-size: 16px;
7935  color: #ffffff;
7936  line-height: 100%;
7937  text-align: center;
7938  text-transform: unset;
7939  text-decoration: none;
7940  padding: 12px 20px;
7941  border-radius: var(--buttons-radius, 8px);
7942  background-color: #7a2338;
7943  border: 2px solid transparent; /* Start with a transparent border */
7944  box-sizing: border-box; /* Ensure content + padding + border are all included */
7945  cursor: pointer;
7946  font-weight: 700;
7947  z-index: 0;
7948}
7949
7950
7951
7952  .pricing-card-button-inner-template--23786021421356__ss_pricing_table_4_k87fhz {
7953    margin: 0px;
7954    display: flex;
7955    align-items: center;
7956    justify-content: center;
7957    gap: 10px;
7958  }
7959
7960  .pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz:hover {
7961  color: #7A2338;
7962  background-color: #ffffff;
7963  border-color: #7A2338; /* Change only the border color on hover */
7964}
7965
7966.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz .btn-text {
7967  color: inherit; /* Inherits from the button color */
7968  transition: color 0.3s ease;
7969}
7970
7971
7972  .pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz svg {
7973    width: 14px;
7974    height: 14px;
7975  }
7976
7977  .pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz svg path {
7978    fill: #ffffff;
7979    transition: all 0.25s ease 0s;
7980  }
7981
7982  .pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz:hover svg path {
7983    fill: #ffffff;
7984    transition: all 0.25s ease 0s;
7985  }
7986
7987  .pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz {
7988    display: flex;
7989      justify-content: space-between; /* This will push content to opposite ends */
7990    flex-direction: row;
7991    gap: 20px;
7992    background-color: #ffffff;
7993     padding: 12px 16px; /* Reduced fixed padding for mobile */
7994  border: 1px solid #e0e0e0;
7995  border-radius: var(--buttons-radius);
7996 
7997    cursor: pointer;
7998    transition: all 0.25s ease 0s;
7999  }
8000.pricing-toggle-left-template--23786021421356__ss_pricing_table_4_k87fhz {
8001  flex: 1;
8002  min-width: 0; /* Allow content to shrink */
8003}
8004  .pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz:not(:first-child) {
8005    margin-top: 16px;
8006  }
8007
8008  .pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz.active {
8009    background-color: #f8f6f6;
8010    border-color: #8f2a42;
8011    transition: all 0.25s ease 0s;
8012  }
8013
8014  .pricing-toggle-title-wrapper-template--23786021421356__ss_pricing_table_4_k87fhz {
8015    display: flex;
8016    align-items: center;
8017    gap: 10px;
8018  }
8019
8020  .pricing-toggle-subtitle-template--23786021421356__ss_pricing_table_4_k87fhz {
8021    margin: 0px;
8022    font-size: 12px;
8023    color: #737373;
8024    line-height: 130%;
8025    text-transform: unset;
8026    text-decoration: none;
8027  }
8028
8029  .pricing-toggle-title-template--23786021421356__ss_pricing_table_4_k87fhz {
8030    margin: 0px;
8031    margin-top: 4px;
8032    font-size: 24px;
8033    color: #000000;
8034    line-height: 140%;
8035    text-transform: unset;
8036    text-decoration: none;
8037    font-weight: 700;
8038  }
8039
8040  .pricing-toggle-prices-template--23786021421356__ss_pricing_table_4_k87fhz {
8041    display: flex;
8042    align-items: center;
8043    gap: 10px;
8044  }
8045
8046  .pricing-toggle-main-price-template--23786021421356__ss_pricing_table_4_k87fhz {
8047    margin: 0px;
8048    font-size: 28px;
8049    color: #000000;
8050    line-height: 120%;
8051    text-transform: unset;
8052    text-decoration: none;
8053    font-weight: 700;
8054  }
8055
8056  .pricing-toggle-old-price-template--23786021421356__ss_pricing_table_4_k87fhz {
8057    margin: 0px;
8058    margin-bottom: 4px;
8059    font-size: 12px;
8060    color: #666666;
8061    line-height: 130%;
8062    text-transform: unset;
8063    text-decoration: line-through;
8064  }
8065
8066  .pricing-toggle-price-text-template--23786021421356__ss_pricing_table_4_k87fhz {
8067    margin: 0px;
8068    font-size: 16px;
8069    color: #000000;
8070    line-height: 130%;
8071    text-transform: unset;
8072    text-decoration: none;
8073  }
8074
8075  .pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz {
8076    position: relative;
8077    cursor: pointer;
8078  }
8079
8080  .pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz {
8081    display: flex;
8082  }
8083
8084  .pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz svg path {
8085    fill: #d4d4d4;
8086  }
8087
8088  .pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz {
8089    min-width: max-content;
8090    position: absolute;
8091    z-index: 2;
8092    left: 50%;
8093    transform: translateX(-50%) translateY(10px);
8094    bottom: calc(100% + 5px);
8095    opacity: 0;
8096    pointer-events: none;
8097    margin: 0px;
8098    background-color: #ffffff;
8099    font-size: 14px;
8100    color: #000000;
8101    line-height: 120%;
8102    text-transform: unset;
8103    text-decoration: none;
8104    border-radius: 4px;
8105    padding: 6px;
8106    transition: all 0.25s ease 0s;
8107    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
8108  }
8109
8110  .pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz:hover .pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz {
8111    transform: translateX(-50%) translateY(0px);
8112    opacity: 1;
8113    pointer-events: all;
8114    transition: all 0.25s ease 0s;
8115  }
8116  
8117  @media(min-width: 1024px) {
8118
8119    .section-template--23786021421356__ss_pricing_table_4_k87fhz {
8120      margin-top: 48px;
8121      margin-bottom: 48px;
8122      margin-left: 0rem;
8123      margin-right: 0rem;
8124      border-radius: 0px;
8125    }
8126    
8127    .section-template--23786021421356__ss_pricing_table_4_k87fhz-settings {
8128      padding: 0 ;
8129      padding-top: 48px;
8130      padding-bottom: 48px;
8131      padding-left: 0rem;
8132      padding-right: 0rem;
8133    }
8134
8135    .pricing-content-template--23786021421356__ss_pricing_table_4_k87fhz {
8136      align-items: start;
8137    }
8138
8139     .pricing-body-template--23786021421356__ss_pricing_table_4_k87fhz {
8140      grid-template-columns: 1fr 1fr;
8141       margin-top: 0px;
8142      gap: 32px;
8143    }
8144
8145    .pricing-card-template--23786021421356__ss_pricing_table_4_k87fhz {
8146      padding: 32px 32px;
8147    }
8148
8149    .pricing-card-title-template--23786021421356__ss_pricing_table_4_k87fhz {
8150      font-size: 30px;
8151    }
8152
8153    .pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz {
8154      padding: 8px 22px;
8155      font-size: 12px;
8156    }
8157
8158    .pricing-card-text-template--23786021421356__ss_pricing_table_4_k87fhz {
8159      font-size: 16px;
8160    }
8161
8162    .pricing-card-features-template--23786021421356__ss_pricing_table_4_k87fhz {
8163      margin-top: 24px;
8164      gap: 16px;
8165    }
8166
8167    .pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz {
8168      font-size: 16px;
8169    }
8170
8171    .pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz {
8172      font-size: 14px;
8173    }
8174
8175    .pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz {
8176      margin-top: 24px;
8177      padding: 32px 24px;
8178      font-size: 30px;
8179    }
8180
8181    .pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz:not(.active):hover {
8182      background-color: #f9f9f9;
8183      border-color: #f2eeee;
8184      transition: all 0.25s ease 0s;
8185    }
8186
8187    .pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz:not(:first-child) {
8188      margin-top: 28px;
8189    }
8190
8191    .pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz {
8192      flex-direction: row;
8193      align-items: center;
8194      justify-content: space-between;
8195      padding: 26px 24px;
8196    }
8197
8198    .pricing-toggle-subtitle-template--23786021421356__ss_pricing_table_4_k87fhz {
8199      font-size: 12px;
8200    }
8201
8202    .pricing-toggle-title-template--23786021421356__ss_pricing_table_4_k87fhz {
8203      margin-top: 8px;
8204      font-size: 24px;
8205    }
8206
8207    .pricing-toggle-main-price-template--23786021421356__ss_pricing_table_4_k87fhz {
8208      font-size: 40px;
8209    }
8210
8211    .pricing-toggle-old-price-template--23786021421356__ss_pricing_table_4_k87fhz {
8212      font-size: 12px;
8213    }
8214
8215    .pricing-toggle-price-text-template--23786021421356__ss_pricing_table_4_k87fhz {
8216      font-size: 16px;
8217    }
8218  }
8219  /* Ensure the button has relative positioning and overflow hidden */
8220.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz {
8221  display: flex;
8222  align-items: center;
8223  justify-content: center;
8224  gap: 10px;
8225}
8226
8227/* Style for the fill effect */
8228.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz .btn-fill {
8229  position: absolute;
8230  width: 150%;
8231  height: 200%;
8232  bottom: -50%;
8233  left: -25%;
8234  background-color: #fff;
8235  border-radius: 50%;
8236  transform: translateY(76%);
8237  animation: fillOut 0.5s forwards;
8238  z-index: 1;
8239}
8240
8241
8242/* Style for the button text */
8243.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz:hover .btn-text {
8244  color: #7A2338;
8245}
8246
8247
8248/* Hover state: animate the fill and change text color */
8249.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz:hover .btn-fill {
8250    animation: fillIn 0.5s forwards;
8251}
8252
8253.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz:not(:hover) .btn-fill {
8254    animation: fillOut 0.5s forwards;
8255}
8256
8257.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz:hover {
8258  background-color: #ffffff; /* Light background for contrast */
8259  border: 2px solid #7A2338; /* Visible, contrasting border color */
8260  color: #7A2338; /* Adjust text color to match border */
8261}
8262
8263.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz .sparkle-icon {
8264  width: 42px !important;
8265  height: 42px !important;
8266  vertical-align: middle;
8267  /* Remove large margins, let the parent gap handle spacing */
8268  margin: 0;
8269}
8270
8271
8272/* Ensure SVG icons are above the fill effect */
8273.pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz svg {
8274  width: 14px;
8275  height: 14px;
8276  position: relative;
8277  z-index: 3;
8278}
8279  
8280  @keyframes fillIn {
8281    from {
8282        transform: translateY(76%);
8283    }
8284    to {
8285        transform: translateY(0);
8286    }
8287}
8288
8289@keyframes fillOut {
8290    from {
8291        transform: translateY(0);
8292    }
8293    to {
8294        transform: translateY(-76%);
8295    }
8296}</style>
8297  <style>
8298    .section-template--23786021421356__ss_pricing_table_4_k87fhz-settings {
8299      max-width: 1200px;
8300    }
8301  </style>
8302
8303
8304
8305
8306
8307
8308
8309
8310
8311
8312
8313
8314
8315
8316
8317
8318
8319
8320
8321
8322
8323
8324
8325
8326
8327
8328
8329
8330
8331  <style>
8332    .pricing-cards-template--23786021421356__ss_pricing_table_4_k87fhz {
8333      order: 2;
8334    }
8335    
8336    .pricing-toggles-template--23786021421356__ss_pricing_table_4_k87fhz {
8337      order: 1;
8338    }
8339  </style>
8340
8341
8342
8343  <style>
8344    @media(min-width: 1024px) {
8345      .pricing-cards-template--23786021421356__ss_pricing_table_4_k87fhz {
8346        order: 1;
8347      }
8348
8349      .pricing-toggles-template--23786021421356__ss_pricing_table_4_k87fhz {
8350        order: 2;
8351      }
8352    }    
8353  </style>
8354
8355
8356
8357  <style>
8358    .pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz {
8359      background-color: #7a2338;
8360    }
8361
8362    .pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz:hover {
8363      background-color: #8f2a42;
8364    }
8365  </style>
8366
8367
8368
8369  
8370
8371      <style>
8372        .pricing-card-badge-plan_tpPraE {
8373          background-color: #ffffff;
8374          border: 1px solid #171717;
8375          color: #171717;
8376        }
8377      </style>
8378    
8379  
8380
8381  
8382
8383      <style>
8384        .pricing-card-badge-plan_GdNtnT {
8385          background-color: #ec9cc7;
8386          border: 1px solid #171717;
8387          color: #171717;
8388        }
8389      </style>
8390    
8391  
8392
8393  
8394
8395      <style>
8396        .pricing-card-badge-plan_UgBee3 {
8397          background-color: #7a2338;
8398          border: 1px solid #171717;
8399          color: #f7fee7;
8400        }
8401      </style>
8402    
8403  
8404
8405
8406<div class="section-template--23786021421356__ss_pricing_table_4_k87fhz pricing-template--23786021421356__ss_pricing_table_4_k87fhz" style="background-color:#ffffff; background-image: ;">
8407    <div class="section-template--23786021421356__ss_pricing_table_4_k87fhz-settings">
8408      <div class="pricing-content-template--23786021421356__ss_pricing_table_4_k87fhz">
8409        
8410          
8411        
8412          
8413        
8414          
8415        
8416      </div>
8417
8418      <div class="pricing-body-template--23786021421356__ss_pricing_table_4_k87fhz">
8419        <div class="pricing-cards-template--23786021421356__ss_pricing_table_4_k87fhz">
8420          
8421          
8422            
8423              <div class="pricing-card-template--23786021421356__ss_pricing_table_4_k87fhz active" data-id="plan_tpPraE">
8424                <div class="pricing-card-top-template--23786021421356__ss_pricing_table_4_k87fhz">
8425                  <div class="pricing-card-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8426                    
8427                      <p class="pricing-card-title-template--23786021421356__ss_pricing_table_4_k87fhz">Free</p>
8428                    
8429                    
8430                      <p class="pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz pricing-card-badge-plan_tpPraE">For Starters 🐣</p>
8431                    
8432                  </div>
8433                  
8434                    <p class="pricing-card-text-template--23786021421356__ss_pricing_table_4_k87fhz">Pause or cancel at anytime</p>
8435                  
8436                </div>
8437
8438                <div class="pricing-card-features-template--23786021421356__ss_pricing_table_4_k87fhz">
8439                  
8440                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8441                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8442                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Shic Creator Program (5% commissions)</p>
8443                        
8444                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8445                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8446                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8447                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8448                              </svg>
8449                            </div>
8450                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Launch custom products, and earn 5% commissions on every sale</p>
8451                          </div>
8452                        
8453                      </div>
8454                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8455                        
8456                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8457                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8458                          </svg>
8459                        
8460                      </div>
8461                    </div>
8462                    
8463                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8464                    
8465                  
8466                  
8467                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8468                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8469                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">100 Credits - renew monthly</p>
8470                        
8471                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8472                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8473                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8474                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8475                              </svg>
8476                            </div>
8477                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">$0.00 per 100 Credits</p>
8478                          </div>
8479                        
8480                      </div>
8481                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8482                        
8483                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8484                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8485                          </svg>
8486                        
8487                      </div>
8488                    </div>
8489                    
8490                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8491                    
8492                  
8493                  
8494                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8495                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8496                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Additional Credits - renew daily</p>
8497                        
8498                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8499                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8500                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8501                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8502                              </svg>
8503                            </div>
8504                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Free credits daily by logging in</p>
8505                          </div>
8506                        
8507                      </div>
8508                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8509                        
8510                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8511                            <path d="M5 11.0002V13.0002H19V11.0002H5Z" fill="#7a2338"></path>
8512                          </svg>
8513                        
8514                      </div>
8515                    </div>
8516                    
8517                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8518                    
8519                  
8520                  
8521                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8522                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8523                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Shic AI Editor</p>
8524                        
8525                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8526                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8527                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8528                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8529                              </svg>
8530                            </div>
8531                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Generate, edit designs freely</p>
8532                          </div>
8533                        
8534                      </div>
8535                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8536                        
8537                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8538                            <path d="M5 11.0002V13.0002H19V11.0002H5Z" fill="#7a2338"></path>
8539                          </svg>
8540                        
8541                      </div>
8542                    </div>
8543                    
8544                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8545                    
8546                  
8547                  
8548                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8549                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8550                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Download and save designs</p>
8551                        
8552                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8553                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8554                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8555                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8556                              </svg>
8557                            </div>
8558                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Export images as high-quality PNGs and save drafts for future revisions</p>
8559                          </div>
8560                        
8561                      </div>
8562                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8563                        
8564                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8565                            <path d="M5 11.0002V13.0002H19V11.0002H5Z" fill="#7a2338"></path>
8566                          </svg>
8567                        
8568                      </div>
8569                    </div>
8570                    
8571                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8572                    
8573                  
8574                </div>
8575
8576
8577
8578
8579              </div>
8580              
8581            
8582          
8583            
8584              <div class="pricing-card-template--23786021421356__ss_pricing_table_4_k87fhz " data-id="plan_GdNtnT">
8585                <div class="pricing-card-top-template--23786021421356__ss_pricing_table_4_k87fhz">
8586                  <div class="pricing-card-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8587                    
8588                      <p class="pricing-card-title-template--23786021421356__ss_pricing_table_4_k87fhz">Basic</p>
8589                    
8590                    
8591                      <p class="pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz pricing-card-badge-plan_GdNtnT">Most Popular 🐤</p>
8592                    
8593                  </div>
8594                  
8595                    <p class="pricing-card-text-template--23786021421356__ss_pricing_table_4_k87fhz">Pause or cancel at anytime</p>
8596                  
8597                </div>
8598
8599                <div class="pricing-card-features-template--23786021421356__ss_pricing_table_4_k87fhz">
8600                  
8601         
8601           <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8602                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8603                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Shic Creator Program (10-15% commissions)</p>
8604                        
8605                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8606                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8607                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8608                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8609                              </svg>
8610                            </div>
8611                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Earn 10% base share, increasing to 15% after 3 lifetime sales</p>
8612                          </div>
8613                        
8614                      </div>
8615                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8616                        
8617                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8618                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8619                          </svg>
8620                        
8621                      </div>
8622                    </div>
8623                    
8624                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8625                    
8626                  
8627                  
8628                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8629                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8630                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">500 Credits - renew monthly</p>
8631                        
8632                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8633                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8634                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8635                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8636                              </svg>
8637                            </div>
8638                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">$0.02 per 100 Credits</p>
8639                          </div>
8640                        
8641                      </div>
8642                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8643                        
8644                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8645                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8646                          </svg>
8647                        
8648                      </div>
8649                    </div>
8650                    
8651                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8652                    
8653                  
8654                  
8655                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8656                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8657                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Additional 20 Credits - renew daily</p>
8658                        
8659                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8660                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8661                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8662                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8663                              </svg>
8664                            </div>
8665                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Free credits daily by logging in</p>
8666                          </div>
8667                        
8668                      </div>
8669                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8670                        
8671                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8672                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8673                          </svg>
8674                        
8675                      </div>
8676                    </div>
8677                    
8678                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8679                    
8680                  
8681                  
8682                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8683                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8684                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Shic AI Editor</p>
8685                        
8686                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8687                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8688                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8689                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8690                              </svg>
8691                            </div>
8692                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Generate, edit designs freely</p>
8693                          </div>
8694                        
8695                      </div>
8696                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8697                        
8698                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8699                            <path d="M5 11.0002V13.0002H19V11.0002H5Z" fill="#7a2338"></path>
8700                          </svg>
8701                        
8702                      </div>
8703                    </div>
8704                    
8705                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8706                    
8707                  
8708                  
8709                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8710                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8711                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Download and save designs</p>
8712                        
8713                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8714                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8715                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8716                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8717                              </svg>
8718                            </div>
8719                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Export images as high-quality PNGs and save drafts for future revisions</p>
8720                          </div>
8721                        
8722                      </div>
8723                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8724                        
8725                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8726                            <path d="M5 11.0002V13.0002H19V11.0002H5Z" fill="#7a2338"></path>
8727                          </svg>
8728                        
8729                      </div>
8730                    </div>
8731                    
8732                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8733                    
8734                  
8735                </div>
8736
8737
8738  <a href="https://shic.ai/cart/add?items[][id]=49718203646252&items[][quantity]=1&items[][selling_plan]=689697423660&return_to=/checkout" class="pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz">
8739  <span class="btn-fill"></span>
8740  <span class="btn-text">Get started</span>
8741  
8742</a>
8743  
8744
8745
8746
8747
8748              </div>
8749              
8750            
8751          
8752            
8753              <div class="pricing-card-template--23786021421356__ss_pricing_table_4_k87fhz " data-id="plan_UgBee3">
8754                <div class="pricing-card-top-template--23786021421356__ss_pricing_table_4_k87fhz">
8755                  <div class="pricing-card-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8756                    
8757                      <p class="pricing-card-title-template--23786021421356__ss_pricing_table_4_k87fhz">Pro</p>
8758                    
8759                    
8760                      <p class="pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz pricing-card-badge-plan_UgBee3">For Creators 🐔</p>
8761                    
8762                  </div>
8763                  
8764                    <p class="pricing-card-text-template--23786021421356__ss_pricing_table_4_k87fhz">Pause or cancel at anytime</p>
8765                  
8766                </div>
8767
8768                <div class="pricing-card-features-template--23786021421356__ss_pricing_table_4_k87fhz">
8769                  
8770                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8771                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8772                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Shic Creator Program (20-30% Commissions)</p>
8773                        
8774                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8775                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8776                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8777                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8778                              </svg>
8779                            </div>
8780                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">20% base share, increasing  to 30% after 30 sales</p>
8781                          </div>
8782                        
8783                      </div>
8784                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8785                        
8786                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8787                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8788                          </svg>
8789                        
8790                      </div>
8791                    </div>
8792                    
8793                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8794                    
8795                  
8796                  
8797                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8798                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8799                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">2000 Credits - renew monthly</p>
8800                        
8801                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8802                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8803                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8804                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8805                              </svg>
8806                            </div>
8807                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">$0.01 per 100 Credits</p>
8808                          </div>
8809                        
8810                      </div>
8811                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8812                        
8813                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8814                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8815            
8815              </svg>
8816                        
8817                      </div>
8818                    </div>
8819                    
8820                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8821                    
8822                  
8823                  
8824                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8825                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8826                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Additional 50 Credits - renew daily</p>
8827                        
8828                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8829                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8830                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8831                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8832                              </svg>
8833                            </div>
8834                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Free credits daily by logging in</p>
8835                          </div>
8836                        
8837                      </div>
8838                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8839                        
8840                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8841                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8842                          </svg>
8843                        
8844                      </div>
8845                    </div>
8846                    
8847                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8848                    
8849                  
8850                  
8851                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8852                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8853                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Shic AI Editor</p>
8854                        
8855                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8856                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8857                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8858                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8859                              </svg>
8860                            </div>
8861                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Generate, edit designs freely</p>
8862                          </div>
8863                        
8864                      </div>
8865                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8866                        
8867                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8868                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8869                          </svg>
8870                        
8871                      </div>
8872                    </div>
8873                    
8874                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8875                    
8876                  
8877                  
8878                    <div class="pricing-card-feature-template--23786021421356__ss_pricing_table_4_k87fhz">
8879                      <div class="pricing-card-feature-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8880                        <p class="pricing-card-feature-title-template--23786021421356__ss_pricing_table_4_k87fhz">Download and save designs</p>
8881                        
8882                          <div class="pricing-card-feature-message-template--23786021421356__ss_pricing_table_4_k87fhz">
8883                            <div class="pricing-card-feature-message-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8884                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8885                                <path d="M12 19.5C7.85775 19.5 4.5 16.1422 4.5 12C4.5 7.85775 7.85775 4.5 12 4.5C16.1422 4.5 19.5 7.85775 19.5 12C19.5 16.1422 16.1422 19.5 12 19.5ZM11.25 11.25V15.75H12.75V11.25H11.25ZM11.25 8.25V9.75H12.75V8.25H11.25Z" fill="currentColor"></path>
8886                              </svg>
8887                            </div>
8888                            <p class="pricing-card-feature-message-text-template--23786021421356__ss_pricing_table_4_k87fhz">Export images as high-quality PNGs and save drafts for future revisions</p>
8889                          </div>
8890                        
8891                      </div>
8892                      <div class="pricing-card-feature-icon-template--23786021421356__ss_pricing_table_4_k87fhz">
8893                        
8894                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
8895                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z" fill="#7a2338"></path>
8896                          </svg>
8897                        
8898                      </div>
8899                    </div>
8900                    
8901                      <div class="pricing-card-features-divider-template--23786021421356__ss_pricing_table_4_k87fhz"></div>
8902                    
8903                  
8904                </div>
8905
8906
8907  <a href="https://shic.ai/cart/add?items[][id]=49718211051820&items[][quantity]=1&items[][selling_plan]=689697456428&return_to=/checkout" class="pricing-card-button-template--23786021421356__ss_pricing_table_4_k87fhz">
8908  <span class="btn-fill"></span>
8909  <span class="btn-text">Get started</span>
8910  
8911</a>
8912  
8913
8914
8915
8916
8917              </div>
8918              
8919            
8920          
8921        </div>
8922        <div class="pricing-toggles-template--23786021421356__ss_pricing_table_4_k87fhz">
8923          
8924          
8925            
8926              <div class="pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz active" id="plan_tpPraE">
8927                <div class="pricing-toggle-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8928                  
8929                    <p class="pricing-toggle-subtitle-template--23786021421356__ss_pricing_table_4_k87fhz">PLAN</p>
8930                  
8931                  
8932                    <div class="pricing-toggle-title-wrapper-template--23786021421356__ss_pricing_table_4_k87fhz">
8933                      
8934                        <p class="pricing-toggle-title-template--23786021421356__ss_pricing_table_4_k87fhz">Free</p>
8935                      
8936                      
8937                        <p class="pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz pricing-card-badge-plan_tpPraE">For Starters 🐣</p>
8938                      
8939                    </div>
8940                  
8941                </div>
8942                <div class="pricing-toggle-prices-template--23786021421356__ss_pricing_table_4_k87fhz">
8943                  
8944                    <p class="pricing-toggle-main-price-template--23786021421356__ss_pricing_table_4_k87fhz">$0</p>
8945                  
8946                  <div class="pricing-toggle-prices-right-template--23786021421356__ss_pricing_table_4_k87fhz">
8947                    
8948                    
8949                      <p class="pricing-toggle-price-text-template--23786021421356__ss_pricing_table_4_k87fhz">/month</p>
8950                    
8951                  </div>
8952                </div>
8953              </div>
8954              
8955            
8956          
8957            
8958              <div class="pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz " id="plan_GdNtnT">
8959                <div class="pricing-toggle-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8960                  
8961                    <p class="pricing-toggle-subtitle-template--23786021421356__ss_pricing_table_4_k87fhz">PLAN</p>
8962                  
8963                  
8964                    <div class="pricing-toggle-title-wrapper-template--23786021421356__ss_pricing_table_4_k87fhz">
8965                      
8966                        <p class="pricing-toggle-title-template--23786021421356__ss_pricing_table_4_k87fhz">Basic</p>
8967                      
8968                      
8969                        <p class="pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz pricing-card-badge-plan_GdNtnT">Most Popular 🐤</p>
8970                      
8971                    </div>
8972                  
8973                </div>
8974                <div class="pricing-toggle-prices-template--23786021421356__ss_pricing_table_4_k87fhz">
8975                  
8976                    <p class="pricing-toggle-main-price-template--23786021421356__ss_pricing_table_4_k87fhz">$12.99</p>
8977                  
8978                  <div class="pricing-toggle-prices-right-template--23786021421356__ss_pricing_table_4_k87fhz">
8979                    
8980                      <p class="pricing-toggle-old-price-template--23786021421356__ss_pricing_table_4_k87fhz">$19.99</p>
8981                    
8982                    
8983                      <p class="pricing-toggle-price-text-template--23786021421356__ss_pricing_table_4_k87fhz">/month</p>
8984                    
8985                  </div>
8986                </div>
8987              </div>
8988              
8989            
8990          
8991            
8992              <div class="pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz " id="plan_UgBee3">
8993                <div class="pricing-toggle-left-template--23786021421356__ss_pricing_table_4_k87fhz">
8994                  
8995                    <p class="pricing-toggle-subtitle-template--23786021421356__ss_pricing_table_4_k87fhz">PLAN</p>
8996                  
8997                  
8998                    <div class="pricing-toggle-title-wrapper-template--23786021421356__ss_pricing_table_4_k87fhz">
8999                      
9000                        <p class="pricing-toggle-title-template--23786021421356__ss_pricing_table_4_k87fhz">Pro</p>
9001                      
9002                      
9003                        <p class="pricing-card-badge-template--23786021421356__ss_pricing_table_4_k87fhz pricing-card-badge-plan_UgBee3">For Creators 🐔</p>
9004                      
9005                    </div>
9006                  
9007                </div>
9008                <div class="pricing-toggle-prices-template--23786021421356__ss_pricing_table_4_k87fhz">
9009                  
9010                    <p class="pricing-toggle-main-price-template--23786021421356__ss_pricing_table_4_k87fhz">$23.99</p>
9011                  
9012                  <div class="pricing-toggle-prices-right-template--23786021421356__ss_pricing_table_4_k87fhz">
9013                    
9014                      <p class="pricing-toggle-old-price-template--23786021421356__ss_pricing_table_4_k87fhz">$69.99</p>
9015                    
9016                    
9017                      <p class="pricing-toggle-price-text-template--23786021421356__ss_pricing_table_4_k87fhz">/month</p>
9018                    
9019                  </div>
9020                </div>
9021              </div>
9022              
9023            
9024          
9025        </div>
9026      </div>
9027    </div>
9028</div>
9029
9030<script>
9031
9032  function initPricingTable4() {
9033    const toggles = document.querySelectorAll('.pricing-toggle-template--23786021421356__ss_pricing_table_4_k87fhz');
9034    const cards = document.querySelectorAll('.pricing-card-template--23786021421356__ss_pricing_table_4_k87fhz');
9035
9036    if(toggles) {
9037      toggles.forEach(toggle => {        
9038        toggle.addEventListener('click', () => {
9039          toggles.forEach(e => {
9040            e.classList.remove('active');
9041          })
9042          cards.forEach(card => {
9043            toggle.classList.add('active');
9044            if(toggle.id == card.getAttribute('data-id')) {
9045              card.classList.add('active');
9046            } else {
9047              card.classList.remove('active');
9048            }
9049          })
9050        })
9051      })
9052    }
9053  }
9054
9055  document.addEventListener('DOMContentLoaded', initPricingTable4);
9056  
9057  if (Shopify.designMode) {
9058     document.addEventListener('shopify:section:unload', initPricingTable4);
9059     document.addEventListener('shopify:section:load', initPricingTable4);
9060  }
9061</script>
9061
9062
9063
9064
9065</div><div id="shopify-section-template--23786021421356__multicolumn_gnBUHU" class="shopify-section"><style>
9066  #shopify-section-template--23786021421356__multicolumn_gnBUHU {
9067    --section-padding-top: 36px;
9068    --section-padding-bottom: 36px;}
9069
9070  @media screen and (min-width: 1024px) {
9071    #shopify-section-template--23786021421356__multicolumn_gnBUHU .multicolumn {
9072      --card-grid-gap: clamp(40px, 3.5vw, 60px);
9073    }
9074  }
9075</style>
9076
9077<div class="section section--padding">
9078  <div class="page-width relative"><div class="title-wrapper leading-none gap-4 lg:gap-8 flex flex-col text-center md:items-center md:justify-between relative z-1"><div class="grid gap-4"><h2 class="heading title-md"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="scribble"><strong>Shic Creator</strong><svg class="icon icon-squiggle-underline" viewBox="-347 -30.1947 694 96.19" stroke="currentColor" fill="none" role="presentation" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
9079      <path stroke-linecap="round" stroke-width="20" pathLength="1" d="M-335,54 C-335,54 -171,-58 -194,-3 C-217,52 -224.1199951171875,73.552001953125 -127,11 C-68,-27 -137,50 -33,42 C31.43899917602539,37.042999267578125 147.14700317382812,-29.308000564575195 335,2"/>
9080    </svg></em><strong> Program</strong></h2><div class="description rte leading-normal subtext-md"><p>We're dedicated to empowering creators by providing a platform that not only showcases your talent but also turns it into a sustainable business. We handle the operational complexities, leaving you free to do what you do best—create!</p></div></div></div><slider-element id="Slider-template--23786021421356__multicolumn_gnBUHU" class="grid slider slider--tablet" selector=".card-grid>.card">
9081      <div class="multicolumn with-0 card-grid card-grid--3 mobile:card-grid--1 grid relative z-1"></div>
9082    </slider-element>
9083  </div>
9084</div>
9085
9086
9087</div><div id="shopify-section-template--23786021421356__custom_liquid_LfT4Gm" class="shopify-section"><style>
9088  #shopify-section-template--23786021421356__custom_liquid_LfT4Gm {
9089    --section-padding-top: 0px;
9090    --section-padding-bottom: 0px;}
9091</style>
9092
9093<div class="section section--padding">
9094  <div class="page-width relative">
9095    <!DOCTYPE html>
9096<html lang="en">
9097<head>
9098  <meta charset="UTF-8" />
9099  <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
9100  <title>Profit Calculator</title>
9101  <style>
9102    /* RESET */
9103    * {
9104      margin: 0;
9105      padding: 0;
9106      box-sizing: border-box;
9107    }
9108
9109    body {
9110      background-color: #FCE8EA; /* Light pink */
9111      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
9112      color: #333;
9113    }
9114
9115    /* PAGE TITLE */
9116    .calc-title {
9117      text-align: center;
9118      font-size: 2rem;
9119      font-weight: bold;
9120      margin-bottom: 2rem;
9121    }
9122
9123    /* CONTAINER: fluid, no fixed px widths */
9124    .calc-container {
9125      width: 90%; 
9126      margin: 0 auto;
9127      border-radius: var(--buttons-radius);
9128      background-color: #f8f6f6;
9129      border: 1px solid #7a2338;
9130      overflow: hidden;
9131    }
9132
9133    /* GRID: stack by default on mobile; 2 columns on medium/large */
9134    .calc-grid {
9135      display: flex;
9136      align-items: stretch;
9137      flex-direction: column;
9138    }
9139
9140    /* On mid-sized screens & up, use a 45/55 ratio */
9141    @media (min-width: 768px) {
9142      .calc-grid {
9143        display: grid;
9144        grid-template-columns: 45% 55%;
9145      }
9146    }
9147
9148    /* If you like, at an even larger breakpoint, change it to 45/55: */
9149    @media (min-width: 1324px) {
9150      .calc-container {
9151        max-width: 1200px;
9152      }
9153      .calc-grid {
9154        grid-template-columns: 45% 55%;
9155      }
9156    }
9157
9158    /* LEFT COLUMN: IMAGE */
9159    .calc-image-area {
9160      display: flex;
9161      align-items: center;
9162      justify-content: center;
9163      background-color: #F5F5F4;
9164      overflow: hidden;
9165    }
9166    .calc-image-area img {
9167      width: 100%;
9168      height: 100%;
9169      object-fit: cover;
9170      object-position: center;
9171    }
9172
9173    /* RIGHT COLUMN: CALCULATOR */
9174    .calc-panel {
9175      display: flex;
9176      flex-direction: column;
9177      padding: 2rem;
9178      background-color: #f8f6f6; /* Updated background color */
9179    }
9180    @media (max-width: 480px) {
9181      .calc-panel {
9182        padding: 1rem;
9183      }
9184    }
9185
9186    /* PRODUCT SELECTION */
9187    .calc-top-row {
9188      margin-bottom: 1rem;
9189    }
9190    .calc-product-header {
9191      display: flex;
9192      justify-content: space-between;
9193      align-items: center;
9194      margin-bottom: 2rem;
9195    }
9196    .calc-product-header h2 {
9197      font-size: 1.25rem;
9198      font-weight: bold;
9199    }
9200    .calc-fulfillment-cost {
9201      font-size: 0.875rem;
9202      color: #666;
9203    }
9204
9205    /* SCROLLABLE CHIPS */
9206    .calc-products-scroll {
9207      display: flex;
9208      align-items: center;
9209      gap: 0.2rem;
9210      width: 100%;
9211    }
9212      .calc-scroll-button {
9213      border: 1.5px solid #7a2338;
9214      background: transparent;
9215      color: #7a2338;
9216      width: 32px;
9217      height: 32px;
9218      border-radius: 50%;
9219      cursor: pointer;
9220      display: flex;
9221      align-items: center;
9222      justify-content: center;
9223      transition: all 0.2s ease;
9224      font-size: 24px;
9225      line-height: 1;
9226      padding-bottom: 3px; /* Fine-tune arrow vertical alignment */
9227    }
9228    .calc-scroll-button:hover {
9229      background-color: rgba(122, 35, 56, 0.1);
9230    }
9231    @media (max-width: 767px) {
9232      .calc-scroll-button {
9233        display: none;
9234      }
9235      .calc-products-scroll {
9236        gap: 0;
9237      }
9238      .calc-products-wrapper {
9239        padding: 0.5rem 0;
9240      }
9241    }
9242
9243    /* Make the wrapper width fluid, no px max-width */
9244    .calc-products-wrapper {
9245      flex: 1;
9246      width: 100%;
9247      white-space: nowrap;
9248      overflow-x: auto;
9249      -ms-overflow-style: none;
9250      scrollbar-width: none;
9251      cursor: grab;
9252      margin: 0 auto;
9253      padding: 0.5rem;
9254      background-color: #f8f6f6;
9255    }
9256    .calc-products-wrapper::-webkit-scrollbar {
9257      display: none; /* hide scrollbar in Chrome/Safari/Opera */
9258    }
9259    .calc-products {
9260      display: inline-flex;
9261      gap: 0.5rem;
9262      padding-right: 1rem; /* so last item not hidden under scroll button */
9263    }
9264
9265    /* CHIPS */
9266    .calc-product-chip {
9267      display: inline-block;
9268      border-radius: 9999px;
9269      font-size: 0.875rem;
9270      padding: 0.5rem 1rem;
9271      background-color: #f4f4f1;
9272      color: #21051e;
9273      border: 1px solid #ec9cc7;
9274      cursor: pointer;
9275      transition: all 0.3s ease;
9276      user-select: none;
9277    }
9278    .calc-product-chip:hover {
9279      border-color: #7a2338;
9280    }
9281    .calc-product-chip.selected {
9282      background-color: #7a2338;
9283      color: #ece8dd;
9284      border-color: #7a2338;
9285    }
9286
9287    /* SLIDER SECTIONS */
9288    .calc-section {
9289      margin-bottom: 2rem;
9290      position: relative;
9291    }
9292    .calc-section label {
9293      display: block;
9294      margin-bottom: 0.5rem;
9295      font-weight: 600;
9296      color: #333;
9297      position: relative;
9298    }
9299
9300    /* Star above price */
9301    .calc-section label.price-label::before {
9302      content: "*";
9303      color: #FFD700; /* Gold color */
9304      position: absolute;
9305      top: -1.5rem;
9306      left: 0;
9307      font-size: 1rem;
9308    }
9309
9310    .calc-range-container {
9311      display: flex;
9312      align-items: center;
9313      gap: 0.5rem;
9314      position: relative;
9315    }
9316
9317    .calc-range-slider {
9318      flex: 1;
9319      -webkit-appearance: none;
9320      height: 4px;
9321      border-radius: 2px;
9322      background: #e5e5e5;
9323      margin: 20px 0;
9324      cursor: pointer;
9325      transition: background-image 0.3s;
9326    }
9327    .calc-range-slider::-webkit-slider-thumb {
9328      -webkit-appearance: none;
9329      width: 28px;
9330      height: 28px;
9331      background: #14532d;
9332      border-radius: 50%;
9333      cursor: pointer;
9334      border: 3px solid white;
9335      box-shadow: 0 0 0 2px #14532d;
9336      transition: background 0.3s;
9337    }
9338    .calc-range-slider::-moz-range-progress {
9339      height: 8px;
9340      border-radius: 4px;
9341      background: #7a2338;
9342    }
9343    .calc-range-slider::-moz-range-track {
9344      height: 8px;
9345      border-radius: 4px;
9346      background: #ddd;
9347    }
9348    .calc-range-slider::-moz-range-thumb {
9349      width: 28px;
9350      height: 28px;
9351      background: #14532d;
9352      border-radius: 50%;
9353      cursor: pointer;
9354      border: 3px solid white;
9355      box-shadow: 0 0 0 2px #14532d;
9356      transition: background 0.3s;
9357    }
9358
9359    /* Number Display */
9360    .calc-number-display {
9361      width: 3rem;
9362      height: 3rem;
9363      display: flex;
9364      align-items: center;
9365      justify-content: center;
9366      text-align: center;
9367      border: 1px solid #ccc;
9368      border-radius: 50%;
9369      background: #fff;
9370      font-size: 1rem;
9371      font-weight: bold;
9372    }
9373
9374    /* PROFIT DISPLAY */
9375    .calc-profit-section {
9376      background: #E0CFD0; /* Updated background color */
9377      border-radius: 2rem;
9378      padding: 1rem;
9379      text-align: center;
9380      margin-top: auto; /* push down if space remains */
9381      display: flex;
9382      flex-direction: column;
9383      align-items: center;
9384    }
9385    .calc-profit-header {
9386      font-size: 1rem;
9387      margin-bottom: 0.25rem;
9388      color: #333;
9389      font-weight: 600;
9390    }
9391    .calc-profit-amount {
9392      font-size: 2rem;
9393      font-weight: bold;
9394      color: #14532d;
9395      margin-bottom: 1rem;
9396    }
9397
9398    /* UPDATED START BUTTON WITH HOVER EFFECT */
9399    .calc-start-btn {
9400      position: relative;
9401      display: inline-flex;
9402      align-items: center;
9403      justify-content: center;
9404      padding: 14px 28px;
9405      background-color: #7A2338; /* Updated to match Code 2 */
9406      color: #fff;
9407      border: 2px solid #7A2338;
9408      border-radius: 30px; /* Updated to match Code 2 */
9409      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
9410      font-size: 15px;
9411      font-weight: 500;
9412      cursor: pointer;
9413      overflow: hidden;
9414      width: 100%;
9415      height: 48px;
9416      transition: color 0.3s ease, background-color 0.3s ease;
9417    }
9418    .calc-start-btn .btn-fill {
9419      position: absolute;
9420      width: 150%;
9421      height: 200%;
9422      bottom: -50%; /* Positioned below the button */
9423      left: -25%;
9424      background-color: #fff;
9425      border-radius: 50%;
9426      transform: translateY(76%); /* Initial position */
9427      z-index: 1;
9428      transition: none;
9429    }
9430    .calc-start-btn .btn-text {
9431      position: relative;
9432      z-index: 2;
9433      font-weight: 500;
9434      transition: color 0.1s ease;
9435    }
9436
9437    /* Hover states */
9438    .calc-start-btn:hover {
9439      color: #7A2338;
9440    }
9441
9442    /* Apply fillIn animation on hover */
9443    .calc-start-btn:hover .btn-fill {
9444      animation: fillIn 0.5s forwards;
9445    }
9446
9447    /* Apply fillOut animation when not hovered */
9448    .calc-start-btn .btn-fill {
9449      animation: fillOut 0.5s forwards;
9450    }
9451
9452    /* Define the fillIn keyframes */
9453    @keyframes fillIn {
9454      from {
9455        transform: translateY(76%);
9456      }
9457      to {
9458        transform: translateY(0);
9459      }
9460    }
9461
9462    /* Define the fillOut keyframes with a flipped arc */
9463    @keyframes fillOut {
9464      from {
9465        transform: translateY(0);
9466      }
9467      to {
9468        transform: translateY(-76%);
9469      }
9470    }
9471
9472    /* Focus state */
9473    .calc-start-btn:focus {
9474      outline: none;
9475    }
9476
9477    /* DISCLAIMER */
9478    .calc-disclaimer {
9479      text-align: center;
9480      font-size: 1rem;
9481      color: #171717;
9482      max-width: 40rem; /* optional narrower text width for readability */
9483      margin: 1rem auto;
9484      transition: background-color 0.3s, border-color 0.3s;
9485      padding: 0.5rem;
9486      border-radius: 0.25rem;
9487      border: 1px solid transparent;
9488    }
9489
9490    /* Highlight Class */
9491    .highlight {
9492      background-color: #ffe4e6; /* Slightly different pink to highlight */
9493      border-color: #ff4d4f; /* Red border to indicate attention */
9494    }
9495  </style>
9496</head>
9497<body>
9498
9499  <h1 class="calc-title">See how much you can make:</h1>
9500
9501  <div class="calc-container">
9502    <div class="calc-grid">
9503      <!-- IMAGE COLUMN -->
9504      <div class="calc-image-area">
9505        <img
9506          id="calc-main-image"
9507          src="//shic.ai/cdn/shop/t/45/assets/t-shirt.png?v=53174408492950022051733475534"
9508          alt="Product preview"
9509        >
9510      </div>
9511
9512      <!-- CALCULATOR COLUMN -->
9513      <div class="calc-panel">
9514        <div class="calc-top-row">
9515          <div class="calc-product-header">
9516            <h2>Choose a product</h2>
9517            <div class="calc-fulfillment-cost">
9518              <!-- Updated Label -->
9519              Days to Break Even:
9520              <span id="daysToCover" style="font-weight: bold;">0</span>
9521            </div>
9522          </div>
9523
9524          <!-- Horizontal scroll for product chips -->
9525          <div class="calc-products-scroll">
9526            <button class="calc-scroll-button calc-scroll-left" aria-label="Scroll left">‹</button>
9527            <div class="calc-products-wrapper" id="calcProductsWra
9527pper">
9528              <div class="calc-products" id="calcProducts"></div>
9529            </div>
9530            <button class="calc-scroll-button calc-scroll-right" aria-label="Scroll right">›</button>
9531          </div>
9532        </div>
9533
9534        <!-- PRICE SLIDER -->
9535        <div class="calc-section">
9536          <label class="price-label" for="priceRange">Sell it for*:</label>
9537          <div class="calc-range-container">
9538            <input
9539              type="range"
9540              class="calc-range-slider"
9541              id="priceRange"
9542              min="1"
9543              max="60"
9544              value="23"
9545            >
9546            <div class="calc-number-display" id="priceValue">23</div>
9547          </div>
9548        </div>
9549
9550        <!-- SALES SLIDER -->
9551        <div class="calc-section">
9552          <label for="salesRange">Daily sales:</label>
9553          <div class="calc-range-container">
9554            <input
9555              type="range"
9556              class="calc-range-slider"
9557              id="salesRange"
9558              min="1"
9559              max="50"
9560              value="1"
9561            >
9562            <div class="calc-number-display" id="salesValue">1</div>
9563          </div>
9564        </div>
9565
9566        <!-- PROFIT DISPLAY -->
9567        <div class="calc-profit-section">
9568          <div class="calc-profit-header">Your monthly earnings:</div>
9569          <div class="calc-profit-amount" id="profitAmount">$0.00</div>
9570          <!-- UPDATED BUTTON WITH HOVER EFFECT -->
9571          <button class="calc-start-btn">
9572            <span class="btn-fill"></span>
9573            <span class="btn-text">Start designing</span>
9574          </button>
9575        </div>
9576      </div>
9577    </div> <!-- .calc-grid -->
9578  </div> <!-- .calc-container -->
9579
9580  <p class="calc-disclaimer">
9581    *Currently, Shic sets product prices, but soon creators will dynamically price their own items. For products with multiple variants (i.e., sizes), the displayed price reflects the cost of the most expensive variant.
9582  </p>
9583
9584  
9584<script>
9585    // Define precise and rounded prices for each product
9586    const precisePriceMapping = {
9587      "t-shirt": 22.99,
9588      "hoodie": 36.99,
9589      "sweatshirt": 39.99,
9590      "tank-top": 22.99,
9591      "canvas": 56.99,
9592      "poster": 34.99,
9593      "tapestry": 40.99,
9594      "art sign": 56.99, // Assuming same as canvas
9595      "travel mug": 24.99,
9596      "notebook": 9.99,
9597      "tote bag": 11.99,
9598      "tumbler": 24.99
9599    };
9600
9601    const roundedPriceMapping = {
9602      "t-shirt": 23,
9603      "hoodie": 37,
9604      "sweatshirt": 40,
9605      "tank-top": 23,
9606      "canvas": 57,
9607      "poster": 35,
9608      "tapestry": 41,
9609      "art sign": 57, // Assuming same as canvas
9610      "travel mug": 25,
9611      "notebook": 10,
9612      "tote bag": 12,
9613      "tumbler": 25
9614    };
9615
9616    const productList = ["t-shirt","hoodie","sweatshirt","tank-top","canvas","poster","tapestry","art sign","travel mug","notebook","tote bag","tumbler"];
9617    const productImages = {
9618      "t-shirt": "//shic.ai/cdn/shop/t/45/assets/t-shirt.png?v=53174408492950022051733475534",
9619      "hoodie": "//shic.ai/cdn/shop/t/45/assets/hoodie.png?v=32081915023309305181733471729",
9620      "sweatshirt": "//shic.ai/cdn/shop/t/45/assets/sweatshirt.png?v=6759710757848041881733475458",
9621      "tank-top": "//shic.ai/cdn/shop/t/45/assets/tank-top.png?v=30769371538427782121733475510",
9622      "canvas": "//shic.ai/cdn/shop/t/45/assets/canvas.png?v=25676597133735222081733572413",
9623      "poster": "//shic.ai/cdn/shop/t/45/assets/poster.png?v=127001657588257943771733475576",
9624      "tapestry": "//shic.ai/cdn/shop/t/45/assets/tapestries.png?v=16077295037676646471733475631",
9625      "art sign": "//shic.ai/cdn/shop/t/45/assets/abay4650_A_front-facing_high-resolution_photorealistic_metal__ed6f3702-8e3e-4e45-a050-78ea0518aebc_0.png?v=13244655554460245001733567914",
9626      "travel mug": "//shic.ai/cdn/shop/t/45/assets/abay4650_A_front-facing_high-resolution_photorealistic_stainl_0ee6b17c-e205-4aa8-9a33-e9d4986635cb_0.png?v=169671660493221751821733568216",
9627      "notebook": "//shic.ai/cdn/shop/t/45/assets/notebook.png?v=82080521658912951641733475709",
9628      "tote bag": "//shic.ai/cdn/shop/t/45/assets/tote-bag.png?v=32809049036332733461733475697",
9629      "tumbler": "//shic.ai/cdn/shop/t/45/assets/skinny_tumbler.png?v=59738305003625297821733475660"
9630    };
9631
9632    const productsWrapper = document.getElementById("calcProductsWra
9632pper");
9633    const productsContainer = document.getElementById("calcProducts");
9634    const calcMainImage = document.getElementById("calc-main-image");
9635    const priceRange = document.getElementById("priceRange");
9636    const salesRange = document.getElementById("salesRange");
9637    const priceValue = document.getElementById("priceValue");
9638    const salesValue = document.getElementById("salesValue");
9639    const profitAmount = document.getElementById("profitAmount");
9640    const scrollLeftBtn = document.querySelector(".calc-scroll-left");
9641    const scrollRightBtn = document.querySelector(".calc-scroll-right");
9642    const daysToCoverDisplay = document.getElementById("daysToCover");
9643    const disclaimerText = document.querySelector(".calc-disclaimer");
9644
9645    let selectedProduct = productList[0];
9646
9647    // Function to update the slider's background gradient
9648    function updateSliderBackground(slider) {
9649      const value = parseInt(slider.value, 10);
9650      const min = parseInt(slider.min, 10);
9651      const max = parseInt(slider.max, 10);
9652      const percentage = ((value - min) / (max - min)) * 100;
9653      slider.style.backgroundImage = `linear-gradient(to right, #7a2338 ${percentage}%, #e5e5e5 ${percentage}%)`;
9654    }
9655
9656    // 1) Build product chips
9657    productList.forEach((prod, idx) => {
9658      const btn = document.createElement("button");
9659      btn.className = "calc-product-chip";
9660      btn.textContent = prod;
9661      if (idx === 0) btn.classList.add("selected");
9662      btn.onclick = () => selectProduct(prod, btn);
9663      productsContainer.appendChild(btn);
9664    });
9665
9666    // 2) Scroll arrows
9667    scrollLeftBtn.addEventListener("click", () => {
9668      productsWrapper.scrollBy({ left: -200, behavior: "smooth" });
9669    });
9670    scrollRightBtn.addEventListener("click", () => {
9671      productsWrapper.scrollBy({ left: 200, behavior: "smooth" });
9672    });
9673
9674    function updateScrollButtons() {
9675      const { scrollLeft, scrollWidth, clientWidth } = productsWrapper;
9676      scrollLeftBtn.style.opacity = scrollLeft > 0 ? "1" : "0.3";
9677      scrollRightBtn.style.opacity = scrollLeft < (scrollWidth - clientWidth) ? "1" : "0.3";
9678    }
9679
9680    // 3) Drag-to-scroll
9681    let isDown = false;
9682    let startX, scrollLeftPos;
9683
9684    productsWrapper.addEventListener("mousedown", e => {
9685      isDown = true;
9686      startX = e.pageX - productsWrapper.offsetLeft;
9687      scrollLeftPos = productsWrapper.scrollLeft;
9688      productsWrapper.style.cursor = "grabbing";
9689    });
9690    productsWrapper.addEventListener("mouseleave", () => {
9691      isDown = false;
9692      productsWrapper.style.cursor = "grab";
9693    });
9694    productsWrapper.addEventListener("mouseup", () => {
9695      isDown = false;
9696      productsWrapper.style.cursor = "grab";
9697    });
9698    productsWrapper.addEventListener("mousemove", e => {
9699      if (!isDown) return;
9700      e.preventDefault();
9701      const x = e.pageX - productsWrapper.offsetLeft;
9702      const walk = x - startX;
9703      productsWrapper.scrollLeft = scrollLeftPos - walk;
9704    });
9705
9706    // Touch
9707    productsWrapper.addEventListener("touchstart", e => {
9708      isDown = true;
9709      startX = e.touches[0].pageX - productsWrapper.offsetLeft;
9710      scrollLeftPos = productsWrapper.scrollLeft;
9711    });
9712    productsWrapper.addEventListener("touchend", () => {
9713      isDown = false;
9714    });
9715    productsWrapper.addEventListener("touchmove", e => {
9716      if (!isDown) return;
9717      const x = e.touches[0].pageX - productsWrapper.offsetLeft;
9718      const walk = x - startX;
9719      productsWrapper.scrollLeft = scrollLeftPos - walk;
9720    });
9721
9722    productsWrapper.addEventListener("scroll", updateScrollButtons);
9723    window.addEventListener("resize", updateScrollButtons);
9724
9725    // 4) Product selection
9726    function selectProduct(prod, btn) {
9727      document.querySelectorAll(".calc-product-chip").forEach(chip => {
9728        chip.classList.remove("selected");
9729      });
9730      btn.classList.add("selected");
9731      selectedProduct = prod;
9732      // Swap main image
9733      calcMainImage.src = productImages[prod] || "//shic.ai/cdn/shop/t/45/assets/placeholder.png?v=19841";
9734      
9735      // Set slider value to rounded price
9736      const roundedPrice = roundedPriceMapping[prod] || 20; // Default to 20 if not found
9737      priceRange.value = roundedPrice;
9738      priceValue.textContent = roundedPrice;
9739      
9740      // Update slider background to reflect new price
9741      updateSliderBackground(priceRange);
9742      
9743      // Recalculate days needed to cover subscription
9744      calculateDaysToCover();
9745    }
9746
9747    // 5) Days Needed to Cover Subscription Calculation
9748    function calculateDaysToCover() {
9749      const precisePrice = precisePriceMapping[selectedProduct] || parseFloat(priceRange.value);
9750      const sales = parseInt(salesRange.value, 10);
9751      const dailyEarnings = 0.10 * precisePrice * sales; // Example commission calculation
9752
9753      if (dailyEarnings > 0) {
9754        const daysNeeded = 12.99 / dailyEarnings;
9755        daysToCoverDisplay.textContent = Math.round(daysNeeded); // Rounded to nearest integer
9756      } else {
9757        daysToCoverDisplay.textContent = "N/A";
9758      }
9759
9760      // Update the Monthly Earnings Display
9761      const monthlyEarnings = dailyEarnings * 30;
9762      profitAmount.textContent = `$${monthlyEarnings.toFixed(2)}`;
9763    }
9764
9765    // Function to highlight the disclaimer text
9766    function highlightDisclaimer() {
9767      disclaimerText.classList.add("highlight");
9768      // Remove the highlight after 5 seconds
9769      setTimeout(() => {
9770        disclaimerText.classList.remove("highlight");
9771      }, 5000);
9772    }
9773
9774    // Consolidated DOMContentLoaded event
9775    document.addEventListener("DOMContentLoaded", () => {
9776      // Initialize with the first product's price
9777      const initialProduct = productList[0];
9778      const initialPrice = roundedPriceMapping[initialProduct] || 20;
9779      priceRange.value = initialPrice;
9780      priceValue.textContent = initialPrice;
9781      salesValue.textContent = salesRange.value;
9782      calculateDaysToCover();
9783      updateScrollButtons();
9784      // Update slider background
9785      updateSliderBackground(priceRange);
9786
9787      // Initialize all sliders' backgrounds and add event listeners
9788      const sliders = document.querySelectorAll('.calc-range-slider');
9789      sliders.forEach(slider => {
9790        updateSliderBackground(slider);
9791        slider.addEventListener('input', function() {
9792          if (this.id === 'priceRange') {
9793            // Reset the slider to the rounded price
9794            const currentRoundedPrice = roundedPriceMapping[selectedProduct] || 20;
9795            this.value = currentRoundedPrice;
9796            priceValue.textContent = currentRoundedPrice;
9797            calculateDaysToCover();
9798            highlightDisclaimer();
9799            updateSliderBackground(this);
9800          } else if (this.id === 'salesRange') {
9801            // Update sales value and days needed
9802            salesValue.textContent = this.value;
9803            calculateDaysToCover();
9804            updateSliderBackground(this);
9805          }
9806        });
9807      });
9808    });
9809document.querySelector('.calc-start-btn').addEventListener('click', function() {
9810    window.location.href = 'https://shic.ai';
9811});
9812  </script>
9812
9813</body>
9814</html>
9815  </div>
9816</div>
9817
9818
9819</div><div id="shopify-section-template--23786021421356__multicolumn_jG6JRC" class="shopify-section"><style>
9820  #shopify-section-template--23786021421356__multicolumn_jG6JRC {
9821    --section-padding-top: 72px;
9822    --section-padding-bottom: 72px;}
9823
9824  @media screen and (min-width: 1024px) {
9825    #shopify-section-template--23786021421356__multicolumn_jG6JRC .multicolumn {
9826      --card-grid-gap: clamp(40px, 3.5vw, 60px);
9827    }
9828  }
9829</style>
9830
9831<div class="section section--padding">
9832  <div class="page-width relative"><div class="title-wrapper leading-none gap-4 lg:gap-8 flex flex-col text-center md:items-center md:justify-between relative z-1"><p>
9833        <a class="button button--secondary icon-with-text" href="/pages/subscriptions-pricing" is="hover-link">
9834          <span class="btn-fill" data-fill></span>
9835          <span class="btn-text">Ready to start earning?<svg class="icon icon-arrow-right icon-sm transform" viewBox="0 0 21 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9836      <path stroke-linecap="round" stroke-linejoin="round" d="M3 10H18M18 10L12.1667 4.16675M18 10L12.1667 15.8334"></path>
9837    </svg></span>
9838        </a>
9839      </p></div><slider-element id="Slider-template--23786021421356__multicolumn_jG6JRC" class="grid slider slider--tablet" selector=".card-grid>.card">
9840      <div class="multicolumn with-3 card-grid card-grid--3 mobile:card-grid--1 grid relative z-1"><div class="multicolumn-card card flex gap-5 w-full flex-col items-start xl:flex-row md:text-center text-center" >
9841            <div class="grid gap-4 lg:gap-6 w-full"><a class="block media media--square media--transparent relative overflow-hidden" role="link" aria-disabled="true" aria-label="&lt;strong&gt;Build a Brand&lt;/strong&gt;"><img src="//shic.ai/cdn/shop/files/paintbrush-svgrepo-com_76b2be06-52c5-4166-a502-735ddf61ebef.svg?v=1733938679&amp;width=120" alt="" width="120" height="120" loading="lazy" sizes="(max-width: 639px) 100vw, (max-width: 1023px) calc(100vw / 2 - 40px), (max-width: 1535px) calc(min(100vw, 1900px) / 3 - 40px), calc(min(100vw, 1900px) / 3 - 80px)" is="lazy-image" class="inline-block"></a><div class="multicolumn-card__info grid gap-4 lg:gap-6"><p class="heading text-lg-2xl leading-tight tracking-tight"><strong>Build a Brand</strong></p><div class="rte leading-normal"><p>Seamlessly transform your digital art into a ready-to-sell custom product line. Shic combines AI and e-commerce tools for creating, styling, and branding with designs that sell.</p></div></div></div>
9842          </div><div class="multicolumn-card card flex gap-5 w-full flex-col items-start xl:flex-row md:text-center text-center" >
9843            <div class="grid gap-4 lg:gap-6 w-full"><a class="block media media--adapt media--transparent relative overflow-hidden" role="link" aria-disabled="true" aria-label="&lt;strong&gt;No Overhead Cost &lt;/strong&gt;"><img src="//shic.ai/cdn/shop/files/dollar-svgrepo-com_1f797f02-1da9-4135-aaa7-0b46fa1c32f0.svg?v=1733938574&amp;width=120" alt="" width="120" height="120" loading="lazy" sizes="(max-width: 639px) 100vw, (max-width: 1023px) calc(100vw / 2 - 40px), (max-width: 1535px) calc(min(100vw, 1900px) / 3 - 40px), calc(min(100vw, 1900px) / 3 - 80px)" is="lazy-image" class="inline-block"></a><div class="multicolumn-card__info grid gap-4 lg:gap-6"><p class="heading text-lg-2xl leading-tight tracking-tight"><strong>No Overhead Cost </strong></p><div class="rte leading-normal"><p>From concept to market, Shic manages it all - printing, inventory, fulfillment - with no upfront cost. No financial risk, no website hassles, no jumping between tools. We streamline your entire creative process into one seamless experience, ensuring your products reach customers quickly </p></div></div></div>
9844          </div><div class="multicolumn-card card flex gap-5 w-full flex-col items-start xl:flex-row md:text-center text-center" >
9845            <div class="grid gap-4 lg:gap-6 w-full"><a class="block media media--adapt media--transparent relative overflow-hidden" role="link" aria-disabled="true" aria-label="&lt;strong&gt;Earn with Every Sale&lt;/strong&gt;"><img src="//shic.ai/cdn/shop/files/sales-amount-svgrepo-com-3.svg?v=1733939598&amp;width=120" alt="" width="120" height="120" loading="lazy" sizes="(max-width: 639px) 100vw, (max-width: 1023px) calc(100vw / 2 - 40px), (max-width: 1535px) calc(min(100vw, 1900px) / 3 - 40px), calc(min(100vw, 1900px) / 3 - 80px)" is="lazy-image" class="inline-block"></a><div class="multicolumn-card__info grid gap-4 lg:gap-6"><p class="heading text-lg-2xl leading-tight tracking-tight"><strong>Earn with Every Sale</strong></p><div class="rte leading-normal"><p>Start with a 5% commission on our Free Tier, or unlock up to 30% through our Pro Subscription as you hit key sales milestones. Plus, amplify your earnings by leveraging our affiliate program to drive traffic and promote your products to an even wider audience.</p></div></div></div>
9846          </div></div>
9847    </slider-element>
9848  </div>
9849</div>
9850
9851
9852</div><div id="shopify-section-template--23786021421356__multicolumn_with_icons_78M4tV" class="shopify-section"><style>
9853  #shopify-section-template--23786021421356__multicolumn_with_icons_78M4tV {
9854    --section-padding-top: 72px;
9855    --section-padding-bottom: 72px;}
9856</style>
9857
9858<div class="section section--padding">
9859  <div class="page-width relative"><div class="title-wrapper leading-none gap-4 lg:gap-8 flex flex-col text-center md:items-center md:justify-between relative z-1"><div class="grid gap-4"><p class="heading normal-case font-medium subtext-md leading-none tracking-none">AI-Editor features</p><h2 class="heading title-sm"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">Basic & Pro Only</em></h2></div></div><carousel-element class="text-with-icons with-background block lg:grid grid--2 relative z-1" watch-css><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon">
9859<svg class="icon icon-newspaper icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9860      <path class="fill" d="M2 2V15.6C2 17.8402 2 18.9603 2.43597 19.816C2.81947 20.5686 3.43139 21.1805 4.18404 21.564C5.03969 22 6.15979 22 8.4 22H18V12V2L15.2874 3.20562L15.2873 3.20563C14.6759 3.4774 14.3701 3.61328 14.0607 3.64728C13.7214 3.68456 13.3782 3.63437 13.0638 3.5015C12.777 3.38033 12.523 3.16259 12.0149 2.7271C11.3403 2.14881 11.0029 1.85967 10.6296 1.73584C10.2208 1.60026 9.77918 1.60026 9.3704 1.73584C8.99706 1.85967 8.65972 2.14881 7.98505 2.7271L7.98505 2.7271C7.47699 3.16259 7.22295 3.38033 6.93623 3.5015C6.6218 3.63437 6.2786 3.68456 5.93929 3.64728C5.62988 3.61328 5.32414 3.4774 4.71265 3.20562L2 2Z"/>
9861      <path d="M18 12V2L15.2874 3.20562C14.6759 3.4774 14.3701 3.61328 14.0607 3.64728C13.7214 3.68456 13.3782 3.63437 13.0638 3.5015C12.777 3.38033 12.523 3.16259 12.0149 2.7271V2.7271C11.3403 2.14881 11.0029 1.85967 10.6296 1.73584C10.2208 1.60026 9.77918 1.60026 9.3704 1.73584C8.99706 1.85967 8.65972 2.14881 7.98505 2.7271V2.7271C7.47699 3.16259 7.22295 3.38033 6.93623 3.5015C6.6218 3.63437 6.2786 3.68456 5.93929 3.64728C5.62988 3.61328 5.32414 3.4774 4.71265 3.20562L2 2V15.6C2 17.8402 2 18.9603 2.43597 19.816C2.81947 20.5686 3.43139 21.1805 4.18404 21.564C5.03968 22 6.15979 22 8.4 22H20M18 12H18.8C19.9201 12 20.4802 12 20.908 12.218C21.2843 12.4097 21.5903 12.7157 21.782 13.092C22 13.5198 22 14.0799 22 15.2V20C22 21.1046 21.1046 22 20 22V22C18.8954 22 18 21.1046 18 20V12ZM7 17H13M7 9H11M7 13H13" stroke-linecap="round" stroke-linejoin="round"/>
9862    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Readable text</p><div class="column__text rte"><p>Generate precise text on your designs with automatic layout optimization.</p></div></div>
9863        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-clipboard icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9864      <path class="fill" d="M20 16.4V7.49991C20 6.57042 20 6.10568 19.9123 5.72125C19.6131 4.41045 18.5895 3.38689 17.2788 3.08774C16.8943 3 16.4296 3 15.5001 3C15.5001 4.10457 14.6047 5 13.5001 5H10.5001C9.39552 5 8.50009 4.10457 8.50009 3C7.57044 3 7.10561 3 6.72111 3.08777C5.41043 3.38695 4.38695 4.41043 4.08777 5.72111C4 6.10561 4 6.57044 4 7.50009V16.4C4 18.3602 4 19.3403 4.38148 20.089C4.71703 20.7475 5.25247 21.283 5.91103 21.6185C6.65972 22 7.63982 22 9.6 22H14.4C16.3602 22 17.3403 22 18.089 21.6185C18.7475 21.283 19.283 20.7475 19.6185 20.089C20 19.3403 20 18.3602 20 16.4Z"/>
9865      <path d="M16 3V3C16.4644 3 16.6966 3 16.8919 3.02201C18.5145 3.20484 19.7952 4.48545 19.978 6.10812C20 6.30344 20 6.53563 20 7V16.4C20 18.3602 20 19.3403 19.6185 20.089C19.283 20.7475 18.7475 21.283 18.089 21.6185C17.3403 22 16.3602 22 14.4 22H9.6C7.63982 22 6.65972 22 5.91103 21.6185C5.25247 21.283 4.71703 20.7475 4.38148 20.089C4 19.3403 4 18.3602 4 16.4V7C4 6.53563 4 6.30344 4.02201 6.10812C4.20484 4.48545 5.48545 3.20484 7.10812 3.02201C7.30344 3 7.53563 3 8 3V3M16 3V3C16 1.89543 15.1046 1 14 1H10C8.89543 1 8 1.89543 8 3V3M16 3V3C16 4.10457 15.1046 5 14 5H10C8.89543 5 8 4.10457 8 3V3" stroke-linecap="round" stroke-linejoin="round"/>
9866    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Image upload</p><div class="column__text rte"><p>Import your designs to remix and enhance through our editing tools.</p></div></div>
9867        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-eye icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9868      <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M12 20C19 20 22 14.5 22 12C22 9.5 19 4 12 4C5 4 2 9.5 2 12C2 14.5 5 20 12 20ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"/>
9869      <path d="M22 12C22 14.5 19 20 12 20C5 20 2 14.5 2 12C2 9.5 5 4 12 4C19 4 22 9.5 22 12Z" stroke-linecap="round" stroke-linejoin="round"/>
9870      <path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke-linecap="round" stroke-linejoin="round"/>
9871    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">AutoEdit</em></p><div class="column__text rte"><p>Automatically add intricate details to enhance your design's appearance.</p></div></div>
9872        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon">
9872<svg class="icon icon-star icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9873      <path class="fill" d="M10.5689 3.86217C11.0295 2.94096 11.2598 2.48035 11.5715 2.33254C11.8427 2.20391 12.1573 2.20392 12.4285 2.33254C12.7402 2.48035 12.9705 2.94096 13.4311 3.86217L14.9953 6.99068C15.1376 7.27512 15.2087 7.41734 15.3127 7.52623C15.4048 7.62262 15.5152 7.69962 15.6375 7.75271C15.7756 7.81268 15.9337 7.83024 16.2497 7.86536L19.5282 8.22963C20.6323 8.35231 21.1844 8.41365 21.4339 8.66819C21.6507 8.8894 21.7527 9.19858 21.7102 9.50539C21.6613 9.85844 21.2543 10.2364 20.4402 10.9923L17.845 13.4022C17.5671 13.6602 17.4282 13.7892 17.3479 13.9456C17.2769 14.0838 17.2391 14.2366 17.2375 14.3919C17.2356 14.5677 17.2984 14.7466 17.4239 15.1044L18.5896 18.4264C18.9986 19.5921 19.2031 20.1749 19.0673 20.5208C18.9495 20.8208 18.6943 21.0456 18.3818 21.1247C18.0216 21.2159 17.4691 20.9397 16.3643 20.3873L12.7155 18.5629C12.4532 18.4317 12.322 18.3661 12.1844 18.3403C12.0625 18.3175 11.9375 18.3175 11.8156 18.3403C11.678 18.3661 11.5468 18.4317 11.2845 18.5629L7.63573 20.3873C6.53086 20.9397 5.97842 21.2159 5.61819 21.1247C5.30572 21.0456 5.05054 20.8208 4.93275 20.5208C4.79695 20.1749 5.00144 19.5921 5.41043 18.4264L6.57606 15.1044C6.7016 14.7466 6.76438 14.5677 6.76253 14.3919C6.7609 14.2366 6.7231 14.0838 6.65213 13.9456C6.57183 13.7892 6.4329 13.6602 6.15502 13.4022L3.55977 10.9923C2.7457 10.2364 2.33867 9.85844 2.28977 9.50539C2.24726 9.19858 2.34933 8.8894 2.56615 8.66819C2.81563 8.41365 3.36769 8.35231 4.4718 8.22963L7.75027 7.86536C8.06633 7.83024 8.22436 7.81268 8.3625 7.75271C8.48478 7.69962 8.59521 7.62262 8.6873 7.52623C8.79133 7.41734 8.86244 7.27512 9.00466 6.99069L10.5689 3.86217Z"/>
9874      <path d="M10.5689 3.86217C11.0295 2.94096 11.2598 2.48035 11.5715 2.33254C11.8427 2.20392 12.1573 2.20392 12.4285 2.33254C12.7402 2.48035 12.9705 2.94096 13.4311 3.86217L14.9953 6.99069C15.1376 7.27512 15.2087 7.41734 15.3127 7.52623C15.4048 7.62262 15.5152 7.69962 15.6375 7.75271C15.7756 7.81268 15.9337 7.83024 16.2497 7.86536L19.5282 8.22963C20.6323 8.35231 21.1844 8.41365 21.4339 8.66819C21.6507 8.8894 21.7527 9.19858 21.7102 9.50539C21.6613 9.85844 21.2543 10.2364 20.4402 10.9923L17.845 13.4022C17.5671 13.6602 17.4282 13.7892 17.3479 13.9456C17.2769 14.0838 17.2391 14.2366 17.2375 14.3919C17.2356 14.5677 17.2984 14.7466 17.4239 15.1044L18.5896 18.4264C18.9986 19.5921 19.2031 20.1749 19.0673 20.5208C18.9495 20.8208 18.6943 21.0456 18.3818 21.1247C18.0216 21.2159 17.4691 20.9397 16.3643 20.3873L12.7155 18.5629C12.4532 18.4317 12.322 18.3661 12.1844 18.3403C12.0625 18.3175 11.9375 18.3175 11.8156 18.3403C11.678 18.3661 11.5468 18.4317 11.2845 18.5629L7.63573 20.3873C6.53086 20.9397 5.97842 21.2159 5.61819 21.1247C5.30572 21.0456 5.05054 20.8208 4.93275 20.5208C4.79695 20.1749 5.00144 19.5921 5.41043 18.4264L6.57606 15.1044C6.70161 14.7466 6.76438 14.5677 6.76253 14.3919C6.7609 14.2366 6.7231 14.0838 6.65213 13.9456C6.57183 13.7892 6.4329 13.6602 6.15502 13.4022L3.55977 10.9923C2.7457 10.2364 2.33867 9.85844 2.28977 9.50539C2.24726 9.19858 2.34933 8.8894 2.56615 8.66819C2.81563 8.41365 3.36769 8.35231 4.4718 8.22963L7.75027 7.86536C8.06633 7.83024 8.22436 7.81268 8.3625 7.75271C8.48478 7.69962 8.59521 7.62262 8.6873 7.52623C8.79133 7.41734 8.86244 7.27512 9.00466 6.99069L10.5689 3.86217Z" stroke-linecap="round" stroke-linejoin="round"/>
9875    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">QR code</em></p><div class="column__text rte"><p>Craft visually appealing artwork that integrates functional QR codes without losing their scanability.</p></div></div>
9876        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-recycling icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9877      <path d="M6.68007 18.27H5.08007C3.25007 18.27 2.14007 16.26 3.11007 14.71L7.44007 7.81001M21.0301 13.36L21.8801 14.71C22.8501 16.26 21.7301 18.26 19.9101 18.26H11.3301M9.59007 4.32001L10.5101 2.85001C11.4201 1.39001 13.5401 1.39001 14.4501 2.85001L18.7301 9.72001M2.80007 8.98001L7.45007 7.82001L8.61007 12.47M19.7901 5.05001L18.7401 9.72001L14.0701 8.67001M14.8201 21.75L11.3401 18.27L14.8201 14.79" stroke-linecap="round" stroke-linejoin="round"/>
9878    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">Find & Replace</em></p><div class="column__text rte"><p>Locate specific objects within your design and replace them with new ones using prompts.</p></div></div>
9879        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-devices icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9880      <path class="fill" d="M3 9.4C3 7.15979 3 6.03969 3.43597 5.18404C3.81947 4.43139 4.43139 3.81947 5.18404 3.43597C6.03969 3 7.15979 3 9.4 3H17.8
9880C18.9201 3 19.4802 3 19.908 3.21799C20.2843 3.40973 20.5903 3.71569 20.782 4.09202C21 4.51984 21 5.0799 21 6.2V9H15V17H3V9.4Z"/>
9881      <path d="M19 12H19.01M19 21H4.55556C2.59188 21 1 19.4081 1 17.4444V17.4444C1 17.199 1.19898 17 1.44444 17H15M3 17V9.4C3 7.15979 3 6.03968 3.43597 5.18404C3.81947 4.43139 4.43139 3.81947 5.18404 3.43597C6.03968 3 7.15979 3 9.4 3H18.5C19.8807 3 21 4.11929 21 5.5V5.5V6M19.5 12C19.5 12.2761 19.2761 12.5 19 12.5C18.7239 12.5 18.5 12.2761 18.5 12C18.5 11.7239 18.7239 11.5 19 11.5C19.2761 11.5 19.5 11.7239 19.5 12ZM18.2 21H19.8C20.9201 21 21.4802 21 21.908 20.782C22.2843 20.5903 22.5903 20.2843 22.782 19.908C23 19.4802 23 18.9201 23 17.8V12.2C23 11.0799 23 10.5198 22.782 10.092C22.5903 9.71569 22.2843 9.40973 21.908 9.21799C21.4802 9 20.9201 9 19.8 9H18.2C17.0799 9 16.5198 9 16.092 9.21799C15.7157 9.40973 15.4097 9.71569 15.218 10.092C15 10.5198 15 11.0799 15 12.2V17.8C15 18.9201 15 19.4802 15.218 19.908C15.4097 20.2843 15.7157 20.5903 16.092 20.782C16.5198 21 17.0799 21 18.2 21Z" stroke-linecap="round" stroke-linejoin="round"/>
9882    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Custom color palette</p><div class="column__text rte"><p>Select colors that align with your brand or creative vision to customize your designs.</p></div></div>
9883        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-shield icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9884      <path class="fill" d="M3 8.11938C3 6.99027 3 6.42571 3.17756 5.93283C3.33451 5.49716 3.59019 5.10373 3.92457 4.78337C4.30286 4.42093 4.81875 4.19165 5.85055 3.73308L9.40073 2.15523C10.3579 1.72982 10.8365 1.51712 11.334 1.43311C11.7749 1.35866 12.2251 1.35866 12.666 1.43311C13.1635 1.51712 13.6421 1.72982 14.5993 2.15523L18.1495 3.73308C19.1812 4.19165 19.6971 4.42093 20.0754 4.78337C20.4098 5.10373 20.6655 5.49716 20.8224 5.93283C21 6.42571 21 6.99027 21 8.11938V13.5748C21 14.8271 21 15.4532 20.8274 16.0216C20.6746 16.5247 20.4241 16.9928 20.0902 17.3991C19.713 17.858 19.192 18.2053 18.1501 18.8999L14.6626 21.2249C13.7003 21.8665 13.2192 22.1872 12.6991 22.3118C12.2395 22.422 11.7605 22.422 11.3009 22.3118C10.7808 22.1872 10.2997 21.8665 9.33744 21.2249L5.84992 18.8999C4.80796 18.2053 4.28697 17.858 3.90982 17.3991C3.57592 16.9928 3.32541 16.5247 3.1726 16.0216C3 15.4532 3 14.8271 3 13.5748V8.11938Z"/>
9885      <path d="M9 12L11 14L15.5 9.5M9.40073 2.15523L5.85055 3.73308C4.81875 4.19165 4.30286 4.42093 3.92457 4.78337C3.59019 5.10373 3.33451 5.49716 3.17756 5.93283C3 6.42571 3 6.99027 3 8.11938V13.5748C3 14.8271 3 15.4532 3.1726 16.0216C3.32541 16.5247 3.57592 16.9928 3.90982 17.3991C4.28697 17.858 4.80796 18.2053 5.84992 18.8999L9.33744 21.2249C10.2997 21.8665 10.7808 22.1872 11.3009 22.3118C11.7605 22.422 12.2395 22.422 12.6991 22.3118C13.2192 22.1872 13.7003 21.8665 14.6626 21.2249L18.1501 18.8999C19.192 18.2053 19.713 17.858 20.0902 17.3991C20.4241 16.9928 20.6746 16.5247 20.8274 16.0216C21 15.4532 21 14.8271 21 13.5748V8.11938C21 6.99027 21 6.42571 20.8224 5.93283C20.6655 5.49716 20.4098 5.10373 20.0754 4.78337C19.6971 4.42093 19.1812 4.19165 18.1495 3.73308L14.5993 2.15523C13.6421 1.72982 13.1635 1.51712 12.666 1.43311C12.2251 1.35866 11.7749 1.35866 11.334 1.43311C10.8365 1.51712 10.3579 1.72982 9.40073 2.15523Z" stroke-linecap="round" stroke-linejoin="round"/>
9886    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">Re-Structure</em></p><div class="column__text rte"><p>Create multiple variations of your designs; customize with text prompts for unique restyling.</p></div></div>
9887        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon">
9887<svg class="icon icon-chat_bubble icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9888      <path class="fill" d="M2 10C2 7.19974 2 5.79961 2.54497 4.73005C3.02433 3.78924 3.78924 3.02433 4.73005 2.54497C5.79961 2 7.19974 2 10 2H14C16.8003 2 18.2004 2 19.27 2.54497C20.2108 3.02433 20.9757 3.78924 21.455 4.73005C22 5.79961 22 7.19974 22 10V19.1708C22 20.1969 22 20.71 21.8373 21.0302C21.5642 21.5676 20.996 21.8893 20.3947 21.847C20.0363 21.8218 19.5964 21.5578 18.7165 21.0299C18.1917 20.715 17.9293 20.5576 17.6542 20.4347C17.1972 20.2306 16.7122 20.0963 16.2154 20.0362C15.9163 20 15.6103 20 14.9983 20H10C7.19974 20 5.79961 20 4.73005 19.455C3.78924 18.9757 3.02433 18.2108 2.54497 17.27C2 16.2004 2 14.8003 2 12V10Z"/>
9889      <path d="M7 8H15M7 12H11M18.7165 21.0299V21.0299C19.5964 21.5578 20.0363 21.8218 20.3947 21.847C20.996 21.8893 21.5642 21.5676 21.8373 21.0302C22 20.71 22 20.1969 22 19.1708V10C22 7.19974 22 5.79961 21.455 4.73005C20.9757 3.78924 20.2108 3.02433 19.27 2.54497C18.2004 2 16.8003 2 14 2H10C7.19974 2 5.79961 2 4.73005 2.54497C3.78924 3.02433 3.02433 3.78924 2.54497 4.73005C2 5.79961 2 7.19974 2 10V12C2 14.8003 2 16.2004 2.54497 17.27C3.02433 18.2108 3.78924 18.9757 4.73005 19.455C5.79961 20 7.19974 20 10 20H14.9983C15.6103 20 15.9163 20 16.2154 20.0362C16.7122 20.0962 17.1972 20.2306 17.6542 20.4347C17.9293 20.5576 18.1917 20.715 18.7165 21.0299Z" stroke-linecap="round" stroke-linejoin="round"/>
9890    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">
9890Remove Background</em></p><div class="column__text rte"><p>Transform any design by making its background transparent with just one click.</p></div></div>
9891        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-devices icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9892      <path class="fill" d="M3 9.4C3 7.15979 3 6.03969 3.43597 5.18404C3.81947 4.43139 4.43139 3.81947 5.18404 3.43597C6.03969 3 7.15979 3 9.4 3H17.8C18.9201 3 19.4802 3 19.908 3.21799C20.2843 3.40973 20.5903 3.71569 20.782 4.09202C21 4.51984 21 5.0799 21 6.2V9H15V17H3V9.4Z"/>
9893      <path d="M19 12H19.01M19 21H4.55556C2.59188 21 1 19.4081 1 17.4444V17.4444C1 17.199 1.19898 17 1.44444 17H15M3 17V9.4C3 7.15979 3 6.03968 3.43597 5.18404C3.81947 4.43139 4.43139 3.81947 5.18404 3.43597C6.03968 3 7.15979 3 9.4 3H18.5C19.8807 3 21 4.11929 21 5.5V5.5V6M19.5 12C19.5 12.2761 19.2761 12.5 19 12.5C18.7239 12.5 18.5 12.2761 18.5 12C18.5 11.7239 18.7239 11.5 19 11.5C19.2761 11.5 19.5 11.7239 19.5 12ZM18.2 21H19.8C20.9201 21 21.4802 21 21.908 20.782C22.2843 20.5903 22.5903 20.2843 22.782 19.908C23 19.4802 23 18.9201 23 17.8V12.2C23 11.0799 23 10.5198 22.782 10.092C22.5903 9.71569 22.2843 9.40973 21.908 9.21799C21.4802 9 20.9201 9 19.8 9H18.2C17.0799 9 16.5198 9 16.092 9.21799C15.7157 9.40973 15.4097 9.71569 15.218 10.092C15 10.5198 15 11.0799 15 12.2V17.8C15 18.9201 15 19.4802 15.218 19.908C15.4097 20.2843 15.7157 20.5903 16.092 20.782C16.5198 21 17.0799 21 18.2 21Z" stroke-linecap="round" stroke-linejoin="round"/>
9894    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Download quality</p><div class="column__text rte"><p>Export your work in high-quality, uncompressed PNG format for best resolution.</p></div></div>
9895        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-headphone icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9896      <g class="fill">
9897        <path d="M2 16C2 15.0681 2 14.6022 2.15224 14.2346C2.35523 13.7446 2.74458 13.3552 3.23463 13.1522C3.60218 13 4.06812 13 5 13C5.93188 13 6.39782 13 6.76537 13.1522C7.25542 13.3552 7.64477 13.7446 7.84776 14.2346C8 14.6022 8 15.0681 8 16V19C8 19.9319 8 20.3978 7.84776 20.7654C7.64477 21.2554 7.25542 21.6448 6.76537 21.8478C6.39782 22 5.93188 22 5 22C4.06812 22 3.60218 22 3.23463 21.8478C2.74458 21.6448 2.35523 21.2554 2.15224 20.7654C2 20.3978 2 19.9319 2 19V16Z"/>
9898        <path d="M16 16C16 15.0681 16 14.6022 16.1522 14.2346C16.3552 13.7446 16.7446 13.3552 17.2346 13.1522C17.6022 13 18.0681 13 19 13C19.9319 13 20.3978 13 20.7654 13.1522C21.2554 13.3552 21.6448 13.7446 21.8478 14.2346C22 14.6022 22 15.0681 22 16V19C22 19.9319 22 20.3978 21.8478 20.7654C21.6448 21.2554 21.2554 21.6448 20.7654 21.8478C20.3978 22 19.9319 22 19 22C18.0681 22 17.6022 22 17.2346 21.8478C16.7446 21.6448 16.3552 21.2554 16.1522 20.7654C16 20.3978 16 19.9319 16 19V16Z"/>
9899      </g>
9900      <path d="M22 17V12C22 6.47715 17.5228 2 12 2V2C6.47715 2 2 6.47715 2 12V17M22 19V16C22 15.0681 22 14.6022 21.8478 14.2346C21.6448 13.7446 21.2554 13.3552 20.7654 13.1522C20.3978 13 19.9319 13 19 13V13C18.0681 13 17.6022 13 17.2346 13.1522C16.7446 13.3552 16.3552 13.7446 16.1522 14.2346C16 14.6022 16 15.0681 16 16V19C16 19.9319 16 20.3978 16.1522 20.7654C16.3552 21.2554 16.7446 21.6448 17.2346 21.8478C17.6022 22 18.0681 22 19 22V22C19.9319 22 20.3978 22 20.7654 21.8478C21.2554 21.6448 21.6448 21.2554 21.8478 20.7654C22 20.3978 22 19.9319 22 19ZM5 22V22C5.93188 22 6.39782 22 6.76537 21.8478C7.25542 21.6448 7.64477 21.2554 7.84776 20.7654C8 20.3978 8 19.9319 8 19V16C8 15.0681 8 14.6022 7.84776 14.2346C7.64477 13.7446 7.25542 13.3552 6.76537 13.1522C6.39782 13 5.93188 13 5 13V13C4.06812 13 3.60218 13 3.23463 13.1522C2.74458 13.3552 2.35523 13.7446 2.15224 14.2346C2 14.6022 2 15.0681 2 16V19C2 19.9319 2 20.3978 2.15224 20.7654C2.35523 21.2554 2.74458 21.6448 3.23463 21.8478C3.60218 22 4.06812 22 5 22Z" stroke-linecap="round" stroke-linejoin="round"/>
9901    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">In-paint</em></p><div class="column__text rte"><p>Modify and refine your designs with precision, blending new elements naturally.</p></div></div>
9902        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon">
9902<svg class="icon icon-calendar icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9903      <rect class="fill" x="2" y="2" width="20" height="20" rx="4"/>
9904      <path d="M8 1V4M16 1V4M17.5 8H6.5M8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5M8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5M8 12.5H7M8 16.5C8 16.7761 7.77614 17 7.5 17C7.22386 17 7 16.7761 7 16.5M8 16.5C8 16.2239 7.77614 16 7.5 16C7.22386 16 7 16.2239 7 16.5M8 16.5H7M12.5 12.5C12.5 12.7761 12.2761 13 12 13C11.7239 13 11.5 12.7761 11.5 12.5M12.5 12.5C12.5 12.2239 12.2761 12 12 12C11.7239 12 11.5 12.2239 11.5 12.5M12.5 12.5H11.5M12.5 16.5C12.5 16.7761 12.2761 17 12 17C11.7239 17 11.5 16.7761 11.5 16.5M12.5 16.5C12.5 16.2239 12.2761 16 12 16C11.7239 16 11.5 16.2239 11.5 16.5M12.5 16.5H11.5M17 12.5C17 12.7761 16.7761 13 16.5 13C16.2239 13 16 12.7761 16 12.5M17 12.5C17 12.2239 16.7761 12 16.5 12C16.2239 12 16 12.2239 16 12.5M17 12.5H16M17 16.5C17 16.7761 16.7761 17 16.5 17C16.2239 17 16 16.7761 16 16.5M17 16.5C17 16.2239 16.7761 16 16.5 16C16.2239 16 16 16.2239 16 16.5M17 16.5H16M8.4 22H15.6C17.8402 22 18.9603 22 19.816 21.564C20.5686 21.1805 21.1805 20.5686 21.564 19.816C22 18.9603 22 17.8402 22 15.6V8.4C22 6.15979 22 5.03968 21.564 4.18404C21.1805 3.43139 20.5686 2.81947 19.816 2.43597C18.9603 2 17.8402 2 15.6 2H8.4C6.15979 2 5.03968 2 4.18404 2.43597C3.43139 2.81947 2.81947 3.43139 2.43597 4.18404C2 5.03968 2 6.15979 2 8.4V15.6C2 17.8402 2 18.9603 2.43597 19.816C2.81947 20.5686 3.43139 21.1805 4.18404 21.564C5.03968 22 6.15979 22 8.4 22Z" stroke-linecap="round" stroke-linejoin="round"/>
9905    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">Out-paint</em></p><div class="column__text rte"><p>Effortlessly expand your designs beyond their original boundaries for a seamless look.</p></div></div>
9906        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-gluten_free icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9907      <path class="fill" d="M11.75 1.75C6.23 1.75 1.75 6.23 1.75 11.75C1.75 17.27 6.23 21.75 11.75 21.75C17.27 21.75 21.75 17.27 21.75 11.75C21.75 6.23 17.27 1.75 11.75 1.75ZM11.41 5.78L11.8 5.45L12.45 6.23C13.53 7.52 13.37 9.44 12.08 10.52L11.69 10.85L11.04 10.07C9.96 8.78 10.12 6.86 11.41 5.78ZM15.61 13.41C15.43 15.08 13.93 16.29 12.25 16.11L11.75 16.06L11.25 16.11C9.58 16.29 8.08 15.08 7.89 13.41L7.78 12.4L8.28 12.35C9.95 12.17 11.45 13.38 11.64 15.05L11.75 16.06L11.86 15.05C12.04 13.38 13.54 12.17 15.22 12.35L15.72 12.4L15.61 13.41ZM15.61 10.03C15.43 11.7 13.93 12.91 12.25 12.73L11.75 12.68L11.25 12.73C9.58 12.91 8.08 11.7 7.89 10.03L7.78 9.02L8.28 8.97C9.95 8.79 11.45 10 11.64 11.67L11.75 12.68L11.86 11.67C12.04 10 13.54 8.79 15.22 8.97L15.72 9.02L15.61 10.03Z"/>
9908      <path d="M18.82 4.68L14.58 8.92M8.21 15.29L4.68 18.82M11.82 18.04V10.85M11.75 16.06L11.64 15.05C11.45 13.38 9.95 12.17 8.28 12.35L7.78 12.4L7.89 13.41C8.08 15.08 9.58 16.29 11.25 16.11L11.75 16.06ZM11.75 16.06L11.86 15.05C12.05 13.38 13.55 12.17 15.22 12.35L15.72 12.4L15.61 13.41C15.42 15.08 13.92 16.29 12.25 16.11L11.75 16.06ZM11.75 12.68L11.64 11.67C11.45 10 9.95 8.79 8.28 8.97L7.78 9.02L7.89 10.03C8.08 11.7 9.58 12.91 11.25 12.73L11.75 12.68ZM11.75 12.68L11.86 11.67C12.05 10 13.55 8.79 15.22 8.97L15.72 9.02L15.61 10.03C15.42 11.7 13.92 12.91 12.25 12.73L11.75 12.68ZM11.75 1.75C6.23 1.75 1.75 6.23 1.75 11.75C1.75 17.27 6.23 21.75 11.75 21.75C17.27 21.75 21.75 17.27 21.75 11.75C21.75 6.23 17.27 1.75 11.75 1.75ZM11.8 5.45L11.41 5.78C10.12 6.86 9.96 8.79 11.04 10.07L11.69 10.85L12.08 10.52C13.37 9.44 13.53 7.51 12.45 6.23L11.8 5.45Z" stroke-linecap="round" stroke-linejoin="round"/>
9909    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"><em class="highlighted-text inline-block not-italic relative" is="highlighted-text" data-style="full_text">Magic blend</em></p><div class="column__text rte"><p>
9909Deconstruct full-color designs into individual color layers for perfect color printing.</p></div></div>
9910        </div></carousel-element>
9911  </div>
9912</div>
9913
9914
9915</div><div id="shopify-section-template--23786021421356__contact_form_b8z6TR" class="shopify-section"><style>
9916  #shopify-section-template--23786021421356__contact_form_b8z6TR {
9917    --section-padding-top: 72px;
9918    --section-padding-bottom: 72px;}
9919</style>
9920
9921<div class="section section--padding">
9922  <div class="page-width page-width--narrow relative"><div class="title-wrapper leading-none gap-4 lg:gap-8 flex flex-col text-left md:items-end md:flex-row md:justify-between relative z-1"><div class="grid gap-4"><p class="heading normal-case font-medium subtext-lg leading-none tracking-none">For businesses seeking customized product solutions</p><h2 class="heading title-md"><split-words class="split-words block" data-animate="fade-up-large">Contact us for enterprise plan</split-words></h2></div></div><div class="contact flex flex-col lg:flex-row"><form method="post" action="/contact#ContactForm-template--23786021421356__contact_form_b8z6TR" id="ContactForm-template--23786021421356__contact_form_b8z6TR" accept-charset="UTF-8" class="grow"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><div class="contact__fields flex flex-wrap gap-4d5 md:gap-6"><div class="field">
9923            <input
9924              class="input is-floating"
9925              autocomplete="name"
9926              type="text"
9927              id="ContactFormName-template--23786021421356__contact_form_b8z6TR"
9928              name="contact[Name]"
9929              value=""
9930              placeholder="Name"
9931            />
9932            <label class="label is-floating" for="ContactFormName-template--23786021421356__contact_form_b8z6TR">Name</label>
9933          </div>
9934          <div class="field">
9935            <input
9936              class="input is-floating"
9937              autocomplete="email"
9938              type="email"
9939              id="ContactFormEmail-template--23786021421356__contact_form_b8z6TR"
9940              name="contact[email]"
9941              spellcheck="false"
9942              autocapitalize="off"
9943              value=""
9944              placeholder="Email"
9945              required
9946            >
9947            <label class="label is-floating" for="ContactFormEmail-template--23786021421356__contact_form_b8z6TR">Email</label>
9948          </div><div class="field" ><input
9949                      class="input is-floating"
9950                      type="text"
9951                      id="ContactFormInput-template--23786021421356__contact_form_b8z6TR-custom_field_FktnAL"
9952                      name="contact[Company]"
9953                      placeholder="Company"/>
9954                    <label class="label is-floating" for="ContactFormInput-template--23786021421356__contact_form_b8z6TR-custom_field_FktnAL">Company</label></div><div class="field field--full">
9955            <textarea
9956              class="textarea is-floating"
9957              rows="5"
9958              id="ContactFormMessage-template--23786021421356__contact_form_b8z6TR"
9959              name="contact[Message]"
9960              placeholder=" "
9961            ></textarea>
9962            <label class="label is-floating" for="ContactFormMessage-template--23786021421356__contact_form_b8z6TR">Message</label>
9963          </div>
9964          <div class="field field--full">
9965            <label for="ContactSubmit-template--23786021421356__contact_form_b8z6TR" class="sr-only">Send message</label>
9966            <button type="submit" id="ContactSubmit-template--23786021421356__contact_form_b8z6TR" class="button button--primary button--fixed" is="hover-button">
9967              <span class="btn-fill" data-fill></span>
9968              <span class="btn-text">Send message</span>
9969            </button>
9970          </div><div class="field field--full rte text-sm">
9971            
9972<p data-spam-detection-disclaimer="">This site is protected by hCaptcha and the hCaptcha <a href="https://hcaptcha.com/privacy">Privacy Policy</a> and <a href="https://hcaptcha.com/terms">Terms of Service</a> apply.</p>
9973
9974          </div>
9975        </div></form></div>
9976  </div>
9977</div>
9978
9979
9980</div>
9981    </main>
9982
9983    <footer-group class="footer-group block w-full"><!-- BEGIN sections: footer-group -->
9984<div id="shopify-section-sections--23792018129196__multicolumn-with-icons" class="shopify-section shopify-section-group-footer-group"><style>
9985  #shopify-section-sections--23792018129196__multicolumn-with-icons {
9986    --section-padding-top: 60px;
9987    --section-padding-bottom: 60px;}
9988</style>
9989
9990<div class="section section--padding section--divider">
9991  <div class="page-width relative"><carousel-element class="text-with-icons with-background block lg:grid grid--4 relative z-1" watch-css><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon">
9991<svg class="icon icon-swatchbook icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9992      <g class="fill">
9993        <path d="M2 6.8C2 5.11985 2 4.27977 2.32698 3.63803C2.6146 3.07355 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2H7.2C8.88016 2 9.72024 2 10.362 2.32698C10.9265 2.6146 11.3854 3.07355 11.673 3.63803C12 4.27977 12 5.11985 12 6.8V22H6.8C5.11984 22 4.27976 22 3.63803 21.673C3.07354 21.3854 2.6146 20.9265 2.32698 20.362C2 19.7202 2 18.8802 2 17.2V6.8Z"/>
9994        <path d="M17.5 22C18.8978 22 19.5967 22 20.1481 21.7716C20.8831 21.4672 21.4672 20.8831 21.7716 20.1481C22 19.5967 22 18.8978 22 17.5V15.7399C22 14.2267 20.7733 13 19.2602 13C18.4603 13 17.7004 13.3495 17.1799 13.9568L13.1556 18.6518C12.7278 19.1509 12.5139 19.4004 12.3616 19.6819C12.2264 19.9316 12.1274 20.1993 12.0675 20.4768C12 20.7897 12 21.1183 12 21.7756V22H17.5Z"/>
9995      </g>
9996      <path d="M8 22H17.5C18.8978 22 19.5967 22 20.1481 21.7716C20.8831 21.4672 21.4672 20.8831 21.7716 20.1481C22 19.5967 22 18.8978 22 17.5V17C22 16.07 22 15.605 21.8978 15.2235C21.6204 14.1883 20.8117 13.3796 19.7765 13.1022C19.395 13 18.93 13 18 13V13M12 6.99965L13.1188 5.88079C13.8252 5.17434 14.1784 4.82111 14.5501 4.61598C15.4522 4.11817 16.5467 4.11813 17.4488 4.61586C17.8206 4.82096 18.1738 5.17416 18.8803 5.88055V5.88055C19.5286 6.52882 19.8528 6.85296 20.0513 7.19863C20.5321 8.03603 20.5805 9.0537 20.1813 9.93294C20.0165 10.2959 19.7245 10.6493 19.1406 11.3562L12 20M7.5 17C7.5 17.2761 7.27614 17.5 7 17.5C6.72386 17.5 6.5 17.2761 6.5 17M7.5 17C7.5 16.7239 7.27614 16.5 7 16.5C6.72386 16.5 6.5 16.7239 6.5 17M7.5 17H6.5M12 22V6.8C12 5.11985 12 4.27977 11.673 3.63803C11.3854 3.07355 10.9265 2.6146 10.362 2.32698C9.72024 2 8.88016 2 7.2 2H6.8C5.11984 2 4.27976 2 3.63803 2.32698C3.07354 2.6146 2.6146 3.07355 2.32698 3.63803C2 4.27977 2 5.11985 2 6.8V17.2C2 18.8802 2 19.7202 2.32698 20.362C2.6146 20.9265 3.07354 21.3854 3.63803 21.673C4.27976 22 5.11984 22 6.8 22H12Z" stroke-linecap="round" stroke-linejoin="round"/>
9997    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Limitless Options</p><div class="column__text rte"><p>Explore infinite designs to countless color combinations, your imagination sets the only limit.</p></div></div>
9998        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-support icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
9999      <path class="fill" d="M6.09 17.43H4.75C3.65 17.43 2.75 16.54 2.75 15.43V12.28C2.75 11.18 3.64 10.28 4.75 10.28H6.09C7.19 10.28 8.09 11.17 8.09 12.28V15.43C8.09 16.53 7.2 17.43 6.09 17.43ZM20.56 15.43V12.28C20.56 11.18 19.67 10.28 18.56 10.28H17.22C16.12 10.28 15.22 11.17 15.22 12.28V15.43C15.22 16.53 16.11 17.43 17.22 17.43H18.56C19.66 17.43 20.56 16.54 20.56 15.43Z"/>
10000      <path d="M4.94 17.43V19.86C4.94 20.93 6.01 22 7.43 22H11.65M20.56 13.78V10.67C20.57 5.74 16.58 1.75 11.66 1.75C6.74 1.75 2.75 5.74 2.75 10.66V13.77M12.27 21.99C12.27 22.32 12 22.59 11.67 22.59C11.34 22.59 11.07 22.32 11.07 21.99M12.27 21.99C12.27 21.66 12 21.39 11.67 21.39C11.34 21.39 11.07 21.66 11.07 21.99M12.27 21.99H11.07M20.57 14.76V12.96C20.57 12.13 20.57 11.71 20.43 11.39C20.25 10.95 19.9 10.61 19.47 10.43C19.14 10.29 18.73 10.29 17.9 10.29C17.07 10.29 16.65 10.29 16.33 10.43C15.89 10.61 15.55 10.96 15.37 11.39C15.23 11.72 15.23 12.13 15.23 12.96V14.76C15.23 15.59 15.23 16.01 15.37 16.33C15.55 16.77 15.9 17.11 16.33 17.29C16.66 17.43 17.07 17.43 17.9 17.43C18.73 17.43 19.15 17.43 19.47 17.29C19.91 17.11 20.25 16.76 20.43 16.33C20.57 16 20.57 15.59 20.57 14.76ZM5.43 17.43C6.26 17.43 6.68 17.43 7 17.29C7.44 17.11 7.78 16.76 7.96 16.33C8.1 16 8.1 15.59 8.1 14.76V12.96C8.1 12.13 8.1 11.71 7.96 11.39C7.78 10.95 7.43 10.61 7 10.43C6.67 10.29 6.26 10.29 5.43 10.29C4.6 10.29 4.18 10.29 3.86 10.43C3.42 10.61 3.08 10.96 2.9 11.39C2.76 11.72 2.76 12.13 2.76 12.96V14.76C2.76 15.59 2.76 16.01 2.9 16.33C3.08 16.77 3.43 17.11 3.86 17.29C4.19 17.43 4.6 17.43 5.43 17.43Z" stroke-linecap="round" stroke-linejoin="round"/>
10001    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Customer service</p><div class="column__text rte"><p>
10001Discover our commitment to exceptional customer service with every purchase. </p></div></div>
10002        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-box icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
10003      <path class="fill" d="M22 14.2825V7.28202C22 7.10718 21.9083 6.94515 21.7583 6.8552C21.5995 6.75991 21.4009 6.76067 21.2429 6.85718L14.5012 10.9731C13.5927 11.5278 13.1384 11.8052 12.6525 11.9135C12.2228 12.0092 11.7772 12.0092 11.3475 11.9135C10.8616 11.8052 10.4073 11.5278 9.49878 10.9731L2.75714 6.85718C2.59906 6.76067 2.40048 6.75991 2.24166 6.8552C2.09174 6.94515 2 7.10718 2 7.28202V14.2825C2 15.2735 2 15.769 2.14219 16.2143C2.26802 16.6083 2.47396 16.972 2.74708 17.2826C3.05572 17.6336 3.48062 17.8886 4.33042 18.3984L9.53042 21.5184C10.4283 22.0572 10.8773 22.3266 11.3565 22.4318C11.7805 22.5249 12.2195 22.5249 12.6435 22.4318C13.1227 22.3266 13.5717 22.0572 14.4696 21.5184L19.6696 18.3984C20.5194 17.8886 20.9443 17.6336 21.2529 17.2826C21.526 16.972 21.732 16.6083 21.8578 16.2143C22 15.769 22 15.2735 22 14.2825Z"/>
10004      <path d="M7.49988 9.5L16.5 4M12 12.5L21 7M12 12.5L3 7M12 12.5V22.5M2 9.71771V14.2823C2 15.2733 2 15.7688 2.14219 16.2141C2.26802 16.6081 2.47396 16.9718 2.74708 17.2824C3.05572 17.6334 3.48062 17.8884 4.33042 18.3983L9.53042 21.5183C10.4283 22.057 10.8773 22.3264 11.3565 22.4316C11.7805 22.5247 12.2195 22.5247 12.6435 22.4316C13.1227 22.3264 13.5717 22.057 14.4696 21.5183L19.6696 18.3983C20.5194 17.8884 20.9443 17.6334 21.2529 17.2824C21.526 16.9718 21.732 16.6081 21.8578 16.2141C22 15.7688 22 15.2733 22 14.2823V9.71771C22 8.72669 22 8.23117 21.8578 7.78593C21.732 7.39192 21.526 7.02818 21.2529 6.71757C20.9443 6.36657 20.5194 6.11163 19.6696 5.60175L14.4696 2.48175C13.5717 1.94301 13.1227 1.67364 12.6435 1.56839C12.2195 1.4753 11.7805 1.4753 11.3565 1.56839C10.8773 1.67364 10.4283 1.94301 9.53042 2.48175L4.33042 5.60175C3.48062 6.11163 3.05572 6.36657 2.74708 6.71757C2.47396 7.02818 2.26802 7.39192 2.14219 7.78593C2 8.23117 2 8.72669 2 9.71771Z" stroke-linecap="round" stroke-linejoin="round"/>
10005    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Fast Free Shipping</p><div class="column__text rte"><p>Ship Within 2 business days. Spend $150 or more and enjoy free shipping.</p></div></div>
10006        </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-shield icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
10007      <path class="fill" d="M3 8.11938C3 6.99027 3 6.42571 3.17756 5.93283C3.33451 5.49716 3.59019 5.10373 3.92457 4.78337C4.30286 4.42093 4.81875 4.19165 5.85055 3.73308L9.40073 2.15523C10.3579 1.72982 10.8365 1.51712 11.334 1.43311C11.7749 1.35866 12.2251 1.35866 12.666 1.43311C13.1635 1.51712 13.6421 1.72982 14.5993 2.15523L18.1495 3.73308C19.1812 4.19165 19.6971 4.42093 20.0754 4.78337C20.4098 5.10373 20.6655 5.49716 20.8224 5.93283C21 6.42571 21 6.99027 21 8.11938V13.5748C21 14.8271 21 15.4532 20.8274 16.0216C20.6746 16.5247 20.4241 16.9928 20.0902 17.3991C19.713 17.858 19.192 18.2053 18.1501 18.8999L14.6626 21.2249C13.7003 21.8665 13.2192 22.1872 12.6991 22.3118C12.2395 22.422 11.7605 22.422 11.3009 22.3118C10.7808 22.1872 10.2997 21.8665 9.33744 21.2249L5.84992 18.8999C4.80796 18.2053 4.28697 17.858 3.90982 17.3991C3.57592 16.9928 3.32541 16.5247 3.1726 16.0216C3 15.4532 3 14.8271 3 13.5748V8.11938Z"/>
10008      <path d="M9 12L11 14L15.5 9.5M9.40073 2.15523L5.85055 3.73308C4.81875 4.19165 4.30286 4.42093 3.92457 4.78337C3.59019 5.10373 3.33451 5.49716 3.17756 5.93283C3 6.42571 3 6.99027 3 8.11938V13.5748C3 14.8271 3 15.4532 3.1726 16.0216C3.32541 16.5247 3.57592 16.9928 3.90982 17.3991C4.28697 17.858 4.80796 18.2053 5.84992 18.8999L9.33744 21.2249C10.2997 21.8665 10.7808 22.1872 11.3009 22.3118C11.7605 22.422 12.2395 22.422 12.6991 22.3118C13.2192 22.1872 13.7003 21.8665 14.6626 21.2249L18.1501 18.8999C19.192 18.2053 19.713 17.858 20.0902 17.3991C20.4241 16.9928 20.6746 16.5247 20.8274 16.0216C21 15.4532 21 14.8271 21 13.5748V8.11938C21 6.99027 21 6.42571 20.8224 5.93283C20.6655 5.49716 20.4098 5.10373 20.0754 4.78337C19.6971 4.42093 19.1812 4.19165 18.1495 3.73308L14.5993 2.15523C13.6421 1.72982 13.1635 1.51712 12.666 1.43311C12.2251 1.35866 11.7749 1.35866 11.334 1.43311C10.8365 1.51712 10.3579 1.72982 9.40073 2.15523Z" stroke-linecap="round" stroke-linejoin="round"/>
10009    </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none">Secure payment</p><div class="column__text rte"><p>Shop confidently knowing your payment information is securely processed. </p></div></div>
10010        </div></carousel-element>
10011  </div>
10012</div>
10013
10014
10015</div><div id="shopify-section-sections--23792018129196__footer" class="shopify-section shopify-section-group-footer-group"><style>
10016  #shopify-section-sections--23792018129196__footer {
10017    --section-padding-top: 72px;
10018    --section-padding-bottom: 72px;--color-background: 250 250 250;--color-foreground: 0 0 0;
10019  --color-border: var(--color-foreground)/ 0.1;
10020  --color-border-dark: var(--color-foreground)/ 0.4;
10021  --color-border-light: var(--color-foreground)/ 0.06;--color-button-background: 122 35 56;
10022  --color-button-border: 122 35 56;--color-button-text: 250 250 250;}
10023</style><div class="section section--padding section--rounded" is="footer-parallax">
10024  <footer class="footer page-width relative grid"><div class="footer__left flex flex-col md:flex-row gap-10"><div class="footer__accordions flex flex-wrap flex-col md:flex-row md:grow md:gap-12"><details class="footer__item--link_list-1 details active" is="footer-details" >
10025      <summary class="details__summary flex items-center justify-between gap-2 cursor-pointer">
10026        <span class="heading text-base-2xl font-medium lg:font-heading">Quick links</span><svg class="icon icon-chevron-up icon-md" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
10027      <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path>
10028    </svg></summary><div class="details__content">
10029      <ul class="flex flex-col gap-3"><li class="inline-flex">
10030            <a href="/search" class="block reversed-link text-sm-lg leading-tight">Search</a>
10031          </li></ul>
10032    </div>
10033    <style>
10034      @media (min-width: 1280px) {
10035        .footer__item--link_list-1 { width: calc(50% - var(--sp-12)); }
10036      }
10037    </style></details><details class="footer__item--link_list-2 details active" is="footer-details" >
10038      <summary class="details__summary flex items-center justify-between gap-2 cursor-pointer">
10039        <span class="heading text-base-2xl font-medium lg:font-heading">Information</span><svg class="icon icon-chevron-up icon-md" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
10040      <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path>
10041    </svg></summary><div class="details__content">
10042      <ul class="flex flex-col gap-3"><li class="inline-flex">
10043            <a href="/search" class="block reversed-link text-sm-lg leading-tight">Search</a>
10044          </li></ul>
10045    </div>
10046    <style>
10047      @media (min-width: 1280px) {
10048        .footer__item--link_list-2 { width: calc(50% - var(--sp-12)); }
10049      }
10050    </style></details><div class="footer__item--brand_information no-details" ><div class="details__content">
10051      <div class="footer__contact flex flex-col gap-1"><p>
10052            <a
10053              class="link inline-block leading-tight text-left"
10054              
10055                href="tel:+1 (858) 727-1416"
10056              
10057              is="magnet-link"
10058            >
10059              <span class="btn-text" data-text>+1 (858) 727-1416</span>
10060            </a>
10061          </p><p>
10062            <a
10063              class="link inline-block leading-tight text-left"
10064              
10065                href="mailto:[email protected]"
10066              
10067              is="magnet-link"
10068            >
10069              <span class="btn-text" data-text>[email protected]</span>
10070            </a>
10071          </p></div>
10072    </div>
10073    <style>
10074      @media (min-width: 1280px) {
10075        .footer__item--brand_information { width: calc(95% - var(--sp-12)); }
10076      }
10077    </style></div></div>
10078      </div><div class="footer__right grid gap-10"><div class="footer__newsletter grid gap-6"><p class="h3 text-xl md:title-lg leading-none tracking-none font-medium lg:font-heading">Stay in the loop with our weekly newsletter</p><form method="post" action="/contact#newsletter-sections--23792018129196__footer" id="newsletter-sections--23792018129196__footer" accept-charset="UTF-8" class="newsletter-form grid gap-5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter" />
10079  <input type="hidden" name="contact[context]" value="footer" />
10080  <div class="field relative">
10081    <input
10082      id="NewsletterForm--sections--23792018129196__footer"
10083      class="input is-floating input--fill"
10084      type="email"
10085      name="contact[email]"
10086      value=""
10087      autocorrect="off"
10088      autocapitalize="off"
10089      autocomplete="email"
10090      placeholder="Enter your email"
10091      required/>
10092    <label class="label is-floating" for="NewsletterForm--sections--23792018129196__footer">Enter your email</label>
10093    <div class="self-submit-button absolute">
10094      <button type="submit" class="button button--primary self-button flex justify-center items-center" is="magnet-button" data-magnet="20" aria-label="Subscribe">
10095        <span class="btn-text">
10096          <svg class="icon icon-arrow-right icon-xs transform" viewBox="0 0 16 16" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
10097            <path stroke-linecap="round" stroke-linejoin="round" d="M2 8.00012H14M14 8.00012L9.33333 3.3335M14 8.00012L9.33333 12.6668"></path>
10098          </svg>
10099        </span>
10100      </button>
10101    </div>
10102  </div></form></div><div class="footer__socials flex justify-start md:justify-end xl:justify-start"><ul class="flex flex-wrap items-center gap-7"><li><a href="https://x.com/shic_ai" class="social_platform block relative" is="magnet-link" title="Shic on X (Twitter)"><svg class="icon icon-twitter icon-lg" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
10103      <path d="M13.8984 10.4679L21.3339 2H19.5687L13.1074 9.35221L7.95337 2H2L9.80183 13.1157L2 22H3.7652L10.5845 14.2315L16.03 22H21.9833M4.398 3.29892H7.10408L19.5687 20.7594H16.8626"/>
10104    </svg><span class="sr-only">X (Twitter)</span>
10105        </a>
10106      </li><li><a href="https://www.instagram.com/shic_ai/" class="social_platform block relative" is="magnet-link" title="Shic on Instagram"><svg class="icon icon-instagram icon-lg" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
10107      <path d="M12 2.98C14.94 2.98 15.28 2.99 16.44 3.04C17.14 3.04 17.83 3.18 18.48 3.42C18.96 3.6 19.39 3.88 19.75 4.24C20.12 4.59 20.4 5.03 20.57 5.51C20.81 6.16 20.94 6.85 20.95 7.55C21 8.71 21.01 9.06 21.01 12C21.01 14.94 21 15.28 20.95 16.44C20.95 17.14 20.81 17.83 20.57 18.48C20.39 18.95 20.11 19.39 19.75 19.75C19.39 20.11 18.96 20.39 18.48 20.57C17.83 20.81 17.14 20.94 16.44 20.95C15.28 21 14.93 21.01 12 21.01C9.07 21.01 8.72 21 7.55 20.95C6.85 20.95 6.16 20.81 5.51 20.57C5.03 20.39 4.6 20.11 4.24 19.75C3.87 19.4 3.59 18.96 3.42 18.48C3.18 17.83 3.05 17.14 3.04 16.44C2.99 15.28 2.98 14.93 2.98 12C2.98 9.07 2.99 8.72 3.04 7.55C3.04 6.85 3.18 6.16 3.42 5.51C3.6 5.03 3.88 4.6 4.24 4.24C4.59 3.87 5.03 3.59 5.51 3.42C6.16 3.18 6.85 3.05 7.55 3.04C8.71 2.99 9.06 2.98 12 2.98ZM12 1C9.01 1 8.64 1.01 7.47 1.07C6.56 1.09 5.65 1.26 4.8 1.58C4.07 1.86 3.4 2.3 2.85 2.85C2.3 3.41 1.86 4.07 1.58 4.8C1.26 5.65 1.09 6.56 1.07 7.47C1.02 8.64 1 9.01 1 12C1 14.99 1.01 15.36 1.07 16.53C1.09 17.44 1.26 18.35 1.58 19.2C1.86 19.93 2.3 20.6 2.85 21.15C3.41 21.7 4.07 22.14 4.8 22.42C5.65 22.74 6.56 22.91 7.47 22.93C8.64 22.98 9.01 23 12 23C14.99 23 15.36 22.99 16.53 22.93C17.44 22.91 18.35 22.74 19.2 22.42C19.93 22.14 20.6 21.7 21.15 21.15C21.7 20.59 22.14 19.93 22.42 19.2C22.74 18.35 22.91 17.44 22.93 16.53C22.98 15.36 23 14.99 23 12C23 9.01 22.99 8.64 22.93 7.47C22.91 6.56 22.74 5.65 22.42 4.8C22.14 4.07 21.7 3.4 21.15 2.85C20.59 2.3 19.93 1.86 19.2 1.58C18.35 1.26 17.44 1.09 16.53 1.07C15.36 1.02 14.99 1 12 1ZM12 6.35C10.88 6.35 9.79 6.68 8.86 7.3C7.93 7.92 7.21 8.8 6.78 9.84C6.35 10.87 6.24 12.01 6.46 13.1C6.68 14.2 7.22 15.2 8.01 15.99C8.8 16.78 9.81 17.32 10.9 17.54C12 17.76 13.13 17.65 14.16 17.22C15.19 16.79 16.07 16.07 16.7 15.14C17.32 14.21 17.65 13.12 17.65 12C17.65 10.5 17.05 9.06 16 8.01C14.94 6.95 13.5 6.36 12.01 6.36L12 6.35ZM12 15.67C11.27 15.67 10.57 15.45 9.96 15.05C9.36 14.65 8.89 14.07 8.61 13.4C8.33 12.73 8.26 11.99 8.4 11.28C8.54 10.57 8.89 9.92 9.4 9.4C9.91 8.88 10.5
101077 8.54 11.28 8.4C11.99 8.26 12.73 8.33 13.4 8.61C14.07 8.89 14.64 9.36 15.05 9.96C15.45 10.56 15.67 11.27 15.67 12C15.67 12.97 15.28 13.91 14.6 14.59C13.91 15.28 12.98 15.66 12.01 15.66L12 15.67ZM17.87 7.45C18.6 7.45 19.19 6.86 19.19 6.13C19.19 5.4 18.6 4.81 17.87 4.81C17.14 4.81 16.55 5.4 16.55 6.13C16.55 6.86 17.14 7.45 17.87 7.45Z"/>
10108    </svg><span class="sr-only">Instagram</span>
10109        </a>
10110      </li><li><a href="https://www.tiktok.com/@shic_ai" class="social_platform block relative" is="magnet-link" title="Shic on TikTok"><svg class="icon icon-tiktok icon-lg" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
10111      <path d="M10.6315 8.937V13.059C10.1123 12.9221 9.56911 12.9034 9.0418 13.0044C8.5145 13.1054 8.01657 13.3234 7.58473 13.6424C7.15288 13.9613 6.79813 14.3732 6.54661 14.8475C6.2951 15.3218 6.15324 15.8466 6.13148 16.383C6.10175 16.8449 6.17125 17.3078 6.33531 17.7405C6.49938 18.1733 6.7542 18.5659 7.08266 18.892C7.41111 19.2181 7.80557 19.4701 8.23952 19.631C8.67346 19.7919 9.13684 19.8581 9.59848 19.825C10.0648 19.8608 10.5333 19.7949 10.9717 19.6319C11.41 19.4689 11.8078 19.2126 12.1374 18.8809C12.4671 18.5491 12.7208 18.1498 12.881 17.7104C13.0413 17.271 13.1042 16.8021 13.0655 16.336V0H17.1425C17.8355 4.315 19.9935 5.316 22.8825 5.778V9.913C20.8804 9.74881 18.9491 9.09645 17.2575 8.013V16.18C17.2575 19.88 15.0675 24 9.63048 24C8.61045 23.9955 7.60156 23.7875 6.66297 23.3881C5.72437 22.9886 4.87496 22.4059 4.16451 21.6739C3.45407 20.942 2.89689 20.0755 2.52563 19.1254C2.15438 18.1754 1.97652 17.1607 2.00248 16.141C2.03479 15.0794 2.29174 14.0366 2.75639 13.0815C3.22105 12.1265 3.88285 11.2807 4.69819 10.6C5.51352 9.9193 6.46387 9.41915 7.48658 9.1325C8.50929 8.84586 9.58114 8.77923 10.6315 8.937Z"/>
10112    </svg><span class="sr-only">TikTok</span>
10113        </a>
10114      </li></ul></div></div></footer><parallax-overlay class="footer-overlay hidden md:block z-20 absolute left-0 top-0 w-full pointer-events-none" data-target="height" data-start="100%" data-stop="0%"></parallax-overlay></div>
10115
10116
10117</div><div id="shopify-section-sections--23792018129196__footer-copyright" class="shopify-section shopify-section-group-footer-group"><style>
10118  #shopify-section-sections--23792018129196__footer-copyright {
10119    --gradient-background: #000000;
10120    --color-background: 0 0 0;
10121    --color-foreground: 255 255 255;
10122  }
10123</style>
10124
10125<div class="section section--rounded" is="footer-parallax">
10126  <div class="footer-copyright page-width page-width--full w-full flex flex-col items-center justify-between gap-4 lg:gap-0 lg:flex-row relative">
10127    <div class="rte credits text-center">&copy;&nbsp;2026&nbsp;Shic.&nbsp;<a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a><ul class="flex flex-wrap gap-3 justify-center lg:justify-start"><li>
10128                <small>
10129                  <a href="/policies/terms-of-service" class="block reversed-link">Terms of service</a>
10130                </small>
10131              </li><li>
10132                <small>
10133                  <a href="/policies/privacy-policy" class="block reversed-link">Privacy policy</a>
10134                </small>
10135              </li><li>
10136                <small>
10137                  <a href="#shopifyReshowConsentBanner" class="block reversed-link">Cookie preferences</a>
10138                </small>
10139              </li></ul></div><div class="localization flex items-center justify-center flex-col md:flex-row"><div class="grid gap-2"><form method="post" action="/localization" id="localization_country_form_footer" accept-charset="UTF-8" class="localization__form flex items-center relative" enctype="multipart/form-data" is="localization-form"><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="/pages/subscriptions-pricing" /><label class="sr-only" for="LocalizationCountryFormFooter">Country/region</label><svg class="icon icon-currency icon-xs stroke-1 absolute pointer-events-none" viewBox="0 0 16 16" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
10140      <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 2.66675V5.33341C0.666687 6.43808 2.45735 7.33341 4.66669 7.33341C6.87602 7.33341 8.66669 6.43808 8.66669 5.33341V2.66675"></path>
10141      <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 5.3335V8.00016C0.666687 9.10483 2.45735 10.0002 4.66669 10.0002C5.69135 10.0002 6.62535 9.80683 7.33335 9.49016"></path>
10142      <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 8V10.6667C0.666687 11.7713 2.45735 12.6667 4.66669 12.6667C5.69135 12.6667 6.62602 12.474 7.33335 12.1573"></path>
10143      <path stroke-linecap="round" stroke-linejoin="round" d="M4.66669 4.66675C6.87583 4.66675 8.66669 3.77132 8.66669 2.66675C8.66669 1.56218 6.87583 0.666748 4.66669 0.666748C2.45755 0.666748 0.666687 1.56218 0.666687 2.66675C0.666687 3.77132 2.45755 4.66675 4.66669 4.66675Z"></path>
10144      <path stroke-linecap="round" stroke-linejoin="round" d="M7.33337 8V10.6667C7.33337 11.7713 9.12404 12.6667 11.3334 12.6667C13.5427 12.6667 15.3334 11.7713 15.3334 10.6667V8"></path>
10145      <path stroke-linecap="round" stroke-linejoin="round" d="M7.33337 10.6667V13.3334C7.33337 14.4381 9.12404 15.3334 11.3334 15.3334C13.5427 15.3334 15.3334 14.4381 15.3334 13.3334V10.6667"></path>
10146      <path stroke-linecap="round" stroke-linejoin="round" d="M11.3334 10C13.5425 10 15.3334 9.10457 15.3334 8C15.3334 6.89543 13.5425 6 11.3334 6C9.12424 6 7.33337 6.89543 7.33337 8C7.33337 9.10457 9.12424 10 11.3334 10Z"></path>
10147    </svg><select class="localization__item cursor-pointer leading-tight w-full" name="country_code" id="LocalizationCountryFormFooter"><option value="AU">Australia (AUD $)
10148                  </option><option value="AT">Austria (EUR €)
10149                  </option><option value="BE">Belgium (EUR €)
10150                  </option><option value="CA">Canada (CAD $)
10151                  </option><option value="CZ">Czechia (CZK Kč)
10152                  </option><option value="DK">Denmark (DKK kr.)
10153                  </option><option value="FI">Finland (EUR €)
10154                  </option><option value="FR">France (EUR €)
10155                  </option><option value="DE">Germany (EUR €)
10156                  </option><option value="HK">Hong Kong SAR (HKD $)
10157                  </option><option value="IE">Ireland (EUR €)
10158                  </option><option value="IL">
10158Israel (ILS ₪)
10159                  </option><option value="IT">Italy (EUR €)
10160                  </option><option value="JP">Japan (JPY ¥)
10161                  </option><option value="MY">Malaysia (MYR RM)
10162                  </option><option value="NL" selected>Netherlands (EUR €)
10163                  </option><option value="NZ">New Zealand (NZD $)
10164                  </option><option value="NO">Norway (USD $)
10165                  </option><option value="PL">Poland (PLN zł)
10166                  </option><option value="PT">Portugal (EUR €)
10167                  </option><option value="SG">Singapore (SGD $)
10168                  </option><option value="KR">South Korea (KRW ₩)
10169                  </option><option value="ES">Spain (EUR €)
10170                  </option><option value="SE">Sweden (SEK kr)
10171                  </option><option value="CH">Switzerland (CHF CHF)
10172                  </option><option value="AE">United Arab Emirates (AED د.إ)
10173                  </option><option value="GB">United Kingdom (GBP £)
10174                  </option><option value="US">United States (USD $)
10175                  </option></select><svg class="icon icon-chevron-down icon-xs absolute pointer-events-none" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg">
10176      <path stroke-linecap="round" stroke-linejoin="round" d="M6 9L12 15L18 9"></path>
10177    </svg></form><noscript>
10178              <button class="button button--primary button--small w-full" type="submit" form="localization_country_form_footer">Update country/region</button>
10179            </noscript>
10180          </div></div><ul class="payment-icons flex flex-wrap justify-center gap-2 xl:gap-3"><li><svg 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>
10181</li><li><svg 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 
101810 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>
10182</li><li><svg 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-.
10182001.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></li><li><svg 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></li><li><svg 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></li><li><svg 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.
1018206zM23.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>
10183</li><li><svg 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
101837 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></li><li><svg 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>
10184</li><li><svg 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"/>
10184<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></li><li><svg 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>
10185</li><li><svg 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 
1018516.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>
10186</li></ul></div>
10187</div>
10188
10189
10190</div>
10191<!-- END sections: footer-group --></footer-group>
10192  </div>
10193
10194  <ul hidden>
10195    <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
10196    <li id="a11y-new-window-message">Opens in a new window.</li>
10197  </ul>
10197<script src="//shic.ai/cdn/shop/t/45/assets/instant-page.js?v=99963444960178710701733043660" type="module" fetchpriority="low" defer="defer"></script>
10197<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10197
10198</body>
10199</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.