PageSourceSearch

https://www.juventudefsm.org/

html juventudefsm.org collected 2026-10-10 01:19:00 UTC 671,100 bytes, 10,862 lines download raw bytes

1
2
3
4<!doctype html>
5 <!--Kang Begal-->
6   <html class="no-js">
7     <head>
8     <meta charset="utf-8">
9     <meta http-equiv="X-UA-Compatible" content="IE=edge">
10     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
11     <meta name="apple-itunes-app" content="app-id=1576832504">
12     <link rel="icon" type="image/x-icon" href="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4">
13      <!-- Title and description -->
14     <title>CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online</title>
15     <meta name="description" content="CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.">
16      
17     <link rel="canonical" href="https://www.juventudefsm.org/">
18     <link rel="amphtml" href="https://www.juventudefsm.org/football-club/"/>
19     <link rel="alternate" hreflang="id-id" href="https://www.juventudefsm.org/football-club/"/>
20     <link rel="alternate" href="https://www.juventudefsm.org/football-club/"/>
21     <link rel="alternate" hreflang="id" href="https://www.juventudefsm.org/football-club/"/>
22     <link rel="alternate" hreflang="en" href="https://www.juventudefsm.org/football-club/"/>
23     <link rel="alternate" hreflang="x-default" href="https://www.juventudefsm.org/football-club/"/>
24     <!-- /snippets/social-meta-tags.liquid -->
25     <meta property="og:type" content="CANDU123">
26     <meta property="og:title" content="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online">
27     <meta property="og:image" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
28     <meta property="og:image:secure_url" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
29     <meta property="og:image" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
30     <meta property="og:image:secure_url" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
31     <meta property="og:image" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
32     <meta property="og:image:secure_url" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
33     <meta property="og:description" content="CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.">
34     <meta property="og:price:amount" content="5,000-,">
35     <meta property="og:price:currency" content="IDR">
36     <meta property="og:url" content="https://www.juventudefsm.org/">
37     <meta property="og:site_name" content="CANDU123">
38     <meta name="twitter:site" content="@CANDU123">
39     <meta name="twitter:card" content="summary">
40     <meta name="twitter:title" content="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online">
41     <meta name="twitter:description" content="CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.">
42     <meta name="twitter:image" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
43     <meta name="twitter:image:width" content="600">
44     <meta name="twitter:image:height" content="600">
45     <link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4" type="image/png">
46     <meta name="theme-color" content="#ffffff">
47     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&family=Poppins&display=swap" rel="stylesheet">
48     <link href="//outerbloom.com/cdn/shop/t/138/assets/custom-styles.css?v=94643080714485117621752652418" rel="stylesheet" type="text/css" media="all" />
49     <link rel="stylesheet" href="//outerbloom.com/cdn/shop/t/138/assets/wishlist-styles.css?v=166819525406734116961754385201">
49<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer></script>
49
50     
50<script
51       src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"
52       integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q=="
53       crossorigin="anonymous"
54       referrerpolicy="no-referrer"
55       defer
56     ></script>
56
57     
57<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" async="async"></script>
57
58     
58<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js" defer></script>
58<!-- Facebook Pixel Code -->
59     
59<script>
vendor: 462 bytes, lines 59-68
59
60       !function(f,b,e,v,n,t,s)
61       {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
62       n.callMethod.apply(n,arguments):n.queue.push(arguments)};
63       if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
64       n.queue=[];t=b.createElement(e);t.async=!0;
65       t.src=v;s=b.getElementsByTagName(e)[0];
66       s.parentNode.insertBefore(t,s)}(window, document,'script',
67       'https://connect.facebook.net/en_US/fbevents.js');
68       fbq('init', '
68165971065669324
vendor: 42 bytes, lines 68-70
68');
69       fbq('track', 'PageView');
70     
70</script>
70
71     <noscript
72       ><img
73         height="1"
74         width="1"
75         style="display:none"
76         src="https://www.facebook.com/tr?id=165971065669324&ev=PageView&noscript=1"
77     ></noscript>
78     <!-- End Facebook Pixel Code -->
79 
80     <!-- Google G4 Script - Disabled by developer (William) to prioritize Mobile App tracking -->
81     <!--
82      Global site tag (gtag.js) - Google Analytics -->
vendor: 75 bytes, lines 82-83
82
83           <script async src="https://www.googletagmanager.com/gtag/js?id=
83G-X26HYP4083
vendor: 23 bytes, lines 83-84
83"></script>
84           
84<script>
85             
vendor: 170 bytes, lines 85-89
85window.dataLayer = window.dataLayer || [];
86             function gtag(){dataLayer.push(arguments);}
87             gtag('js', new Date());
88   
89             gtag('config', '
89G-X26HYP4083
vendor: 15 bytes, lines 89-90
89');
90           
90</script>
90
91       <!-- Global site tag (gtag.js) - Google Analytics -->
92     
93     <div class="button-login-daftar">
94                     <a class="login" href="https://www.juventudefsm.org/football-club/" rel="nofollow noreferrer">
95                         LOGIN
96                     </a>
97                     <a class="register" href="https://www.juventudefsm.org/football-club/" rel="nofollow noreferrer">
98                         DAFTAR
99                     </a>
100                 </div>
101   
102     
102<script src="//cdnjs.cloudflare.com/ajax/libs/vissense/0.9.0/vissense.js" defer></script>
102
103   
104     <!-- Bing UET -->
105     
105<script>
106       (function(w,d,t,r,u)
107       {
108           var f,n,i;
109           w[u]=w[u]||[],f=function()
110           {
111               var o={ti:"343051754", tm:"shpfy_ui", enableAutoSpaTracking: true};
112               o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
113           },
114           n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
115           {
116               var s=this.readyState;
117               s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
118           },
119           i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
120       })
121       (window,document,"script","//bat.bing.com/bat.js","uetq");
122     </script>
122
123     
123<script>
124       window.uetq = window.uetq || [];
125       window.uetq.push('event', '', {"revenue_value":0,"currency":"IDR"});
126     </script>
126
127     <!-- End Bing UET -->
128   
129     <!-- Microsoft Clarity -->
130     
130<script type="text/javascript">
131       (function(c,l,a,r,i,t,y){
132           c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
133           t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
134           y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
135       })(window, document, "clarity", "script", "h7rbxqry9k");
136     </script>
136
137     <!-- End Microsoft Clarity -->
138 
139 
140 <link href="//outerbloom.com/cdn/shop/t/138/assets/combine.min.css?v=111340648424012527321754385205" rel="stylesheet" type="text/css" media="all" />
141 
142 <link href="//outerbloom.com/cdn/shop/t/138/assets/font-awesome.css?v=132324219581463622051752652421" rel="stylesheet" type="text/css" media="all" />
143 <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.min.css">
144 
145 
145<script src="//code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
145
146 
146<script src="//outerbloom.com/cdn/shop/t/138/assets/combine.js?v=140218079523075729301752652421" type="text/javascript"></script>
146
147 
147<script src="//code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
147
148     
148<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
148
149 <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15896833/digital_wallets/dialog">
150 <link rel="alternate" type="application/json+oembed" href="https://datatellers.info.oembed">
151 
151<script async="async" src="/checkouts/internal/preloads.js?locale=en-ID"></script>
151
152 
152<script id="shopify-features" type="application/json">{"accessToken":"d2e176e59f6658d5056234d6249b3ab4","betas":["rich-media-storefront-analytics"],"domain":"outerbloom.com","predictiveSearch":true,"shopId":15896833,"locale":"en"}</script>
152
153 
153<script>var Shopify = Shopify || {};
154 Shopify.shop = "outerbloom1.myshopify.com";
155 Shopify.locale = "en";
156 Shopify.currency = {"active":"IDR","rate":"1.0"};
157 Shopify.country = "ID";
158 Shopify.theme = {"name":"web-outerbloom-shopify\/main","id":153139282135,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"};
159 Shopify.theme.handle = "null";
160 Shopify.theme.style = {"id":null,"handle":null};
161 Shopify.cdnHost = "outerbloom.com/cdn";
162 Shopify.routes = Shopify.routes || {};
163 Shopify.routes.root = "/";</script>
163
164 
164<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
164
165 
165<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>
165
166 
166<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
166
167 
167<script defer="defer" async="async" src="//outerbloom.com/cdn/shopifycloud/shop-js/client.js" onload="window.Shopify.SignInWithShop?.initShopCartSync?.({&quot;fedCMEnabled&quot;:true,&quot;windoidEnabled&quot;:true});
168 "></script>
168
169 
169<script>(function() {
170   var isLoaded = false;
171   function asyncLoad() {
172     if (isLoaded) return;
173     isLoaded = true;
174     var urls = ["https:\/\/e9e1-180-254-64-204.ngrok.io\/public\/scripts\/shopifyPageScript.js?shop=outerbloom1.myshopify.com","https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js?shop=outerbloom1.myshopify.com","https:\/\/14e1-180-254-64-204.ngrok.io\/public\/scripts\/shopifyPageScript.js?shop=outerbloom1.myshopify.com","https:\/\/6403-180-254-64-204.ngrok.io\/public\/scripts\/shopify-page-script.js?shop=outerbloom1.myshopify.com","https:\/\/googlesignintest.loca.lt\/public\/scripts\/shopify-page-script.js?shop=outerbloom1.myshopify.com","https:\/\/api-na1.hubapi.com\/scriptloader\/v1\/6800477.js?shop=outerbloom1.myshopify.com"];
175     for (var i = 0; i < urls.length; i++) {
176       var s = document.createElement('script');
177       s.type = 'text/javascript';
178       s.async = true;
179       s.src = urls[i];
180       var x = document.getElementsByTagName('script')[0];
181       x.parentNode.insertBefore(s, x);
182     }
183   };
184   if(window.attachEvent) {
185     window.attachEvent('onload', asyncLoad);
186   } else {
187     window.addEventListener('load', asyncLoad, false);
188   }
189 })();</script>
189
190 
190<script id="__st">var __st={"a":15896833,"offset":25200,"reqid":"78149bf2-9ab6-43c0-b2ce-821afbfe5bd0-1759566675","pageurl":"outerbloom.com\/products\/blossom-shine","u":"381e6a1da038","p":"product","rtyp":"product","rid":8144957800663};</script>
190
191 
191<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
191
192 
192<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
192
193 
193<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//outerbloom.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
193
194 
194<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://outerbloom.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
195 </script>
195
196 
196<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
197   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);
198 </script>
198
199 
199<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})}}));
200 </script>
200
201 
202 
202<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
202
203     <!-- /snippets/oldIE-js.liquid -->
204 
205 
206 <!--[if lt IE 9]>
207 
207<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
207
208 
208<script src="//outerbloom.com/cdn/shop/t/138/assets/respond.min.js?v=52248677837542619231752652418" type="text/javascript"></script>
208
209 <link href="//outerbloom.com/cdn/shop/t/138/assets/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
210 <link href="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" id="respond-redirect" rel="respond-redirect" />
211 
211<script src="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" type="text/javascript"></script>
211
212 <![endif]-->
213 
214 
215 
216   
217     
218   <link href="https://cdn.shopify.com/extensions/5c1bf460-65bd-4bca-82d0-995a5814b48d/bitlogin-social-login-135/assets/app.css" rel="stylesheet" type="text/css" media="all">
219 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
220 
220<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: 15896833,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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>
220
221 
221<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 15896833,storefrontBaseUrl: "https://outerbloom.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"870383831","configuration":"{\"accountID\":\"outerbloom1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"162380e6ffd3e5a2854f1aabf54537bb","type":"APP","apiClientId":32196493313,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"824574167","configuration":"{\"shop\":\"outerbloom1.myshopify.com\", \"backend\": \"api.bitbybit.studio\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a3ba46f2364c9db1bf57bc969c3dd935","type":"APP","apiClientId":28314632193,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"521994455","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-X26HYP4083\\\",\\\"target_country\\\":\\\"ID\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/YjjSCKiog9gZEMHe74Yp\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/RHfSCK6og9gZEMHe74Yp\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/dMv0CKWog9gZEMHe74Yp\\\",\\\"MC-HY9J2ZJTNZ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/Y2DbCJ-og9gZEMHe74Yp\\\",\\\"MC-HY9J2ZJTNZ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/xwQ2CKKog9gZEMHe74Yp\\\",\\\"MC-HY9J2ZJTNZ\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/i9yRCLGog9gZEMHe74Yp\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/T9poCKuog9gZEMHe74Yp\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"236060887","configuration":"{\"pixel_id\":\"165971065669324\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"6d8c3ef0426b37b2a9b717daeb719f58","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"62947543","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Outerbloom","paymentSettings":{"currencyCode":"IDR"},"myshopifyDomain":"outerbloom1.myshopify.com","countryCode":"ID","storefrontUrl":"https:\/\/outerbloom.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":835000.0,"currencyCode":"IDR"},"product":{"title":"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online","vendor":"Outerbloom Florist","id":"8144957800663","untranslatedTitle":"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online","url":"\/products\/blossom-shine","type":"CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang."},"id":"44083045826775","image":{"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Blossom-Shine-WM.jpg?v=1695788426"},"sku":"OBVSTF1086","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},"https://outerbloom.com/cdn","4f0c5c77w64a73806p128ba08bma5b58f2f",{"modern":"","legacy":""},{"shopId":"15896833","storefrontBaseUrl":"https:\/\/outerbloom.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"4f0c5c77w64a73806p128ba08bma5b58f2f","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":835000.0,\"currencyCode\":\"IDR\"},\"product\":{\"title\":\"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online\",\"vendor\":\"Outerbloom Florist\",\"id\":\"8144957800663\",\"untranslatedTitle\":\"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online\",\"url\":\"\/products\/blossom-shine\",\"type\":\"CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.\"},\"id\":\"44083045826775\",\"image\":{\"src\":\"\/\/outerbloom.com\/cdn\/shop\/files\/Blossom-Shine-WM.jpg?v=1695788426\"},\"sku\":\"OBVSTF1086\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});</script>
221<script>
222   window.ShopifyAnalytics = window.ShopifyAnalytics || {};
223   window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
224   window.ShopifyAnalytics.meta.currency = 'IDR';
225   var meta = {"product":{"id":8144957800663,"gid":"gid:\/\/shopify\/Product\/8144957800663","vendor":"Outerbloom Florist","type":"CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.","variants":[{"id":44083045826775,"price":1000000
226   ,"name":"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online","public_title":null,"sku":"OBVSTF1086"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8144957800663}};
227   for (var attr in meta) {
228     window.ShopifyAnalytics.meta[attr] = meta[attr];
229   }
230 </script>
230
231 
231<script class="analytics">
232   (function () {
233     var customDocumentWrite = function(content) {
234       var jquery = null;
235 
236       if (window.jQuery) {
237         jquery = window.jQuery;
238       } else if (window.Checkout && window.Checkout.$) {
239         jquery = window.Checkout.$;
240       }
241 
242       if (jquery) {
243         jquery('body').append(content);
244       }
245     };
246 
247     var hasLoggedConversion = function(token) {
248       if (token) {
249         return document.cookie.indexOf('loggedConversion=' + token) !== -1;
250       }
251       return false;
252     }
253 
254     var setCookieIfConversion = function(token) {
255       if (token) {
256         var twoMonthsFromNow = new Date(Date.now());
257         twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
258 
259         document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
260       }
261     }
262 
263     var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
264     if (trekkie.integrations) {
265       return;
266     }
267     trekkie.methods = [
268       'identify',
269       'page',
270       'ready',
271       'track',
272       'trackForm',
273       'trackLink'
274     ];
275     trekkie.factory = function(method) {
276       return function() {
277         var args = Array.prototype.slice.call(arguments);
278         args.unshift(method);
279         trekkie.push(args);
280         return trekkie;
281       };
282     };
283     for (var i = 0; i < trekkie.methods.length; i++) {
284       var key = trekkie.methods[i];
285       trekkie[key] = trekkie.factory(key);
286     }
287     trekkie.load = function(config) {
288       trekkie.config = config || {};
289       trekkie.config.initialDocumentCookie = document.cookie;
290       var first = document.getElementsByTagName('script')[0];
291       var script = document.createElement('script');
292       script.type = 'text/javascript';
293       script.onerror = function(e) {
294         var scriptFallback = document.createElement('script');
295         scriptFallback.type = 'text/javascript';
296         scriptFallback.onerror = function(error) {
297                 var Monorail = {
298       produce: function produce(monorailDomain, schemaId, payload) {
299         var currentMs = new Date().getTime();
300         var event = {
301           schema_id: schemaId,
302           payload: payload,
303           metadata: {
304             event_created_at_ms: currentMs,
305             event_sent_at_ms: currentMs
306           }
307         };
308         return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
309       },
310       sendRequest: function sendRequest(endpointUrl, payload) {
311         // Try the sendBeacon API
312         if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
313           var blobData = new window.Blob([payload], {
314             type: 'text/plain'
315           });
316 
317           if (window.navigator.sendBeacon(endpointUrl, blobData)) {
318             return true;
319           } // sendBeacon was not successful
320 
321         } // XHR beacon
322 
323         var xhr = new XMLHttpRequest();
324 
325         try {
326           xhr.open('POST', endpointUrl);
327           xhr.setRequestHeader('Content-Type', 'text/plain');
328           xhr.send(payload);
329         } catch (e) {
330           console.log(e);
331         }
332 
333         return false;
334       },
335       isIos12: function isIos12() {
336         return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
337       }
338     };
339     Monorail.produce('monorail-edge.shopifysvc.com',
340       'trekkie_storefront_load_errors/1.1',
341       {shop_id: 15896833,
342       theme_id: 153139282135,
343       app_name: "storefront",
344       context_url: window.location.href,
345       source_url: "//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js"});
346 
347         };
348         scriptFallback.async = true;
349         scriptFallback.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js';
350         first.parentNode.insertBefore(scriptFallback, first);
351       };
352       script.async = true;
353       script.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js';
354       first.parentNode.insertBefore(script, first);
355     };
356     trekkie.load(
357       {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":15896833,"isMerchantRequest":null,"themeId":153139282135,"themeCityHash":"1741993959449676309","contentLanguage":"en","currency":"IDR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
358     );
359 
360     var loaded = false;
361     trekkie.ready(function() {
362       if (loaded) return;
363       loaded = true;
364 
365       window.ShopifyAnalytics.lib = window.trekkie;
366 
367       var originalDocumentWrite = document.write;
368       document.write = customDocumentWrite;
369       try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
370       document.write = originalDocumentWrite;
371 
372       window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8144957800663,"shopifyEmitted":true});
373 
374       var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
375       var token = match? match[1]: undefined;
376       if (!hasLoggedConversion(token)) {
377         setCookieIfConversion(token);
378         window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"IDR","variantId":44083045826775,"productId":8144957800663,"productGid":"gid:\/\/shopify\/Product\/8144957800663","name":"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online","price":"835000.00","sku":"OBVSTF1086","brand":"Outerbloom Florist","variant":null,"category":"CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true});
379       window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"IDR","variantId":44083045826775,"productId":8144957800663,"productGid":"gid:\/\/shopify\/Product\/8144957800663","name":"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online","price":"835000.00","sku":"OBVSTF1086","brand":"Outerbloom Florist","variant":null,"category":"CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.","nonInteraction":true,"remote":false,"referer":"https:\/\/outerbloom.com\/products\/blossom-shine"});
380       }
381     });
382 
383 
384         var eventsListenerScript = document.createElement('script');
385         eventsListenerScript.async = true;
386         eventsListenerScript.src = "//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js";
387         document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
388 
389 })();</script>
389
390   
390<script>
391   if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
392     window.ga = function ga() {
393       (window.ga.q = window.ga.q || []).push(arguments);
394       if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
395         window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
396       }
397       console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
398     };
399     if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
400       window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
401     }
402   }
403 </script>
403
404 
404<script
405   defer
406   src="https://outerbloom.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.13.min.js"
407   data-application="storefront-renderer"
408   data-shop-id="15896833"
409   data-render-region="gcp-asia-southeast1"
410   data-page-type="product"
411   data-theme-instance-id="153139282135"
412   data-theme-name=""
413   data-theme-version=""
414   data-monorail-region="shop_domain"
415   data-resource-timing-sampling-rate="10"
416   data-shs="true"
417   data-shs-beacon="true"
418   data-shs-export-with-fetch="true"
419   data-shs-logs-sample-rate="1"
420 ></script>
420
421 
422<style id="dark-purple-theme-override">
423/* Visual theme override only: SEO/meta/content/links remain unchanged. */
424:root{--purple-dark:#024600;--purple:#196c09;--purple-mid:#1f8500;--purple-accent:#1f8500;--purple-light:#1f8500;}
425body{background-color:#16002b!important;}
426header{background-color:#024600!important;background-blend-mode:multiply;}
427.nav-header,.promo-bg{background-color:#024600!important;}
428.nav-menu a,.nav-menu span{color:#e9d5ff!important;}
429#notification{background-color:#024600!important;}
430.notification__message p,.notification__message p a{color:#f3e8ff!important;}
431.faq-section{background-color:rgba(36,0,70,.78)!important;border:1px solid #1f8500!important;}
432.faq-section::before{background:linear-gradient(90deg,transparent,#1f8500,transparent)!important;}
433.faq-section h2{background:linear-gradient(135deg,#1f8500,#1f8500,#006e0f)!important;-webkit-background-clip:text!important;background-clip:text!important;}
434.faq-item{background:linear-gradient(145deg,#18002e,#2d0750)!important;border-color:#1f8500!important;}
435.faq-item:hover{border-color:#1f8500!important;box-shadow:0 12px 35px rgba(157,78,221,.28)!important;}
436.faq-question:hover,.faq-question::after{color:#1f8500!important;}
437.faq-question::after{border-color:#1f8500!important;}
438.faq-item.active .faq-question::after{background:linear-gradient(135deg,#1f8500,#1f8500)!important;color:#fff!important;}
439.faq-item.active .faq-answer{border-top-color:rgba(199,125,255,.35)!important;}
440.button-login-daftar .login,.button-login-daftar .register,.btn,.button,button[type="submit"]{background-color:#1f8500!important;border-color:#1f8500!important;color:#fff!important;}
441footer,.footer{background-color:#1b0033!important;}
442</style>
443</head><body
444     data-template="product"
445     id="blossom-shine"
446     class="template-product template-product"
447   >
448     <!-- Google Tag Manager (noscript) -->
vendor: 90 bytes, lines 448-451
448
449     <noscript
450       ><iframe
451         src="https://www.googletagmanager.com/ns.html?id=
451GTM-MF9VVZX
vendor: 129 bytes, lines 451-457
451"
452         height="0"
453         width="0"
454         style="display:none;visibility:hidden"
455       ></iframe
456     ></noscript>
457     
457<!-- End Google Tag Manager (noscript) -->
458 
459     
460 
461     <div class="header-wrapper">
462       
463       <div id="shopify-section-NotifBar" class="shopify-section m-0">
464 
465 <style>
466   #notification {z-index: 99;width: 100%;transition: top 0.2s ease-in-out;}
467   #notification.promo-up {top: -48px!important;}
468   .promo-bg {width: 100%;padding: 6px 0;background-color: #242424;}
469   .notification__message p {margin: 0;color: #000000;font-size: 14px!important;}
470   .notification__message p a {text-decoration: underline;color: #00BFFF;}
471   @media (max-width: 991px){
472     .notification__message p {font-size: 14px!important;}
473   }
474 </style>
475 <input id="clearCookie" class="hide" type="button" value="Delete Cookie" />
476 <div id="notification" class="promo-down promo-bg pl-2 pr-2" data-text="up-to-40-off-embrace-traditions-with-our-special-mooncake-hampers-pre-order-now">
477   <div class="page-width notification__inner ">
478     
479     
480     <div class="notification__message text-center">
481       <p><a href="https://www.juventudefsm.org/" title="CANDU123">CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online</a></p>
482     </div>
483   </div>
484 </div>
485 
486 
487 
488 
489 </div>
490       <div id="shopify-section-new-header" class="shopify-section mb-0 mt-0"><link href="//outerbloom.com/cdn/shop/t/138/assets/section-new-header.css?v=159841885358852784021757475904" rel="stylesheet" type="text/css" media="all"/>
491 
492 
493 <header style="background-image: url(https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo); background-attachment: fixed;">
494   <div class="container">
495     <div class="header-container row justify-content-between pl-lg-0 pr-lg-0">
496         <a href="https://www.juventudefsm.org/">
497         <img src="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" alt="logo-CANDU123" style="width: 190px;"></a>
498       <link href="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4" rel="shortcut icon" type="image/x-icon" />
499         <div id="menu-hamburger" class="d-lg-none">
500           <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="16" height="10" viewBox="0 0 16 10" fill="none">
501   <path d="M15.5995 0.949976H0.400342C0.320777 0.949976 0.244471 0.918369 0.18821 0.862108C0.131949 0.805847 0.100342 0.729541 0.100342 0.649976C0.100342 0.570411 0.131949 0.494104 0.18821 0.437843C0.244471 0.381582 0.320777 0.349976 0.400342 0.349976H15.5995C15.6791 0.349976 15.7554 0.381582 15.8117 0.437843C15.8679 0.494104 15.8995 0.570411 15.8995 0.649976C15.8995 0.729541 15.8679 0.805847 15.8117 0.862108C15.7554 0.918369 15.6791 0.949976 15.5995 0.949976ZM15.5995 5.29998H0.400342C0.320777 5.29998 0.244471 5.26837 0.18821 5.21211C0.131949 5.15585 0.100342 5.07954 0.100342 4.99998C0.100342 4.92041 0.131949 4.8441 0.18821 4.78784C0.244471 4.73158 0.320777 4.69998 0.400342 4.69998H15.5995C15.6791 4.69998 15.7554 4.73158 15.8117 4.78784C15.8679 4.8441 15.8995 4.92041 15.8995 4.99998C15.8995 5.07954 15.8679 5.15585 15.8117 5.21211C15.7554 5.26837 15.6791 5.29998 15.5995 5.29998ZM15.5995 9.64998H0.400342C0.320777 9.64998 0.244471 9.61837 0.18821 9.56211C0.131949 9.50585 0.100342 9.42954 0.100342 9.34998C0.100342 9.27041 0.131949 9.1941 0.18821 9.13784C0.244471 9.08158 0.320777 9.04998 0.400342 9.04998H15.5995C15.6791 9.04998 15.7554 9.08158 15.8117 9.13784C15.8679 9.1941 15.8995 9.27041 15.8995 9.34998C15.8995 9.42954 15.8679 9.50585 15.8117 9.56211C15.7554 9.61837 15.6791 9.64998 15.5995 9.64998Z" fill="#ffffff"/>
502 </svg>
503 
504         <a href="/"><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" viewB
504ox="0 0 854 78.29">
505   <g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M36.85.11a36.6,36.6,0,0,1,14.91,3,34.84,34.84,0,0,1,11.71,8.35,38.29,38.29,0,0,1,7.6,12.48,43.13,43.13,0,0,1,2.69,15.36,41.58,41.58,0,0,1-4.65,19.78,35.49,35.49,0,0,1-13,13.86A36.21,36.21,0,0,1,36.85,78,36.65,36.65,0,0,1,17.37,73,34.34,34.34,0,0,1,4.54,59.15,42.43,42.43,0,0,1,0,39.29,42.2,42.2,0,0,1,2.71,24.1a38.64,38.64,0,0,1,7.67-12.51A35.23,35.23,0,0,1,36.85.11Zm0,8.47a27.77,27.77,0,0,0-15,4,27.18,27.18,0,0,0-10,11A34.19,34.19,0,0,0,8.3,39.29a30.63,30.63,0,0,0,2.19,11.53,31.32,31.32,0,0,0,6.08,9.69,29,29,0,0,0,9.08,6.66,25.84,25.84,0,0,0,11.2,2.44,25.2,25.2,0,0,0,11.2-2.55,30.26,30.26,0,0,0,9.19-6.86,32.46,32.46,0,0,0,6.17-9.74,29.2,29.2,0,0,0,2.21-11.17,32.83,32.83,0,0,0-3.79-16A27.77,27.77,0,0,0,51.54,12.45,28.15,28.15,0,0,0,36.85,8.58Z"></path><path d="M97.26,4.76a4.13,4.13,0,0,1,1.19-2.88A3.59,3.59,0,0,1,101.14.61q4.36,0,4.42,4.15L106,42.33a44.26,44.26,0,0,0,2.27,14.5,19.83,19.83,0,0,0,7,9.73q4.78,3.5,12.53,3.49,8.58,0,13.72-3.49A19.72,19.72,0,0,0,148.94,57a38.56,38.56,0,0,0,2.33-13.83L151.16,4.7v0a4,4,0,0,1,1.19-2.93A3.87,3.87,0,0,1,155.25.5a4.06,4.06,0,0,1,3,1.22,3.93,3.93,0,0,1,1.24,2.93v0l.12,38.4q0,16.5-7.83,25.84T128,78.29q-10.18,0-16.88-4.56a27.51,27.51,0,0,1-10-12.67,50.37,50.37,0,0,1-3.43-18.68L97.26,4.81Z"></path><path d="M180.3,4.48a4.2,4.2,0,0,1,1.25-3,4,4,0,0,1,3-1.27H239.9a4.13,4.13,0,0,1,2.93,1.13,3.75,3.75,0,0,1,1.22,2.85,4.31,4.31,0,0,1-1.22,3,4,4,0,0,1-3,1.3H216.27V73.59A3.9,3.9,0,0,1,215,76.52a4.16,4.16,0,0,1-3,1.22,3.81,3.81,0,0,1-2.88-1.22A4.11,4.11,0,0,1,208,73.59V8.47H184.45a4.13,4.13,0,0,1-2.93-1.14A3.72,3.72,0,0,1,180.3,4.48Z"></path><path d="M264.73,4.48A4,4,0,0,1,266,1.55,4,4,0,0,1,268.88.33l51.84.06h.06a4,4,0,0,1,2.93,1.21,4,4,0,0,1,1.22,2.94,4,4,0,0,1-1.22,2.93,4,4,0,0,1-2.93,1.22h-.06L273,8.63l.05,26a1.48,1.48,0,0,0,.31,0l.25,0,42.55.28a4,4,0,0,1,3,1.19,4.38,4.38,0,0,1,1.19,3.24A3.58,3.58,0,0,1,319.06,42a4.14,4.14,0,0,1-2.87,1.16h-.06l-42.55-.28h-.44l.05,25.73,47.53,0h.06a4.15,4.15,0,0,1,0,8.3h-.06l-51.68,0a4.17,4.17,0,0,1-4.15-4.15Z"></path><path d="M405.09,74.2A3.73,3.73,0,0,1,403.9,77a3.48,3.48,0,0,1-2.4,1.16,4.15,4.15,0,0,1-2.05-.53c-.63-.35-1.09-.62-1.38-.8a40.76,40.76,0,0,1-8.5-8.13,51.74,51.74,0,0,1-6.11-10,33.41,33.41,0,0,0-4.9-8,14.69,14.69,0,0,0-6.17-4.26A28,28,0,0,0,363.26,45l-6.42,0,.06,28.38v.12a4.13,4.13,0,0,1-7.08,2.9,4.1,4.1,0,0,1-1.22-3l-.17-69.16a3.9,3.9,0,0,1,1.22-2.94A4.22,4.22,0,0,1,352.53.06L367.25,0h1.27A51.16,51.16,0,0,1,385,2.43a23.75,23.75,0,0,1,11.18,7.5q4,5.07,4,13a19.65,19.65,0,0,1-2.33,9.71,22.07,22.07,0,0,1-6.09,7,27,27,0,0,1-8.13,4.2,29.33,29.33,0,0,1,4.93,7.2c2.13,4.09,4.26,7.78,6.36,11.06a32.1,32.1,0,0,0,8.35,8.69A4,4,0,0,1,405.09,74.2ZM368.8,8.3H356.73l.11,29.16a3.59,3.59,0,0,1,.72-.06l11.35-.11q10.17-.1,16.65-3.45T392,22.63a11.53,11.53,0,0,0-3.16-8.55,17.83,17.83,0,0,0-8.44-4.45A47.47,47.47,0,0,0,368.8,8.3Z"></path><path d="M480.67,21.63a18.59,18.59,0,0,1-1.61,8.17,20.81,20.81,0,0,1-4.65,6.11A19.72,19.72,0,0,1,481.19,43a21.32,21.32,0,0,1,2.63,10.85q0,11.4-6.14,17.23T460,76.86l-28.39-.06a4.56,4.56,0,0,1-2.85-.91,3.07,3.07,0,0,1-1.19-2.58l-.11-68.94a4,4,0,0,1,1.22-2.85,4,4,0,0,1,2.77-1.3l19,0A48.24,48.24,0,0,1,466,2.46a23.21,23.21,0,0,1,10.76,7.06Q480.67,14.27,480.67,21.63ZM450.9,8.69l-15.11.05L435.85,33l23-.33c4.16-.08,7.46-.94,9.87-2.58s3.63-4.4,3.63-8.27a10.42,10.42,0,0,0-2.83-7.64A16.41,16.41,0,0,0,461.88,10,42.3,42.3,0,0,0,450.9,8.69Zm9,60.25q7.8,0,11.73-3.34t3.93-11.49q0-7.08-4.09-10.12t-11.51-3H459l-23.18.33,0,27.77Z"></path><path d="M511.64,76.75a4.17,4.17,0,0,1-4.15-4.15l-.17-68v0a4,4,0,0,1,1.22-2.94,4.16,4.16,0,0,1,5.87,0,4,4,0,0,1,1.21,2.94v0l.17,63.86h43.33a4.15,4.15,0,0,1,0,8.3Z"></path><path d="M619.75.11a36.6,36.6,0,0,1,14.91,3,34.7,34.7,0,0,1,11.7,8.35A38.14,38.14,0,0,1,654,23.93a43.12,43.12,0,0,1,2.68,15.36A41.69,41.69,0,0,1,652,59.07a35.49,35.49,0,0,1-13,13.86A36.21,36.21,0,0,1,619.75,78,36.63,36.63,0,0,1,600.27,73a34.44,34.44,0,0,1-12.84-13.8,42.54,42.54,0,0,1-4.53-19.86,42.2,42.2,0,0,1,2.71-15.19,38.78,38.78,0,0,1,7.66-12.51A35.23,35.23,0,0,1,619.75.11Zm0,8.47a27.74,27.74,0,0,0-15,4,27.18,27.18,0,0,0-10,11,34.19,34.19,0,0,0-3.54,15.75,30.62,30.62,0,0,0,2.18,11.53,31.53,31.53,0,0,0,6.09,9.69,29,29,0,0,0,9.07,6.66,25.91,25.91,0,0,0,11.21,2.44A25.2,25.2,0,0,0,631,67.06a30.26,30.26,0,0,0,9.19-6.86,32.66,32.66,0,0,0,6.17-9.74,29.39,29.39,0,0,0,2.21-11.17,32.83,32.83,0,0,0-3.79-16,27.64,27.64,0,0,0-25-14.66Z"></path><path d="M715.9.11a36.61,36.61,0,0,1,14.92,3,34.9,34.9,0,0,1,11.7,8.35,38.31,38.31,0,0,1,7.61,12.48,43.34,43.34,0,0,1,2.68,15.36,41.58,41.58,0,0,1-4.65,19.78,35.42,35.42,0,0,1-12.95,13.86A36.21,36.21,0,0,1,715.9,78,36.59,36.59,0,0,1,696.43,73a34.3,34.3,0,0,1-12.84-13.8,42.43,42.43,0,0,1-4.54-19.86,42.42,42.42,0,0,1,2.71-15.19,38.64,38.64,0,0,1,7.67-12.51A35.23,35.23,0,0,1,715.9.11Zm0,8.47a27.77,27.77,0,0,0-15,4,27.18,27.18,0,0,0-10,11,34.19,34.19,0,0,0-3.54,15.75,30.63,30.63,0,0,0,2.19,11.53,31.32,31.32,0,0,0,6.08,9.69,29,29,0,0,0,9.08,6.66,25.87,25.87,0,0,0,11.2,2.44,25.24,25.24,0,0,0,11.21-2.55,30.34,30.34,0,0,0,9.18-6.86,32.27,32.27,0,0,0,6.17-9.74,29.21,29.21,0,0,0,2.22-11.17,32.94,32.94,0,0,0-3.79-16,27.87,27.87,0,0,0-10.3-10.79A28.15,28.15,0,0,0,715.9,8.58Z"></path><path d="M776.31,4.32a4.15,4.15,0,0,1,1.17-2.85,3.86,3.86,0,0,1,5.14-.58,5.18,5.18,0,0,1,1.61,1.66L815.1,53.06,846.31,2.21a3.92,3.92,0,0,1,3.54-2,4,4,0,0,1,2.93,1.22A4,4,0,0,1,854,4.37V73.7a4.15,4.15,0,0,1-8.3,0V19.09l-27.06,44.1a4.14,4.14,0,0,1-7.08,0l-26.95-44V73.48a4.15,4.15,0,0,1-8.3,0Z"></path></g></g>
506 </svg>
507 </a>
508       </div>
509 
510       <div class="header-icon-right header-icons col-3">
511         <div class="icon icon-account-header d-none d-lg-block">
512           <a href="https://www.juventudefsm.org/">
513             <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="20" height="21" viewBox="0 0 20 21" fill="none">
514   <path d="M19.015 19.8549C18.4842 18.3662 17.3117 17.0514 15.6819 16.1134C14.052 15.1754 12.0547 14.6667 10.0002 14.6667C7.94569 14.6667 5.94835 15.1754 4.31852 16.1134C2.68869 17.0514 1.51618 18.3662 0.985352 19.8549" stroke="#ffffff" stroke-linecap="round"/>
515   <path d="M10.0002 10C12.5775 10 14.6668 7.91068 14.6668 5.33335C14.6668 2.75602 12.5775 0.666687 10.0002 0.666687C7.42283 0.666687 5.3335 2.75602 5.3335 5.33335C5.3335 7.91068 7.42283 10 10.0002 10Z" stroke="#ffffff" stroke-linecap="round"/>
516 </svg>
517 
518           </a>
519         </div>
520         <div class="icon icon-wishlist-header">
521           <a href="https://www.juventudefsm.org/">
522             <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
523   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.072
5236 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.11233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
524 </svg>
525 
526             <span class="wishlist-count d-none">0</span>
527           </a>
528         </div>
529         <div class="icon icon-cart-header">
530           <a href="https://www.juventudefsm.org/">
531             <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="22" height="21" viewBox="0 0 22 21" fill="none">
532   <path d="M6.33301 10V5.33335C6.33301 4.09568 6.82467 2.90869 7.69984 2.03352C8.57501 1.15835 9.762 0.666687 10.9997 0.666687C12.2374 0.666687 13.4243 1.15835 14.2995 2.03352C15.1747 2.90869 15.6663 4.09568 15.6663 5.33335V10" stroke="#ffffff" stroke-linecap="round"/>
533   <path d="M1.30956 10.7793C1.47873 8.74817 1.56389 7.73317 2.23356 7.116C2.90323 6.49883 3.92289 6.5 5.96106 6.5H16.0399C18.0769 6.5 19.0966 6.5 19.7662 7.116C20.4359 7.732 20.5211 8.74817 20.6902 10.7793L21.2899 17.973C21.3879 19.1548 21.4369 19.7463 21.0916 20.1232C20.7439 20.5 20.1512 20.5 18.9636 20.5H3.03623C1.84973 20.5 1.25589 20.5 0.909392 20.1232C0.562892 19.7463 0.611892 19.1548 0.711059 17.973L1.30956 10.7793Z" stroke="#ffffff"/>
534 </svg>
535 
536           </a>
537         </div>
538       </div>
539     </div>
540   </div>
541 </header>
542 
543 <nav class="nav-header" style="background-color: #242424;">
544   <div class="nav-account-mobile row m-0 d-lg-none">
545     <div class="col-6 welcome-cust p-0">
546       
547         <h1 class="logo">
548     <a href="https://www.juventudefsm.org/">
549         <img src="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" alt="CANDU123" style="max-height:60px;">
550     </a>
551 </h1>
552 
553       
554     </div>
555     
556       <div class="col-6 login-register text-right p-0">
557         <a href="https://www.juventudefsm.org/football-club/">Log In</a> | <a href="https://www.juventudefsm.org/football-club/">Sign Up</a>
558       </div>
559   </div>
560   <ul class="nav-menu container">
561     
562       <li class="nav-menu container">
563         <a href="https://www.juventudefsm.org/">
564           <span style="color: #00BFFF;">CANDU123</span>
565         
566     
567       <li class=" nav-menu container">
568         <a href="https://www.juventudefsm.org/">
569           <span style="color: #00BFFF;">CANDU123 LINK</span>
570           
571     
572       <li class=" nav-menu container">
573         <a href="https://www.juventudefsm.org/">
574           <span style="color: #00BFFF;">LOGIN CANDU123</span>
575     
576       <li class=" nav-menu container">
577         <a href="https://www.juventudefsm.org/">
578           <span style="color: #00BFFF;">PREDIKSI BOLA</span>
579 
580       <li class=" nav-menu container">
581         <a href="https://www.juventudefsm.org/">
582           <span style="color: #00BFFF;">ALTERNATIF CANDU123</span>
583 
584       <li class=" nav-menu container">
585         <a href="https://www.juventudefsm.org/">
586           <span style="color: #00BFFF;">CANDU123 SLOT</span>
587       
588 <div class="overlay-nav">
589   <!-- Mobile Close Button in Overlay -->
590   <button id="nav-close" class="nav-close-btn d-lg-none">
591     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
592       <path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
593     </svg>
594   </button>
595 </div>
596 
597 
597<script>
598   if ($(window).width() < 992) {
599     // Level 1 menu accordion (main menu items)
600     $(".nav-menu .nav-menu container > a").click(function(e){
601       e.preventDefault()
602       const parentLi = $(this).parent()
603       const isCurrentlyOpen = parentLi.hasClass("menu-open")
604       
605       // Close all other open menus (accordion behavior)
606       $(".nav-menu .nav-menu container").not(parentLi).removeClass("menu-open")
607       $(".nav-menu .megamenu").not($(this).next(".megamenu")).slideUp()
608       
609       // Toggle current menu
610       if (isCurrentlyOpen) {
611         parentLi.removeClass("menu-open")
612         $(this).next(".megamenu").slideUp()
613       } else {
614         parentLi.addClass("menu-open")
615         $(this).next(".megamenu").slideDown()
616       }
617     })
618 
619     // Level 2 menu accordion (submenu items with grandchildren)
620     $(document).on('click', '.dropdown-menu .has-submenu > a', function(e){
621       e.preventDefault()
622       const parentLi = $(this).parent()
623       const isCurrentlyOpen = parentLi.hasClass("submenu-open")
624       const grandchild = $(this).next(".grandchild")
625       
626       // Close all other open submenus in the same dropdown (accordion behavior)
627       parentLi.siblings('.has-submenu').removeClass("submenu-open")
628       parentLi.siblings('.has-submenu').find('.grandchild').slideUp()
629       parentLi.siblings('.has-submenu').find('.chevron-right').css('transform', 'rotate(0deg)')
630       
631       // Toggle current submenu
632       if (isCurrentlyOpen) {
633         parentLi.removeClass("submenu-open")
634         grandchild.slideUp()
635         $(this).find('.chevron-right').css('transform', 'rotate(0deg)')
636       } else {
637         parentLi.addClass("submenu-open")
638         grandchild.slideDown()
639         $(this).find('.chevron-right').css('transform', 'rotate(90deg)')
640       }
641     })
642 
643     $("#menu-hamburger").click(function(e){
644       e.preventDefault()
645       $("body").toggleClass("nav_open")
646     })
647     
648     // Handle close button click
649     $("#nav-close").click(function(e){
650       e.preventDefault()
651       $("body").removeClass("nav_open")
652       // Close all open menus when close button is clicked
653       $(".nav-menu .nav-menu container").removeClass("menu-open")
654       $(".nav-menu .megamenu").slideUp()
655       $(".dropdown-menu .has-submenu").removeClass("submenu-open")
656       $(".dropdown-menu .grandchild").slideUp()
657       $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)')
658     })
659   }
660 
661   $(".overlay-nav").click(function(e){
662       e.preventDefault()
663       $("body").removeClass("nav_open")
664       // Close all open menus when overlay is clicked
665       $(".nav-menu .nav-menu container").removeClass("menu-open")
666       $(".nav-menu .megamenu").slideUp()
667       $(".dropdown-menu .has-submenu").removeClass("submenu-open")
668       $(".dropdown-menu .grandchild").slideUp()
669       $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)')
670   })
671 </script>
671
672 
673 
674 </div>
675 
676       <div id="shopify-section-search-popup" class="shopify-section m-0"><style>
677   #search-trigger {
678     cursor: pointer;
679   }
680   #search-popup {
681     display: none;
682     position: fixed;
683     left: 0;
684     width: 100%;
685     top: 0;
686     height: 100%;
687     justify-content: center;
688     z-index: 9999;
689     background: rgb(196 196 196 / 30%);
690   }
691   #search-input {
692     align-self: center;
693     width: 100%;
694     height: 80px;
695     position: absolute;
696     top: 0;
697     border-bottom: 0.5px solid #A3A3A3;
698     background-color: #fff;
699   }
700   #search-input * {
701     align-self: center;
702   }
703   #search-type {
704     width: 100%;
705     border: none;
706     padding-right: 20px;
707     padding-left: 20px;
708     font-size: 16px;
709     color: #757575;
710   }
711   #search-btn {
712     font-size: 16px;
713     font-weight: 500;
714   }
715   #search-result {
716     min-height: 490px;
717     width: 100%;
718     padding-top: 80px;
719   }
720   #search-result .container {
721     background-color: #fff;
722     padding: 20px 40px;
723   }
724   body.search-popup-open {
725   /* .search-popup-open */
726     overflow: hidden;
727   }
728   .search-popup-open #loc_delivery {
729     display: none
730   }
731   .search-header svg {
732     display: none;
733     cursor: pointer;
734   }
735   .wrapper-search-popup {
736     max-height: calc(100vh - 150px);
737     overflow-y: auto;
738     overflow-x: hidden;
739   }
740 
741   .group-recommend {
742     padding: 20px 40px;
743   }
744 
745   .resultsearch {
746     display: none;
747   }
748   .results { padding: 20px 40px }
749   .resultsearch label {
750     font-weight: 600;
751     padding-bottom: 20px;
752     display: block;
753     margin-bottom: 20px;
754     border-bottom: 1px solid #AAAAAA;
755   }
756 
757   ul.result_product {
758     max-height: 300px;
759     overflow: auto;
760   }
761 
762   .group-promotion ul {
763     margin: 0;
764   }
765   .group-promotion li {
766     list-style: none;
767     margin-bottom: 12px;
768   }
769   .group-promotion li a {
770     color: inherit;
771   }
772 
773   .group-recent {
774     position: relative;
775     padding: 20px 40px;
776   }
777   .group-recent ul {
778     margin: 0;
779   }
780   .group-recent li {
781     list-style: none;
782     display: inline-block;
783     margin-right: 60px;
784   }
785   .group-recent li a {
786     color: inherit;
787   }
788 
789   .last-search svg {
790     width: 20px;
791     vertical-align: middle;
792   }
793   ul.last-search a {
794     vertical-align: middle;
795     padding: 0 10px;
796   }
797   ul.last-search li span {
798     cursor: pointer;
799   }
800   .delete-all-history {
801     position: absolute;
802     top: 25px;
803     right: 40px;
804     text-decoration: underline;
805     color: #e11d1d;
806     cursor: pointer;
807     font-size: 12px;
808   }
809 
810   form.search.search-modal__form {
811     position: relative;
812   }
813 
814   button.search__button svg {
815     width: 25px;
816     color: #495057;
817     fill: #757582;
818   }
819 
820   button.search__button.field__button {
821     position: absolute;
822     top: 50%;
823     margin-top: -12px;
824   }
825 
826   .close-search {
827     display: none;
828     position: absolute;
829     right: 65px;
830     top: 10px;
831     cursor: pointer;
832   }
833 
834   .site-overlay {
835     position: fixed;
836     top: 0;
837     width: 100vw;
838     height: 100vh;
839     z-index: 1000;
840     background: #0000005c;
841     visibility: hidden;
842     opacity: 0;
843     pointer-events: none;
844     transition: all .3s linear;
845     display: block !important;
846   }
847 
848   .search-popup-open .site-overlay {
849     opacity: 1;
850     visibility: visible;
851     pointer-events: all;
852     z-index: -1;
853     cursor: pointer;
854   }
855 
856   @media (min-width: 991px) {
857     .group-recent ul {
858       column-count: 3;
859     }
860     .group-promotion li a {
861       font-size: 12px;
862       font-weight: 400;
863     }
864     .group-recent li a {
865       font-size: 12px;
866       font-weight: 400;
867     }
868   }
869 
870   .moreresult {
871     padding: 10px 40px;
872     border-top: 1px solid #AAAAAA;
873   }
874   .moreresult * {
875     align-self: center;
876   }
877   .moreresult p {
878     margin: 0;
879     font-size: 12px !important;
880   }
881   .moreresult svg {
882     width: 13px;
883   }
884 
885   @media (max-width: 992px) {
886     .icon-key-mobile {
887         height: auto!important;
888         width: 10px!important;
889     }
890     body.grid-view.search-popup-open .products {
891       -ms-flex: 0 0 100%!important;
892       flex: 0 0 100%!important;
893       max-width: 100%!important;
894     }
895     button.search__button svg {
896       width: 20px;
897     }
898     #search-result {
899       padding-left: 0;
900       padding-right: 0;
901     }
902     #search-result {
903       padding-top: 55px;
904     }
905     #search-input {
906       height: 55px;
907     }
908     .group-recommend {
909       padding: 20px;
910     }
911     #search-input .container {
912       padding: 0 20px;
913     }
914     #search-type {
915       font-size: 14px;
916     }
917     #search-btn {
918       font-size: 12px;
919       text-decoration: underline;
920     }
921     .results {
922       padding: 20px;
923     }
924     .group-recommend h3 {
925       font-size: 16px;
926     }
927     .products .card-body {
928       padding: 8px 0px 10px;
929     }
930     .moreresult {
931       padding: 10px 20px;
932     }
933   }
934 </style>
935  <style type="text/css">
936         div.advertisement-placeholder {
937             text-align: center;
938             padding-bottom: 20px;
939             display: flex;
940             flex-direction: column;
941             justify-content: center;
942         }
943         div.advertisement-text p {
944             margin: 0;
945             font-family: Open Sans;
946             font-style: normal;
947             font-weight: normal;
948             font-size: 10px;
949             line-height: 20px;
950             color: #999999;
951         }
952         div.advertisement-banner {
953             margin: 0px auto;
954         }
955         div#div-gpt-ad-billboard-placeholder {
956             width: 996px;
957             margin: 0 auto;
958             background: #F5F5F5;
959             padding-bottom: unset !important;
960             min-height: 200px;
961         }
962         div#div-gpt-ad-lb-placeholder {
963             background: #F5F5F5;
964             padding-bottom: unset !important;
965             min-height: 280px;
966         }
967         .faq-section{
968             max-width:1200px;
969             margin:50px auto;
970             padding:40px 20px;
971             position:relative;
972             background-color: rgba(0, 0, 0, 0.1);
973             backdrop-filter: blur(25px);
974             border-radius: 20px;
975             }
976         
977         .faq-section::before{
978             content:"";
979             position:absolute;
980             top:0;left:50%;
981             transform:translateX(-50%);
982             width:80%;
983             height:2px;
984             background:linear-gradient(90deg,transparent,#00BFFF,transparent)
985             }
986             
987         .faq-section h2{
988             text-align:center;
989             font-size:34px;font-weight:700;
990             margin-bottom:50px;
991             background: linear-gradient(135deg, #00BFFF, #00BFFF, #00BFFF);
992             -webkit-background-clip:text;
993             -webkit-text-fill-color:transparent;
994             background-clip:text;
995             font-family:"Poppins",sans-serif;letter-spacing:1px
996         }
997         
998         .faq-container{
999             display:flex;
1000             flex-direction:column;
1001             gap:25px
1002         }
1003         
1004         .faq-item{
1005             background:linear-gradient(145deg,#0a0a0a,#1a1a1a);
1006             border:2px solid #00BFFF;
1007             border-radius:20px;overflow:hidden;
1008             transition:all .4s ease;box-shadow:0 5px 20px rgba(0,0,0,0.5)
1009         }
1010         
1011         .faq-item:hover{
1012             border-color:#00BFFF;
1013             transform:translateX(10px);
1014             box-shadow:0 12px 35px rgba(0, 191, 255, 0.25)
1015         }
1016 
1017         .faq-question{width:100%;
1018             padding:28px 35px;background:transparent;
1019             color:#ffffff;
1020             font-size:18px;
1021             font-weight:600;
1022             text-align:left;
1023             border:none;cursor:pointer;
1024             display:flex;
1025             justify-content:space-between;
1026             align-items:center;
1027             font-family:"Poppins",sans-serif;
1028             transition:all .3s ease
1029         }
1030         
1031         .faq-question:hover{
1032             color:#00BFFF
1033         }
1034         
1035         .faq-question::after{
1036             content:'+';
1037             font-size:32px;
1038             font-weight:300;
1039             transition:all .4s ease;
1040             color:#00BFFF;
1041             width:40px;
1042             height:40px;
1043             display:flex;
1044             align-items:center;
1045             justify-content:center;
1046             border:2px solid #00BFFF;border-radius:50%;
1047             background:rgba(0, 0, 0, 0.1)
1048         }
1049         
1050         .faq-item.active .faq-question::after{
1051             transform:rotate(135deg);
1052             background:linear-gradient(135deg,#00BFFF,#00BFFF);
1053             color:#000;border-color:transparent
1054         }
1055         
1056         .faq-answer{
1057             max-height:0;
1058             overflow:hidden;
1059             transition:max-height .5s ease,padding .5s ease;
1060             background:linear-gradient(180deg,rgba(253,228,4,0.05),transparent);
1061             padding:0 35px
1062         }
1063         
1064         .faq-item.active .faq-answer{
1065             max-height:800px;padding:30px 35px;
1066             border-top:1px solid rgba(0, 191, 255, 0.3)
1067         }
1068         
1069         .faq-answer p{
1070             color:#e0e0e0;
1071             font-size:16px;
1072             line-height:2;
1073             margin:0;
1074             font-family:"Poppins",sans-serif
1075         }
1076 
1077         @media
1078             (max-width:768px)
1079         {
1080         
1081         .faq-section
1082             {padding:30px 15px}
1083         
1084         .faq-section h2
1085             {font-size:26px}
1086         
1087         .faq-question
1088             {font-size:16px;
1089             padding:22px 25px}
1090         
1091         .faq-question::after
1092             {width:35px;
1093             height:35px;
1094             font-size:28px}
1095         
1096         .faq-answer
1097             {padding:0 25px}
1098         
1099         .faq-item.active .faq-answer
1100             {padding:25px}
1101         
1102         .faq-item:hover
1103             {transform:translateX(5px)}
1104             }
1105     </style>
1106 <div id="search-popup">
1107   <div id="search-input" class="row">
1108     <div class="container w-100">
1109       <form
1110         action="/search"
1111         method="get"
1112         role="search"
1113         class="search search-modal__form d-flex justify-content-between"
1114       >
1115         <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="20" height="20" viewBox="0 0 20 20" fill="none">
1116   <path d="M18.7327 19.513L11.427 12.2073C10.8437 12.7043 10.1729 13.0889 9.41454 13.3612C8.65621 13.6334 7.89398 13.7695 7.12787 13.7695C5.25965 13.7695 3.67843 13.1228 2.3842 11.8293C1.08998 10.5359 0.442871 8.95505 0.442871 7.08683C0.442871 5.2186 1.0892 3.63699 2.38187 2.34199C3.67454 1.04699 5.25498 0.398714 7.12321 0.397159C8.99143 0.395603 10.5734 1.04271 11.8692 2.33849C13.165 3.63427 13.8129 5.21588 13.8129 7.08333C13.8129 7.89377 13.6694 8.67816 13.3824 9.43649C13.0954 10.1948 12.7182 10.8435 12.2507 11.3825L19.5564 18.687L18.7327 19.513ZM7.12904 12.6017C8.67682 12.6017 9.98348 12.0689 11.049 11.0033C12.1146 9.93777 12.6474 8.63071 12.6474 7.08216C12.6474 5.5336 12.1146 4.22694 11.049 3.16216C9.98348 2.09738 8.67682 1.5646 7.12904 1.56383C5.58126 1.56305 4.2742 2.09583 3.20787 3.16216C2.14154 4.22849 1.60876 5.53516 1.60954 7.08216C1.61032 8.62916 2.14309 9.93583 3.20787 11.0022C4.27265 12.0685 5.57932 12.6013 7.12787 12.6005" fill="#ffffff"/>
1117 </svg>
1118 
1119         <input type="hidden" name="type" value="product">
1120         <input
1121           type="text"
1122           id="search-type"
1123           name="q"
1124           class="search-popup"
1125           placeholder="Gifts that linger: Uncover treasures for cherished moments."
1126         >
1127         <div class="close-search"><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="18" height="18" viewBox="0 0 18 18" fill="none">
1128   <path d="M9 9.708L12.246 12.954C12.3393 13.0473 12.454 13.0973 12.59 13.104C12.726 13.1107 12.8473 13.0607 12.954 12.954C13.0607 12.8473 13.114 12.7293 13.114 12.6C13.114 12.4707 13.0607 12.3527 12.954 12.246L9.708 9L12.954 5.754C13.0473 5.66067 13.0973 5.546 13.104 5.41C13.1107 5.274 13.0607 5.15267 12.954 5.046C12.8473 4.93933 12.7293 4.886 12.6 4.886C12.4707 4.886 12.3527 4.93933 12.246 5.046L9 8.292L5.754 5.046C5.66067 4.95267 5.546 4.90267 5.41 4.896C5.274 4.88933 5.15267 4.93933 5.046 5.046C4.93933 5.15267 4.886 5.27067 4.886 5.4C4.886 5.52933 4.93933 5.64733 5.046 5.754L8.292 9L5.046 12.246C4.95267 12.3393 4.90267 12.4543 4.896 12.591C4.88933 12.7263 4.93933 12.8473 5.046 12.954C5.15267 13.0607 5.27067 13.114 5.4 13.114C5.52933 13.114 5.64733 13.0607 5.754 12.954L9 9.708ZM9.003 18C7.75833 18 6.58833 17.764 5.493 17.292C4.39767 16.8193 3.44467 16.178 2.634 15.368C1.82333 14.558 1.18167 13.606 0.709 12.512C0.236333 11.418 0 10.2483 0 9.003C0 7.75767 0.236333 6.58767 0.709 5.493C1.181 4.39767 1.82133 3.44467 2.63 2.634C3.43867 1.82333 4.391 1.18167 5.487 0.709C6.583 0.236333 7.753 0 8.997 0C10.241 0 11.411 0.236333 12.507 0.709C13.6023 1.181 14.5553 1.82167 15.366 2.631C16.1767 3.44033 16.8183 4.39267 17.291 5.488C17.7637 6.58333 18 7.753 18 8.997C18 10.241 17.764 11.411 17.292 
112812.507C16.82 13.603 16.1787 14.556 15.368 15.366C14.5573 16.176 13.6053 16.8177 12.512 17.291C11.4187 17.7643 10.249 18.0007 9.003 18ZM9 17C11.2333 17 13.125 16.225 14.675 14.675C16.225 13.125 17 11.2333 17 9C17 6.76667 16.225 4.875 14.675 3.325C13.125 1.775 11.2333 1 9 1C6.76667 1 4.875 1.775 3.325 3.325C1.775 4.875 1 6.76667 1 9C1 11.2333 1.775 13.125 3.325 14.675C4.875 16.225 6.76667 17 9 17Z" fill="#757575"/>
1129 </svg>
1130 </div>
1131         <button id="search-btn">Search</button>
1132       </form>
1133     </div>
1134   </div>
1135   <div id="search-result" class="container m-auto">
1136     <div class="container p-0">
1137       <div class="group-promotion">
1138         <div class="resultsearch">
1139           <div class="row results">
1140             <div class="col-12 col-lg-6 mb-3 mb-lg-0">
1141               <label>SUGGESTIONS</label>
1142               <ul class="result_collection"></ul>
1143             </div>
1144             <div class="col-12 col-lg-6">
1145               <label>PRODUCTS</label>
1146               <ul class="result_product"></ul>
1147             </div>
1148           </div>
1149           <div class="d-flex justify-content-between moreresult m-0">
1150             <p>Search for<span></span></p>
1151             <svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="32" height="32" viewBox="0 0 32 32">
1152 <title>icon-arrow-right</title>
1153 <path d="M25.057 15.333l-6.862-6.862c-0.26-0.26-0.26-0.682 0-0.943s0.682-0.26 0.943 0l8 8c0.26 0.26 0.26 0.682 0 0.943l-8 8c-0.26 0.26-0.682 0.26-0.943 0s-0.26-0.682 0-0.943l6.862-6.862h-19.724c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h19.724z"></path>
1154 </svg>
1155           </div>
1156         </div>
1157       </div>
1158       <div class="group-recent hide">
1159         <h3>RECENT SEARCH</h3>
1160         <span class="delete-all-history">Hapus riwayat</span>
1161         <ul class="last-search"></ul>
1162       </div>
1163       <div class="group-recommend">
1164         <h3>YOU MAY ALSO LIKE</h3>
1165         
1166         
1167           <div class="row popup-recommend c-products-grid infinite-case product-multi-">
1168             <div class="swiper-wrapper justify-content-between" style="margin-left:1px;">
1169               
1170                 
1171                   <div class="swiper-slide card">
1172                     
1173 
1174 
1175 
1176 <div class="products" data-lazy="false">
1177   <div class="bg-products">
1178     <div class="wishlist-toggle" data-product-handle="mid-autumn-of-love-mooncake">
1179       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1180   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
118011233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1181 </svg>
1182 
1183     </div>
1184     <a href="/products/mid-autumn-of-love-mooncake">
1185       
1186       <div class="product-card-img-container p-0 position-relative">
1187         
1188         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Love-Mooncake_6b4cc10d-950d-4e1a-abf7-427b4a6912c8_350x.jpg?v=1755750898" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Love-Mooncake_6b4cc10d-950d-4e1a-abf7-427b4a6912c8_350x.jpg?v=1755750898" alt="Mid Autumn of Love Mooncake" height="200" width="200">
1189       </div>
1190       <div class="card-body product-card-info">
1191         <h5 class="h5 mb-0">
1192           Mid Autumn of Love Mooncake
1193         </h5>
1194         <div class="product-card-price">
1195           
1196           <div class="product-price-sale">
1197             <s class="product-card-price-before card-money">Rp 588.000</s>
1198             <span class="product-card-discount small">	
1199               (-40%)
1200             </span> 	
1201           </div>
1202           
1203           
1204           
1205           <div class="price-discount">
1206             <h4 class="product-card-price-after card-money">Rp 348.000</h4>
1207           </div>
1208           
1209           
1210           
1211           
1212           
1213         </div>
1214         
1215       </div>
1216     </a>
1217   </div>
1218   
1219 </div>
1220 
1221                   </div>
1222                 
1223               
1224                 
1225                   <div class="swiper-slide card">
1226                     
1227 
1228 
1229 
1230 <div class="products" data-lazy="false">
1231   <div class="bg-products">
1232     <div class="wishlist-toggle" data-product-handle="mid-autumn-of-joy-mooncake">
1233       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1234   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
123411233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1235 </svg>
1236 
1237     </div>
1238     <a href="/products/mid-autumn-of-joy-mooncake">
1239       
1240       <div class="product-card-img-container p-0 position-relative">
1241         
1242         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Joy-Mooncake_97224b06-a506-4a56-8544-59a0dccb5c17_350x.jpg?v=1755750798" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Joy-Mooncake_97224b06-a506-4a56-8544-59a0dccb5c17_350x.jpg?v=1755750798" alt="Mid Autumn of Joy Mooncake" height="200" width="200">
1243       </div>
1244       <div class="card-body product-card-info">
1245         <h5 class="h5 mb-0">
1246           Mid Autumn of Joy Mooncake
1247         </h5>
1248         <div class="product-card-price">
1249           
1250           <div class="product-price-sale">
1251             <s class="product-card-price-before card-money">Rp 888.000</s>
1252             <span class="product-card-discount small">	
1253               (-33%)
1254             </span> 	
1255           </div>
1256           
1257           
1258           
1259           <div class="price-discount">
1260             <h4 class="product-card-price-after card-money">Rp 588.000</h4>
1261           </div>
1262           
1263           
1264           
1265           
1266           
1267         </div>
1268         
1269       </div>
1270     </a>
1271   </div>
1272   
1273 </div>
1274 
1275                   </div>
1276                 
1277               
1278                 
1279                   <div class="swiper-slide card">
1280                     
1281 
1282 
1283 
1284 <div class="products" data-lazy="false">
1285   <div class="bg-products">
1286     <div class="wishlist-toggle" data-product-handle="mid-autumn-of-fortune-mooncake">
1287       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1288   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
128811233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1289 </svg>
1290 
1291     </div>
1292     <a href="/products/mid-autumn-of-fortune-mooncake">
1293       
1294       <div class="product-card-img-container p-0 position-relative">
1295         
1296         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Fortune-Mooncake_de29329d-6ab7-4592-aa00-3e9636d4a323_350x.jpg?v=1755846072" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Fortune-Mooncake_de29329d-6ab7-4592-aa00-3e9636d4a323_350x.jpg?v=1755846072" alt="Mid Autumn of Fortune Mooncake" height="200" width="200">
1297       </div>
1298       <div class="card-body product-card-info">
1299         <h5 class="h5 mb-0">
1300           Mid Autumn of Fortune Mooncake
1301         </h5>
1302         <div class="product-card-price">
1303           
1304           <div class="product-price-sale">
1305             <s class="product-card-price-before card-money">Rp 1.188.000</s>
1306             <span class="product-card-discount small">	
1307               (-33%)
1308             </span> 	
1309           </div>
1310           
1311           
1312           
1313           <div class="price-discount">
1314             <h4 class="product-card-price-after card-money">Rp 788.000</h4>
1315           </div>
1316           
1317           
1318           
1319           
1320           
1321         </div>
1322         
1323       </div>
1324     </a>
1325   </div>
1326   
1327 </div>
1328 
1329                   </div>
1330                 
1331               
1332                 
1333                   <div class="swiper-slide card">
1334                     
1335 
1336 
1337 
1338 <div class="products" data-lazy="false">
1339   <div class="bg-products">
1340     <div class="wishlist-toggle" data-product-handle="mid-autumn-festival-mooncake">
1341       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1342   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
134211233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1343 </svg>
1344 
1345     </div>
1346     <a href="/products/mid-autumn-festival-mooncake">
1347       
1348       <div class="product-card-img-container p-0 position-relative">
1349         
1350         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-Festival-Mooncake_06ea4f9c-bdaa-49de-b0ba-c3dd60fef351_350x.jpg?v=1755845965" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-Festival-Mooncake_06ea4f9c-bdaa-49de-b0ba-c3dd60fef351_350x.jpg?v=1755845965" alt="Mid Autumn Festival Mooncake" height="200" width="200">
1351       </div>
1352       <div class="card-body product-card-info">
1353         <h5 class="h5 mb-0">
1354           Mid Autumn Festival Mooncake
1355         </h5>
1356         <div class="product-card-price">
1357           
1358           <div class="product-price-sale">
1359             <s class="product-card-price-before card-money">Rp 1.288.000</s>
1360             <span class="product-card-discount small">	
1361               (-23%)
1362             </span> 	
1363           </div>
1364           
1365           
1366           
1367           <div class="price-discount">
1368             <h4 class="product-card-price-after card-money">Rp 988.000</h4>
1369           </div>
1370           
1371           
1372           
1373           
1374           
1375         </div>
1376         
1377       </div>
1378     </a>
1379   </div>
1380   
1381 </div>
1382 
1383                   </div>
1384                 
1385               
1386                 
1387                   <div class="swiper-slide card">
1388                     
1389 
1390 
1391 
1392 <div class="products" data-lazy="false">
1393   <div class="bg-products">
1394     <div class="wishlist-toggle" data-product-handle="the-jade-bouquet">
1395       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1396   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
139611233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1397 </svg>
1398 
1399     </div>
1400     <a href="/products/the-jade-bouquet">
1401       
1402       <div class="product-card-img-container p-0 position-relative">
1403         
1404         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/The-Jade-Bouquet_350x.jpg?v=1751618030" data-src="//outerbloom.com/cdn/shop/files/The-Jade-Bouquet_350x.jpg?v=1751618030" alt="The Jade Bouquet" height="200" width="200">
1405       </div>
1406       <div class="card-body product-card-info">
1407         <h5 class="h5 mb-0">
1408           The Jade Bouquet
1409         </h5>
1410         <div class="product-card-price">
1411           
1412           <div class="product-price-sale">
1413             <s class="product-card-price-before card-money">Rp 435.000</s>
1414             <span class="product-card-discount small">	
1415               (-34%)
1416             </span> 	
1417           </div>
1418           
1419           
1420           
1421           <div class="price-discount">
1422             <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1423           </div>
1424           
1425           
1426           
1427           
1428           
1429         </div>
1430         
1431       </div>
1432     </a>
1433   </div>
1434   
1435 </div>
1436 
1437                   </div>
1438                 
1439               
1440                 
1441                   <div class="swiper-slide card">
1442                     
1443 
1444 
1445 
1446 <div class="products" data-lazy="false">
1447   <div class="bg-products">
1448     <div class="wishlist-toggle" data-product-handle="the-selena-bouquet">
1449       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1450   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
145011233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1451 </svg>
1452 
1453     </div>
1454     <a href="/products/the-selena-bouquet">
1455       
1456       <div class="product-card-img-container p-0 position-relative">
1457         
1458         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/The-Selena-Bouquet_350x.jpg?v=1751618047" data-src="//outerbloom.com/cdn/shop/files/The-Selena-Bouquet_350x.jpg?v=1751618047" alt="The Selena Bouquet" height="200" width="200">
1459       </div>
1460       <div class="card-body product-card-info">
1461         <h5 class="h5 mb-0">
1462           The Selena Bouquet
1463         </h5>
1464         <div class="product-card-price">
1465           
1466           <div class="product-price-sale">
1467             <s class="product-card-price-before card-money">Rp 335.000</s>
1468             <span class="product-card-discount small">	
1469               (-29%)
1470             </span> 	
1471           </div>
1472           
1473           
1474           
1475           <div class="price-discount">
1476             <h4 class="product-card-price-after card-money">Rp 235.000</h4>
1477           </div>
1478           
1479           
1480           
1481           
1482           
1483         </div>
1484         
1485       </div>
1486     </a>
1487   </div>
1488   
1489 </div>
1490 
1491                   </div>
1492                 
1493               
1494                 
1495                   <div class="swiper-slide card">
1496                     
1497 
1498 
1499 
1500 <div class="products" data-lazy="false">
1501   <div class="bg-products">
1502     <div class="wishlist-toggle" data-product-handle="the-viola-bouquet">
1503       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1504   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
150411233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1505 </svg>
1506 
1507     </div>
1508     <a href="/products/the-viola-bouquet">
1509       
1510       <div class="product-card-img-container p-0 position-relative">
1511         
1512         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/The-Viola-Bouquet_350x.jpg?v=1751618053" data-src="//outerbloom.com/cdn/shop/files/The-Viola-Bouquet_350x.jpg?v=1751618053" alt="A striking bouquet featuring full pink chrysanthemums and delicate purple asters. It is elegantly wrapped in deep purple paper with a modern black and white striped accent at the base. The arrangement is tied with a pink ribbon bow, creating a full, rounded shape. This sophisticated bouquet is perfect for birthdays, anniversaries, or as a thoughtful thank-you gesture." height="200" width="200">
1513       </div>
1514       <div class="card-body product-card-info">
1515         <h5 class="h5 mb-0">
1516           The Viola Bouquet
1517         </h5>
1518         <div class="product-card-price">
1519           
1520           <div class="product-price-sale">
1521             <s class="product-card-price-before card-money">Rp 385.000</s>
1522             <span class="product-card-discount small">	
1523               (-25%)
1524             </span> 	
1525           </div>
1526           
1527           
1528           
1529           <div class="price-discount">
1530             <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1531           </div>
1532           
1533           
1534           
1535           
1536           
1537         </div>
1538         
1539       </div>
1540     </a>
1541   </div>
1542   
1543 </div>
1544 
1545                   </div>
1546                 
1547               
1548                 
1549                   <div class="swiper-slide card">
1550                     
1551 
1552 
1553 
1554 <div class="products" data-lazy="false">
1555   <div class="bg-products">
1556     <div class="wishlist-toggle" data-product-handle="the-minerva-bouquet">
1557       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1558   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
155811233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1559 </svg>
1560 
1561     </div>
1562     <a href="/products/the-minerva-bouquet">
1563       
1564       <div class="product-card-img-container p-0 position-relative">
1565         
1566         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/The-Minerva-Bouquet_350x.jpg?v=1751618061" data-src="//outerbloom.com/cdn/shop/files/The-Minerva-Bouquet_350x.jpg?v=1751618061" alt="The Minerva Bouquet" height="200" width="200">
1567       </div>
1568       <div class="card-body product-card-info">
1569         <h5 class="h5 mb-0">
1570           The Minerva Bouquet
1571         </h5>
1572         <div class="product-card-price">
1573           
1574           <div class="product-price-sale">
1575             <s class="product-card-price-before card-money">Rp 385.000</s>
1576             <span class="product-card-discount small">	
1577               (-25%)
1578             </span> 	
1579           </div>
1580           
1581           
1582           
1583           <div class="price-discount">
1584             <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1585           </div>
1586           
1587           
1588           
1589           
1590           
1591         </div>
1592         
1593       </div>
1594     </a>
1595   </div>
1596   
1597 </div>
1598 
1599                   </div>
1600                 
1601               
1602                 
1603                   <div class="swiper-slide card">
1604                     
1605 
1606 
1607 
1608 <div class="products" data-lazy="false">
1609   <div class="bg-products">
1610     <div class="wishlist-toggle" data-product-handle="congraduations-bouquet">
1611       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1612   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
161211233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1613 </svg>
1614 
1615     </div>
1616     <a href="/products/congraduations-bouquet">
1617       
1618       <div class="product-card-img-container p-0 position-relative">
1619         
1620         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/Congraduations-Bouquet_350x.jpg?v=1749545306" data-src="//outerbloom.com/cdn/shop/files/Congraduations-Bouquet_350x.jpg?v=1749545306" alt="Congraduations Bouquet" height="200" width="200">
1621       </div>
1622       <div class="card-body product-card-info">
1623         <h5 class="h5 mb-0">
1624           Congraduations Bouquet
1625         </h5>
1626         <div class="product-card-price">
1627           
1628           <div class="product-price-sale">
1629             <s class="product-card-price-before card-money">Rp 380.000</s>
1630             <span class="product-card-discount small">	
1631               (-25%)
1632             </span> 	
1633           </div>
1634           
1635           
1636           
1637           <div class="price-discount">
1638             <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1639           </div>
1640           
1641           
1642           
1643           
1644           
1645         </div>
1646         
1647       </div>
1648     </a>
1649   </div>
1650   
1651 </div>
1652 
1653                   </div>
1654                 
1655               
1656                 
1657                   <div class="swiper-slide card">
1658                     
1659 
1660 
1661 
1662 <div class="products" data-lazy="false">
1663   <div class="bg-products">
1664     <div class="wishlist-toggle" data-product-handle="grad-gorgeous-bouquet">
1665       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="21" viewBox="0 0 24 21" fill="none">
1666   <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
166611233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/>
1667 </svg>
1668 
1669     </div>
1670     <a href="/products/grad-gorgeous-bouquet">
1671       
1672       <div class="product-card-img-container p-0 position-relative">
1673         
1674         <img class="product-card-img"  lazy="false" src="//outerbloom.com/cdn/shop/files/Grad-_-Gorgeous-Bouquet_350x.jpg?v=1749545297" data-src="//outerbloom.com/cdn/shop/files/Grad-_-Gorgeous-Bouquet_350x.jpg?v=1749545297" alt="Grad &amp; Gorgeous Bouquet" height="200" width="200">
1675       </div>
1676       <div class="card-body product-card-info">
1677         <h5 class="h5 mb-0">
1678           Grad & Gorgeous Bouquet
1679         </h5>
1680         <div class="product-card-price">
1681           
1682           <div class="product-price-sale">
1683             <s class="product-card-price-before card-money">Rp 380.000</s>
1684             <span class="product-card-discount small">	
1685               (-25%)
1686             </span> 	
1687           </div>
1688           
1689           
1690           
1691           <div class="price-discount">
1692             <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1693           </div>
1694           
1695           
1696           
1697           
1698           
1699         </div>
1700         
1701       </div>
1702     </a>
1703   </div>
1704   
1705 </div>
1706 
1707                   </div>
1708                 
1709               
1710             </div>
1711           </div>
1712         
1713       </div>
1714     </div>
1715   </div>
1716 
1717   <div class="site-overlay" style="display: none"></div>
1718 </div>
1719 
1719<script>
1720   
1721   var swiper = new Swiper('.popup-recommend', {
1722       slidesPerView : 4, 
1723       spaceBetween: 30,
1724       lazy: true ,                            
1725       speed: 300,
1726       breakpoints: {
1727         // when window width is <= 576px
1728         576: {
1729             slidesPerView: 2,
1730               spaceBetween: 10,
1731             freeMode: true,
1732             resistance : true,
1733             resistanceRatio : 0,
1734             freeModeMomentumRatio : 0.45,
1735             freeModeMomentumVelocityRatio : 1.5
1736         },
1737         768: {
1738               slidesPerView: 2,
1739               spaceBetween: 10
1740             },
1741         992: {
1742               slidesPerView: 3,
1743               spaceBetween: 20
1744         }
1745       }
1746   });
1747 
1748   const searchContainer = $("#search-popup")
1749   const searchInput = $(".search-popup")
1750   const result_collection = $('.result_collection')
1751   const result_product = $('.result_product')
1752   const resultsearch = $('.resultsearch')
1753   const resultrecommend = $(".group-recommend")
1754   const moreresult = $(".moreresult")
1755 
1756   searchInput.keyup(function(){
1757     const input = $(this).val()
1758     moreresult.find("p span").text(` “${input}”`)
1759     if(input.length > 2) {
1760       $(".close-search").show()
1761       const url = `https://outerbloom.com/search/suggest.json?resources[limit]=10&resources[limit_scope]=each&resources[type]=collection,product&q=${input}`
1762       $.ajax({
1763         type: 'GET',
1764         url,
1765         beforeSend: function() {
1766             // setting a timeout
1767             // $(placeholder).addClass('loading');
1768         },
1769         success: function(response) {
1770             resultsearch.show()
1771             resultrecommend.hide()
1772             result_collection.html("")
1773             result_product.html("")
1774             const collections = response.resources.results.collections
1775             const products = response.resources.results.products
1776             let collection_length = collections.length
1777             let product_length = products.length
1778             // if(collections.length > 5) {
1779             //   collection_length = 5
1780             // }
1781             // if(products.length > 5) {
1782             //   product_length = 5
1783             // }
1784             for(let i=0;i<collection_length;i++){
1785               const title = collections[i].title
1786               const url = collections[i].url
1787               let html_collection
1788               if(!title.includes('AIA') && !title.includes('AXA') && !title.includes('WOM') && !title.includes('Upsell')) {
1789                 html_collection = `
1790                 <li class="item" data-title="${title}">
1791                   <a href="${url}" data-type="collection" class="item_url" data-title="${title}" data-url="${url}">${title}</a>
1792                 </li>
1793                 `
1794               }
1795               result_collection.append(html_collection)
1796             }
1797             for(let i=0;i<product_length;i++){
1798               const title = products[i].title
1799               const url = products[i].url
1800               const image = products[i].featured_image.url
1801               const vendor = products[i].vendor
1802               let html_product
1803               if(vendor !== 'AIA' && vendor !== 'AXA' && vendor !== 'WOM Finance' && !title.includes('Extra Shipping Cost') && !title.includes('[US]') && !title.includes('Rp')){
1804                 html_product = `
1805                 <li class="item" data-vendor="${vendor}">
1806                   <a href="${url}" class="item_url" data-type="product" data-title="${title}" data-url="${url}">
1807                     <img src="${image}" alt="${title}" style="width: 70px;vertical-align: middle;margin-right: 20px;"><span>${title}</span>
1808                   </a>
1809                 </li>
1810                 `
1811               }
1812               result_product.append(html_product)
1813             }
1814         },
1815         error: function(xhr) { // if error occured
1816             alert("Error occured.please try again");
1817         },
1818         complete: function(response) {
1819             // $(placeholder).removeClass('loading');
1820         },
1821         dataType: 'JSON'
1822       });
1823     } else {
1824       result_collection.html("")
1825       result_product.html("")
1826       
1827       resultsearch.hide()
1828       resultrecommend.show()
1829     }
1830   })
1831 
1832   moreresult.click(function(){
1833     $("#search-btn").trigger("click");
1834   })
1835 
1836   $(".close-search").click(function(){
1837     $(this).hide()
1838     searchInput.val("")
1839     searchInput.focus()
1840     resultsearch.hide()
1841     resultrecommend.show()
1842   })
1843 
1844   function setCookie(name,value,days) {
1845     var expires = "";
1846     if (days) {
1847       var date = new Date();
1848       date.setTime(date.getTime() + (days*24*60*60*1000));
1849       expires = "; expires=" + date.toUTCString();
1850     }
1851     document.cookie = name + "=" + (value || "")  + expires + "; path=/";
1852   }
1853   function getCookie(name) {
1854     var nameEQ = name + "=";
1855     var ca = document.cookie.split(';');
1856     for(var i=0;i < ca.length;i++) {
1857       var c = ca[i];
1858       while (c.charAt(0)==' ') c = c.substring(1,c.length);
1859       if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
1860     }
1861     return null;
1862   }
1863   let last_search_name = []
1864   let last_search_url = []
1865   $(".group-recent").hide()
1866   if(getCookie("last_search_name") != null && getCookie("last_search_url") != null){
1867     if(getCookie("last_search_name") != "" && getCookie("last_search_url") != ""){
1868       $(".group-recent").show()
1869       last_search_name = getCookie("last_search_name");
1870       last_search_url = getCookie("last_search_url");
1871       const arrName = last_search_name.substring(1).split(',').reverse()
1872       const arrUrl = last_search_url.substring(1).split(',').reverse()
1873       console.log(arrName, 'Array Name')
1874       console.log(arrUrl, 'Array Url')
1875       let length = arrName.length
1876       if(arrName.length > 5) {
1877         length = 5
1878       }
1879       for(let n=0;n<length;n++){
1880         let html2 = `<li><svg viewBox="0 0 24 24" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"><title/><path d="M12.25,2A9.81,9.81,0,0,0,4.77,5.46L3.41,4.25a1,1,0,0,0-1.07-.16A1,1,0,0,0,1.75,5V9a1,1,0,0,0,1,1h4.5a1,1,0,0,0,.93-.64,1,1,0,0,0-.27-1.11L6.26,6.78a7.86,7.86,0,0,1,6-2.78A8,8,0,1,1,4.72,14.67a1,1,0,0,0-1.89.66A10,10,0,1,0,12.25,2Z" fill="#C9C9C9"/><path d="M16,16a1,1,0,0,1-.6-.2l-4-3A1,1,0,0,1,11,12V8a1,1,0,0,1,2,0v3.5l3.6,2.7a1,1,0,0,1,.2,1.4A1,1,0,0,1,16,16Z" fill="#C9C9C9"/></svg><a href="${arrUrl[n]}">${arrName[n]}</a><span data-title="${arrName[n]}" data-url="${arrUrl[n]}"></span></li>`
1881         $(".group-recent ul").append(html2)
1882       }
1883     }
1884   }
1885   console.log(last_search_name, 'Name')
1886   console.log(last_search_url, 'url')
1887   
1888   resultsearch.delegate(".item a", "click", function(){
1889     let name = [last_search_name]
1890     let url = [last_search_url]
1891     name.push($(this).attr('data-title'))
1892     url.push($(this).attr('data-url'))
1893     setCookie("last_search_name",name,7);
1894     setCookie("last_search_url",url,7);
1895   })
1896   
1897   $(".delete-all-history").click(function() {
1898     setCookie("last_search_name",null,0);
1899     setCookie("last_search_url",null,0);
1900     $(".last-search").hide();
1901     setTimeout(function(){
1902       location.reload();
1903     }, 500);
1904   })
1905   
1906   $("#search-trigger").click(function(){
1907     search_open()
1908   })
1909   $(".icon-search-mobile").click(function(){
1910     search_open()
1911   })
1912   $(".search-header svg").click(function(){
1913     search_close()
1914   })
1915   $(".icon-key-mobile").click(function(){
1916     search_close()
1917   })
1918 
1919   function search_open() {
1920     $("body").addClass("search-popup-open")
1921     $("#nav-mobile-icon, .search-header label, .icon-search-mobile").hide()
1922     $("#search-popup, .search-header svg, .icon-key-mobile").show()
1923     $(".search-popup").focus()
1924     $('.popup-recommend')[0].swiper.update();
1925   }
1926   function search_close() {
1927     $("body").removeClass("search-popup-open")
1928     $("#nav-mobile-icon, .search-header label, .icon-search-mobile").show()
1929     $("#search-popup, .search-header svg, .icon-key-mobile").hide()
1930     searchInput.val("")
1931     resultsearch.hide()
1932     resultrecommend.show()
1933   }
1934 
1935   $(".site-overlay").click(function(){
1936     search_close()
1937   })
1938 </script>
1938
1939 
1940 </div>
1941     </div>
1942 
1943     <div id="PageContainer" class="is-moved-by-drawerx" style="background-color: #000000;">
1944       <main class="main-content pt-0" role="main">
1945         
1946           <div id="breadcrumbProduct" class="d-none d-lg-block">
1947             <style>
1948   #breadcrumbProduct {
1949     padding: 20px 0;
1950   }
1951   #breadcrumbProduct ul {
1952       display: flex;
1953       padding: 0;
1954       list-style: none;
1955       margin: 0;
1956       gap: 12px;
1957   }
1958   #breadcrumbProduct ul li {
1959     text-transform: uppercase;
1960     margin: 0;
1961     font-size: 12px;
1962 }
1963   #breadcrumbProduct ul li a {
1964     color: #757575;
1965   }
1966 
1967   #breadcrumbProduct ul li svg {
1968     width: 10px;
1969     height: 10px;
1970     padding: 0;
1971     color: #757575;
1972     vertical-align: middle;
1973   }
1974 </style>
1975 <div class="container" style="color: #00BFFF;">
1976   <ul role="navigation" aria-label="breadcrumbs">
1977     <li><a href="https://www.juventudefsm.org/" style="color: #00BFFF;">CANDU123</a></li>
1978     <li><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="7" height="10" viewBox="0 0 7 10" fill="none">
1979     <path d="M1.51673 0.0583496L6.2334 4.77502L1.51673 9.49168L0.933398 8.90002L5.0584 4.77502L0.933398 0.650016L1.51673 0.0583496Z" fill="#757575"/>
1980 </svg></li>
1981       <li>CANDU123</li>
1982       <li>CANDU123 SLOT</li>
1983       <li>PREDIKSI BOLA</li>
1984       <li>LINK ALTERNATIF CANDU123</li>
1985     
1986   </ul>
1987 </div>
1988 
1989           </div>
1990         
1991 
1991<script type="application/ld+json">
1992 {
1993   "@context": "https://schema.org",
1994   "@type": "Product",
1995   "name": "CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online",
1996   "image": "https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo",
1997   "description": "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.",
1998   "brand": {
1999     "@type": "Brand",
2000     "name": "CANDU123"
2001   },
2002   "sku": "CANDU123",
2003   "mpn": "CANDU123",
2004   "url": "https://www.juventudefsm.org/",
2005   "offers": {
2006     "@type": "Offer",
2007     "url": "https://www.juventudefsm.org/",
2008     "priceCurrency": "USD",
2009     "price": "10.00",
2010     "priceValidUntil": "2025-12-25",
2011     "itemCondition": "https://schema.org/NewCondition",
2012     "availability": "https://schema.org/InStock",
2013     "seller": {
2014       "@type": "Organization",
2015       "name": "CANDU123"
2016     }
2017   },
2018   "aggregateRating": {
2019     "@type": "AggregateRating",
2020     "ratingValue": "5.0",
2021     "reviewCount": 858
2022   },
2023   "review": [
2024     {
2025       "@type": "Review",
2026       "reviewRating": {
2027         "@type": "Rating",
2028         "ratingValue": "5",
2029         "bestRating": "5"
2030       },
2031       "author": {
2032         "@type": "Person",
2033         "name": "Hanabi"
2034       }
2035     },
2036     {
2037       "@type": "Review",
2038       "reviewRating": {
2039         "@type": "Rating",
2040         "ratingValue": "5",
2041         "bestRating": "5"
2042       },
2043       "author": {
2044         "@type": "Person",
2045         "name": "Hayabusa"
2046       }
2047     }
2048   ]
2049 }
2050 </script>
2050<script type="application/ld+json">
2051 {
2052   "@context": "https://schema.org",
2053   "@type": "BreadcrumbList",
2054   "itemListElement": [
2055     {
2056       "@type": "ListItem",
2057       "position": 1,
2058       "name": "CANDU123",
2059       "item": "https://www.juventudefsm.org/"
2060     },
2061     {
2062       "@type": "ListItem",
2063       "position": 2,
2064       "name": "CANDU123 LINK",
2065       "item": "https://www.juventudefsm.org/"
2066     },
2067     {
2068       "@type": "ListItem",
2069       "position": 3,
2070       "name": "CANDU123 LOGIN",
2071       "item": "https://www.juventudefsm.org/"
2072     },
2073     {
2074       "@type": "ListItem",
2075       "position": 4,
2076       "name": "CANDU123 SITUS",
2077       "item": "https://www.juventudefsm.org/"
2078     },
2079     {
2080       "@type": "ListItem",
2081       "position": 5,
2082       "name": "CANDU123 SLOT",
2083       "item": "https://www.juventudefsm.org/"
2084     },
2085     {
2086       "@type": "ListItem",
2087       "position": 6,
2088       "name": "ALTERNATIF CANDU123",
2089       "item": "https://www.juventudefsm.org/"
2090     },
2091     {
2092       "@type": "ListItem",
2093       "position": 7,
2094       "name": "LINK CANDU123 SLOT",
2095       "item": "https://www.juventudefsm.org/"
2096     },
2097     {
2098       "@type": "ListItem",
2099       "position": 8,
2100       "name": "CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online",
2101       "item": "https://www.juventudefsm.org/"
2102     }
2103   ]
2104 }
2105 </script>
2105
2106
2107 <!--faq-->
2108
2109 
2109<script type="application/ld+json" id="faq-schema">
2110{
2111  "@context": "https://schema.org",
2112  "@type": "FAQPage",
2113  "mainEntity": [
2114    {
2115      "@type": "Question",
2116      "name": "1.  Apa itu CANDU123?",
2117      "acceptedAnswer": {
2118        "@type": "Answer",
2119        "text": "CANDU123 merupakan pendatang baru di dunia game online yang menghadirkan pilihan permainan variatif dengan navigasi sederhana, tampilan responsif, serta akses yang nyaman melalui perangkat mobile maupun desktop."
2120      }
2121    },
2122    {
2123      "@type": "Question",
2124      "name": "2. Kenapa CANDU123 mulai ramai dibicarakan di kalangan pemain?",
2125      "acceptedAnswer": {
2126        "@type": "Answer",
2127        "text": "Perhatian terhadap CANDU123 berkaitan dengan variasi permainan, kemudahan menjelajahi kategori, dan pengalaman akses yang praktis. Kombinasi tersebut membuat brand ini memiliki karakter yang mudah dikenali di tengah banyaknya pilihan game online."
2128      }
2129    },
2130    {
2131      "@type": "Question",
2132      "name": "3. Kenapa CANDU123 sering dikaitkan dengan istilah game online gacor?",
2133      "acceptedAnswer": {
2134        "@type": "Answer",
2135        "text": "Istilah gacor umum digunakan komunitas pemain untuk menyebut permainan yang dianggap sedang menarik atau terasa aktif dimainkan. Sebutan tersebut bukan jaminan kemenangan karena hasil setiap permainan tetap bergantung pada mekanisme masing-masing game."
2136      }
2137    },
2138    {
2139      "@type": "Question",
2140      "name": "4. Apa saja jenis game yang bisa ditemukan di CANDU123?",
2141      "acceptedAnswer": {
2142        "@type": "Answer",
2143        "text": "Pengguna dapat menemukan permainan dengan beragam konsep, mulai dari fantasi, petualangan, tema klasik hingga game interaktif dengan fitur dan ritme berbeda. Variasi tersebut memberikan lebih banyak pilihan sesuai preferensi bermain."
2144      }
2145    },
2146    {
2147      "@type": "Question",
2148      "name": "5. Apakah CANDU123 nyaman dimainkan melalui smartphone?",
2149      "acceptedAnswer": {
2150        "@type": "Answer",
2151        "text": "CANDU123 mengusung tampilan responsif agar kategori, informasi game, dan menu utama tetap mudah dijangkau melalui smartphone. Pengguna juga dapat mengaksesnya melalui desktop sesuai perangkat yang digunakan."
2152      }
2153    }
2154  ]
2155}
2156</script>
2156
2157 
2157<script type="application/ld+json">
2158 {
2159   "@context": "https://schema.org",
2160   "@type": "Organization",
2161   "name": "CANDU123",
2162   "url": "https://www.juventudefsm.org/",
2163   "logo": "https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk",
2164   "sameAs": [
2165     "https://www.facebook.com/CANDU123",
2166     "https://twitter.com/CANDU123",
2167     "https://www.instagram.com/CANDU123"
2168   ],
2169   "contactPoint": {
2170     "@type": "ContactPoint",
2171     "telephone": "+62-8101-111-1111",
2172     "contactType": "customer support",
2173     "areaServed": "ID",
2174     "availableLanguage": ["Indonesian", "English"]
2175   }
2176 }
2177 </script>
2177
2178 
2179 
2179<script type="application/ld+json">
2180 {
2181   "@context": "https://schema.org",
2182   "@type": "VideoObject",
2183   "name": "CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online",
2184   "description": "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.",
2185   "thumbnailUrl": [
2186     "https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo",
2187     "https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2188   ],
2189   "uploadDate": "2025-09-28T04:19:10-04:00",
2190   "duration": "PT168",
2191   "contentUrl": "https://www.juventudefsm.org/"
2192 }
2193 </script>
2193
2194 
2195 
2195<script type="application/ld+json">
2196 {
2197   "@context": "https://schema.org",
2198   "@type": "BreadcrumbList",
2199   "itemListElement": [
2200     {
2201       "@type": "ListItem",
2202       "position": 1,
2203       "name": "Home",
2204       "item": "https://www.juventudefsm.org/"
2205     }
2206   ]
2207 }
2208 </script>
2208
2209 
2210 
2210<script type="application/ld+json">
2211 {
2212   "@context": "https://schema.org",
2213   "@graph": [
2214     {
2215       "@type": "Organization",
2216       "@id": "https://www.juventudefsm.org/#org",
2217       "name": "CANDU123",
2218       "url": "https://www.juventudefsm.org/",
2219       "logo": "https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2220     },
2221     {
2222       "@type": "WebSite",
2223       "@id": "https://www.juventudefsm.org/#website",
2224       "url": "https://www.juventudefsm.org/",
2225       "name": "CANDU123",
2226       "publisher": { "@id": "https://www.juventudefsm.org/#org" },
2227       "inLanguage": "id-ID",
2228       "potentialAction": {
2229         "@type": "SearchAction",
2230         "target": "https://www.juventudefsm.org/?s={search_term_string}",
2231         "query-input": "required name=search_term_string"
2232       }
2233     },
2234     {
2235       "@type": "SoftwareApplication",
2236       "@id": "https://www.juventudefsm.org/#app",
2237       "name": "CANDU123",
2238       "applicationCategory": "GameApplication",
2239       "operatingSystem": "Android, iOS, Windows",
2240       "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" },
2241       "aggregateRating": { "@type": "AggregateRating", "ratingValue": 4.9, "ratingCount": 62595 }
2242     }
2243   ]
2244 }
2245 </script>
2245
2246         
2247 <div id="shopify-section-Product" class="shopify-section product-section mt-0"><link href="https://tahanpukul.info/outerbloom-global.css" rel="stylesheet" type="text/css" media="all" />
2248 
2249 
2250 <style>
2251     .bg-card {
2252     background-color: #000000;
2253 }
2254     </style>
2255 
2256 <!-- /templates/product.liquid -->
2257 
2258 
2259 <!-- <div itemscope itemtype="http://schema.org/Product"> -->
2260 
2261 
2262 <div class="product-standing-flower" data-product-type="flowerBoard">
2263   <meta itemprop="url" content="https://www.juventudefsm.org/">
2264   <meta itemprop="image" content="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
2265 
2266   
2267   
2268   <input id="data-sku" type="hidden" value="OBVSTF1086">
2269   <div class="product-single" style="background-image: url(https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo); background-attachment: fixed;">
2270     <div id="product-top" class="container">
2271       <div class="row bg-card product-sticky" style="background-color: rgba(0, 0, 0, 0.1);backdrop-filter: blur(25px); padding: 20px 25px;border-radius: 10px;">
2272         <div id="product-image" class="col-lg-7 text-center">
2273           <div class="product-image">
2274             <div class="row no-gutters">
2275   
2276   <div id="product-featured-image" class="row w-100">
2277     
2278       <div id="thumb-image-product" class="col-lg-2 col-12 d-none d-lg-block">
2279         
2280         <div class="swiper-container gallery-thumbs" style="min-height: 500px">
2281           <ul class="list-unstyled slider swiper-wrapper slider-nav ProductThumbs thumbnails" id="ProductThumbsx">
2282 
2283                   <li class="swiper-slide" data-type="image">
2284                     <a
2285                       href="files/Blossom-Shine-WM.jpg"
2286                       data-standard="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2287                       data-image="files/Blossom-Shine-WM.jpg"
2288                       data-position="1"
2289                       class="product-single__thumbnail"
2290                     >
2291                       <img
2292                         class="lazyload w-100"
2293                         src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2294                         alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2295                         width=""
2296                         height=""
2297                       >
2298                     </a>
2299                   </li>
2300                 
2301               
2302             
2303 
2304                   <li class="swiper-slide" data-type="image">
2305                     <a
2306                       href="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2307                       data-standard="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2308                       data-image="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2309                       data-position="2"
2310                       class="product-single__thumbnail"
2311                     >
2312                       <img
2313                         class="lazyload w-100"
2314                         src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2315                         alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2316                         width=""
2317                         height=""
2318                       >
2319                     </a>
2320                   </li>
2321                 
2322               
2323             
2324 
2325                   <li class="swiper-slide" data-type="image">
2326                     <a
2327                       href="files/Blossom-Shine_3-WM.jpg"
2328                       data-standard="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2329                       data-image="files/Blossom-Shine_3-WM.jpg"
2330                       data-position="3"
2331                       class="product-single__thumbnail"
2332                     >
2333                       <img
2334                         class="lazyload w-100"
2335                         src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2336                         alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2337                         width=""
2338                         height=""
2339                       >
2340                     </a>
2341                   </li>
2342                 
2343               
2344             
2345 
2346                   <li class="swiper-slide" data-type="image">
2347                     <a
2348                       href="files/Blossom-Shine_4.jpg"
2349                       data-standard="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2350                       data-image="files/Blossom-Shine_4.jpg"
2351                       data-position="4"
2352                       class="product-single__thumbnail"
2353                     >
2354                       <img
2355                         class="lazyload w-100"
2356                         src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2357                         alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2358                         width=""
2359                         height=""
2360                       >
2361                     </a>
2362                   </li>
2363                 
2364               
2365             
2366           </ul>
2367         </div>
2368         
2369       </div>
2370     
2371     <div
2372       id="featured-image-product"
2373       class="col-lg-10 col-12 d-none d-lg-block"
2374     >
2375       <div class="swiper-container gallery-top">
2376         <div class="swiper-slide product-single__image">
2377           
2378 <div class="product-single__photos slider slider-for" id="ProductPhoto">
2379   
2380 
2381   <div class="easyzoom easyzoom--overlay easyzoom--with-thumbnails">
2382     <a href="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo">
2383       <img
2384         src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2385         alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2386         id="ProductPhotoImg"
2387         class="lazyload"
2388       >
2389       
2390     </a>
2391   </div>
2392 </div>
2393 
2394         </div>
2395         <div class="swiper-slide product-single__video" style="display: none">
2396           <video
2397             src="https://cdn.shopify.com/videos/c/vp/05d379ea115d41c2bd0f7d08b1496bd9/05d379ea115d41c2bd0f7d08b1496bd9.HD-1080p-7.2Mbps-24002195.mp4"
2398             playsinline
2399             loop
2400             muted
2401           ></video>
2402         </div>
2403       </div>
2404     </div>
2405   </div>
2406 
2407   <div id="featured-image-product2" class="col-12 d-lg-none">
2408     <div class="swiper-container gallery-mobile">
2409       <ul class="swiper-wrapper">
2410 <li class="swiper-slide img">
2411               
2412                 <img
2413                   class="swiper-lazy"
2414                   src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2415                   data-src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2416                   alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2417                   width=""
2418                   height=""
2419                 >
2420               
2421             </li>
2422           
2423         
2424 <li class="swiper-slide img">
2425               
2426                 <img
2427                   class="swiper-lazy"
2428                   src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2429                   data-src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2430                   alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2431                   width=""
2432                   height=""
2433                 >
2434               
2435             </li>
2436           
2437         
2438 <li class="swiper-slide img">
2439               
2440                 <img
2441                   class="swiper-lazy"
2442                   src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2443                   data-src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2444                   alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2445                   width=""
2446                   height=""
2447                 >
2448               
2449             </li>
2450           
2451         
2452 <li class="swiper-slide img">
2453               
2454                 <img
2455                   class="swiper-lazy"
2456                   src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2457                   data-src="https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo"
2458                   alt="CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online"
2459                   width=""
2460                   height=""
2461                 >
2462               
2463             </li>
2464           
2465         
2466       </ul>
2467       
2468         <div class="swiper-button-prev"><svg class="icon icon-chevron-left" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="7" height="12" viewBox="0 0 7 12"> <circle cx="60%" cy="50%" r="12" fill="transparent" /> <path d="M6.35355339,10.6464466 C6.54881554,10.8417088 6.54881554,11.1582912 6.35355339,11.3535534 C6.15829124,11.5488155 5.84170876,11.5488155 5.64644661,11.3535534 L0.646446609,6.35355339 C0.451184464,6.15829124 0.451184464,5.84170876 0.646446609,5.64644661 L5.64644661,0.646446609 C5.84170876,0.451184464 6.15829124,0.451184464 6.35355339,0.646446609 C6.54881554,0.841708755 6.54881554,1.15829124 6.35355339,1.35355339 L1.70710678,6 L6.35355339,10.6464466 Z"/> </svg></div>
2469         <div class="swiper-button-next"><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="7" height="10" viewB
2469ox="0 0 7 10" fill="none">
2470     <path d="M1.51673 0.0583496L6.2334 4.77502L1.51673 9.49168L0.933398 8.90002L5.0584 4.77502L0.933398 0.650016L1.51673 0.0583496Z" fill="#757575"/>
2471 </svg></div>
2472 
2473         <!-- Add Pagination -->
2474         <div class="swiper-pagination"></div>
2475       
2476     </div>
2477   </div>
2478 
2479   <div class="product-m-pageleb-video col-12 text-center d-lg-none">
2480     <!-- product video -->
2481     <style>
2482       .view-video{display:block; margin:auto; padding:5px 10px;font-size:16px;font-weight:bold;border:2px solid #ffffff;background:#fff;}
2483       .view-video .icon-play{fill:#ffffff;vertical-align: middle;}
2484       .video-modal{display:none;position:fixed;background: rgba(0,0,0,.5); width:100%; height:100%; overflow:auto; z-index:1; top:0;left:0;}
2485       .close-video{position:absolute;right:9px; top:8%;z-index:2;padding:5px;}
2486       .close-video .icon{width:30px;height:30px;}
2487       /*responsive iframe */
2488       .video-container {position: relative;padding-bottom: 48.25%;padding-top: 35px;height: 0;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
2489       .video-container iframe {position: absolute;top:60%;left: 0;width: 100%;height: 100%;}
2490 
2491       .youtube {
2492         background-color: #000;
2493         margin-bottom: 30px;
2494         position: relative;
2495         padding-top: 56.25%;
2496         overflow: hidden;
2497         cursor: pointer;
2498         width: 100%;
2499       }
2500       .swiper-slide .youtube {
2501         max-width: 480px;
2502       }
2503       .youtube img {
2504         width: 100%;
2505         top: -16.82%;
2506         left: 0;
2507         opacity: 0.7;
2508       }
2509       .youtube .play-button {
2510         width: 90px;
2511         height: 60px;
2512         background-color: #333;
2513         box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
2514         z-index: 1;
2515         opacity: 0.8;
2516         border-radius: 6px;
2517       }
2518       .youtube .play-button:before {
2519         content: "";
2520         border-style: solid;
2521         border-width: 15px 0 15px 26.0px;
2522         border-color: transparent transparent transparent #fff;
2523       }
2524       .youtube img,
2525       .youtube .play-button {
2526         cursor: pointer;
2527       }
2528       .youtube img,
2529       .youtube iframe,
2530       .youtube .play-button,
2531       .youtube .play-button:before {
2532         position: absolute;
2533       }
2534       .youtube .play-button,
2535       .youtube .play-button:before {
2536         top: 50%;
2537         left: 50%;
2538         transform: translate3d( -50%, -50%, 0 );
2539       }
2540       .youtube iframe {
2541         height: 100%;
2542         width: 100%;
2543         top: 0;
2544         left: 0;
2545       }
2546     </style>
2547 
2548     
2549   </div>
2550 </div>
2551 
2552 <div class="product-desc-add position-relative d-none d-lg-block m-0">
2553 
2554 </div>
2555 
2556 
2556<script>
2557   if ($(window).width() < 991) {
2558     var direction = 'horizontal'
2559   } else {
2560     var direction = 'vertical'
2561     $(".gallery-thumbs").height($("#ProductPhotoImg").height())
2562   }
2563   var swiper = new Swiper('.gallery-thumbs', {
2564     
2565     direction,
2566     slidesPerView: 4.5,
2567     spaceBetween: 12,
2568     navigation: {
2569       nextEl: '.swiper-button-next',
2570       prevEl: '.swiper-button-prev',
2571     }
2572   });
2573   
2574   var swiper = new Swiper('.gallery-mobile', {
2575     //loop: true,
2576     lazy: true,
2577     speed: 300,
2578     resistance : true,
2579     resistanceRatio : 0,
2580     freeModeMomentumRatio : 0.45,
2581     freeModeMomentumVelocityRatio : 1.5,
2582     navigation: {
2583       nextEl: '.swiper-button-next',
2584       prevEl: '.swiper-button-prev',
2585     },
2586     pagination: {
2587       el: '.swiper-pagination'
2588     },
2589     useCSS3Transforms: false,
2590     loop: false,
2591     on: {
2592       init: function () {
2593         console.log('swiper initialized');
2594         var currentVideo =  $("[data-swiper-slide-index=" + this.realIndex + "]").find("video");
2595         currentVideo.trigger('play');
2596       },
2597     },
2598   });
2599 
2600   /* GET ALL VIDEOS */
2601   var sliderVideos = $(".swiper-slide video");
2602   
2603   /* SWIPER API - Event will be fired after animation to other slide (next or previous) */
2604   swiper.on('slideChange', function () {
2605     console.log('slide changed');
2606     /* stop all videos  */
2607     sliderVideos.each(function( index ) {
2608       this.currentTime = 0;
2609     });
2610   
2611     /* SWIPER GET CURRENT AND PREV SLIDE (AND The VIDEO INSIDE) */
2612     var prevVideo =  $(`[data-swiper-slide-index="${this.previousIndex}]"`).find("video");
2613     var currentVideo =  $(`[data-swiper-slide-index="${this.realIndex}"]`).find("video");
2614     prevVideo.trigger('stop');
2615     currentVideo.trigger('play');
2616   });
2617   
2618 
2619   $("[data-video]").click(function(){
2620     const file = $(this).data("video")
2621     $(".product-single__video").show()
2622     $(".product-single__image").hide()
2623     $(".product-single__video").find("video").attr("src", file)
2624     $(".product-single__video").find("video")[0].play();
2625   })
2626   $("[data-image]").click(function(){
2627     $(".product-single__video").hide()
2628     $(".product-single__image").show()
2629     $(".product-single__video").find("video")[0].pause();
2630   })
2631 
2632   $("#product-image .swiper-slide").each(function(){
2633     let width = $(this).width()
2634     $(this).height(width)
2635   })
2636 
2637   $(window).resize(function() {
2638     $("#product-image .swiper-slide").each(function(){
2639       let width = $(this).width()
2640       $(this).height(width)
2641     })
2642   })
2643 </script>
2643
2644 
2645           </div>
2646 
2647   
2648     <div class="grid__item_product-info mb-3">
2649       <div class="c-pdp-product-info">
2650         <ul class="c-pdp-product-info__service c-pdp-product-info__service--active">
2651        <!-- artikel -->
2652             <li>
2653                <p class="PDq2pG_selectionAnchorContainer" data-end="503" data-start="64">CANDU123 muncul sebagai pendatang baru yang mulai mencuri perhatian di tengah ramainya dunia game online. Bukan sekadar mengandalkan koleksi permainan, platform ini membawa pengalaman yang terasa praktis lewat tampilan responsif, navigasi sederhana, serta kategori game yang tertata. Pengguna pun lebih mudah menjelajahi permainan dengan karakter dan mekanisme berbeda sesuai preferensi masing-masing.</p>
2654                <p data-end="840" data-start="505">Pilihan game di CANDU123 hadir cukup variatif, mulai dari permainan bertema fantasi, petualangan, klasik, hingga game interaktif dengan ritme lebih menantang. Setiap kategori mempunyai daya tarik tersendiri sehingga pengalaman menjelajahi koleksi tidak terasa monoton. Informasi permainan juga disajikan secara ringkas agar pengguna dapat mengenali fitur utama sebelum menentukan pilihan.</p>
2655                <p data-end="1223" data-start="842">Sebagai nama baru di dunia game online, CANDU123 berfokus pada kemudahan akses dan kenyamanan penggunaan lintas perangkat. Kombinasi halaman yang ringan, koleksi variatif, dan penyajian informasi yang jelas membuat CANDU123 punya karakter tersendiri sekaligus menghadirkan pengalaman hiburan digital yang lebih segar.</p>
2656         </ul>
2657       </div>
2658     </div>
2659   
2660 
2661 
2662 
2663 
2664 <style>
2665   .c-pdp-product-info__service--active {
2666     font-size: 12px;
2667     padding-left: 10px;
2668     text-align: left;
2669     max-width: 550px;
2670     margin: auto;
2671     color: #fff;
2672   }
2673   .c-pdp-product-info__service--active li {
2674     list-style: disc;
2675   }
2676   .c-pdp-product-info {
2677     background-color: #000000;
2678     padding: 12px;
2679     margin: 0;
2680   }
2681   .freeship em {
2682     font-style: italic;
2683     font-size: 12px !important;
2684   }
2685 
2686 
2687 </style>
2688 
2689 
2689<script>
2690   $(document).ready(function(){
2691     if ( $(".c-pdp-product-info__service li").length == 1 ) {
2692       $(".c-pdp-product-info__service").addClass("no-bullet");
2693       $(".c-pdp-product-info__service li").addClass("no-bullets");
2694     }
2695   });
2696 </script>
2696
2697 
2698   
2699 
2700 
2701 
2702   
2703 
2704   
2705 
2706 
2707             
2708           
2709         </div>
2710         <div id="product-meta" class="col-lg-5 p-0">
2711           <div class="product-meta">
2712             <style>
2713   .product-meta--review {margin-top:10px}
2714   .freeship * {font-size: 14px !important;font-style: normal;}
2715 </style>
2716 <h1 itemprop="name" class="mb-2" style="color: rgb(0, 191, 255); font-weight: bold;">CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online</h1>
2717 
2718 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
2719   <meta itemprop="priceCurrency" content="IDR">
2720 
2721   <link itemprop="availability" href="https://schema.org/InStock">
2722   
2722<script
2723     type="text/javascript"
2724     src="//platform-api.sharethis.com/js/sharethis.js#property=5acdc0aa3ef3c0001396fd50&product=custom-share-buttons"
2725     async="async"
2726   ></script>
2726
2727   
2728 
2729   
2730 
2731   <span class="visually-hidden">Translation missing: en.products.general.regular_price</span>
2732   
2733     <span class="visually-hidden">Translation missing: en.products.general.sale_price</span>
2734   
2735   <div class="row no-gutters mb-3">
2736     <span
2737       id="ProductPrice"
2738       class="h2 ProductPrice"
2739       itemprop="price"
2740       content="835000" style="color: #ffffff;"
2741     >
2742       Rp 5.000
2743     </span>
2744     <div class="discount-product-detail">
2745       <p id="ComparePrice" class="ComparePrice mt-2 mt-lg-0">
2746         Rp 10.000
2747       </p>
2748       <span class=" tag-discount">
2749         
2750           
2751           <span id="newDiscount" class="product-tag persentase-discount hide"> 
2752       (90%)
2753       </span><br>
2754         
2755       </span>
2756     </div>
2757   </div>
2758 
2759   <div class="row no-gutters meta-sds">
2760     <div class="col-12 mb-2 mb-lg-0 stock-info">
2761       
2762       
2763       <span
2764         id="ProductStock-Product"
2765         class="product-single__stock mb-2 hide"
2766       >
2767         
2768           
2769             
2770               
2771               Barang dikirim pada 
2772             
2773           
2774         
2775       </span>
2776 
2777       <style>
2778     .short-desc-desktop {
2779         margin-bottom: 2rem;
2780         color: white;
2781     }
2782     .short-desc ul li:nth-child(n + 4) {
2783         display: none;
2784     }
2785     .short-desc ul li.showList:nth-child(n + 4) {
2786         display: list-item;
2787     }
2788     label.more {
2789         display: none;
2790     }
2791     label.more.showMe {
2792         display: block;
2793         font-size: 12px;
2794         text-transform: uppercase;
2795         font-weight: 700;
2796         cursor: pointer;
2797     }
2798 </style>
2799 
2800     <div class="short-desc-desktop d-none d-lg-block">
2801         <div class="short-desc">
2802            
2803 <p>CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.</p>
2804         </div>
2805         <label class="more">Show More →</label>
2806     </div><br>
2807 
2808 
2809 
2809<script>
2810     var liCount;
2811     $(document).ready(function () {
2812         $(".short-desc ul").each(function() {
2813             liCount = $(this).children("li").length;
2814             if (liCount > 3) {
2815                 $(this).parent(".short-desc").next(".more").addClass("showMe");
2816             }
2817         });
2818 
2819         $(".more").click(function () {
2820             //$(".short-desc").find("li").addClass("showList");
2821             // $(this).hide();
2822             $("#product-desc").find("ul").show()
2823             $('html, body').animate({
2824                 scrollTop: $("#product-desc").offset().top - 250
2825             }, 2000);
2826             $("#product-desc").css("height","auto");
2827             $("#more_content").remove();
2828             $(".product-spec").append("<div id='less_content' class='readmore'><span class='less_content'>Less</span></div>")
2829         });
2830     });
2831 </script>
2831
2832 
2833       
2834     </div>
2835   </div>
2836 
2837   <div id="purchaseProduct">
2838   
2839   
2840 
2841 
2842 <style>
2843   .variant-metafield {
2844     display: block!important;
2845     width: 1px;
2846     padding: 0;
2847     border-color: #fff;
2848   }
2849   .select2-results__option[aria-disabled] {
2850     display: none;
2851   }
2852 
2853   .towel-bordir {
2854     width: 100%;
2855     display: flex;
2856     align-items: center;
2857     justify-content: space-around;
2858   }
2859 </style>
2860 
2861 
2862 
2863 
2864 
2864<script>
2865   
2866   
2867 </script>
2867
2868 
2869 
2870 
2871 
2872 
2873 
2874 <select
2875   name="id[]"
2876   id="productSelect"
2877   class="product-single__variants ignore hide hide"
2878 >
2879   
2880     
2881       
2882       <option
2883         
2884           selected="selected"
2885         
2886         data-sku="OBVSTF1086"
2887         value="44083045826775"
2888       >
2889         Default Title
2890       </option>
2891 
2892     
2893   
2894 </select>
2895 
2896 
2896<script src="//outerbloom.com/cdn/shop/t/138/assets/jquery.magnific-popup.min.js?v=184369421263510081681752652422" type="text/javascript"></script>
2896
2897 
2898 
2898<script>
2899   $('.size-chart-open-popup').magnificPopup({
2900     type:'inline',
2901     midClick: true
2902   });
2903 </script>
2903
2904 
2905   
2906   
2907   
2908   <div class="upload-image-preview">
2909     
2910     
2911     
2912     
2913     
2914     <style>
2915   .file-dnd * {
2916     margin: 0;
2917     padding: 0;
2918     box-sizing: border-box;
2919   }
2920   .file-dnd {
2921     width: 100%;
2922     height: 250px;
2923     border: 1px solid #ddd;
2924     border-radius: 10px;
2925     padding: 15px;
2926     display: flex;
2927     flex-direction: column;
2928     gap: 10px;
2929     /* box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.05); */
2930     margin: auto;
2931   }
2932   .file-dnd input {
2933     display: none;
2934   }
2935   .file-dnd .before-upload {
2936     border: 1px dashed #888;
2937     flex: 1;
2938     border-radius: 5px;
2939     display: flex;
2940     justify-content: center;
2941     align-items: center;
2942     text-align: center;
2943     cursor: pointer;
2944   }
2945   .file-dnd .before-upload > div {
2946     display: flex;
2947     flex-direction: column;
2948     align-items: center;
2949     gap: 8px;
2950   }
2951   .file-dnd .before-upload > div h4 {
2952     width: 150px;
2953   }
2954   .file-dnd .before-upload > div p {
2955     font-size: 12px !important;
2956     color: #555;
2957   }
2958   .file-dnd.active .before-upload {
2959     border: 1px solid #5750d9;
2960     background-color: #f5f5ff;
2961   }
2962   .file-dnd .after-upload {
2963     position: relative;
2964     display: none;
2965   }
2966   .file-dnd .after-upload img {
2967     width: 100%;
2968     border-radius: 5px;
2969     max-height: 180px;
2970     object-fit: contain;
2971     display: block;
2972   }
2973   .file-dnd .after-upload .clear-btn {
2974     position: absolute;
2975     top: 10px;
2976     right: 10px;
2977     background: rgba(255, 255, 255, 0.5);
2978     width: 15px;
2979     height: 15px;
2980     text-align: center;
2981     line-height: 15px;
2982     border-radius: 50%;
2983     color: #fff;
2984     cursor: pointer;
2985     font-size: 14px;
2986   }
2987 </style>
2988 
2989 <div
2990   class="file-dnd mb-3"
2991   
2992     style="display: none"
2993   
2994 >
2995   <label for="upload-photo">Upload your Photo:</label>
2996   <input type="file" id="upload-photo" accept="image/*">
2997   <input type="hidden" data-properties="Photo">
2998   <div class="before-upload">
2999     <div>
3000       <svg id="surface1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="33.053" height="41.719" viewBox="0 0 33.053 41.719">
3001   <path id="Path_2149" data-name="Path 2149" d="M22.982.322A1.009,1.009,0,0,0,22.257,0H5.982A5.505,5.505,0,0,0,.5,5.472V36.247a5.505,5.505,0,0,0,5.482,5.472H28.071a5.505,5.505,0,0,0,5.482-5.472V11.81a1.085,1.085,0,0,0-.292-.705Zm.292,3.235,6.883,7.225H25.683a2.4,2.4,0,0,1-2.409-2.4Zm4.8,36.147H5.982a3.49,3.49,0,0,1-3.467-3.457V5.472A3.49,3.49,0,0,1,5.982,2.015H21.259V8.384A4.409,4.409,0,0,0,25.683,12.8h5.855V36.247A3.484,3.484,0,0,1,28.071,39.7Zm0,0" transform="translate(-0.5)" fill="#ababab"></path>
3002   <path id="Path_2150" data-name="Path 2150" d="M106.767,401.934H90.18a1.008,1.008,0,1,0,0,2.015h16.6a1.008,1.008,0,1,0-.01-2.015Zm0,0" transform="translate(-81.947 -369.183)" fill="#ababab"></path>
3003   <path id="Path_2151" data-name="Path 2151" d="M120.143,178.328l4.152-4.464v11a1.008,1.008,0,0,0,2.015,0v-11l4.152,4.464a1.005,1.005,0,0,0,1.471-1.371l-5.905-6.339a1,1,0,0,0-1.471,0l-5.905,6.339a1,1,0,0,0,.05,1.421A1.028,1.028,0,0,0,120.143,178.328Zm0,0" transform="translate(-108.776 -156.421)" fill="#ababab"></path>
3004 </svg>
3005 
3006       <h4>Drag & Drop Photo file or Browse</h4>
3007       <p>Supports: JPEG, PNG, GIF, TIFF</p>
3008     </div>
3009   </div>
3010   <div class="after-upload">
3011     <div class="clear-btn">&times;</div>
3012     <img src="" width="" height="">
3013   </div>
3014 </div>
3015 
3015<script>
3016   function applyDndFile(el) {
3017     const parent = document.querySelector(".file-dnd")
3018     const beforeUploadEl = el.querySelector(".before-upload")
3019     const afterUploadEl = el.querySelector(".after-upload")
3020     const inputFile = el.querySelector("input[type=file]")
3021     const imagePreview = el.querySelector(".after-upload img")
3022     const clearBtn = el.querySelector(".after-upload .clear-btn")
3023     const inputProps = parent.querySelector("[data-properties]");
3024 
3025     async function upload(name, uri, type) {
3026       try {
3027         const filename = name.split('.')[0]
3028         let formData = new FormData(); 
3029         formData.append("file", uri);
3030         const response = await fetch(`${host}/upload?name=${filename}&dir=gift&type=${type}`, {
3031           method: "POST", 
3032           body: formData
3033         })
3034         if(response) {
3035           const res = await response.json()
3036           return res
3037         }
3038       } catch(err){
3039         console.log(err)
3040       }
3041     }
3042 
3043     function showImagePreview(img) {
3044       if(img){
3045         const blobUrl = URL.createObjectURL(img)
3046         imagePreview.src = blobUrl
3047         afterUploadEl.style.display = "block"
3048         beforeUploadEl.style.display = "none"
3049       }
3050     }
3051 
3052     beforeUploadEl.addEventListener("click", (e) => {
3053       e.preventDefault()
3054       inputFile.click()
3055     })
3056 
3057     inputFile.addEventListener("change", async (e) => {
3058       e.preventDefault()
3059       showImagePreview(e.target.files[0])
3060       var uploadData = await upload(e.target.files[0].name, e.target.files[0], e.target.files[0].type)
3061       inputProps.value = uploadData?.url
3062     })
3063 
3064     clearBtn.addEventListener("click", (e) => {
3065       afterUploadEl.style.display = "none"
3066       beforeUploadEl.style.display = "flex"
3067       inputProps.value = ""
3068     })
3069 
3070     beforeUploadEl.addEventListener("dragover", (e) => {
3071       e.preventDefault()
3072       el.classList.add("active")
3073     })
3074 
3075     beforeUploadEl.addEventListener("dragleave", (e) => {
3076       e.preventDefault()
3077       el.classList.remove("active")
3078     })
3079 
3080     beforeUploadEl.addEventListener("drop", async (e) => {
3081       e.preventDefault()
3082       el.classList.remove("active")
3083       showImagePreview(e.dataTransfer.files[0])
3084       var uploadData = await upload(e.dataTransfer.files[0].name, e.dataTransfer.files[0], e.dataTransfer.files[0].type)
3085       console.log(uploadData)
3086       inputProps.value = uploadData?.url
3087     })
3088   }
3089 
3090   applyDndFile(document.querySelector(".file-dnd"))
3091 
3092   $(document).ready(function(){
3093     $(".variant-swatch").change(function(){
3094       const v = $(this).val().toLowerCase()
3095       const list = ["photo", "custom one side", "custom two side", "small", "big"]
3096       if(list.some(item => v.includes(item))) return $(".file-dnd").show()
3097       $(".file-dnd").hide()
3098       $(".file-dnd").find("[data-properties]").val("")
3099       $(".after-upload").hide()
3100       $(".before-upload").css("display", "flex")
3101     })
3102   })
3103 </script>
3103
3104 
3105   </div>
3106   
3107     
3108     <div class="delivery-city mb-4">
3109         <a href="https://www.juventudefsm.org/football-club/">
3110        <center><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" alt="logo-daftar" style="width: 260px; margin-top: -20px;"></center></a><br>
3111   <h4 class="fw-600 text-uppercase mb-15" style="color: rgb(0, 191, 255);">AKSES LINK RESMI CANDU123 !</h4>
3112   <div class="row justify-content-between m-0">
3113     <select id="cities" class="form-control select-search" required>
3114       <option value="">Gabung Sekarang Di CANDU123 Nikmati Akses Tercepat Bersama Bandar ALTERNATIF CANDU123</option>
3115     </select>
3116   </div>
3117 </div>
3118 
3119 <style>
3120   @media (max-width: 768px) {
3121     .select2-search__field {
3122       pointer-events: none !important;
3123     }
3124     
3125     .select2-search {
3126       display: none !important;
3127     }
3128   }
3129 </style>
3130 
3131 
3131<script>
3132   $(document).ready(function() {
3133     // Check if mobile
3134     if (window.innerWidth <= 768) {
3135       // When cities select2 opens on mobile, remove focus from search
3136       $('#cities').on('select2:open', function() {
3137         setTimeout(function() {
3138           $('.select2-search__field').blur();
3139           $('.select2-search__field').prop('readonly', true);
3140         }, 100);
3141       });
3142     }
3143   });
3144 </script>
3144
3145 
3146  <style>
3147 .icon-img-footer {
3148     width: 80px; 
3149     padding: 0px 5px;
3150 }
3151 @media (min-width: 768px) {
3152     .icon-img-footer {
3153         width: 120px; 
3154     }
3155 }
3156 @media (min-width: 992px) {
3157     .icon-img-footer {
3158         width: 120px; 
3159     }
3160 }
3161 
3162 
3163 </style>
3164   <div id="row-delivery-date" class="row m-0 mb-3">
3165     <h4 class="fw-600 text-uppercase col-12 p-0 mb-15" style="color: rgb(0, 191, 255);">Nikmati Akses Bermain ALTERNATIF CANDU123 Bersama CANDU123</h4>
3166     <div id="deliveryDate" class="m-0"></div>
3167     <div id="deliveryDateFull">
3168       <div class="">
3169         <input
3170           type="text"
3171           id="full-date"
3172           class="date-full calendarbutton btn steps-btn btn-date-time mb-0"
3173           value="Full Calendar"
3174         >
3175         <label for="full-date"><svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="32" height="32" viewBox="0 0 32 32">
3176 <title>icon-arrow-right</title>
3177 <path d="M25.057 15.333l-6.862-6.862c-0.26-0.26-0.26-0.682 0-0.943s0.682-0.26 0.943 0l8 8c0.26 0.26 0.26 0.682 0 0.943l-8 8c-0.26 0.26-0.682 0.26-0.943 0s-0.26-0.682 0-0.943l6.862-6.862h-19.724c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h19.724z"></path>
3178 </svg></label>
3179       </div>
3180       <button class="btnChangeDeliveryDate hide">Change Delivery Date</button>
3181     </div>
3182     <div class="form-group p-0">
3183       <input type="text" id="propDeliveryDate" required class="hide">
3184     </div>
3185   </div>
3186   
3187   
3188     <div id="row-delivery-time" class="row m-0 mb-3">
3189       <h4 class="text-center fw-600 text-uppercase col-12 mb-15">
3190     SEO RZKY 
3191 </h4>
3192       <div id="deliveryTime" class="d-flex w-100 m-0"></div>
3193       <div class="form-group p-0">
3194         <input type="text" id="propDeliveryTime" class="hide" required>
3195       </div>
3196     </div>
3197   
3198 
3199 
3200   
3201   
3202   <div id="personalizeBtn">
3203     
3204     
3205     
3206     
3207     <button
3208       class="btn text-uppercase w-100 fw-400"
3209       
3210       
3211       
3212     >
3213       
3214         customize your flower board
3215       
3216     </button>
3217     <div class="button-share-wishlist d-flex justify-content-around mt-3">
3218       <div class="button-share text-center">
3219         <p id="shareButton" class="d-flex gap-2"><span>CANDU123</span><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="15" height="13" viewBox="0 0 15 13" fill="none">
3220   <path d="M13.825 5.85006L10 2.02506V4.07506L9.28333 4.18339C5.69167 4.69172 3.25833 6.57506 1.86667 9.45839C3.8 8.09172 6.2 7.43339 9.16667 7.43339H10V9.67506M8.33333 8.28339C4.60833 8.45839 1.94167 9.80006 0 12.5167C0.833333 8.35006 3.33333 4.18339 9.16667 3.35006V0.0167236L15 5.85006L9.16667 11.6834V8.26672C8.89167 8.26672 8.61667 8.27506 8.33333 8.28339Z" fill="#ffffff"/>
3221 </svg>
3222 </p>
3223       </div>
3224       <div class="button-wishlist text-center">
3225         <p id="wishButton" class="d-flex gap-2 wishlist-toggle" data-product-handle="blossom-shine"><span>Wishlist</span><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="16" height="15" viewBox="0 0 16 15" fill="none">
3226   <path d="M2.03341 7.70827C1.70392 7.38096 1.44286 6.99135 1.26546 6.56213C1.08805 6.13292 0.997838 5.67269 1.00008 5.20827C1.00008 4.26896 1.37322 3.36812 2.03741 2.70393C2.7016 2.03974 3.60244 1.6666 4.54175 1.6666C5.85841 1.6666 7.00841 2.38327 7.61675 3.44993H8.55008C8.85934 2.90748 9.30684 2.45667 9.84699 2.14341C10.3871 1.83015 11.0007 1.66563 11.6251 1.6666C12.5644 1.6666 13.4652 2.03974 14.1294 2.70393C14.7936 3.36812 15.1667 4.26896 15.1667 5.20827C15.1667 6.18327 14.7501 7.08327 14.1334 7.70827L8.08341 13.7499L2.03341 7.70827ZM14.7167 8.29993C15.5084 7.49993 16.0001 6.4166 16.0001 5.20827C16.0001 4.04795 15.5391 2.93515 14.7187 2.11467C13.8982 
32261.2942 12.7854 0.833267 11.6251 0.833267C10.1667 0.833267 8.87508 1.5416 8.08341 2.6416C7.67933 2.08035 7.14725 1.62353 6.53131 1.30904C5.91537 0.994549 5.23333 0.831448 4.54175 0.833267C3.38143 0.833267 2.26863 1.2942 1.44816 2.11467C0.627684 2.93515 0.166748 4.04795 0.166748 5.20827C0.166748 6.4166 0.658415 7.49993 1.45008 8.29993L8.08341 14.9333L14.7167 8.29993Z" fill="#ffffff"/>
3227 </svg>
3228 <!--
3229   <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="34" height="30" viewBox="0 0 34 30" fill="none">
3230   <path d="M32.8333 9.23082C32.8333 4.51916 29.0142 0.699158 24.3025 0.699158C21.2 0.699158 18.4933 2.35999 17 4.83582C15.5067 2.36082 12.8 0.699158 9.69749 0.699158C4.98582 0.699991 1.16666 4.51916 1.16666 9.23082C1.16666 10.3075 1.37499 11.3342 1.73916 12.2825C4.55999 20.3967 17 29.3008 17 29.3008C17 29.3008 29.44 20.3967 32.2617 12.2825C32.6258 11.3342 32.8333 10.3075 32.8333 9.23082Z" fill="white" fill-opacity="0.32" stroke="#757575" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
3231   </svg>
3232 -->
3233 </p>
3234       </div>
3235     </div>
3236   </div>
3237 </div>
3238 <div class="purchasePopup purchasePopupSpotify" style="display: none;">
3239   <div class="purchaseArea">
3240     <div class="sectionPurchase sectionPurchaseSpotify">
3241       <div class="wrapperPurchase">
3242         <div class="headerPurchase">
3243           <h3>personalize spotify photo print</h3>
3244           <a class="close-purchase-popup">
3245             <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="18" height="18" viewBox="0 0 18 18" fill="none">
3246               <path d="M1.53287 17.4107L0.588867 16.4667L8.05553 9.00002L0.588867 1.53336L1.53287 0.589355L8.99953 8.05602L16.4662 0.589355L17.4102 1.53336L9.94353 9.00002L17.4102 16.4667L16.4662 17.4107L8.99953 9.94402L1.53287 17.4107Z" fill="black"></path>
3247             </svg>
3248           </a>
3249         </div>
3250         <div class="contentPurchase">
3251           <div class="spotifyAddons"></div>
3252         </div>
3253 
3254         <div class="purchase-button btn-addon row m-0" style="display: none;">
3255           <div class="col-12 col-lg-2 text-left mb-2 p-0">
3256             <button class="back-purchase-button back-addon text-uppercase">
3257               <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
3258                 <path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z" fill="black"></path>
3259               </svg>
3260               <span>Back</span>
3261             </button>
3262           </div>
3263           <div class="col-12 col-lg-10 text-right" style="display: flex;justify-content: end;gap: 20px;">
3264             <button class="btn next-purchase-button next-addon text-uppercase">
3265               <span>continue without add-ons</span>
3266             </button>
3267           </div>
3268         </div>
3269       </div>
3270     </div>
3271   </div>
3272 </div>
3273 
3274 <style>
3275   #PBarNextFrameWrapper {
3276     display: none;
3277   }
3278   #backgroundPopup {
3279     display: none;
3280     position: fixed;
3281     _position: absolute;
3282     height: 100%;
3283     width: 100%;
3284     top: 0;
3285     left: 0;
3286     background: rgb(117 117 117 / 24%);
3287     z-index: 1;
3288   }
3289   .sectionPurchase {
3290     height: 100%;
3291     position: relative;
3292     max-width: 1344px;
3293     background-color: #fff;
3294     padding: 0;
3295     overflow: hidden; /* Changed from auto to hidden */
3296     display: flex;
3297     flex-direction: column;
3298   }
3299   .sectionPurchase.purchaseAddonSpotify {
3300     max-width: 1070px!important;
3301     max-height: 765px!important;
3302   }
3303   .sectionPurchaseBoard {
3304     max-width: 872px!important;
3305     max-height: 821px!important;
3306   }
3307   .purchaseAddonSpotify .btn-action {
3308     position: absolute;
3309     bottom: 0;
3310     left: 0;
3311     width: 100%;
3312     display: flex;
3313     gap: 10px;
3314   }
3315   .wrapperPurchase {
3316     position: relative;
3317     height: 100%;
3318     display: flex;
3319     flex-direction: column;
3320   }
3321   
3322   /* New styles for scrollable content and sticky button */
3323   .purchase-content {
3324     flex: 1;
3325     overflow-y: auto;
3326     overflow-x: hidden;
3327     padding: 20px;
3328   }
3329   
3330   .purchase-button-wrapper {
3331     position: sticky;
3332     bottom: 0;
3333     background-color: #fff;
3334     border-top: 1px solid #e0e0e0;
3335     padding: 15px 0;
3336     margin-top: auto;
3337     z-index: 10;
3338   }
3339   
3340   .purchasePopup {
3341     display: none;
3342     position: fixed;
3343     background: rgb(117 117 117 / 24%);
3344     z-index: 999;
3345     padding: 40px;
3346     font-size: 13px;
3347     top: 0;
3348     left: 0;
3349     width: 100%;
3350     height: 100%;
3351   }
3352   .popupPurchaseClose{
3353     font-size:14px;
3354     line-height:14px;
3355     right:45px;
3356     top:45px;
3357     position:absolute;
3358     color:#6fa5fd;
3359     font-weight:700;
3360     display:block;
3361     cursor: pointer;
3362   }
3363 
3364   .headerPurchase {
3365     margin-bottom: 30px;
3366     display: flex;
3367     justify-content: space-between;
3368   }
3369 
3370   .headerPurchase h3 {
3371     font-size: 16px;
3372     text-transform: uppercase;
3373   }
3374 
3375   .sectionPurchaseBoard .headerPurchase {
3376     margin-bottom: 15px;
3377   }
3378 
3379   .sectionPurchaseBoard .formAddressPurchase {
3380     padding-top: 0;
3381   }
3382 
3383   .purchaseArea {
3384     position: relative;
3385     height: 100%;
3386   }
3387 
3388   .purchaseArea h4 {
3389     width: 100%;
3390     font-size: 12px;
3391     font-weight: 600;
3392     margin-bottom: 10px;
3393     text-transform: uppercase;
3394   }
3395 
3396   .menuPurchase {
3397     margin-bottom: 30px;
3398   }
3399 
3400   .menuPurchase ul {
3401     list-style-type: none;
3402     margin: 0;
3403   }
3404 
3405   .menuPurchase ul li {
3406     display: inline-block;
3407     border: 1px solid #ffffff;
3408     padding: 5px 20px;
3409     margin-right: 5px;
3410     margin-bottom: 10px;
3411     font-size: 12px;
3412     font-weight: 400;
3413   }
3414 
3415   .menuPurchase ul li:hover, .menuPurchase ul li.selected {
3416     background-color: #ffffff;
3417     color: #ffffff;
3418   }
3419 
3420   .contentPurchase h5 {
3421       font-size: 12px;
3422       margin-bottom: 10px;
3423       font-weight: 400;
3424       overflow: hidden;
3425   }
3426 
3427   /* Card */
3428 
3429   #itemCards {
3430     max-height: 430px;
3431     overflow: auto;
3432   }
3433 
3434   .item-cards {
3435       width: 100%;
3436   }
3437   .item-card.selected {
3438       border: 1px solid #ffffff;
3439   }
3440   .item-card:hover {
3441       border: 1px solid #C4C4C4;
3442   }
3443   .item-cards .item-card {
3444     position: relative;
3445     width: calc(33% - 10px);
3446     max-width: calc(33% - 10px);
3447     flex: 0 0 calc(33% - 10px);
3448     margin-bottom: 20px;
3449   }
3450   .item-cards .item-card label,
3451   .item-addons .item-addon label {
3452       position: absolute;
3453       left: 0;
3454       width: 100%;
3455       height: 100%;
3456   }
3457   .item-cards .item-card .card-image img,
3458   .item-addons .item-addon .card-image img {
3459       display: block;
3460       width: 100%;
3461   }
3462   .item-card .card-meta,
3463   .item-addon .card-meta {
3464       padding: 10px 5px 5px;
3465   }
3466   .item-card.selected .card-meta,
3467   .item-addon.selected .card-meta,
3468   .item-card.selected .card-qty {
3469       background-color: #ffffff;
3470       color: #fff;
3471       visibility: visible!important;
3472   }
3473   .item-card:hover .card-meta,
3474   .item-addon:hover .card-meta,
3475   .item-card:hover .card-qty {
3476       background-color: #C4C4C4;
3477       color: #fff;
3478       visibility: visible!important;
3479   }
3480   .item-cards .item-card p,
3481   .item-addons .item-addon p {
3482     font-size: 12px !important;
3483     margin: 0;
3484     font-weight: 600;
3485   }
3486   .item-card .card-meta input,
3487   .item-addon .card-meta input {
3488       display: none;
3489   }
3490   .item-cards .item-card h5,
3491   .item-addons .item-addon h5 {
3492     text-transform: uppercase;
3493     max-height: 35px;
3494   }
3495 
3496   @media (max-width: 768px) {
3497     .item-cards .item-card {
3498         width: calc(50% - 10px);
3499         max-width: calc(50% - 10px);
3500         flex: 0 0 calc(50% - 10px);
3501         margin-bottom: 0;
3502     }
3503   }
3504 
3505   .card-qty {
3506     display: flex;
3507     padding: 5px;
3508     visibility: hidden;
3509     background-color: #fff !important;
3510     z-index: 999;
3511   }
3512   .card-qty a {
3513     border-width: 1px;
3514     width: 30%;
3515     cursor: pointer;
3516     text-align: center;
3517     align-self: center;
3518     height: 28px;
3519     display: block;
3520     position: relative;
3521   }
3522   .card-qty a svg {
3523     position: absolute;
3524     top: 50%;
3525     left: 50%;
3526     transform: translate(-50%, -50%);
3527     text-align: center;
3528   }
3529   input.btn-qty {
3530     border-width: 0px;
3531     border-radius: 0;
3532     background-color: #fff;
3533     -webkit-appearance: none;
3534     box-shadow: none !important;
3535     -webkit-box-shadow: none !important;
3536     -moz-box-shadow: none!important;
3537     width: 40%;
3538     border-left: 1px solid #c4c4c4;
3539     border-right: 1px solid #c4c4c4;
3540     padding: 0;
3541   }
3542 
3543   .sectionPurchaseBoard #itemAddons .item-card {
3544     width: calc(20% - 15px);
3545     max-width: calc(20% - 15px);
3546     flex: 0 0 calc(20% - 15px);
3547   }
3548 
3549   .purchase-button {
3550     width: 100%;
3551     padding: 0; /* Reset padding as it's now handled by wrapper */
3552     margin: 0;
3553   }
3554 
3555   .sectionPurchaseBoard .purchase-button {
3556     margin-top: 0 !important; /* Reset margin */
3557   }
3558 
3559   .back-purchase-button, .back-spotify {
3560       width: 139px;
3561       border: 1px solid;
3562       height: 43px;
3563   }
3564   .purchase-button .btn {
3565     width: 297px;
3566     height: 43px;
3567     background-color: #ffffff;
3568     color: #ffffff;
3569   }
3570   .purchase-button .btn[disabled] {
3571     background-color: #EEEEEE;
3572   }
3573   .back-purchase-button svg, .back-spotify svg {
3574     align-self: center;
3575     vertical-align: middle;
3576     margin-right: 10px;
3577   }
3578 
3579   #purchaseProduct .row .error {
3580     font-size: 12px !important;
3581     color: orange;
3582     margin-top: 5px;
3583   }
3584 
3585   .reviewCardPurchase {
3586     max-width: 448px;
3587     float: right;
3588   }
3589 
3590   .addonsPurchase .addon-item {display: flex;justify-content: space-between;}
3591   .addon-item * {align-self: center;font-size: 12px;}
3592   .addon-itm-title {width: 360px;}
3593   .addon-itm-line-price {color: #757575;width: 80px;justify-content: space-between;display: flex;}
3594 
3595   .propsAddonSpotify p {
3596     margin: 0;
3597     display: flex;
3598     font-size: 12px !important;
3599     margin-bottom: 5px;
3600   }
3601   .propsAddonSpotify p span:first-child {
3602     text-transform: uppercase;
3603     font-weight: 600;
3604     -ms-flex: 0 0 150px;
3605     flex: 0 0 150px;
3606     max-width: 150px;
3607   }
3608 
3609   .addonsPurchase .addons {
3610     max-height: 250px;
3611     overflow: auto;
3612   }
3613 
3614   .btn .loading:after {
3615     content: "";
3616     display: inline-block;
3617     width: 20px;
3618     height: 20px;
3619     padding: 3px;
3620     aspect-ratio: 1;
3621     border-radius: 50%;
3622     background: #FFFFFF;
3623     --_m: conic-gradient(#0000 10%, #ffffff), linear-gradient(#ffffff 0 0) content-box;
3624     -webkit-mask: var(--_m);
3625     mask: var(--_m);
3626     -webkit-mask-composite: source-out;
3627     mask-composite: subtract;
3628     animation: l3 1s infinite linear;
3629     margin: auto;
3630     vertical-align: middle;
3631     margin-left: 10px;
3632   }
3633 
3634   #qrcode img, #qrcode canvas {
3635     width: 50px;
3636     position: absolute;
3637     top: 12px;
3638     left: 16px;
3639   }
3640 
3641   .t-preview {
3642     position: absolute;
3643     top: 17px;
3644     left: 75px;
3645   }
3646   .t-preview p {
3647     margin: 0;
3648     font-size: 12px !important;
3649   }
3650   .t-preview .h3 {
3651     font-size: 16px !important;
3652     margin-bottom: 5px;
3653     font-weight: 600;
3654   }
3655   .scanCard {
3656     width: 100%;
3657     border: 1px solid;
3658     height: 76px;
3659     background-color: #fff;
3660   }
3661   .scanCard > div > img {
3662     position: absolute;
3663     right: 0;
3664     width: 55px;
3665   }
3666 
3667   @keyframes l3 {
3668     100% {
3669       transform: rotate(1turn);
3670     }
3671   }
3672 
3673   @media (min-width: 991px) {
3674     .sectionPurchase {
3675       height: 100%;
3676       position: relative;
3677       max-width: 1344px;
3678       background-color: #fff;
3679       top: 50%;
3680       left: 50%;
3681       transform: translate(-50%, -50%);
3682     }
3683     .headerPurchase h3 {
3684       font-size: 20px;
3685     }
3686     .purchaseArea h4 {
3687       font-size: 16px;
3688     }
3689 
3690     .menuPurchase ul li {
3691         font-size: 16px;
3692     }
3693     
3694     .contentPurchase {
3695       margin-bottom: 30px;
3696     }
3697     .contentPurchase h5 {
3698       font-size: 16px;
3699     }
3700 
3701     .item-cards .item-card p,
3702     .item-addons .item-addon p {
3703       font-size: 16px !important;
3704     }
3705 
3706     .cards {
3707       float: right;
3708       width: 400px;
3709     }
3710 
3711     .item-cards .item-card {
3712       width: calc(25% - 30px);
3713       max-width: calc(25% - 30px);
3714       flex: 0 0 calc(25% - 30px);
3715     }
3716 
3717       #itemAddons .item-card {
3718         position: relative;
3719         width: calc(16% - 40px);
3720         max-width: calc(16% - 40px);
3721         flex: 0 0 calc(16% - 40px);
3722       }
3723       
3724     .purchase-button-wrapper {
3725         padding: 10px 20px;
3726     }
3727   }
3728 
3729   @media (max-width: 1200px) {
3730     .item-cards .item-card {
3731       width: calc(33% - 30px);
3732       max-width: calc(33% - 30px);
3733       flex: 0 0 calc(33% - 30px);
3734     }
3735   }
3736 
3737   @media (max-width: 992px) {
3738     .purchasePopup {
3739       padding: 0;
3740     }
3741     .item-cards .item-card h5,
3742     .item-addons .item-addon h5 {
3743       max-height: 30px;
3744     }
3745 
3746     .back-purchase-button, .back-spotify, .next-purchase-button {
3747         width: 100%;
3748     }
3749     .addon-itm-title {
3750       width: 300px;
3751     }
3752     .addon-itm-line-price {
3753       margin-right: 10px;
3754     }
3755     .t-preview {
3756       top: 10px;
3757     }
3758 
3759     .card-qty a {
3760       height: 15px;
3761     }
3762     
3763     .purchase-button-wrapper {
3764       padding: 15px;
3765     }
3766   }
3767 
3768   @media (max-width: 576px) {
3769     .purchase-button .btn {
3770         width: 100%!important;
3771     }
3772     .purchase-button > .col-12 {
3773       padding-left: 0;
3774       padding-right: 0;
3775     }
3776   }
3777 </style>
3778 
3779 
3780 <div class="purchasePopup">
3781   <div class="purchaseArea">
3782     
3783       <div class="sectionPurchase purchasePersonalize sectionPurchaseBoard">
3784         <div class="wrapperPurchase">
3785           <div class="purchase-content">
3786             <div class="headerPurchase">
3787   <h3 class="text-uppercase">
3788     
3789       customize your flower board
3790     
3791   </h3>
3792   <a class="close-purchase-popup">
3793   <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="18" height="18" viewBox="0 0 18 18" fill="none">
3794     <path d="M1.53287 17.4107L0.588867 16.4667L8.05553 9.00002L0.588867 1.53336L1.53287 0.589355L8.99953 8.05602L16.4662 0.589355L17.4102 1.53336L9.94353 9.00002L17.4102 16.4667L16.4662 17.4107L8.99953 9.94402L1.53287 17.4107Z" fill="black"/>
3795   </svg>
3796 </a>
3797 
3798 </div>
3799 <div class="contentPurchase">
3800   <div class="row">
3801     
3802       <div class="col-12">
3803         
3804 
3805 <style>
3806   
3807   
3808   .customize-papan .group-field-1 .input-field {float: left;width: 100%;height: 317px;background-color: #E5E5EA;}
3809   .customize-papan .input-field textarea {width: 100%;max-width: 421px;min-height: 150px;font-weight: 400;font-size: 16px;resize: none;background-color: #E5E5EA;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #ffffff;border: none;}
3810   
3811   .customize-papan .field-papan.group-field-2 .input-field.field-logo {height: 90px;margin: 0;border-radius: 0;position: relative;-ms-flex: 0 0 174px;flex: 0 0 174px;max-width: 174px;}
3812   .customize-papan .btn-upload-papan svg {width: 21px;height: 25px;display: block;align-self: center;margin: auto;margin-bottom: 12px;}
3813   .svgLogoPapan {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
3814   .svgLogoPapan p {color: #8E8E93; margin: 0;}
3815   .svgLogoPapan p span {font-size: 12px;color: #FF0E00;}
3816   .customize-papan .btn-upload-papan img {margin: auto;display: block;position: absolute;width: 80px;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
3817   #suggest-messages {position: absolute;bottom: 5px;left: 5px;}
3818   #suggest-messages a {border: 1px solid #979797;background: #fff;color: #979797;border-radius: 3px;padding: 5px 10px;font-size: 10px;font-weight: 600;display: inline-block;}
3819   .case-occasion .nice-select:after {border-bottom: 2px solid #333;border-right: 2px solid #333;right: 20px;top: 42%;width: 10px;height: 10px;}
3820   .customize-papan .input-field input {font-weight: 600;font-size: 16px;width: 100%;height: 90px;min-height: 44px !important;border: none;background: #E5E5EA;margin: 0;border-radius: 0;text-align: center;color: #ffffff;}
3821   .customize-papan .input-field .limit {position: absolute;right: 15px;top: 0;color: #757575;}
3822 
3823   @media (min-width: 991px) {
3824     .customize-papan:before {content: "";position: absolute;border: 4px solid #ffffff;bottom: -50px;left: 210px;width: 100px;display: block;-ms-transform: rotate(60deg);-webkit-transform: rotate(60deg);transform: rotate(-65deg);}
3825     .customize-papan:after {content: "";position: absolute;border: 4px solid #ffffff;bottom: -52px;right: 240px;width: 100px;display: block;-ms-transform: rotate(-120deg);-webkit-transform: rotate(70deg);transform: rotate(70deg);}
3826   }
3827 </style>
3828 
3829 <input type="hidden" data-properties="penerima" value="-">
3830 <div class="customize-papan">
3831   <div class="container">
3832     <div class="field-papan group-field-1 form-group">
3833       <div class="input-field">
3834         <textarea id="kartu-ucapan-papan" class="mb-0  has-limit" type="text" data-properties="ucapan" placeholder="Write the message you want to display. Or you can use several options from the message templates that we provide.
3835 (Ex: Selamat Menempuh Hidup Baru A & B)." maxlength="100"></textarea>
3836         <p class="limit">0/100</p>
3837         <div id="suggest-messages">
3838           <a id="show_note_papan1" href="#">
3839             <div class="suggest-message" id="note_btn_div1">
3840               <span class="promo-code-link" id="note_btn_papan1">Contoh Kata WEDDING</span>
3841             </div>
3842           </a>
3843           <a id="show_note_papan2" href="#">
3844             <div class="suggest-message" id="note_btn_div2">
3845               <span class="promo-code-link" id="note_btn_papan2">Contoh Kata SELAMAT</span>
3846             </div>
3847           </a>
3848           <a id="show_note_papan3" href="#">
3849             <div class="suggest-message" id="note_btn_div3">
3850               <span class="promo-code-link" id="note_btn_papan3">Contoh Kata DUKA CITA</span>
3851             </div>
3852           </a>
3853         </div>
3854       </div>
3855     </div>
3856     <div class="hide">
3857       <input type="hidden" value="" id="note_id_papan1" name="note_id_papan1" style="top: 0px;">
3858       <input type="hidden" value="" id="note_btn_id_papan1" name="note_btn_id_papan1">
3859     </div>
3860     <div class="hide">
3861       <input type="hidden" value="" id="note_id_papan2" name="note_id_papan2" style="top: 0px;">
3862       <input type="hidden" value="" id="note_btn_id_papan2" name="note_btn_id_papan2">
3863     </div>
3864     <div class="hide">
3865       <input type="hidden" value="" id="note_id_papan3" name="note_id_papan3" style="top: 0px;">
3866       <input type="hidden" value="" id="note_btn_id_papan3" name="note_btn_id_papan3">
3867     </div>
3868     <div class="field-papan group-field-2 form-group">
3869       
3870       <label for="logoPapan" onclick="" class="input-field field-logo">
3871         
3872         
3873         
3874         <div class="btn-upload-papan w-100">
3875           <?xml version="1.0" encoding="UTF-8"?>
3876           <img src="" style="display:none">
3877           <div class="svgLogoPapan">
3878             <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="22" height="26" viewBox="0 0 22 26" fill="none">
3879               <path d="M6.5 20H15.5V11H21.5L11 0.5L0.5 11H6.5V20ZM0.5 23H21.5V26H0.5V23Z" fill="black"/>
3880             </svg>
3881             <p>Upload Logo <span>*optional</span></p>
3882           </div>
3883         </div>
3884         
3885       </label>
3886       
3887       <input
3888         type="hidden"
3889         data-properties="papan-logo"
3890         value=""
3891       >
3892       <input
3893         type="file"
3894         id="logoPapan"
3895         accept="image/*"
3896         style="position: absolute;width: 1px;height: 1px;padding: 0"
3897       >
3898       
3899       <div class="input-field">
3900         <input class="has-limit sender-name" type="text" placeholder="Nama Pengirim" data-properties="pengirim" maxlength="35"/>
3901         <p class="limit">0/35</p>
3902       </div>
3903       
3904     </div>
3905     
3906   </div>
3907 </div>
3908       </div>
3909     
3910   </div>
3911 </div>
3912 
3913           </div>
3914           <div class="purchase-button-wrapper">
3915             <div class="purchase-button btn-card row m-0">
3916   <div class="col-12 col-lg-2 text-left mb-2 p-0">
3917     
3918   </div>
3919   <div class="btn-next-card col-12 col-lg-10 text-right">
3920     
3921     
3922     <button
3923       
3924         
3925       
3926       class="btn next-purchase-button text-uppercase"
3927       
3928         disabled
3929       
3930     >
3931       <span>save your flower board</span>
3932     </button>
3933   </div>
3934 </div>
3935 
3936           </div>
3937         </div>
3938       </div>
3939     
3940     
3941     
3942       <div
3943         class="sectionPurchase sectionPurchaseBoard hide"
3944         data-section="address"
3945       >
3946         <div class="wrapperPurchase">
3947           <div class="purchase-content">
3948             <div class="headerPurchase">
3949   <h3>
3950     Complete Your Order
3951   </h3>
3952   <a class="close-purchase-popup">
3953   <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="18" height="18" viewBox="0 0 18 18" fill="none">
3954     <path d="M1.53287 17.4107L0.588867 16.4667L8.05553 9.00002L0.588867 1.53336L1.53287 0.589355L8.99953 8.05602L16.4662 0.589355L17.4102 1.53336L9.94353 9.00002L17.4102 16.4667L16.4662 17.4107L8.99953 9.94402L1.53287 17.4107Z" fill="black"/>
3955   </svg>
3956 </a>
3957 
3958 </div>
3959 <div class="contentPurchase">
3960   <div class="row">
3961     <div class="col-12 position-relative">
3962       <div class="addressPurchase">
3963         
3964           <h4 class="text-uppercase">recipient delivery address</h4>
3965           <p>Share the delivery address to send your heartfelt blooms straight to their door.</p>
3966         
3967         <div class="formAddressPurchase row">
3968           <div class="col-12">
3969             <form>
3970               <div class="form-group row mb-2 mb-lg-4">
3971                 <div class="col-6 position-relative">
3972                   <input id="first_name" type="text" class="form-control input__field" placeholder="" required>
3973                   <label for="first_name" class="input__label">First Name<span>*</span></label>
3974                 </div>
3975                 <div class="col-6 position-relative">
3976                   <input id="last_name" type="text" class="form-control input__field" placeholder="" required>
3977                   <label for="last_name" class="input__label">Last Name<span>*</span></label>
3978                 </div>
3979                 <input type="hidden" data-properties="nama-penerima">
3980               </div>
3981               
3982                 <h4 class="text-uppercase">how you want to input your address</h4>
3983                 <div class="form-group row mb-2 mb-lg-4 form-address-upload">
3984                   <div class="col-6 position-relative">
3985                     <label class="address-manualy">
3986                       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="18" height="17" viewBox="0 0 18 17" fill="none">
3987   <path d="M3.37484 1.83329C2.79984 1.83329 2.33317 2.29996 2.33317 2.87496V5.16663C2.33317 5.38764 2.24537 5.5996 2.08909 5.75588C1.93281 5.91216 1.72085 5.99996 1.49984 5.99996C1.27882 5.99996 1.06686 5.9
39871216 0.910582 5.75588C0.754301 5.5996 0.666504 5.38764 0.666504 5.16663V2.87496C0.666504 2.15666 0.951845 1.46779 1.45976 0.959878C1.96767 0.451967 2.65654 0.166626 3.37484 0.166626H5.6665C5.88752 0.166626 6.09948 0.254423 6.25576 0.410704C6.41204 0.566984 6.49984 0.778946 6.49984 0.999959C6.49984 1.22097 6.41204 1.43293 6.25576 1.58921C6.09948 1.7455 5.88752 1.83329 5.6665 1.83329H3.37484ZM3.37484 15.1666C2.79984 15.1666 2.33317 14.7 2.33317 14.125V11.8333C2.33317 11.6123 2.24537 11.4003 2.08909 11.244C1.93281 11.0878 1.72085 11 1.49984 11C1.27882 11 1.06686 11.0878 0.910582 11.244C0.754301 11.4003 0.666504 11.6123 0.666504 11.8333V14.125C0.666504 14.4806 0.736557 14.8328 0.872663 15.1614C1.00877 15.49 1.20826 15.7885 1.45976 16.04C1.71125 16.2915 2.00981 16.491 2.3384 16.6271C2.66699 16.7632 3.01917 16.8333 3.37484 16.8333H5.6665C5.88752 16.8333 6.09948 16.7455 6.25576 16.5892C6.41204 16.4329 6.49984 16.221 6.49984 16C6.49984 15.7789 6.41204 15.567 6.25576 15.4107C6.09948 15.2544 5.88752 15.1666 5.6665 15.1666H3.37484ZM15.6665 2.87496C15.6665 2.29996 15.1998 1.83329 14.6248 1.83329H12.3332C12.1122 1.83329 11.9002 1.7455 11.7439 1.58921C11.5876 1.43293 11.4998 1.22097 11.4998 0.999959C11.4998 0.778946 11.5876 0.566984 11.7439 0.410704C11.9002 0.254423 12.1122 0.166626 12.3332 0.166626H14.6248C14.9805 0.166626 15.3327 0.236679 15.6613 0.372786C15.9899 0.508892 16.2884 0.708386 16.5399 0.959878C16.7914 1.21137 16.9909 1.50994 17.127 1.83853C17.2631 2.16712 17.3332 2.5193 17.3332 2.87496V5.16663C17.3332 5.38764 17.2454 5.5996 17.0891 5.75588C16.9328 5.91216 16.7208 5.99996 16.4998 5.99996C16.2788 5.99996 16.0669 5.91216 15.9106 5.75588C15.7543 5.5996 15.6665 5.38764 15.6665 5.16663V2.87496ZM14.6248 15.1666C15.1998 15.1666 15.6665 14.7 15.6665 14.125V11.8333C15.666
39875 11.6123 15.7543 11.4003 15.9106 11.244C16.0669 11.0878 16.2788 11 16.4998 11C16.7208 11 16.9328 11.0878 17.0891 11.244C17.2454 11.4003 17.3332 11.6123 17.3332 11.8333V14.125C17.3332 14.4806 17.2631 14.8328 17.127 15.1614C16.9909 15.49 16.7914 15.7885 16.5399 16.04C16.2884 16.2915 15.9899 16.491 15.6613 16.6271C15.3327 16.7632 14.9805 16.8333 14.6248 16.8333H12.3332C12.1122 16.8333 11.9002 16.7455 11.7439 16.5892C11.5876 16.4329 11.4998 16.221 11.4998 16C11.4998 15.7789 11.5876 15.567 11.7439 15.4107C11.9002 15.2544 12.1122 15.1666 12.3332 15.1666H14.6248ZM4.62484 5.16663C4.62484 4.94561 4.71263 4.73365 4.86892 4.57737C5.0252 4.42109 5.23716 4.33329 5.45817 4.33329H12.5415C12.7625 4.33329 12.9745 4.42109 13.1308 4.57737C13.287 4.73365 13.3748 4.94561 13.3748 5.16663V6.41663C13.3748 6.63764 13.287 6.8496 13.1308 7.00588C12.9745 7.16216 12.7625 7.24996 12.5415 7.24996C12.3205 7.24996 12.1085 7.16216 11.9522 7.00588C11.796 6.8496 11.7082 6.63764 11.7082 6.41663V5.99996H9.83317V11H10.8748C11.0959 11 11.3078 11.0878 11.4641 11.244C11.6204 11.4003 11.7082 11.6123 11.7082 11.8333C11.7082 12.0543 11.6204 12.2663 11.4641 12.4225C11.3078 12.5788 11.0959 12.6666 10.8748 12.6666H7.12484C6.90382 12.6666 6.69186 12.5788 6.53558 12.4225C6.3793 12.2663 6.2915 12.0543 6.2915 11.8333C6.2915 11.6123 6.3793 11.4003 6.53558 11.244C6.69186 11.0878 6.90382 11 7.12484 11H8.1665V5.99996H6.2915V6.41663C6.2915 6.63764 6.20371 6.8496 6.04743 7.00588C5.89115 7.16216 5.67918 7.24996 5.45817 7.24996C5.23716 7.24996 5.0252 7.16216 4.86892 7.00588C4.71263 6.8496 4.62484 6.63764 4.62484 6.41663V5.16663Z" fill="black"/>
3988 </svg>
3989 <span>Input Address Manually</span>
3990                     </label>
3991                   </div>
3992                   <div class="col-6 position-relative">
3993                     <label for="address-upload" class="address-upload">
3994                       <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="12" height="13" viewBox="0 0 12 13" fill="none">
3995   <path d="M5.58317 9.48079V2.27246L3.6415 4.21413L3.0515 3.61579L5.99984 0.666626L8.949 3.61579L8.359 4.21496L6.4165 2.27246V9.48079H5.58317ZM1.51317 12.3333C1.12928 12.3333 0.809004 12.205 0.552337 11.9483C0.29567 11.6916 0.167059 11.3711 0.166504 10.9866V8.96746H0.999837V10.9866C0.999837 11.115 1.05317 11.2327 1.15984 11.34C1.2665 11.4472 1.384 11.5005 1.51234 11.5H10.4873C10.6151 11.5 10.7326 11.4466 10.8398 11.34C10.9471 11.2333 11.0004 11.1155 10.9998 10.9866V8.96746H11.8332V10.9866C11.8332 11.3705 11.7048 11.6908 11.4482 11.9475C11.1915 12.2041 10.8709 12.3327 10.4865 12.3333H1.51317Z" fill="black"/>
3996 </svg>
3997 <span>Upload Address Picture</span>
3998                     </label>
3999                     <input
4000                       id="address-upload"
4001                       type="file"
4002                       accept="image/png, image/jpeg"
4003                       style="position: absolute; padding: 0;width: 1px;height: 1px"
4004                     >
4005                     <input type="hidden" class="props-address-upload" data-properties="foto-alamat">
4006                   </div>
4007                 </div>
4008                 <img width="150" height="" src="" class="photo-address" style="display: none;">
4009               
4010               <div class="form-group row position-relative mb-2 mb-lg-4 form-address">
4011                 <div class="col-12">
4012                   <textarea
4013                     id="delivery_address"
4014                     data-properties="alamat-penerima"
4015                     class="form-control input__field col-12"
4016                     placeholder=""
4017                     required
4018                   ></textarea>
4019                   <label for="delivery_address" class="input__label">Delivery Address<span>*</span></label>
4020                   
4021                 </div>
4022               </div>
4023               <div class="form-group row mb-2 mb-lg-4 form-address">
4024                 <div class="col-6 position-relative">
4025                   <input
4026                     id="recipient_number"
4027                     type="text"
4028                     data-properties="telepon-penerima"
4029                     class="form-control input__field"
4030                     placeholder=""
4031                     required
4032                   >
4033                   <label for="recipient_number" class="input__label">Recipient number<span>*</span></label>
4034                 </div>
4035                 <div class="col-6 position-relative">
4036                   <input
4037                     id="company"
4038                     type="text"
4039                     data-properties="company"
4040                     class="form-control input__field"
4041                     placeholder=""
4042                   >
4043                   <label for="company" class="input__label">Company (Optional)</label>
4044                 </div>
4045               </div>
4046               <div class="form-group row mb-2 mb-lg-4 form-address">
4047                 <div class="col-6 position-relative">
4048                   <input
4049                     id="province"
4050                     type="text"
4051                     class="form-control input__field"
4052                     placeholder=""
4053                     value="Jakarta"
4054                     data-properties="province"
4055                   >
4056                   <label for="province" class="input__label">Province</label>
4057                 </div>
4058                 <div class="col-6 position-relative">
4059                   <select id="zip" class="form-control select-search" required></select>
4060                 </div>
4061               </div>
4062             </form>
4063           </div>
4064         </div>
4065       </div>
4066       <div class="addonsPurchase">
4067         <h4 class="text-uppercase">add-ons</h4>
4068         <div class="addons">
4069           <p>No Add-Ons</p>
4070           <!--
4071             <button class="add-addon">
4072               <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="12" height="12" viewBox="0 0 12 12" fill="none">
4073                 <path d="M5.5 6.5H0V5.5H5.5V0H6.5V5.5H12V6.5H6.5V12H5.5V6.5Z" fill="black"/>
4074               </svg>
4075               <span>Enhance my moment with Add-ons</span>
4076             </button>
4077           -->
4078         </div>
4079       </div>
4080     </div>
4081     
4082   </div>
4083 </div>
4084 
4085 
4085<script>
4086 document.addEventListener('DOMContentLoaded', function() {
4087   // Detect iOS
4088   var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
4089   
4090   if (isIOS) {
4091     document.querySelector('.formAddressPurchase').classList.add('ios');
4092     
4093     // iOS specific fixes
4094     var inputs = document.querySelectorAll('.formAddressPurchase .input__field');
4095     
4096     inputs.forEach(function(input) {
4097       // Force enable touch events on iOS
4098       input.style.webkitUserSelect = 'text';
4099       input.style.webkitTouchCallout = 'default';
4100       input.style.pointerEvents = 'auto';
4101       input.style.touchAction = 'manipulation';
4102       
4103       // Add explicit touch event listeners for iOS
4104       input.addEventListener('touchstart', function(e) {
4105         e.stopPropagation();
4106         this.focus();
4107       }, { passive: false });
4108       
4109       input.addEventListener('touchend', function(e) {
4110         e.preventDefault();
4111         e.stopPropagation();
4112         this.focus();
4113         this.click();
4114       }, { passive: false });
4115       
4116       // Force focus on tap for iOS
4117       input.addEventListener('click', function(e) {
4118         e.stopPropagation();
4119         if (document.activeElement !== this) {
4120           this.focus();
4121         }
4122       });
4123     });
4124     
4125     // Fix for label overlapping on iOS
4126     var labels = document.querySelectorAll('.formAddressPurchase .input__label');
4127     labels.forEach(function(label) {
4128       label.style.pointerEvents = 'none';
4129       label.addEventListener('touchstart', function(e) {
4130         e.preventDefault();
4131         var input = this.parentNode.querySelector('.input__field');
4132         if (input) {
4133           input.focus();
4134         }
4135       });
4136     });
4137   }
4138   
4139   // Handle input state for all browsers, especially iOS
4140   var inputs = document.querySelectorAll('.input__field');
4141   
4142   inputs.forEach(function(input) {
4143     // Handle input events
4144     input.addEventListener('input', function() {
4145       if (this.value.trim() !== '') {
4146         this.classList.add('has-value');
4147       } else {
4148         this.classList.remove('has-value');
4149       }
4150     });
4151     
4152     // Handle focus
4153     input.addEventListener('focus', function() {
4154       this.classList.add('focused');
4155       // iOS specific: ensure input is visible
4156       if (isIOS) {
4157         setTimeout(function() {
4158           input.scrollIntoView({ behavior: 'smooth', block: 'center' });
4159         }, 300);
4160       }
4161     });
4162     
4163     // Handle blur
4164     input.addEventListener('blur', function() {
4165       this.classList.remove('focused');
4166       if (this.value.trim() !== '') {
4167         this.classList.add('has-value');
4168       } else {
4169         this.classList.remove('has-value');
4170       }
4171     });
4172     
4173     // Initial check for pre-filled values
4174     if (input.value.trim() !== '') {
4175       input.classList.add('has-value');
4176     }
4177   });
4178   
4179   // Additional iOS fixes
4180   if (isIOS) {
4181     // Prevent iOS Safari from adding default styling
4182     document.addEventListener('touchstart', function() {}, { passive: true });
4183     
4184     // Fix viewport issues on iOS
4185     var viewport = document.querySelector('meta[name=viewport]');
4186     if (viewport) {
4187       viewport.setAttribute('content', 
4188         'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
4189       );
4190     }
4191   }
4192 });
4193 </script>
4193
4194           </div>
4195           <div class="purchase-button-wrapper">
4196             <div class="purchase-button btn-address row m-0">
4197   <div class="col-12 col-lg-2 text-left mb-2 p-0">
4198     
4199       <button class="back-purchase-button back-address text-uppercase">
4200         <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
4201           <path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z" fill="black"/>
4202         </svg>
4203         <span>Back</span>
4204       </button>
4205     
4206   </div>
4207   <div class="btn-next-card col-12 col-lg-10 text-right">
4208     
4209       <!--
4210         <button class="back-purchase-button back-address text-uppercase mr-lg-2 mb-2 mb-lg-0">
4211           <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
4212             <path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z" fill="black"/>
4213           </svg>
4214           <span>Back</span>
4215         </button>
4216       -->
4217     
4218     
4219     <button
4220       
4221         id="addtocart-card"
4222       
4223       class="btn  next-address text-uppercase"
4224       
4225     >
4226       <span>add to cart</span>
4227     </button>
4228   </div>
4229 </div>
4230 
4231           </div>
4232         </div>
4233       </div>
4234     
4235   </div>
4236 </div>
4237 <div id="backgroundPopup"></div>
4238 
4239 
4240 
4241 <input
4242   data-index="1"
4243   type="hidden"
4244   id="properties-delivery-date"
4245   name="properties[Delivery Date]"
4246   value="-"
4247 >
4248 <input
4249   data-index="2"
4250   type="hidden"
4251   id="properties-delivery-time"
4252   name="properties[Delivery Time]"
4253   value="-"
4254 >
4255 <input
4256   data-index="4"
4257   type="hidden"
4258   id="properties-nama-penerima"
4259   name="properties[Nama Penerima]"
4260   value="-"
4261 >
4262 <input
4263   data-index="5"
4264   type="hidden"
4265   id="properties-alamat-penerima"
4266   name="properties[Alamat Penerima]"
4267   value="-"
4268 >
4269 <input
4270   data-index="6"
4271   type="hidden"
4272   id="properties-kodepos"
4273   name="properties[Kodepos]"
4274   value="-"
4275 >
4276 <input data-index="7" type="hidden" id="properties-telepon-penerima" name="properties[Telepon Penerima]">
4277 
4278   
4279     <input
4280       data-index="8"
4281       type="hidden"
4282       id="properties-kartu-nama-penerima"
4283       name="properties[Kartu Nama Penerima]"
4284       value="-"
4285     >
4286   
4287   <textarea
4288     data-index="9"
4289     type="hidden"
4290     id="properties-kartu-pesan"
4291     name="properties[Kartu Pesan]"
4292     style="display: none"
4293   >-</textarea>
4294 
4295 
4296 
4297   <input
4298     data-index="10"
4299     type="hidden"
4300     id="properties-kartu-nama-pengirim"
4301     name="properties[Kartu Nama Pengirim]"
4302     value="-"
4303   >
4304
4305 <!-- Additional Shipping -->
4306 <input type="hidden" id="properties-kota-pengiriman-province" name="properties[Province]">
4307 <input
4308   type="hidden"
4309   id="properties-kota-pengiriman-country"
4310   name="properties[Country]"
4311   value="Indonesia"
4312 >
4313 <input type="hidden" id="properties-shipping" name="properties[Shipping]">
4314 
4315 <input type="hidden" id="properties-time" name="properties[Time]">
4316 <input type="hidden" id="properties-card" name="properties[Card]">
4317 <input type="hidden" id="properties-addons" name="properties[Addons]">
4318 
4319 <input
4320   type="hidden"
4321   id="properties-company"
4322   name="properties[Company]"
4323   value=""
4324 >
4325 
4325<script>
4326   
4327   $(document).ready(function(){
4328     
4329     var text_max_papan1=150;
4330     var msg_text_papan1="";
4331     $('#kartu-ucapan-ucapan').keyup(function(){
4332       var text_length_papan1=$('#kartu-ucapan-ucapan').val().length;
4333       var msg_text_papan1=$('#kartu-ucapan-ucapan').val();
4334     });
4335 
4336     var notes_papan1 = [
4337       
4338       [0,"Happy Wedding (nama & nama)."],[1,"Congratulations lovebirds (nama & nama)."],[2,"Selamat berbahagia (nama & nama)."],[3,"Selamat menempuh hidup baru (nama & nama)."]
4339       
4340     ];
4341     $('#show_note_papan1').click(function(event){
4342       event.preventDefault();
4343       var idx_papan1=parseInt($('#note_id_papan1').val());
4344       if(isNaN(idx_papan1)){
4345         idx_papan1=0;
4346       }else{
4347         idx_papan1++;
4348         idx_papan1=idx_papan1%notes_papan1.length;
4349       }
4350       var note_papan1=notes_papan1[idx_papan1][1];
4351       $('#note_id_papan1').val(idx_papan1);
4352       $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan1);
4353       $('#msgDelivery').val(note_papan1);
4354 
4355       var text_length_papan1=$('#kartu-ucapan-papan').val().length;
4356       var idx_2_papan1=parseInt($('#note_btn_id_papan1').val());
4357       if(isNaN(idx_2_papan1)){
4358         idx_2_papan1=0;
4359       }else{
4360         idx_2_papan1++;
4361         //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
4362       }
4363       $('#note_btn_id_papan1').val(idx_2_papan1);
4364       //var note_btn=note_btn_text[idx_2][1];
4365       //$('#note_btn').text(note_btn);
4366     });
4367 
4368     var text_max_papan2=150;
4369     var msg_text_papan2="";
4370     $('#kartu-ucapan-ucapan').keyup(function(){
4371       var text_length_papan2=$('#kartu-ucapan-ucapan').val().length;
4372       var msg_text_papan2=$('#kartu-ucapan-ucapan').val();
4373     });
4374 
4375     var notes_papan2 = [
4376       
4377       [0,"Congratulations (ucapan)."], [1,"Selamat dan sukses atas dibukanya (ucapan personal)."],[2,"Congratulations for the grand opening of (nama toko/bisnis)."],[3,"Happy Graduation (nama)."]
4378       
4379     ];
4380     $('#show_note_papan2').click(function(event){
4381       event.preventDefault();
4382       var idx_papan2=parseInt($('#note_id_papan2').val());
4383       if(isNaN(idx_papan2)){
4384         idx_papan2=0;
4385       }else{
4386         idx_papan2++;
4387         idx_papan2=idx_papan2%notes_papan2.length;
4388       }
4389       var note_papan2=notes_papan2[idx_papan2][1];
4390       $('#note_id_papan2').val(idx_papan2);
4391       $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan2);
4392       $('#msgDelivery').val(note_papan2);
4393       var text_length_papan2=$('#kartu-ucapan-papan').val().length;
4394       var idx_2_papan2=parseInt($('#note_btn_id_papan2').val());
4395       if(isNaN(idx_2_papan2)){
4396         idx_2_papan2=0;
4397       }else{
4398         idx_2_papan2++;
4399         //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
4400       }
4401       $('#note_btn_id_papan2').val(idx_2_papan2);
4402       //var note_btn=note_btn_text[idx_2][1];
4403       //$('#note_btn').text(note_btn);
4404     });
4405 
4406     var text_max_papan3=150;
4407     var msg_text_papan3="";
4408     $('#kartu-ucapan-ucapan').keyup(function(){
4409       var text_length_papan3=$('#kartu-ucapan-ucapan').val().length;
4410       var msg_text_papan3=$('#kartu-ucapan-ucapan').val();
4411     });
4412 
4413     var notes_papan3 = [
4414       
4415       [0,"Turut Berduka Cita atas meninggalnya almarhum / almarhumah (Nama)."], [1,"Our Deepest Condolences for the lost of your beloved Father/ Mother/ Husband/ Wife/ Children."], [2,"Our Deepest Sympathy for the lost of your beloved Father/ Mother/ Husband/ Wife/ Children."], [3,"Innalillahi wa innailaihi rojiun, Turut berduka cita atas meninggalnya (nama)."]
4416       
4417     ];
4418     $('#show_note_papan3').click(function(event){
4419       event.preventDefault();
4420       var idx_papan3=parseInt($('#note_id_papan3').val());
4421       if(isNaN(idx_papan3)){
4422         idx_papan3=0;
4423       }else{
4424         idx_papan3++;
4425         idx_papan3=idx_papan3%notes_papan3.length;
4426       }
4427       var note_papan3=notes_papan3[idx_papan3][1];
4428       $('#note_id_papan3').val(idx_papan3);
4429       $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan3);
4430       $('#msgDelivery').val(note_papan3);
4431       var text_length_papan3=$('#kartu-ucapan-papan').val().length;
4432       var idx_2_papan3=parseInt($('#note_btn_id_papan3').val());
4433       if(isNaN(idx_2_papan3)){
4434         idx_2_papan3=0;
4435       }else{
4436         idx_2_papan3++;
4437         //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
4438       }
4439       $('#note_btn_id_papan3').val(idx_2_papan3);
4440       //var note_btn=note_btn_text[idx_2][1];
4441       //$('#note_btn').text(note_btn);
4442     });
4443 
4444     var text_max_papan4=150;
4445     var msg_text_papan4="";
4446     $('#kartu-ucapan-ucapan').keyup(function(){
4447       var text_length_papan4=$('#kartu-ucapan-ucapan').val().length;
4448       var msg_text_papan4=$('#kartu-ucapan-ucapan').val();
4449     });
4450 
4451     $('#show_note_papan4').click(function(event){
4452       var notes_papan4 = [
4453         [0,"Here’s to you—steadier, stronger and better every day."],
4454         [1,"Warmest wishes for a speedy recovery!"],
4455         [2,"Dengan ucapan terhangat, semoga lekas membaik dan semakin pulih setiap harinya ya."],
4456         [3,"Semoga lekas sembuh untuk kembali beraktivitas dan berkarya."]
4457       ];
4458       event.preventDefault();
4459       var idx_papan4=parseInt($('#note_id_papan4').val());
4460       console.log(idx_papan4, 'idx_papan4')
4461       if(isNaN(idx_papan4)){
4462         idx_papan4=0;
4463       }else{
4464         idx_papan4++;
4465         idx_papan4=idx_papan4%notes_papan4.length;
4466       }
4467       var note_papan4=notes_papan4[idx_papan4][1];
4468       $('#note_id_papan4').val(idx_papan4);
4469       $('#kartu-ucapan-papan, #properties-kartu-ucapan, #properties-kartu-pesan').val(note_papan4);
4470       console.log(note_papan4, 'note_papan4')
4471       var text_length_papan4=$('#kartu-ucapan-papan').val().length;
4472       var idx_2_papan4=parseInt($('#note_btn_id_papan4').val());
4473       if(isNaN(idx_2_papan4)){
4474         idx_2_papan4=0;
4475       }else{
4476         idx_2_papan4++;
4477         //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
4478       }
4479       $('#note_btn_id_papan4').val(idx_2_papan4);
4480     });
4481 
4482     /*
4483     $("#jenisPapan").change(function(){
4484       $( "select option:selected").each(function(){
4485         if($(this).attr("value")=="Happy Wedding"){
4486           $("#suggest-messages a").hide();
4487           $("#show_note_papan1").show();
4488           $("#kartu-ucapan-papan").val("");
4489         }
4490         if($(this).attr("value")=="Congratulations"){
4491           $("#suggest-messages a").hide();
4492           $("#show_note_papan2").show();
4493           $("#kartu-ucapan-papan").val("");
4494         }
4495         if($(this).attr("value")=="Duka Cita"){
4496           $("#suggest-messages a").hide();
4497           $("#show_note_papan3").show();
4498           $("#kartu-ucapan-papan").val("");
4499         }
4500       });
4501     }).change();
4502     */
4503 
4504     
4505 
4506     
4507 
4508     $(".variant-metafield").each(function(){
4509       const t = $(this)
4510       const id = t.attr("id")
4511       const target = $(`[data-select=${id}]`)
4512       t.on('select2:selecting', function(e) {
4513         const data = e.params.args.data
4514         target.val(data.text)
4515       });
4516     })
4517   })
4518 </script>
4518
4519 
4520 <div id="popupCart">
4521   <div class="container">
4522     <div class="wrapperPopupCart">
4523       <div class="headerPopupCart">
4524         <div class="d-flex pl-5 pr-5 p-4">
4525           <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="16" height="12" viewBox="0 0 16 12" fill="none">
4526             <path d="M5.55008 11.3076L0.580078 6.33761L1.29408 5.62461L5.55008 9.88061L14.7061 0.724609L15.4191 1.43861L5.55008 11.3076Z" fill="black"/>
4527           </svg>
4528           <span>item added to your cart</span>
4529         </div>
4530         <a class="close-purchase-popup">
4531   <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="18" height="18" viewBox="0 0 18 18" fill="none">
4532     <path d="M1.53287 17.4107L0.588867 16.4667L8.05553 9.00002L0.588867 1.53336L1.53287 0.589355L8.99953 8.05602L16.4662 0.589355L17.4102 1.53336L9.94353 9.00002L17.4102 16.4667L16.4662 17.4107L8.99953 9.94402L1.53287 17.4107Z" fill="black"/>
4533   </svg>
4534 </a>
4535 
4536       </div>
4537       <div class="contentPopupCart">
4538         <div class="pl-5 pr-5 p-4">
4539           <div class="itemContent row m-0 justify-content-between">
4540             <div class="col-2 align-self-center">
4541               
4542               <img
4543                 class="d-block"
4544                 width="80"
4545                 src="//outerbloom.com/cdn/shop/files/Blossom-Shine-WM_80x.jpg?v=1695788426"
4546               >
4547             </div>
4548             <div class="col-10 align-self-center">
4549               <div class="row pl-3">
4550                 <div class="col-12 col-lg-7">
4551                   <span class="titleCartPopup text-uppercase">CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online</span>
4552                 </div>
4553                 <div class="d-flex justify-content-end col-12 col-lg-5">
4554                   <span class="deleteCartPopup hide">Delete</span>
4555                   <span class="lineCartPrice align-self-center">Rp 5.000</span>
4556                 </div>
4557               </div>
4558             </div>
4559           </div>
4560           <div class="itemProperties">
4561             
4562               <div class="propDeliver">
4563                 <h4>delivery option detail</h4>
4564                 <p>
4565                   <span>delivery city</span>
4566                   <span class="propDeliveryCity">jakarta</span>
4567                 </p>
4568                 <p>
4569                   <span>delivery date</span>
4570                   <span class="propDeliveryDate">24/03/2025</span>
4571                 </p>
4572                 <p>
4573                   <span>delivery time</span>
4574                   <span class="propDeliveryTime">Afternoon | 13:00 - 18:00</span>
4575                 </p>
4576               </div>
4577               <div class="propAddress">
4578                 <h4>delivery option detail</h4>
4579                 <p>
4580                   <span>RECIPIENT NAME</span>
4581                   <span class="propDeliveryName">jane doe</span>
4582                 </p>
4583                 <p>
4584                   <span>delivery address</span>
4585                   <span class="propDeliveryAddress"
4586                     >Jl. Gatot Subroto No. 25, RT.2/RW.4, Kuningan Barat, Kecamatan Mampang Prapatan, Kota Jakarta
4587                     Selatan, Daerah Khusus Ibukota Jakarta 12710, Indonesia</span
4588                   >
4589                 </p>
4590                 <p>
4591                   <span>recipient phone number</span>
4592                   <span class="propDeliveryPhone">(+62) 812-3456-7890</span>
4593                 </p>
4594                 <p>
4595                   <span>PROVINCE</span>
4596                   <span class="propDeliveryProv">Jakarta</span>
4597                 </p>
4598                 <p>
4599                   <span>postal code</span>
4600                   <span class="propDeliveryZip">12710</span>
4601                 </p>
4602                 
4603                 
4604               </div>
4605             
4606           </div>
4607           <div class="itemAddonCart">
4608             <div class="toggleAddonCart d-flex justify-content-between">
4609               <h4>add-ons (0)</h4>
4610               <svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="5" height="9" viewBox="0 0 5 9" fill="none">
4611                 <path d="M1.0128 0.84668L4.78613 4.62001L1.0128 8.39335L0.546133 7.92001L3.84613 4.62001L0.546133 1.32001L1.0128 0.84668Z" fill="black"/>
4612               </svg>
4613             </div>
4614             <div class="wrapperItemAddonCart"></div>
4615           </div>
4616           
4617         </div>
4618       </div>
4619       <div class="footerPopupCart">
4620         <div class="row m-0 pl-5 pr-5 p-4">
4621           <a class="btn btnViewCart w-100 text-uppercase text-center" href="/cart">View Cart</a>
4622           <a class="btn btnViewCheckout w-100 text-uppercase text-center" href="/checkout"><span>Checkout</span></a>
4623           <a class="btnContinueShopping w-100 text-center" href="/">Continue shopping</a>
4624         </div>
4625       </div>
4626     </div>
4627   </div>
4628 </div>
4629 
4630 
4631 
4631<script>
4632   const shareButton = document.getElementById('shareButton');
4633 
4634   shareButton.addEventListener('click', () => {
4635     if (navigator.share) {
4636       navigator.share({
4637         title: "CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online",
4638         url: "/products/blossom-shine",
4639         text: 'Check out this page!'
4640       })
4641       .then(() => console.log('Successful share'))
4642       .catch((error) => console.log('Error sharing', error));
4643     } else {
4644       alert('Web Share API is not supported in this browser.');
4645     }
4646   });
4647 
4648   // Inventory validation function
4649   function checkInventoryStatus() {
4650     const productSelect = document.getElementById('productSelect');
4651     const purchaseButton = document.querySelector('#personalizeBtn button');
4652     
4653     if (!productSelect || !purchaseButton) return;
4654 
4655     const selectedVariantId = productSelect.value;
4656     
4657     // Get variant data from Shopify
4658     fetch(`/products/blossom-shine.js`)
4659       .then(response => response.json())
4660       .then(product => {
4661         const selectedVariant = product.variants.find(variant => variant.id == selectedVariantId);
4662         
4663         if (selectedVariant) {
4664           const isOutOfStock = selectedVariant.inventory_quantity <= 0 && 
4665                                selectedVariant.inventory_management === 'shopify' && 
4666                                selectedVariant.inventory_policy !== 'continue';
4667           
4668           if (isOutOfStock) {
4669             purchaseButton.disabled = true;
4670             purchaseButton.textContent = 'Out of Stock';
4671             purchaseButton.setAttribute('data-out-of-stock', 'true');
4672             purchaseButton.style.backgroundColor = '#cccccc';
4673             purchaseButton.style.cursor = 'not-allowed';
4674           } else {
4675             // Check if button was disabled due to other conditions
4676             
4677             
4678             
4679             
4680             
4681             
4682             
4683             
4684             const isOtherDisabled = false || true || false;
4685             
4686             if (!isOtherDisabled) {
4687               purchaseButton.disabled = false;
4688               purchaseButton.textContent = 'customize your flower board';
4689               purchaseButton.removeAttribute('data-out-of-stock');
4690               purchaseButton.style.backgroundColor = '';
4691               purchaseButton.style.cursor = '';
4692             }
4693           }
4694         }
4695       })
4696       .catch(error => {
4697         console.error('Error checking inventory:', error);
4698       });
4699   }
4700 
4701   // Check inventory on page load
4702   document.addEventListener('DOMContentLoaded', function() {
4703     checkInventoryStatus();
4704     
4705     // Listen for variant changes
4706     const productSelect = document.getElementById('productSelect');
4707     if (productSelect) {
4708       productSelect.addEventListener('change', checkInventoryStatus);
4709     }
4710   });
4711 
4712   // Prevent form submission if out of stock
4713   document.addEventListener('click', function(e) {
4714     if (e.target.matches('button[data-out-of-stock="true"]')) {
4715       e.preventDefault();
4716       e.stopPropagation();
4717       alert('This product is currently out of stock and cannot be purchased.');
4718       return false;
4719     }
4720   });
4721 </script>
4721
4722 
4723 
4724   
4725 </div>
4726 
4727           </div>
4728         </div>
4729       </div>
4730     </div>
4731     <div id="product-bottom">
4732       
4733         <div class="product-description rte bg-card col-12 py-3 px-0 m-0" itemprop="description">
4734           <div class="container">
4735             
4736 
4737 
4738 
4739 
4740     <div class="short-desc-mobile d-block d-lg-none mb-3">
4741         <div class="short-desc">
4742             <ul>
4743 <li><strong>CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.</strong></li>
4744         </div>
4745         <label class="more-mobile">Show More →</label>
4746     </div>
4747 
4748 <style>
4749 .animated-title {
4750     text-align: center;
4751     font-weight: bold;
4752     color: #079c02;
4753     font-size: 28px;
4754     position: relative;
4755     animation: glow 2s infinite alternate, moveUpDown 3s infinite;
4756 }
4757 
4758 /* Efek glow / bercahaya hijau */
4759 @keyframes glow {
4760     0% { text-shadow: 0 0 5px #079c02; color: #079c02; }
4761     50% { text-shadow: 0 0 20px #00ff55; color: #12d12b; }
4762     100% { text-shadow: 0 0 10px #1bff00; color: #079c02; }
4763 }
4764 
4765 /* Efek gerakan naik turun */
4766 @keyframes moveUpDown {
4767     0% { transform: translateY(0px); }
4768     50% { transform: translateY(-5px); }
4769     100% { transform: translateY(0px); }
4770 }
4771 </style>
4772 
4773 
4773<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/shopify-cartjs/1.1.0/cart.min.js"></script>
4773
4774 
4774<script>
4775   CartJS.init({"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"IDR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0});
4776 
4777   const productType = $("[data-product-type]").data("product-type")
4778   const productDate = Date.parse(new Date())
4779   
4780   const shop = 'outerbloom1.myshopify.com'
4781   const host = 'https://app.asmaraku.com'
4782   // const host = 'http://localhost:5001'
4783 
4784   const gsheet = "https://script.google.com/macros/s/AKfycbyqa6mPD6lVjU6hiHr12J8URZ2aJBGyxBsGQ0QtEIDari-rBk_9vSOITjSSmUXL1NwxEg/exec"
4785   
4786   const qrID = "041025" + randomString(4, 'aAbCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ')
4787 
4788   $("#properties-time").val(new Date().getTime())
4789 
4790   const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
4791 
4792   if(!isIOS) {
4793     $("#full-date").attr("type", "button")
4794   }
4795 
4796   let dateTime = new Date();
4797   let today = dateTime.getDate();
4798   let day = dateTime.getDay();
4799   let hour = dateTime.getHours();
4800   let min = dateTime.getMinutes();
4801   let timeOfDay = hour + (min / 100);
4802 
4803   async function getFetch(url) {
4804     const response = await fetch(url);
4805     let status = false
4806     let result
4807     if(response.ok) {
4808       status = true
4809       result = await response.json();
4810     }
4811     return {
4812       status,
4813       data: result
4814     }
4815   }
4816 
4817   
4818 
4819   function setCookie(cname, cvalue, exMins) {
4820     var d = new Date();
4821     d.setTime(d.getTime() + (exMins*60*1000));
4822     var expires = "expires="+d.toUTCString();  
4823     document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
4824   }
4825 
4826   function getCookie(cname) {
4827     let name = cname + "=";
4828     let decodedCookie = decodeURIComponent(document.cookie);
4829     let ca = decodedCookie.split(';');
4830     for(let i = 0; i <ca.length; i++) {
4831       let c = ca[i];
4832       while (c.charAt(0) == ' ') {
4833         c = c.substring(1);
4834       }
4835       if (c.indexOf(name) == 0) {
4836         return c.substring(name.length, c.length);
4837       }
4838     }
4839     return "";
4840   }
4841 
4842   async function renderDate() {
4843     let dataDate = await getFetch(`${host}/api/shipping/date?domain=${shop}&productId=8144957800663&v=${Date.now()}`);
4844     console.log(dataDate, 'renderDate')
4845     const data = dataDate?.data
4846     const date = data.date
4847     const time = data.time
4848 
4849     console.log(date, 'DATE')
4850 
4851     const weekday = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
4852     const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
4853     const htmlDate = []
4854     for(let i = 0;i < date.length;i++) {
4855       const full = date[i].date
4856       const d = new Date(date[i].date);
4857       const day = weekday[d.getDay()];
4858       const dt = d.getDate();
4859       const mt = monthly[d.getMonth()];
4860       const yr = d.getFullYear();
4861       const isDate = Boolean(date[i].isEnabled)
4862       const cutoffpagi = date[i].cutoff?.pagi
4863       const cutoffsiang = date[i].cutoff?.siang
4864       const cutoffMalam = date[i].cutoff?.Malam
4865       var html = `
4866         <button data-id="8144957800663" class="date-single calendarbutton btn steps-btn col col-3 btn-date-time" data-day="${day}" data-fulldate="${full}" data-date="${dt < 10 ? '0' + dt : dt}" data-month="${mt}" data-year="${yr}" data-offpagi="${cutoffpagi}" data-offsiang="${cutoffsiang}" data-offMalam="${cutoffMalam}" ${isDate === true ? '' : 'disabled'}>
4867           ${dt === today ?
4868             `Today<span>${dt < 10 ? '0' + dt : dt}</span>` :
4869             `${day}<span>${dt < 10 ? '0' + dt : dt}</span>`
4870           }
4871         </button>
4872       `
4873       htmlDate.push(html)
4874     }
4875     const htmlTime = []
4876     for(var i = 0;i < time.length;i++) {
4877       const timeText = time[i].text
4878       const timeTime = time[i].time
4879       const timeEnabled = time[i].isEnabled
4880       var html = `
4881           <button class="time-single calendarbutton2 btn steps-btn" data-time="${timeText}" ${timeEnabled ? '' : 'disabled'}>${timeText}<br/>${timeTime}</button>
4882         `
4883       htmlTime.push(html)
4884     }
4885     const deliveryDate = document.getElementById("deliveryDate");
4886     if(deliveryDate) {
4887       deliveryDate.insertAdjacentHTML("afterbegin", htmlDate.join(''))
4888       $("#deliveryTime").html(htmlTime)
4889       if(productType !== '') {
4890         console.log("clarity event " + productType + ' calendaring')
4891         window.clarity("event", `${productType} calendaringSchedule`)
4892         // window.clarity("set", productType, `calendaringSchedule - ${productDate}`)
4893       }
4894     }
4895   }
4896 
4897   async function getProvince(city) {
4898     let { data: { province } } = await getFetch(`${host}/api/shipping/address/province?city=${city}`);
4899     console.log(province, 'province')
4900     $("#province").val(province)
4901   }
4902 
4903   async function renderAddress() {
4904     let current
4905     if(getCookie("location_delivery")){
4906       current = getCookie("location_delivery").charAt(0).toUpperCase() + getCookie("location_delivery").slice(1)
4907     }
4908     let address = await getFetch(`${host}/api/shipping/address?domain=${shop}&productId=8144957800663`);
4909     console.log(address)
4910     const data = address?.data?.city
4911     const htmlAddress = []
4912     const grouping = []
4913     for(let i = 0;i < data?.length;i++) {
4914       if(data[i]){
4915         if(data[i]?.group) {
4916           grouping.push(data[i].group)
4917         }
4918         const price = rupiah.format(data[i]?.rate)
4919         let promo = '(Promo Free Delivery)'
4920         if(data[i]?.name === 'Jakarta - PickUp ASHTA'){
4921           promo = '(at SCBD, Ashta)'
4922         } else if(data[i]?.name === 'Jakarta - PickUp ITC'){
4923           promo = '(at Kuningan, ITC Kuningan)'
4924         } else if(data[i]?.name === 'BSD - PickUp'){
4925           promo = '(at Goldfinch Gading Serpong)'
4926         } else if(data[i]?.name === 'Kota Lainnya'){
4927           promo = ''
4928         }
4929         htmlAddress.push(`<option data-province="${data[i]?.province}" data-city="${data[i]?.city}" data-note="${data[i]?.note}" data-price="${data[i]?.rate}" value="${data[i]?.name}">${data[i]?.name === 'Kota Lainnya' ? 'Seluruh Kota Lain di Indonesia' : data[i]?.name} ${data[i]?.rate > 0 ? `(${price})` : promo}</option>`)
4930       }
4931     }
4932     
4933     const deliveryCity = document.getElementById("cities");
4934     if(deliveryCity) {
4935       deliveryCity.insertAdjacentHTML("beforeend", htmlAddress.join(''))
4936       if(!isIOS) {
4937         $(deliveryCity).select2();
4938       }
4939     }
4940   }
4941 
4942   async function renderZip(v, v2, v3) {
4943     const deliveryZip = document.getElementById("zip");
4944     if(v === '') {
4945       return
4946     }
4947     let dataZip = await getFetch(`${host}/api/shipping/address/zip?city=${v}&city2=${v2}&city3=${v3}`);
4948     let zip = dataZip?.data?.zip
4949     console.log(zip)
4950     let htmlZip = []
4951     for(let i = 0; i < zip?.length;i++) {
4952       htmlZip.push(`<option value="${zip[i]?.postalCode} - ${zip[i]?.subdistrict}">${zip[i]?.postalCode} - ${zip[i]?.subdistrict} - ${zip[i]?.city}</option>`)
4953     }
4954     deliveryZip.insertAdjacentHTML("beforeend", htmlZip.join(''))
4955   }
4956 
4957   renderDate()
4958   renderAddress()
4959 
4960   let rupiah = new Intl.NumberFormat('id-ID', {
4961     style: 'currency',
4962     currency: 'IDR',
4963     maximumFractionDigits: 0, 
4964     minimumFractionDigits: 0
4965   });
4966 
4967   async function insertCard(data) {
4968     const response = await fetch(`${host}/api/card/new`, {
4969         method: "POST",
4970         headers: {
4971           'Content-Type': 'application/json',
4972         },
4973         body: data
4974     })
4975     const result = await response.json()
4976     let rowIndex = result?.data?.tableRange.split("Outerbloom!A1:J")[1]
4977     $("#greetingCard").attr("data-index", rowIndex)
4978     return result
4979   }
4980     
4981   async function updateCard(data){
4982     const rowIndex = $("#greetingCard").data("index")
4983     const response = await fetch(`${host}/api/card/update?rowIndex=${rowIndex}`, {
4984         method: "PUT",
4985         headers: {
4986           'Content-Type': 'application/json',
4987         },
4988         body: data
4989     })
4990     return response
4991   }
4992     
4993   function bytesToSize(bytes) {
4994     var sizes = ['b', 'kb', 'mb', 'gb', 'tb', 'p'];
4995     for (var i = 0; i < sizes.length; i++) {
4996       if (bytes <= 1024) {
4997         return bytes + ' ' + sizes[i];
4998       } else {
4999         bytes = parseFloat(bytes / 1024).toFixed(2)
5000       }
5001     }
5002     return bytes + ' P';
5003   }
5004 
5005   async function uploadMedia(uri, type) {
5006     nameq = $("#properties-nama-penerima").val()
5007     dear = $("#properties-kartu-nama-penerima").val()
5008     card = $("[data-properties=ucapan]").val()
5009     sender = $("#properties-kartu-nama-pengirim").val()
5010     photo = $("#properties-photo").val()
5011     video = $("#properties-video").val()
5012     status = "Product"
5013         
5014     const name = qrID
5015     let formData = new FormData(); 
5016     formData.append("file", uri);
5017     const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
5018       method: "POST", 
5019       body: formData
5020     })
5021     const result = await response.json();
5022     if(result) {
5023       const url = result.url
5024       if(type === 'image/jpeg') {
5025         $("#properties-photo").val(url)
5026         $(".preview-image").show()
5027         $(".remove-image").show()
5028         photo = url
5029       } else {
5030         $("#properties-video").val(url)
5031         $("#label-input-video span").text("Change File")
5032         $(".case-qrcode-preview p").text("Scan here for a secret message")
5033         $(".remove-media").show()
5034         $("#product-top #product-meta .case-video-preview p").html(`<span class="replace-video" tite="Replace Video">${uri.name} (${bytesToSize(uri.size)})</span><span> is uploaded</span>`)
5035         $("[for=input-video]").hide()
5036         video = url
5037       }
5038       $(".case-video-preview").show()
5039       $(".steps-card-preview").removeClass("loading")
5040       // updateCard(nameq, dear, card, sender, photo, video, status)
5041 
5042       $(".nextBtn").attr("disabled", false)
5043     }
5044   }
5045 
5046   function randomString(length, chars) {
5047     var result = '';
5048     for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
5049     return result;
5050   }
5051 
5052   function getNoteCity(fulldate) {
5053     const h_1 = new Date(new Date().setDate(new Date().getDate() + 1))
5054     const weekday = ["Min","Sen","Sel","Rab","Kam","Jum","Sab"];
5055     const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
5056     const d = new Date(h_1);
5057     const day = weekday[d.getDay()];
5058     const dt = d.getDate();
5059     const mt = monthly[d.getMonth()];
5060     const yr = d.getFullYear();
5061     const p = $("#cities").parent(".form-group")
5062   }
5063 
5064   function disabledSameDay() {
5065     let btnFirst = $("#deliveryDate").find("button:first-child")
5066     let getDay = new Date().getDay();
5067 
5068     
5069       
5070       if(getDay == 1 || getDay == 2 || getDay == 3 || getDay == 4 || getDay == 5){
5071         if(hour >= 14.00){
5072           btnFirst.attr("disabled", true)
5073         }
5074       } else if(getDay == 6){
5075         if(hour >= 16.00){
5076           btnFirst.attr("disabled", true)
5077         }
5078       } else if(getDay == 0){
5079         if(hour >= 16.00){
5080           btnFirst.attr("disabled", true)
5081         }
5082       }
5083       
5084     
5085   }
5086 
5087   function disabledays(date) {
5088     let ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
5089     //if u have to disable a list of day
5090     let removeDays
5091     
5092     
5093     
5094         removeDays = ["2025-2-13", "2025-2-14"];
5095     
5096     if ($.inArray(ymd, removeDays) >= 0) {
5097       return [false];
5098     } else {
5099       let day = date.getDay();
5100       if(day == 0 && date.getDate() == 13 && date.getMonth() == 1){
5101           return [(day == 0),  ''];
5102       }
5103       
5104       if(day == 0){
5105         return [(day == 0),  ''];
5106       }
5107       
5108       
5109       return [(day != 0),  ''];
5110     }
5111   }
5112 
5113   /* Indonesian initialisation for the jQuery UI date picker plugin. */
5114   /* Written by Deden Fathurahman ([email protected]). */
5115   ( function( factory ) {
5116     if ( typeof define === "function" && define.amd ) {
5117 
5118       // AMD. Register as an anonymous module.
5119       define( [ "../widgets/datepicker" ], factory );
5120     } else {
5121 
5122       // Browser globals
5123       factory( jQuery.datepicker );
5124     }
5125   }( function( datepicker ) {
5126 
5127   datepicker.regional.id = {
5128     closeText: "Tutup",
5129     prevText: "&#x3C;mundur",
5130     nextText: "maju&#x3E;",
5131     currentText: "Today",
5132     monthNames: [ "January","February","March","April","May","Juny",
5133                   "July","August","September","October","November","December" ],
5134     monthNamesShort: [ "Jan","Feb","Mar","Apr","May","Jun",
5135                       "Jul","Agu","Sep","Oct","Nov","Dec" ],
5136     dayNames: [ "Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu" ],
5137     dayNamesShort: [ "Sun","Mon","Tue","Wed","Thu","Fri","Sat" ],
5138     dayNamesMin: [ "Mg","Sn","Sl","Rb","Km","jm","Sb" ],
5139     weekHeader: "Mg",
5140     dateFormat: "D, dd M",
5141     firstDay: 0,
5142     isRTL: false,
5143     showMonthAfterYear: false,
5144     yearSuffix: "" };
5145   datepicker.setDefaults( datepicker.regional.id );
5146 
5147   return datepicker.regional.id;
5148 
5149 } ) );
5150 
5151   function loadPopup() {
5152     $("#backgroundPopup").fadeIn("slow");
5153     $(".purchasePopup:not(.purchasePopupSpotify)").fadeIn("slow");
5154     const firstSection = $(".purchasePopup:not(.purchasePopupSpotify) .sectionPurchase").first()
5155     if(firstSection.hasClass("purchasePersonalize")) {
5156       if(productType !== '') {
5157         console.log("clarity event " + productType + ' personalize')
5158         window.clarity("event", `${productType} cardPersonalization`)
5159         // window.clarity("set", productType, `cardPersonalization - ${productDate}`)
5160       }
5161     } else if (firstSection.hasClass("sectionPurchaseBoard")) {
5162         console.log("clarity event " + productType + ' personalizeBoard')
5163         window.clarity("event", `${productType} personalizeBoard`)
5164         // window.clarity("set", productType, `personalizeBoard - ${productDate}`)
5165     }
5166     firstSection.removeClass("hide")
5167     
5168     // Auto-trigger addon loading when addon section becomes visible
5169     setTimeout(function() {
5170       const addonSection = $(".purchaseAddon")
5171       if(addonSection.length > 0 && !addonSection.hasClass("hide")) {
5172         if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
5173           $("[data-addon=upsell-all]").trigger("click")
5174         }
5175       }
5176     }, 200)
5177   }
5178 
5179   function disablePopup() {
5180     $("#backgroundPopup").fadeOut("slow");
5181     $(".purchasePopup").fadeOut("slow");
5182     $("#popupCart").fadeOut("slow");
5183   }
5184 
5185     function scrollTo(parent, div, dur) {
5186       $(parent).animate({
5187         scrollTop: $(div).offset().top
5188       }, dur);
5189     }
5190 
5191   function loadPopupPersonalize() {
5192     const div = "#purchaseProduct"
5193     const p = "html, body, .product-meta"
5194     $("p.error").remove()
5195     loadItemOccasion($("[data-occassion]").eq(0), "greeting-card-all")
5196     const isCity = $("#cities[required]")
5197     const isDate = $("#propDeliveryDate[required]")
5198     const isTime = $("#propDeliveryTime[required]")
5199     // loadPopup()
5200     if(isCity.val() !== '' && isDate.val() !== '' && isTime.val() !== '') {
5201       loadPopup()
5202     }
5203     if(isCity.val() == '') {
5204       isCity.parent(".row").append("<p class='error'>Choose delivery city</p>")
5205       scrollTo(p, div, 500)
5206     }
5207     if(isDate.val() == '') {
5208       isDate.parents(".row").append("<p class='error'>Choose delivery date</p>")
5209       scrollTo(p, div, 500)
5210     }
5211     if(isTime.val() == '') {
5212       isTime.parents(".row").append("<p class='error'>Choose delivery time</p>")
5213       scrollTo(p, div, 500)
5214     }
5215   }
5216 
5217   function quantityCounter() {
5218     $(document).on("click", ".item-card.selected .q_up", function () {
5219       var C = $(this).attr("data-id"),
5220           S =
5221               parseInt(
5222                   $(this)
5223                       .siblings(".quantity-cart-" + C)
5224                       .val()
5225               ) + 1;
5226       $(this).attr("data-quantity", S),
5227           $(this)
5228               .siblings(".quantity-cart-" + C)
5229               .val(S);
5230     }),
5231     $(document).on("click", ".item-card.selected .q_down", function () {
5232         var C = $(this).attr("data-id"),
5233             S = parseInt(
5234                 $(this)
5235                     .siblings(".quantity-cart-" + C)
5236                     .val()
5237             );
5238         0 < S && $(this).attr("data-quantity", S - 1),
5239             0 < S &&
5240                 $(this)
5241                     .siblings(".quantity-cart-" + C)
5242                     .val(S - 1);
5243     });
5244   }
5245 
5246   quantityCounter()
5247 
5248   const itemAddon = $(".item-card").length
5249   const nofree = $(".nofree").length
5250 
5251   const upsell = ''
5252   
5253   if(nofree === itemAddon) {
5254       // $("#itemAddons").html("<p>No Items available</p>")
5255   }
5256 
5257   $("#itemAddons .item-card").each(function(e){
5258       $("#itemAddons").attr("data-length", e)
5259   })
5260 
5261   $("[data-addon]").click(function(){
5262       
5263       
5264       
5265       const t = $(this)
5266       
5267       const data = t.data("addon")
5268       
5269       $("[data-addon]").removeClass("selected")
5270       t.addClass("selected")
5271       $.get(`https://outerbloom.com/collections/${data}/products.json`, function(data, status){
5272           const products = data.products
5273           const html = []
5274           for(let i = 0; i < products.length; i++) {
5275               const id = products[i].id
5276               const variantId = products[i].variants[0].id
5277               const img = products[i].images[0].src
5278               let img2 = img.split('.jpg')[0]
5279               const title = products[i].title
5280               const price = products[i].variants[0].price
5281               const tags = products[i].tags
5282               const qty = products[i].variants[0].available
5283               let type_upsell = ''
5284               if(tags.includes('upsell-item-standing')) {
5285                   type_upsell = 'standing'
5286               }
5287               console.log(type_upsell)
5288               if(type_upsell !== '') {
5289                   const body = `<div class="item-card${price < 1 ? ' free' : ' nofree'} type-${products[i].product_type.toLowerCase()?.replace(' ', '_')}" data-variant="${variantId}" data-id=${id} data-qty="${qty === false ? 0 : ''}" data-upsell="${type_upsell}" data-tags="${tags}">
5290                       
5291                           <div class="card-image">
5292                               <img src="${img2}_150x.jpg" alt="${title}" width="" height="" />
5293                           </div>
5294                           <div class="card-meta">
5295                               <h5>${title}</h5>
5296                               <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p>
5297                               <input id="card-${variantId}" type="hidden" name="" value="${variantId}">
5298                           </div>
5299                           <div class="card-qty">
5300                               <a data-quantity="1" type="submit" id="q_down-${variantId}" class="btn-qty-min q_down drawer-cart" data-id="${variantId}"><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="12" height="2" viewBox="0 0 12 2" fill="none"><path d="M0 1.90869V0.908691H12V1.90869H0Z" fill="black"/></svg></a>  
5301                               <input maxlength="3" min="0" class="btn-qty text-center quantity-cart-${variantId}
5301" value="0" data-price=${price} name="quantity">
5302                               <a data-quantity="1" type="submit" class="btn-qty-plus q_up text-green drawer-cart" data-id="${variantId}"><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="12" height="13" viewBox="0 0 12 13" fill="none">
5303 <path d="M0 6.87023V5.94715H5.53846V0.408691H6.46154V5.94715H12V6.87023H6.46154V12.4087H5.53846V6.87023H0Z" fill="black"/>
5304 </svg></a>   
5305                           </div>
5306                       </div>`
5307                   html.push(body)
5308               }
5309           }
5310           $("#itemAddons .row").html(html.length === 0 ? '<p>No Item available</p>' : html)
5311           $("#itemAddons").attr("data-length", products.length)
5312           // $('#itemAddons')[0].swiper.update();
5313       });
5314   })
5315 
5316   async function isAddon(){
5317     let ids = []
5318     $("#itemAddons .item-card.selected").each(function(i, e){
5319       const id = $(this).data("id")
5320       ids.push(id)
5321     })
5322     console.log(ids)
5323     return ids
5324   }
5325   
5326   $("#itemAddons").delegate(".item-card > div:not(.card-qty)", "click", async function(){
5327     const t = $(this).parent()
5328     const id = t.data("id")
5329     const btn =  t.parents(".purchaseAddon").find(".next-purchase-button")
5330     t.toggleClass("selected");
5331     //$(this).next("input").toggleAttr('name', 'id[]');
5332     if (t.hasClass('selected')) {
5333         t.find("input").val(1)
5334         t.find("input").attr('name', 'id[]');
5335     } else {
5336         t.find("input").val(0)
5337         t.find("input").removeAttr('name');
5338     }
5339     $("#properties-addons").val(addons)
5340     const is = await isAddon()
5341     if(is.length === 0) {
5342       btn.text("continue without add-ons")
5343       return
5344     }
5345     if(is.includes(8835692069079)) {
5346       btn.text("personalize acrylic frame")
5347     } else {
5348       btn.text("Continue")
5349     }
5350       
5351   })
5352 
5353   async function myAddon(data) {
5354     const c = $(".addonsPurchase .addons")
5355     let items = []
5356     
5357     const spotifyAddons = $(".spotifyAddons").find("[data-index]")
5358     // if(spotifyAddons.length > 0) {
5359     //   $(spotifyAddons).each(function(i, e){
5360     //     const spotifyLink = $(this).find(".spotifyLink").val()
5361     //     const spotifySong = $(this).find(".spotifySong").val()
5362     //     const spotifyArtist = $(this).find(".spotifyArtist").val()
5363     //     const spotifyFotoAddon = $(this).find(".resultPhotoSpotify").val()
5364     //     if(spotifyLink !== '') {
5365     //       spotifyAddon = `<div class="addon-item" data-id="46067682607319" data-qty="1">
5366     //         <div class="addon-itm-img">
5367     //           <img src="https://cdn.shopify.com/s/files/1/1589/6833/files/Acrylic-Frame_8c71027d-43b7-4322-a98f-d34ab0456397_100x.jpg?v=1739160467" alt="" width="70"/>
5368     //         </div>
5369     //         <div class="addon-itm-title">
5370     //           <span>[US] Outerbloom Acrylic Frame 4R</span>
5371     //         </div>
5372     //         <div class="addon-itm-line-total">
5373     //           <span>Rp 99.000</span>
5374     //         </div>
5375     //       </div>
5376     //       <div class="propsAddonSpotify row m-0">
5377     //         <div class="col-12 col-lg-2"></div>
5378     //           <div class="col-12 col-lg-10">
5379     //             <p>
5380     //               <span>spotify link</span>
5381     //               <span class="spotifyLinkAddon">${spotifyLink}</span>
5382     //             </p>
5383     //             <p>
5384     //               <span>uploaded photo</span>
5385     //               <span class="spotifyFotoAddon">${spotifyFotoAddon}</span>
5386     //             </p>
5387     //             <p>
5388     //               <span>song / playlist name</span>
5389     //               <span class="spotifySongAddon">${spotifySong}</span>
5390     //             </p>
5391     //             <p>
5392     //               <span>artist name</span>
5393     //               <span class="spotifyArtistAddon">${spotifyArtist}</span>
5394     //             </p>
5395     //           </div>
5396     //       </div>`
5397     //       items.push(spotifyAddon)
5398     //     }
5399     //   })
5400     // }
5401     for(let i = 0; i < data.length; i++) {
5402       if(data[i].title !== '[US] Outerbloom Acrylic Frame 4R' ) {
5403         const img = data[i].image
5404         const title = data[i].title
5405         const qty = data[i].qty
5406         const price = data[i].price
5407         const total = Number(qty) * Number(price)
5408         let addons = `<div class="addon-item" data-id="${data[i].id}" data-qty="${qty}">
5409               <div class="addon-itm-img">
5410                 <img src="${img}" alt="" width="70"/>
5411               </div>
5412               <div class="addon-itm-title">
5413                 <span>${title}</span>
5414               </div>
5415               <div class="addon-itm-line-price">
5416                 <span>${rupiah.format(price)}</span>
5417                 ${data[i].title == '[US] Outerbloom Acrylic Frame 4R' ? '' : `<span>x${qty}</span>`}
5418               </div>
5419               <div class="addon-itm-line-total">
5420                 <span>${rupiah.format(total)}</span>
5421               </div>
5422             </div>`
5423           items.push(addons)
5424       }
5425     }
5426     c.html(items)
5427     const parent = $(".purchaseAddon")
5428     const next = parent.next(".sectionPurchase")
5429     parent.addClass("hide")
5430     next.removeClass("hide")
5431     // if(items2.length === 0) return $("#popupCart").addClass("no-addon-cart")
5432     // $(".itemAddonCart").find("h4").text(`add-ons (${items2.length})`)
5433   }
5434 
5435   async function listAddon() {
5436     const data = $("#itemAddons").find(".selected")
5437     let ids = []
5438     $(data).each(function(){
5439       const id = $(this).data("variant")
5440       const image = $(this).find(".card-image img").attr("src")
5441       const title = $(this).find(".card-meta h5").text()
5442       const qty = $(this).find(".card-qty input").val()
5443       const price = $(this).find(".card-qty input").data("price")
5444       ids.push({
5445         id: Number(id),
5446         image,
5447         title,
5448         qty,
5449         price
5450       })
5451     })
5452     myAddon(ids)
5453   }
5454 
5455   async function customSpotify(idx, length, type){
5456     let isCard = false
5457     
5458     let p = $(".purchasePopupSpotify")
5459     const preLink = $(".spotifyLinkFirst").val()
5460     $("[data-index]").hide()
5461     p.find(".headerPurchase h3").text(`personalize spotify photo print${length > 1 ? ` - ${idx}` : ''}`)
5462     p.find(".regulerAddons, .purchase-button").hide()
5463     p.find(".spotifyAddons").show()
5464     
5465     const data = await trackUrl(preLink)
5466     
5467     const html = `<div class="row" data-index=${idx} data-length=${length}><div class="col-12 col-lg-6"><div class="form-vertical position-relative"><div class="form-group mb-4"><h4>upload photo</h4><div class=uploadResult><label class=btn for=uploadPhotoSpotify><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="13" height="11" viewB
5467ox="0 0 13 11" fill="none">
5468 <path d="M0.875 10.6378H12.375C12.4413 10.6378 12.5049 10.6115 12.5518 10.5646C12.5987 10.5177 12.625 10.4541 12.625 10.3878V0.387817C12.625 0.321513 12.5987 0.257925 12.5518 0.211041C12.5049 0.164157 12.4413 0.137817 12.375 0.137817H0.875C0.808696 0.137817 0.745107 0.164157 0.698223 0.211041C0.651339 0.257925 0.625 0.321513 0.625 0.387817V10.3878C0.625 10.4541 0.651339 10.5177 0.698223 10.5646C0.745107 10.6115 0.808696 10.6378 0.875 10.6378ZM1.125 10.1378V7.31882C1.136 7.31082 1.1485 7.30632 1.1585 7.29632L3.7165 4.73832C3.78198 4.67584 3.869 4.64098 3.9595 4.64098C4.05 4.64098 4.13702 4.67584 4.2025 4.73832L7.963 8.49882C8.00919 8.54501 8.07162 8.5713 8.13694 8.57204C8.20225 8.57279 8.26527 8.54794 8.3125 8.50282L10.2455 6.66682C10.3084 6.60323 10.3938 6.56684 10.4832 6.56543C10.5727 6.56403 10.6591 6.59774 10.724 6.65932L12.125 8.18532L12.1255 8.18582V10.1378H1.125ZM12.125 0.637817V7.44682L11.0845 6.31382C11.0066 6.23514 10.9138 6.17275 10.8116 6.13026C10.7094 6.08777 10.5997 6.06603 10.489 6.06632H10.4885C10.3786 6.06584 10.2697 6.08706 10.168 6.12876C10.0664 6.17046 9.97391 6.23182 9.896 6.30932L8.144 7.97332L4.556 4.38482C4.2365 4.06582 3.6815 4.06632 3.363 4.38482L1.125 6.62332V0.637817H12.125Z" fill="black"/>
5469 </svg><span>Upload your file</span></label></div><input class="uploadPhotoSpotify form-control d-none" accept=image/* type=file><input class="resultPhotoSpotify" type="hidden"></div><div class="form-group mb-5"><h4>Add your Spotify link here</h4> <input class="spotifyLink2 form-control spotifyLink" value="${preLink}" placeholder=https://open.spotify.com/ ></div><div class="form-group mb-4 text-left"><label class=checkbox for=isCustomMessage><span>Personalized Message</span><span class=checkmark></span></label></div><div class="form-group mb-4 form-personalize"><label class="text-left d-block mb-2 text-uppercase"for=spotifySong>Song / playlist name</label> ${data?.song ? `<input class="form-control spotifySong" value="${data?.song}">` : '<input class="form-control spotifySong" value="">'}</div><div class="form-group form-personalize"><label class="text-left d-block mb-2 text-uppercase"for=spotifyArtist>Artist name</label> ${data?.artist ? `<input class="form-control spotifyArtist" value="${data?.artist}">` : '<input class="form-control spotifyArtist" value="">'}</div><div class=btn-action><button class="back-spotify"><svg fill=none height=14 viewBox="0 0 15 14"width=15 xmlns=https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk><path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z"fill=black /></svg> <span>Back</span></button><button data-type="${isCard ? 'card' : ''}" ${isCard ? '' : 'id=addtocart-card'} class="text-uppercase btn w-100${type == 'addon' && idx == length ? ' finished' : ' no-addon'}" disabled>${isCard ? 'Continue Personalizing' : 'add to cart'}</button></div></div></div><div class="col-12 col-lg-6 columnRight"><div class=frame-spotify><div class=frameImage><div class=frameImageUploaded><svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="13" height="11" viewB
5469ox="0 0 13 11" fill="none">
5470 <path d="M0.875 10.6378H12.375C12.4413 10.6378 12.5049 10.6115 12.5518 10.5646C12.5987 10.5177 12.625 10.4541 12.625 10.3878V0.387817C12.625 0.321513 12.5987 0.257925 12.5518 0.211041C12.5049 0.164157 12.4413 0.137817 12.375 0.137817H0.875C0.808696 0.137817 0.745107 0.164157 0.698223 0.211041C0.651339 0.257925 0.625 0.321513 0.625 0.387817V10.3878C0.625 10.4541 0.651339 10.5177 0.698223 10.5646C0.745107 10.6115 0.808696 10.6378 0.875 10.6378ZM1.125 10.1378V7.31882C1.136 7.31082 1.1485 7.30632 1.1585 7.29632L3.7165 4.73832C3.78198 4.67584 3.869 4.64098 3.9595 4.64098C4.05 4.64098 4.13702 4.67584 4.2025 4.73832L7.963 8.49882C8.00919 8.54501 8.07162 8.5713 8.13694 8.57204C8.20225 8.57279 8.26527 8.54794 8.3125 8.50282L10.2455 6.66682C10.3084 6.60323 10.3938 6.56684 10.4832 6.56543C10.5727 6.56403 10.6591 6.59774 10.724 6.65932L12.125 8.18532L12.1255 8.18582V10.1378H1.125ZM12.125 0.637817V7.44682L11.0845 6.31382C11.0066 6.23514 10.9138 6.17275 10.8116 6.13026C10.7094 6.08777 10.5997 6.06603 10.489 6.06632H10.4885C10.3786 6.06584 10.2697 6.08706 10.168 6.12876C10.0664 6.17046 9.97391 6.23182 9.896 6.30932L8.144 7.97332L4.556 4.38482C4.2365 4.06582 3.6815 4.06632 3.363 4.38482L1.125 6.62332V0.637817H12.125Z" fill="black"/>
5471 </svg> <img src="" class=previewImage style=display:none></div></div><div class=frameControl><div class=spotifyData>${data?.song ? `<h3>${data?.song}</h3>` : '<h3><h3>'}${data?.artist ? `<p>${data?.artist}</p>` : '<p></p>'}</div><img src="//outerbloom.com/cdn/shop/t/138/assets/frame-spotify.png?v=138221849636560654691752652420"alt="spotify outerbloom" height=""width=100%><div class=spotifyCode><img src="https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:${data?.type.slice(0, -1)}:${data?.trackId}"alt=""></div></div></div></div></div>`
5472     // console.log(html)
5473     
5474     $(".spotifyAddons").append(html)
5475     
5476     $(`[data-index=${idx}]`).show()
5477     
5478     if (preLink !== '') {
5479       $(".btn-action .btn").attr("disabled", false)
5480     } else {
5481       $(".btn-action .btn").attr("disabled", true)
5482     }
5483 
5484     return html
5485     
5486   }
5487 
5488   $(".spotifyLinkFirst").keyup(async function(){
5489     const v = $(this).val()
5490     if(v.includes('spotify:user:spotify')) {
5491       const correct = v.split('user:spotify:')[1]
5492       console.log(correct, 'BNER')
5493       $(this).val(correct)
5494       return
5495     }
5496     if(v.includes("spotify:") || v.includes("https://open.spotify.com/")){
5497       const data = await trackUrl(v)
5498       if(!data || !data.status) {
5499         $(this).parent().addClass("error")
5500         // $(this).parent().append(`<p class="txt-error">Make sure you copy the complete and correct link from Spotify. Ex: https://open.spotify.com/track/0C3xZJueyBvvMSsl0cETA6</p>`)
5501         $("#personalizeBtnSpotify .btn").attr("disabled", true)
5502         return
5503       }
5504       $(this).parent().removeClass("error")
5505       // $(this).parent().remove("txt-error")
5506       $("#personalizeBtnSpotify .btn").attr("disabled", false)
5507     } else {
5508       $("#personalizeBtnSpotify .btn").attr("disabled", true)
5509     }
5510   })
5511 
5512   $(".purchaseAddon").delegate(".next-addon", "click", function(){
5513     const parent = $(this).parents(".purchaseAddon")
5514     const next = parent.next(".sectionPurchase")
5515     if(next.hasClass("purchaseAddress")) {
5516       if(productType !== '') {
5517         console.log("clarity event " + productType + ' purchaseDelivery')
5518         window.clarity("event", `${productType} purchaseDelivery`)
5519         // window.clarity("set", productType, `purchaseDelivery - ${productDate}`)
5520       }
5521     }
5522     const data = $("#itemAddons").find(".selected")
5523     const length = $(".quantity-cart-46067682607319").val()
5524     const checked = data.length;
5525     if(checked > 0) {
5526       if(length > 0) {
5527         $(".purchaseAddon").addClass("purchaseAddonSpotify")
5528         customSpotify(1, length, 'addon')
5529       } else {
5530         listAddon()
5531       }
5532     } else {
5533       parent.addClass("hide")
5534       next.removeClass("hide")
5535     }
5536   })
5537 
5538   $("#personalizeBtnSpotify .btn").click(async function(){
5539     const isCity = $("#cities[required]")
5540     const isDate = $("#propDeliveryDate[required]")
5541     if((isDate.length > 0 && isCity.length > 0) && (isCity.val() === '' || isDate.val() === '')) {
5542       alert('Please choose Delivery City & Delivery Date')
5543       return
5544     }
5545     const data = await customSpotify(1, 1, 'product')
5546     if(data) {
5547       $("#backgroundPopup").fadeIn("slow");
5548       $(".purchasePopupSpotify").fadeIn("slow");
5549 
5550       if(productType !== '') {
5551         console.log("clarity event " + productType + ' spotify')
5552         window.clarity("event", `${productType} spotify`)
5553         // window.clarity("set", productType, `purchaseDelivery - ${productDate}`)
5554       }
5555     }
5556   })
5557 
5558   function formatBytes(bytes, decimals = 2) {
5559     if (!+bytes) return '0 Bytes'
5560 
5561     const k = 1024
5562     const dm = decimals < 0 ? 0 : decimals
5563     const sizes = ['B', 'KB', 'MB']
5564 
5565     const i = Math.floor(Math.log(bytes) / Math.log(k))
5566 
5567     return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
5568   }
5569 
5570   async function trackUrl(link){
5571     try {
5572       let trackId = link.split('/').pop().split('?')[0];
5573       let type = ''
5574       if(link.includes("spotify:")) {
5575         const uri = link.split('spotify:')[1]
5576         trackId = uri.split(':')[1]
5577         type = uri.split(':')[0] + 's'
5578       } else {
5579         if(link.match('track')){
5580           type = 'tracks'
5581         } else if(link.match('playlist')) {
5582           type = 'playlists'
5583         } else if(link.match('artist')) {
5584           type = 'artists'
5585         } else if(link.match('album')) {
5586           type = 'albums'
5587         }
5588       }
5589       console.log(`${host}/api/spotify/${type}/${trackId}`)
5590       const data = await getFetch(`${host}/api/spotify/${type}/${trackId}`)
5591       console.log(data, 'DATA')
5592       const song = data?.data?.name
5593       const artist = data?.data?.artist
5594       return {
5595         song, artist, type, trackId, status: data.status
5596       }
5597     } catch(err) {
5598       console.log(err)
5599     }
5600   }
5601 
5602   $(".spotifyAddons").delegate(".uploadPhotoSpotify", "change", async function(){
5603     const parent = $(this).parents("[data-index]")
5604     const preview = parent.find(".previewImage")
5605     const file = $(this)[0].files[0];
5606     if (file) {
5607         const reader = new FileReader();
5608         reader.onload = async function(e) {
5609           parent.find(".uploadResult label").hide()
5610           parent.find(".uploadedResult").remove()
5611           parent.find(".uploadResult").append(`<div class="uploadedResult d-flex" style="justify-content: space-between">
5612           <p style="text-align: left;margin: 0;"><span style="color: #34C759;font-style: italic;font-size: 14px;text-overflow: ellipsis;overflow: hidden;max-width: 250px;white-space: nowrap;display: inline-block;vertical-align: middle;">${file.name}</span><span style="font-size: 14px;color: #34C759"> (${formatBytes(file.size)})</span> <span style="font-size: 14px">is uploaded</span></p>
5613           <div style="align-self: center"><span class="changeUpload" style="font-size: 12px;cursor: pointer">Change</span><span class="removeUpload" style="cursor: pointer;border-left: 1px solid;padding-left: 10px;margin-left: 10px;height: 10px;display: inline-flex;vertical-align: middle;">
5613<svg fill="none" height="11" viewBox="0 0 10 11" width="10" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
5614   <path d="M2.07799 10.8332C1.78154 10.8332 1.52799 10.7276 1.31732 10.5165C1.10666 10.3054 1.0011 10.0523 1.00066 9.75716V1.49982H0.667322C0.572656 1.49982 0.493545 1.46782 0.429989 1.40382C0.366433 1.33982 0.334433 1.26049 0.333989 1.16582C0.333544 1.07116 0.365545 0.992047 0.429989 0.928491C0.494433 0.864935 0.573545 0.833158 0.667322 0.833158H3.00066C3.00066 0.69538 3.05177 0.57538 3.15399 0.473158C3.25621 0.370935 3.37621 0.319824 3.51399 0.319824H6.48732C6.6251 0.319824 6.7451 0.370935 6.84732 0.473158C6.94954 0.57538 7.00066 0.69538 7.00066 0.833158H9.33399C9.42866 0.833158 9.50777 0.865158 9.57132 0.929158C9.63488 0.993158 9.66688 1.07249 9.66732 1.16716C9.66777 1.26182 9.63577 1.34094 9.57132 1.40449C9.50688 1.46805 9.42777 1.49982 9.33399 1.49982H9.00066V9.75649C9.00066 10.0525 8.8951 10.3058 8.68399 10.5165C8.47288 10.7272 8.21954 10.8327 7.92399 10.8332H2.07799ZM8.33399 1.49982H1.66732V9.75649C1.66732 9.87605 1.70577 9.97427 1.78266 10.0512C1.85954 10.128 1.95799 10.1665 2.07799 10.1665H7.92399C8.04354 10.1665 8.14177 10.128 8.21866 10.0512C8.29554 9.97427 8.33399 9.87605 8.33399 9.75649V1.49982ZM3.87266 8.83316C3.96732 8.83316 4.04666 8.80116 4.11066 8.73716C4.17466 8.67316 4.20643 8.59405 4.20599 8.49982V3.16649C4.20599 3.07182 4.17399 2.99271 4.10999 2.92916C4.04599 2.8656 3.96666 2.8336 3.87199 2.83316C3.77732 2.83271 3.69821 2.86471 3.63466 2.92916C3.5711 2.9936 3.53932 3.07271 3.53932 3.16649V8.49982C3.53932 8.59449 3.57132 8.6736 3.63532 8.73716C3.69932 8.80116 3.77843 8.83316 3.87266 8.83316ZM6.12932 8.83316C6.22399 8.83316 6.3031 8.80116 6.36666 8.73716C6.43021 8.67316 6.46199 8.59405 6.46199 8.49982V3.16649C6.46199 3.07182 6.42999 2.99271 6.36599 2.92916C6.30199 2.86516 6.22288 2.83316 6.12866 2.83316C6.03399 2.83316 5.95466 2.86516 5.89066 2.92916C5.82666 2.99316 5.79488 3.07227 5.79532 3.16649V8.49982C5.79532 8.59449 5.82732 8.6736 5.89132 8.73716C5.95532 8.80071 6.03466 8.83271 6.12932 8.83316Z"fill=#757575 />
5615 </svg>
5616 </span></div></div>`)
5617           parent.find(".frameImageUploaded svg").hide()
5618           parent.find(".frameImage").addClass("uploaded")
5619           preview.attr("src", e.target.result);
5620           preview.show();
5621           let formData = new FormData(); 
5622           formData.append("file", file);
5623           const response = await fetch(`${host}/api/upload?name=${file.name}&type=image/jpeg&r=${Date.parse(new Date)}`, {
5624             method: "POST", 
5625             body: formData
5626           })
5627           const result = await response.json();
5628           if(result){
5629             parent.find(".resultPhotoSpotify").val(result.url)
5630           }
5631         }
5632         
5633         reader.readAsDataURL(file);
5634     } else {
5635         preview.hide();
5636     }
5637   });
5638 
5639   $(".spotifyAddons").delegate(".uploadResult", "click", function(){
5640     $(this).next("input[type=file]").trigger("click")
5641   })
5642 
5643   $(".spotifyAddons").delegate(".changeUpload", "click", function(){
5644     $(this).parents("input[type=file]").trigger("click")
5645   })
5646 
5647   $(".spotifyAddons").delegate(".removeUpload", "click", function(){
5648     const parent = $(this).parents("[data-index]")
5649     parent.find(".uploadPhotoSpotify").val("")
5650     parent.find(".uploadResult label").show()
5651     parent.find(".uploadedResult").remove()
5652     parent.find(".frameImageUploaded svg").show()
5653     parent.find(".previewImage").hide()
5654     parent.find(".frameImage").removeClass("uploaded")
5655   })
5656 
5657   $(".spotifyAddons").delegate("label.checkbox", "click", function(){
5658     const parent = $(this).parents("[data-index]")
5659     parent.toggleClass("checked")
5660   })
5661 
5662   $(".spotifyAddons").delegate(".spotifyLink", "change", async function(){
5663     const parent = $(this).parents("[data-index]")
5664     const link = $(this).val()
5665     const data = await trackUrl(link)
5666 
5667     console.log(data)
5668 
5669     if(data.song) {
5670       parent.find(".spotifySong").val(data.song)
5671       parent.find(".spotifyData").find("h3").text(data.song)
5672     }
5673     if(data.artist) {
5674       parent.find(".spotifyArtist").val(data.artist)
5675       parent.find(".spotifyData").find("p").text(data.artist)
5676     }
5677     parent.find(".spotifyCode img").attr("src", `https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:${data.type.slice(0, -1)}:${data.trackId}`)
5678     // https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:track:1er51HCEBhIAtoEemKuC3M
5679     if (data.status === true) {
5680       parent.find(".btn-action .btn").attr("disabled", false)
5681     } else {
5682       parent.find(".btn-action .btn").attr("disabled", true)
5683     }
5684   })
5685   
5686   $(".spotifyAddons").delegate(".spotifySong", "keyup", async function(){
5687     const parent = $(this).parents("[data-index]")
5688     const v = $(this).val()
5689     parent.find(".spotifyData h3").text(v)
5690   })
5691 
5692   $(".spotifyAddons").delegate(".spotifyArtist", "keyup", async function(){
5693     const parent = $(this).parents("[data-index]")
5694     const v = $(this).val()
5695     parent.find(".spotifyData p").text(v)
5696   })
5697 
5698   $(".spotifyAddons").delegate(".btn-action .btn:not(.no-addon)", "click", async function(){
5699     const parent = $(this).parents("[data-index]")
5700     const length = parent.data("length")
5701     const index = parent.data("index")
5702     const indexNext = Number(index) + 1
5703     customSpotify(indexNext, length, 'addon')
5704   })
5705 
5706   
5707   $(".spotifyAddons").delegate(".btn-action .btn.finished", "click", async function(){
5708     const parent = $(this).parents(".purchaseAddon")
5709     const next = parent.next(".sectionPurchase")
5710     parent.addClass("hide")
5711     next.removeClass("hide")
5712     next.find(".purchase-button").show()
5713     listAddon()
5714   })
5715 
5716   $(".spotifyAddons").delegate(".back-spotify", "click", async function(){
5717     const t = $(this).parents("[data-index]")
5718     const parent = $(this).parents(".sectionPurchase")
5719     const current = t.data("index")
5720     const prevCurrent = Number(current) - 1
5721     if(current == 1) {
5722       parent.removeClass("purchaseAddonSpotify")
5723       parent.find(".purchase-button").show()
5724       parent.find(".headerPurchase h3").text("Make It More Special with Add-Ons!")
5725       $(".spotifyAddons").empty()
5726       $(".regulerAddons").show()
5727       return
5728     }
5729     t.hide()
5730     t.prev("[data-index]").show()
5731     t.remove()
5732     parent.find(".headerPurchase h3").text(`personalize spotify photo print - ${prevCurrent}`)
5733   })
5734 
5735   $("#personalizeBtn .btn").click(async function() {
5736     loadPopupPersonalize()
5737   });
5738 
5739   $(".sectionPurchaseSpotify").delegate(".btn[data-type=card]", "click", function(){
5740     $(".sectionPurchaseSpotify").hide()
5741     loadPopupPersonalize()
5742   })
5743 
5744   $(".close-purchase-popup").click(function() {
5745       disablePopup();
5746   });
5747   $("#backgroundPopup").click(function() {
5748       // disablePopup();
5749   });
5750 
5751   $("#popupCart .close-purchase-popup").click(function() {
5752       location.reload()
5753   });
5754 
5755   $('#popupCart').on('hide.bs.modal', function (e) {
5756     location.reload()
5757   })
5758 
5759   $(".next-card").click(function(){
5760     const parent = $(this).parents(".sectionPurchase")
5761     const next = parent.next(".sectionPurchase")
5762     parent.addClass("hide")
5763     next.removeClass("hide")
5764   })
5765 
5766   $(".back-purchase-button").click(function(){
5767     const parent = $(this).parents(".sectionPurchase")
5768     const prev = parent.prev(".sectionPurchase")
5769     parent.addClass("hide")
5770     prev.removeClass("hide")
5771   })
5772   
5773   $(document).keypress(function(e) {
5774       if (e.keyCode == 27 && popupStatus == 1) {
5775           disablePopup();
5776       }
5777   });
5778   
5779   const parentImg = $(".case-img-preview")
5780   const parentVid = $(".case-video-preview")
5781   
5782   function readURL(input) {
5783     if (input.files && input.files[0]) {
5784       let reader = new FileReader();
5785 
5786       let type = 'image/jpeg'
5787       const size = input.files[0].size
5788       if(input.files[0].type.match('video/')){
5789         type = 'video/mp4'
5790         if(size > 15728640) {
5791           alert('File size exceeds maximum limit 15 MB')
5792           return
5793         }
5794       } else {
5795         if(size > 5242880) {
5796           alert('File size exceeds maximum limit 5 MB')
5797           return
5798         }
5799       }
5800 
5801       reader.onload = function (e) {
5802         $(".nextBtn").attr("disabled", true)
5803         if(type === 'image/jpeg') {
5804           
5805             $('.placeholder-image').hide();
5806             $('.preview-image').show()
5807             $('.preview-image').attr('src', e.target.result);
5808           
5809         } else {
5810           // parentVid.find(".ajax-loader").show();
5811           $(".steps-card-preview").addClass("loading")
5812         }
5813       }
5814 
5815       
5816 
5817       reader.readAsDataURL(input.files[0]);
5818     }
5819   }
5820 
5821   async function readURLPapan(input) {
5822     if (input.files && input.files[0]) {
5823       let reader = new FileReader();
5824 
5825       reader.onload = function (e) {
5826         $('.btn-upload-papan').siblings('label').hide();
5827         $('.btn-upload-papan img').attr('src', e.target.result);
5828         $('.btn-upload-papan img').show();
5829         $('.svgLogoPapan').hide();
5830       }
5831       
5832       const type = 'image/jpeg'
5833       const name = `logo-8144957800663-${Date.parse(new Date())}`
5834 
5835       let formData = new FormData(); 
5836       formData.append("file", input.files[0]);
5837       const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
5838         method: "POST", 
5839         body: formData
5840       })
5841       const result = await response.json();
5842       if(result) {
5843         const url = result.url
5844         $("[data-properties=papan-logo]").val(url)
5845       }
5846 
5847       reader.readAsDataURL(input.files[0]);
5848     }
5849   }
5850 
5851   async function readURLAddress(input) {
5852     console.log(input, 'readURLAddress')
5853     if (input.files && input.files[0]) {
5854       let reader = new FileReader();
5855 
5856       reader.onload = function (e) {
5857         $('.photo-address').attr('src', e.target.result);
5858         $('.photo-address').show();
5859       }
5860       
5861       const type = 'image/jpeg'
5862       const name = input.files[0].name?.split('.')[0]
5863 
5864       let formData = new FormData(); 
5865       formData.append("file", input.files[0]);
5866       const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
5867         method: "POST", 
5868         body: formData
5869       })
5870       const result = await response.json();
5871 
5872       reader.readAsDataURL(input.files[0]);
5873 
5874       return result
5875     }
5876   }
5877 
5878   
5879 
5880   
5881   async function addToCartUang() {
5882     var productAddOnId1 = 42122101162199;
5883     var productAddOnId2 = 42122101194967;
5884     var product_id = 8144957800663
5885     const data = {
5886       items: [
5887           {
5888               quantity: $("#Quantity-" + productAddOnId1).val(),
5889               id: productAddOnId1,
5890               "properties": { "Time": $("#properties-time").val() }
5891           },
5892           {
5893               quantity: $("#Quantity-" + productAddOnId2).val(),
5894               id: productAddOnId2,
5895               "properties": { "Time": $("#properties-time").val() }
5896           }
5897       ]
5898     }
5899     await fetch(window.Shopify.routes.root + 'cart/add.js', {
5900       method: 'POST',
5901       headers: {
5902         'Content-Type': 'application/json'
5903       },
5904       body: JSON.stringify(data)
5905     })
5906     .then(response => {
5907       console.error('Sukses Buket Uang:', response);
5908       $(".form-flower").submit()
5909     })
5910     .catch((error) => {
5911       console.error('Error Buket Uang:', error);
5912       $(".form-flower").submit()
5913     });
5914   }
5915   
5916   async function saveCard(){
5917     let isCard = true
5918     const kartu_penerima = $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : ''
5919     const kartu_pengirim = $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : ''
5920     const kartu_ucapan = $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : ''
5921     const foto = $("#properties-photo").val()
5922     const video = $("#properties-video").val()
5923     const data = JSON.stringify({
5924       "id": qrID, 
5925       "penerima": $("#properties-nama-penerima").val(), 
5926       "kartu_penerima": kartu_penerima, 
5927       "kartu_ucapan": kartu_ucapan, 
5928       "kartu_pengirim": kartu_pengirim, 
5929       "foto": foto,
5930       "video": video, 
5931       "productId": "8144957800663", 
5932       "order_name": "", 
5933       "status": "Cart"
5934     })
5935 
5936     
5937   }
5938 
5939   async function additem(items){
5940     try {
5941       let formData = items
5942       if(items?.length) {
5943         formData = {
5944            'items': items
5945         };
5946       }
5947   
5948       const add = await fetch(window.Shopify.routes.root + 'cart/add.js', {
5949         method: 'POST',
5950         headers: {
5951           'Content-Type': 'application/json',
5952           'X-Requested-With':'xmlhttprequest' /* XMLHttpRequest is ok too, it's case insensitive */
5953         },
5954         body: JSON.stringify(formData)
5955       })
5956   
5957       const data = await add.json();
5958       return data
5959     } catch(err){
5960       console.log('Error additem', err)
5961     }
5962   }
5963 
5964   async function addons(){
5965     let items = []
5966     $(".addon-item").each(function(){
5967       const p = $(this)
5968       const props = p.next(".propsAddonSpotify")
5969       const id = $(this).data("id")
5970       const quantity = $(this).data("qty")
5971       const propId = $("#properties-time").val()
5972       let properties = {}
5973       if(id === 46067682607319) {
5974         const link = props.find(".spotifyLinkAddon").text()
5975         const photo = props.find(".spotifyFotoAddon").text()
5976         const song = props.find(".spotifySongAddon").text()
5977         const artist = props.find(".spotifyArtistAddon").text()
5978         properties = {
5979           id: propId,
5980           "Spotify Link": link !== '' ? link : '-',
5981           "Spotify Photo": photo !== '' ? photo : '-',
5982           "Spotify Song": song !== '' ? song : '-',
5983           "Spotify Artist": artist !== '' ? artist : '-',
5984           type: 'addon'
5985         }
5986       } else {
5987         properties = { 
5988           "id": propId, 
5989           "type": "addon"
5990         }
5991       }
5992       items.push({
5993         id, 
5994         quantity, 
5995         properties
5996       })
5997     })
5998     return items
5999   }
6000 
6001   async function propItems() {
6002     let props = {}
6003     $("[data-properties]").each(function(e){
6004       let elementType = this.tagName;
6005       const k = $(this).data("properties")
6006       if(k !== 'penerima' && k !== 'ucapan' && k !== 'pengirim' && k !== 'nama-penerima' && k !== 'alamat-penerima' && k !== 'telepon-penerima' && k !== 'company' && k !== 'province' && k !== 'foto-alamat' && k !== 'papan-logo') {
6007         const v = elementType === 'SELECT' ? $(this).find(":selected").val() : $(this).val();
6008         if(v !== '') {
6009           props[k] = v?.replace(/[\s\n]/g, '');
6010         }
6011       }
6012     })
6013     return props
6014   }
6015 
6016   async function showPopupCart(items){
6017     if(productType !== '') {
6018       console.log("clarity event " + productType + ' completeOrder')
6019       window.clarity("event", `${productType} completeOrder`)
6020       // window.clarity("set", productType, `completeOrder - ${productDate}`)
6021     }
6022     $("#popupCart").show()
6023     
6024       $(".propDeliveryCity").text($("#cities").val())
6025       $(".propDeliveryDate").text($("#propDeliveryDate").val())
6026       $(".propDeliveryTime").text($("#propDeliveryTime").val())
6027       $(".propDeliveryName").text($("[data-properties=nama-penerima]").val())
6028       $(".propDeliveryAddress").text($("[data-properties=alamat-penerima]").val())
6029       $(".propDeliveryPhone").text($("[data-properties=telepon-penerima]").val())
6030       $(".propDeliveryProv").text($("#province").val())
6031       $(".propDeliveryZip").text($("#zip").val())
6032       
6033     
6034 
6035     const addons = []
6036     if(items && items.length > 0) {
6037       for(let i = 1; i < items.length; i++) {
6038         const spotifyLink = items[i].properties['Spotify Link']
6039         const spotifyPhoto = items[i].properties['Spotify Photo']
6040         const spotifySong = items[i].properties['Spotify Song']
6041         const spotifyArtist = items[i].properties['Spotify Artist']
6042         const price = items[i].price / 100
6043         const props = spotifyLink ? `<div class="propsAddonCart row m-0">
6044                   <div class="col-12 col-lg-2"></div>
6045                   <div class="col-12 col-lg-10">
6046                     <p>
6047                       <span>spotify link</span>
6048                       <span>${spotifyLink}</span>
6049                     </p>
6050                     <p>
6051                       <span>Upload Photo</span>
6052                       <span>${spotifyPhoto}</span>
6053                     </p>
6054                     <p>
6055                       <span>song / playlist name</span>
6056                       <span>${spotifySong}</span>
6057                     </p>
6058                     <p>
6059                       <span>artist name</span>
6060                       <span>${spotifyArtist}</span>
6061                     </p>
6062                   </div>
6063                 </div>` : '';
6064         addons.push(`<div class="row m-0">
6065                   <div class="imgAddonCart col-2">
6066                     <img
6067                       width="43"
6068                       src="${items[i].image}"
6069                       alt=""
6070                     >
6071                   </div>
6072                   <div class="imgAddonTitlePrice col-10 align-self-center">
6073                     <div class="row justify-content-between m-0">
6074                       <div class="col-12 col-lg-8">
6075                         <h5>${items[i].title}</h5>
6076                       </div>
6077                       <div class="col-12 col-lg-4 text-lg-right">
6078                         <span>${rupiah.format(price)}</span>
6079                       </div>
6080                     </div>
6081                   </div>
6082                 </div>${props}`)
6083       }
6084     }
6085     // console.log(addons)
6086     if(addons.length === 0) {
6087       $(".itemAddonCart").hide()
6088       return
6089     }
6090     $(".toggleAddonCart h4").text(`add-ons (${items.length - 1})`)
6091     $(".wrapperItemAddonCart").html(addons)
6092   }
6093 
6094   const money = (money) => {
6095       return new Intl.NumberFormat('id-ID',
6096           { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }
6097       ).format(money);
6098   }
6099 
6100   async function showNoteMoney() {
6101     let qty50k = $("[data-properties='Uang 50k']").val()
6102     let qty100k = $("[data-properties='Uang 100k']").val()
6103     const total50k = Number(qty50k) * 50000
6104     const total100k = Number(qty100k) * 100000
6105     const total_all = total50k + total100k
6106     $(".prop50k").html(`<span>${qty50k} Lembar: <strong class="pl-1">${money(total50k)}</strong></span>`)
6107     $(".prop100k").html(`<span>${qty100k} Lembar: <strong class="pl-1">${money(total100k)}</strong></span>`)
6108     $(".itemMoney").html(`<p>For the money arrangement, please transfer <strong>IDR ${money(total_all)}</strong> to <strong>Bank Mandiri 1020001234522 (PT Modern Mekar Abadi)</strong> and contact our <a href="https://www.juventudefsm.org/football-club/" target="_blank" style="text-decoration: underline;
6108 color: #8d3f2d">Customer Service</a> to confirm with proof of payment.</p>`)
6109   }
6110 
6111   async function removeImage() {
6112     const data = JSON.stringify({
6113       "ID": $("#properties-properties-qrId").val(), 
6114       "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 
6115       "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 
6116       "Kartu Ucapan": $("[data-properties=ucapan]").val(), 
6117       "Nama Penerima": $("#properties-nama-penerima").val(), 
6118       "Order Number":"",
6119       "Status":"Product", 
6120       "Foto": "", 
6121       "Media": $("#properties-video").val(), 
6122       "Image": "8144957800663"
6123     })
6124     const remove = updateCard(data)
6125     if(remove) {
6126       $(this).hide()
6127       $("#properties-photo").val("-")
6128       $(".placeholder-image").show()
6129       $(".preview-image").attr("src", "")
6130     }
6131   }
6132 
6133   async function removeVideo() {
6134     const data = JSON.stringify({
6135       "ID": $("#properties-properties-qrId").val(), 
6136       "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 
6137       "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 
6138       "Kartu Ucapan": $("[data-properties=ucapan]").val(), 
6139       "Nama Penerima": $("#properties-nama-penerima").val(), 
6140       "Order Number":"",
6141       "Status":"Product", 
6142       "Foto": $("#properties-photo").val(), 
6143       "Media": "", 
6144       "Image": "8144957800663"
6145     })
6146     const remove = updateCard(data)
6147     if(remove) {
6148       $("#properties-video").val("-")
6149       $(this).find("img").hide()
6150       $(this).hide()
6151       $(this).prev("p").text("Add video to make it more special (optional)")
6152       $("#label-input-video").show()
6153       $("#label-input-video span").text("Upload Video")
6154       $(".case-video-preview p span").remove()
6155     }
6156   }
6157 
6158   async function loadItemOccasion(t, occasion) {
6159     const name = occasion?.replace('greeting-card-', '')
6160     $("#kartu-ucapan").val("")
6161     $("[data-occassion]").removeClass("selected")
6162     $("[data-properties=ucapan]").val("")
6163     $("#save-card").attr("disabled", true)
6164     t.addClass("selected")
6165     $("#show_note").attr("data-card-occassion", name)
6166     $.get(`https://outerbloom.com/collections/${occasion}/products.json`, function(data, status){
6167         const products = data.products
6168         const html = []
6169         for(let i = 0; i < products.length; i++) {
6170             const id = products[i].id
6171             const variantId = products[i].variants[0].id
6172             const img = products[i].images[0].src
6173             const title = products[i].title
6174             const price = products[i].variants[0].price
6175             const qty = products[i].variants[0].inventory_quantity
6176             const body = `<div class="item-card${price < 1 ? ' free' : ' nofree'}${i === 0 ? ' selected' : ''}" data-id=${id}>
6177                 <label for="card-${variantId}"></label>
6178                     <div class="card-image">
6179                         <img src="${img}" alt="${title}" width="" height="" />
6180                     </div>
6181                     <div class="card-meta text-center">
6182                         <h5>${title}</h5>
6183                         <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p>
6184                         <input id="card-${variantId}" type="radio" name="id" value="${variantId}" data-price="${price}">
6185                     </div>
6186                 </div>`
6187             html.push(body)
6188         }
6189         const withoutCard = `<div class="item-card item-without-card">
6190                 <label for="card-0"></label>
6191                     <div class="card-image">
6192                         <img src="https://cdn.shopify.com/s/files/1/1589/6833/t/129/assets/without-card.png?v=1747632283" alt="Without card" width="" height="" />
6193                     </div>
6194                     <div class="card-meta text-center">
6195                         <h5>
6195Send without a greeting card</h5>
6196                         <input id="card-0" type="radio" name="id" value="" data-price="">
6197                     </div>
6198                 </div>`
6199         $("#itemCards .items-card").html(html.length === 0 ? '<p>No Item available</p>' : html.join(""))
6200     });
6201   }
6202         
6203   $(document).ready(function(){
6204 
6205     // Observer to auto-trigger addon loading when addon section becomes visible
6206     const addonObserver = new MutationObserver(function(mutations) {
6207       mutations.forEach(function(mutation) {
6208         const target = $(mutation.target)
6209         if(target.hasClass('purchaseAddon') && mutation.type === 'attributes' && mutation.attributeName === 'class') {
6210           if(!target.hasClass('hide')) {
6211             // Addon section just became visible, ensure items are loaded
6212             setTimeout(function() {
6213               if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
6214                 console.log("Auto-triggering addon load...")
6215                 $("[data-addon=upsell-all]").trigger("click")
6216               }
6217             }, 150)
6218           }
6219         }
6220       })
6221     })
6222     
6223     // Start observing addon section
6224     const addonSection = document.querySelector('.purchaseAddon')
6225     if(addonSection) {
6226       addonObserver.observe(addonSection, { 
6227         attributes: true, 
6228         attributeFilter: ['class'] 
6229       })
6230     }
6231 
6232     $(".purchasePopup").delegate("#addtocart-card", "click", async function(){
6233     
6234     $(this).find("span").addClass("loading")
6235     let isValid = true
6236     $(".formAddressPurchase [required]").each(function(){
6237       const t = $(this)
6238       const input = t.val()
6239       const p = t.parent()
6240       if(input === '') {
6241         p.addClass("error")
6242         isValid = false
6243       }
6244     })
6245 
6246     if(!isValid) {
6247       $(this).find("span").removeClass("loading")
6248       return
6249     }
6250     
6251     let items = []
6252     const mainProps = {
6253       
6254         "Delivery Date": $("#propDeliveryDate").val(),
6255         "Delivery Time": $("#propDeliveryTime").val() !== '' ? $("#propDeliveryTime").val() : '-' ,
6256         "Kota Pengiriman": $("#cities").val(),
6257         "Nama Penerima": $("[data-properties=nama-penerima]").val() !== '' ? $("[data-properties=nama-penerima]").val() : '-' ,
6258         "Alamat Penerima": $("[data-properties=alamat-penerima]").val() !== '' ? $("[data-properties=alamat-penerima]").val() : '-' ,
6259         "Kodepos": $("#zip").val() !== '' ? $("#zip").val() : '-' ,
6260         "Telepon Penerima": $("[data-properties=telepon-penerima").val() !== '' ? $("[data-properties=telepon-penerima").val() : '-' ,
6261       
6262       
6263         "Papan Nama Penerima": $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '-' ,
6264         "Papan Ucapan": $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '-' ,
6265         "Papan Nama Pengirim": $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '-' ,
6266         "Papan Logo": $("[data-properties=papan-logo]").val() !== '' ? $("[data-properties=papan-logo]").val() : '-' ,
6267         "Foto Alamat": $("[data-properties=foto-alamat]").val() !== '' ? $("[data-properties=foto-alamat]").val() : '-' ,
6268       
6269       
6270       "Province": $("#province").val() !== '' ? $("#province").val() : '-' ,
6271       "Country": $("#properties-kota-pengiriman-country").val() !== '' ? $("#properties-kota-pengiriman-country").val() : '-' ,
6272       "Shipping": $("#properties-shipping").val() !== '' ? $("#properties-shipping").val() : '-' ,
6273       "Company": $("[data-properties=company]").val() !== '' ? $("[data-properties=company]").val() : '-' ,
6274       "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-',
6275       "type": 'product'
6276     }
6277     const props = await propItems()
6278     properties = {...mainProps, ...props };
6279     const id = $("#productSelect").find('option:selected').val()
6280     console.log(id, 'main ID')
6281     const mainItem = {
6282       id: Number(id),
6283       quantity: 1,
6284       properties
6285     }
6286     items.push(mainItem)
6287     const cardId = $("#itemCards").find(".selected input").val()
6288     const cardItem = {
6289       id: Number(cardId),
6290       quantity: 1,
6291       properties: { "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', type: 'card' }
6292     }
6293     console.log(cardId, 'cardId')
6294     if(cardId) {
6295       items.push(cardItem)
6296     }
6297     const addon = await addons()
6298     if(addon) {
6299       for(let i = 0;
6299 i < addon.length; i++){
6300         items.push({
6301           id: addon[i].id,
6302           quantity: addon[i].quantity,
6303           properties: addon[i].properties
6304         })
6305       }
6306     }
6307     const addItems = await additem(items)
6308     console.log(addItems.items, 'add items')
6309     if(addItems) {
6310       $(this).find("span").removeClass("loading")
6311       disablePopup()
6312       showPopupCart(addItems.items)
6313       
6314       localStorage.setItem("items", JSON.stringify(addItems.items))
6315     }
6316   })
6317   
6318   $("#addtocart-cart .btn").click(async function(){
6319     const id = $("#productSelect").find('option:selected').val()
6320     const mainProps = {
6321       id: $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', 
6322       type: 'product'
6323     }
6324     const props = await propItems()
6325     const properties = { ...mainProps, ...props };
6326     const items = {
6327       id: Number(id),
6328       quantity: 1,
6329       properties
6330     }
6331     const addItems = await additem(items)
6332     if(addItems) {
6333       showPopupCart(addItems.items)
6334       localStorage.setItem("items", JSON.stringify(addItems))
6335     }
6336   })
6337 
6338   $(".formAddressPurchase [required]").change(function(){
6339     const t = $(this)
6340     const p = t.parent()
6341     const v = t.val()
6342     if(v !== '') {
6343       p.removeClass("error")
6344     }
6345   })
6346 
6347   $("#save-card").click(async function(){
6348     const parent = $(this).parents(".sectionPurchase")
6349     const next = parent.next(".sectionPurchase")
6350     $(this).find("span").addClass("loading")
6351     const card = await saveCard()
6352     console.log(card, 'ssaveCCC')
6353     if(card?.status === 200 || card?.status === 201) {
6354       $(".scanCard").removeClass("hide")
6355       $(this).find("span").removeClass("loading")
6356       parent.addClass("hide")
6357       next.removeClass("hide")
6358       if(next.hasClass("purchaseAddon")) {
6359         $("[data-addon=upsell-all]").click()
6360         console.log("clarity event addons")
6361         window.clarity("event", `${productType} add-ons`)
6362         // Ensure addon items are loaded when entering addon popup
6363         setTimeout(function() {
6364           if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
6365             $("[data-addon=upsell-all]").trigger("click")
6366           }
6367         }, 100)
6368       }
6369       if(next.hasClass("purchaseAddress")) {
6370         $("#zip").select2()
6371       }
6372     }
6373   })
6374 
6375   $("#skip-card").click(async function(){
6376     $("#greetingCard [data-properties]").val("")
6377     $("#properties-photo").val("")
6378     $("#properties-video").val("")
6379     const parent = $(this).parents(".sectionPurchase")
6380     const next = parent.next(".sectionPurchase")
6381     parent.addClass("hide")
6382     next.removeClass("hide")
6383     // $("#itemCards").html("")
6384     removeImage()
6385     removeVideo()
6386     if(next.hasClass("purchaseAddon")) {
6387       $("[data-addon='upsell-all']").click()
6388       console.log("clarity event addons")
6389       window.clarity("event", `${productType} add-ons`)
6390       // Ensure addon items are loaded when entering addon popup
6391       setTimeout(function() {
6392         if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
6393           $("[data-addon='upsell-all']").trigger("click")
6394         }
6395       }, 100)
6396     }
6397     if(next.hasClass("purchaseAddress")) {
6398       $("#zip").select2()
6399     }
6400   })
6401 
6402   $("#msgCard").click(async function(){
6403       $(this).parent().addClass("loading")
6404       let occasion = $(".selected[data-occassion]").data("occassion")
6405       occasion = occasion?.replace("greeting-card-", "")
6406       const { data } = await getFetch(`${host}/api/card/template/occasion?name=${occasion}`);
6407       const d = data?.data
6408       for(let i = 0; i < d.length; i++) {
6409         const num = Math.floor(Math.random() * (d.length - 1 + 1) + 1);
6410         const greeting = d[num]?.Greeting
6411         $(".greetingCard textarea").val(greeting)
6412         $(this).parent().removeClass("loading")
6413       }
6414       $("#save-card").attr("disabled", false)
6415     })
6416 
6417   $(".sectionPurchaseBoard .next-purchase-button").click(function(){
6418     const parent = $(this).parents(".sectionPurchase")
6419     const next = parent.next(".sectionPurchase")
6420     parent.addClass("hide")
6421     next.removeClass("hide")
6422   })
6423 
6424   $("#editCard").click(function(){
6425     $(".custom-card").show()
6426     $(".preview-card").hide()
6427   })
6428 
6429   $("#first_name, #last_name").change(function(){
6430     const v = $(this).val()
6431     const first_name = $("#first_name").val()
6432     const last_name = $("#last_name").val() !== '' ? ' ' + $("#last_name").val() : ''
6433     $("[data-properties=nama-penerima]").val(first_name+last_name)
6434   })
6435 
6436   $("[data-occassion]").click(function(){
6437       const t = $(this)
6438       const p = t.parents(".sectionPurchase")
6439       // $(".greetingCard").addClass("disabled")
6440       const occasion = t.data("occassion")
6441       loadItemOccasion(t, occasion)
6442   })
6443 
6444   $("#itemCards").delegate(".item-card:not(.item-without-card) label", "click", function(){
6445       const id = $(this).parent(".item-card").data("id")
6446       const t = $(this).parent(".item-card")
6447       const target = t.find("input")
6448       const v = $('.item-card input[type="radio"]:checked').val();
6449       $("#itemCards .item-card").removeClass("selected")
6450       t.addClass("selected")
6451       $("#itemCards .item-card").find("input").attr("name", "")
6452       if(target.length > 0) {
6453           target.attr("name", "id[]")
6454           $("#properties-card").val(id)
6455           $(".greetingCard").removeClass("disabled")
6456           $("#skip-card").attr("disabled", false)
6457       } else {
6458           $("#properties-card").val("")
6459       }
6460   })
6461 
6462   $("#itemCards").delegate(".item-without-card label", "click", function(){
6463     const parent = $(this).parents(".sectionPurchase")
6464     const next = parent.next(".sectionPurchase")
6465     $(".greetingCard").addClass("disabled")
6466     parent.addClass("hide")
6467     next.removeClass("hide")
6468     $("[data-addon=upsell-all]").click()
6469     $("#zip").select2()
6470   })
6471 
6472   $("[data-properties=ucapan]").keyup(function(){
6473     const v = $(this).val()
6474     const p = $(this).parents(".sectionPurchase")
6475     $(".purchaseAddress").find(".greetingCard textarea").val(v)
6476     if(v.length > 3) {
6477       p.find(".next-purchase-button").attr("disabled", false)
6478     } else {
6479       p.find(".next-purchase-button").attr("disabled", true)
6480     }
6481   })
6482 
6483   $("[data-properties=penerima]").keyup(function(){
6484     const v = $(this).val()
6485     $(".purchaseAddress").find("[data-properties=penerima]").val(v)
6486   })
6487 
6488   $("[data-properties=pengirim]").keyup(function(){
6489     const v = $(this).val()
6490     $(".purchaseAddress").find("[data-properties=pengirim]").val(v)
6491   })
6492 
6493   $(document).click(function(e){
6494 
6495      if($(e.target).closest('.wrapperPopupCart').length != 0) return false;
6496      // $('#popupCart').fadeOut('slow');
6497     // location.reload()
6498   });
6499 
6500   $(".toggleAddonCart").click(function(){
6501     const p = $(this).parent(".itemAddonCart")
6502     p.toggleClass("open")
6503   })
6504 
6505   $(".btnViewCart").click(function(){
6506     window.location.href = "https://outerbloom.com/cart";
6507   })
6508 
6509   $(".btnViewCheckout").click(async function(){
6510     $(this).find("span").addClass("loading")
6511     let zip = $("#zip").val()
6512     const first_name = $("#first_name").val()
6513     const last_name = $("#last_name").val()
6514     const company = $("#company").val() !== '' ? $("#company").val() : ''
6515     const address1 = $("#delivery_address").val()
6516     const address2 = zip && zip !== '' ? zip?.split(' - ')[1] : ''
6517     zip = zip && zip !== '' ? zip?.split(' - ')[0] : ''
6518     const phone = $("#recipient_number").val()
6519     const city = $("#cities").val()
6520     const province = $("#province").val()
6521     const country = 'Indonesia'
6522     const ver = Date.parse(new Date())
6523     const params = `checkout[email]=&checkout[shipping_address][first_name]=${first_name}&checkout[shipping_address][last_name]=${last_name}&checkout[shipping_address][company]=${company}&checkout[shipping_address][address1]=${address1}&checkout[shipping_address][address2]=${address2}&checkout[shipping_address][city]=${city}&checkout[shipping_address][country]=${country}&checkout[shipping_address][province]=${province}&checkout[shipping_address][zip]=${zip}&checkout[shipping_address][phone]=${phone}&v=${ver}`
6524 
6525     const clear = await fetch(`/cart/clear.js`, {method: 'POST'})
6526     if(clear.status === 200) {
6527       const savedItem = window.localStorage.getItem("items");
6528       const items = JSON.parse(savedItem)
6529       const addItems = await additem(items)
6530       console.log(addItems, 'new addItems')
6531       if(addItems) {
6532         window.location.href = `https://outerbloom.com/checkout?${params}`;
6533       }
6534     }
6535   })
6536 
6537   $(".btnContinueShopping").click(function(){
6538     window.location.href = "https://outerbloom.com/";
6539   })
6540 
6541     if (isIOS) {
6542       $(".empty-state-card").click(function(){
6543         $("#input-foto").trigger("click")
6544       })
6545       $(".btn-upload-image").click(function(){
6546         $("#input-foto").trigger("click")
6547       })
6548       $("[for=input-video]").click(function(){
6549         $("#input-video").trigger("click")
6550       })
6551       $(".btn-upload-papan").click(function(){
6552         $("#logoPapan").trigger("click")
6553       })
6554     }
6555   
6556     $("[data-properties]").each(function(){
6557       const select = $(this).parents(".form-group").find("select")
6558       $(this).change(function(){
6559         const name = $(this).data("properties")
6560         const v = $(this).val()
6561         if (name == 'telepon-penerima') {
6562           let phone = v.replace(/[^0-9]/g, '')
6563           $(this).val(phone);
6564           $("#properties-telepon-penerima").val(phone)
6565           $('.iti__search-input').val('-') 
6566         } else {
6567           $("#properties-" + name).val(v)
6568         }
6569       })
6570       select.on("change", function(){
6571         const name = $(this).data("properties")
6572         const v = $(this).val()
6573         $("#properties-" + name).val(v)
6574       })
6575     })
6576 
6577     $("#show_note").click(function(){
6578       nameq = $("#properties-nama-penerima").val()
6579       dear = $("#properties-kartu-nama-penerima").val()
6580       card = $("[data-properties=ucapan]").val()
6581       sender = $("#properties-kartu-nama-pengirim").val()
6582       photo = $("#properties-photo").val()
6583       video = $("#properties-video").val()
6584       updateCard(nameq, dear, card, sender, photo, video, status)
6585     })
6586 
6587     $(".remove-image").click(function(e){
6588       e.preventDefault()
6589       $(this).find("img").show()
6590       removeImage()
6591     })
6592 
6593     $(".remove-media").click(function(e){
6594       e.preventDefault()
6595       $(this).find("img").show()
6596       removeVideo()
6597     })
6598 
6599     
6600 
6601     $("[data-delivery_method]").click(function(e){
6602       e.preventDefault()
6603       const t = $(this)
6604       const data = t.data("delivery_method")
6605       $("[data-delivery_method]").removeClass("selected")
6606       t.addClass("selected")
6607       $("#cities").val("")
6608       $("#properties-delivery-date").val("-")
6609       $("#deliveryDate button").removeClass("selected")
6610       $("#full-date").val("Full Calendar →")
6611       $("#propDeliveryDate").val("")
6612       const step3 = $("#step-3")
6613       if(data.match('PickUp')) {
6614         $(".selfpickup-point").show()
6615         step3.find("[data-finished=false]").hide()
6616         $("#panel-4").hide()
6617         step3.find("[data-finished=true]").show()
6618         $("#cities").attr("required", false)
6619         $("#form-group-city").hide()
6620         $("#row-delivery-time").hide()
6621         $("#propDeliveryTime, #properties-delivery-time, #properties-nama-penerima, #properties-alamat-penerima, #properties-kodepos, #properties-kodepos, #properties-telepon-penerima").val("-")
6622         $("#propDeliveryTime").attr("required", false)
6623         // $("#deliveryDate").find("button:first-child").addClass("stop")
6624         $(".form-selfpickup").show()
6625         $(".form-delivery").hide()
6626         $(".form-delivery").find("input, textarea, select").val("")
6627         $(".form-delivery").find("input, textarea, select").attr("required", false)
6628         $("#properties-shipping").val("0")
6629         $("#noteDeliveryDate").hide()
6630         $(".form-delivery .form-control").attr("required", false)
6631         $("#stepNav4").hide()
6632         
6633         $("#deliveryDate").find("button:nth-child(1)").addClass("stop")
6634         
6635         
6636         
6637         if(timeOfDay >= 16.01){
6638           $("#deliveryDate").find("button:nth-child(2)").addClass("stop")
6639         }
6640       } else {
6641         
6642         
6643         $("#deliveryDate").find("button:nth-child(1)").removeClass("stop")
6644         step3.find("[data-finished=false]").show()
6645         $("#panel-4").show()
6646         step3.find("[data-finished=true]").hide()
6647         $("#cities").attr("required", true)
6648         $(".selfpickup-point").hide()
6649         $("#form-group-city").show()
6650         $("#cities").val('').trigger('change');
6651         $("#properties-kota-pengiriman").val("-")
6652         
6653         $("#row-delivery-date, #row-delivery-time").show()
6654         $("#propDeliveryDate, #propDeliveryTime").attr("required", true)
6655         $("#deliveryDate").find("button").removeClass("stop")
6656         $(".form-selfpickup").hide()
6657         $(".form-delivery").show()
6658         $(".form-delivery").find("input, textarea, select").attr("required", true)
6659         $(".form-delivery [data-properties]").attr("readonly", false)
6660         $("#properties-kodepos").val("-")
6661         $("#properties-alamat-penerima").val("-")
6662         $(".form-delivery .form-control").attr("required", true)
6663         $(this).parents(".setup-content").attr("id", "step-1")
6664         
6665         $("#stepNav4").show()
6666       }
6667     })
6668 
6669     $("[name=selfpickup]").click(function(){
6670         const p = $(this).parents(".row-pickup")
6671         const pickupCity = $("input[name='selfpickup']:checked").val();
6672         const pickupAddress = $("input[name='selfpickup']:checked").data("address");
6673         const pickupZip = $("input[name='selfpickup']:checked").data("zip");
6674 
6675         $(".row-pickup").removeClass("selected")
6676         p.addClass("selected")
6677         
6678         $("#properties-kota-pengiriman").val(pickupCity)
6679         $("#province").val("Jakarta")
6680         $("#properties-alamat-penerima").val(pickupAddress)
6681         $("#properties-kodepos").val(pickupZip)
6682     })
6683 
6684     $("#cities").change(function(e){
6685       e.preventDefault()
6686       $(this).parent(".row").find("p.error").remove()
6687       $("#full-date").val("Full Calendar")
6688       $("#deliveryDate, #deliveryDateFull label ").show()
6689       $("#deliveryDateFull").removeClass("filled")
6690       $(".btnChangeDeliveryDate").addClass("hide")
6691       $("#full-date").prop('disabled', false);
6692       $("#stepNav2, #stepNav3, #stepNav4").removeClass("btn-success")
6693       $("#stepNav2, #stepNav3, #stepNav4").find("a").attr("disabled", true)
6694       const step3 = $("#step-3")
6695       $("#cityNote").remove()
6696       $("#noteDeliveryDate").hide()
6697       $("#noteDeliveryDate").empty()
6698       let v = $(this).val()
6699       let v2 = $('option:selected', this).attr('data-city');
6700       let v3 = $('option:selected', this).attr('data-province');
6701       let price = $('option:selected', this).attr('data-price');
6702       $("#country").val(v)
6703       $("#properties-kota-pengiriman").val(v)
6704       $("#properties-shipping").val(price)
6705       $("#deliveryDate button, #deliveryTime button, .calendarseasonal .button").removeClass("selected")
6706       $("#properties-delivery-date, #properties-delivery-time").val("-")
6707       $("#propDeliveryDate, #propDeliveryTime").val("")
6708       let note = $('option:selected', this).attr('data-note');
6709       if(v === 'Kota Lainnya') {
6710         $("#noteDeliveryDate").show()
6711         $("#noteDeliveryDate").text("Order akan segera dikirim. Estimasi tanggal diterima akan disesuaikan dengan waktu pengiriman oleh pihak ekspedisi ke lokasi Anda.")
6712         $("#zip").attr("required", false)
6713         $("#zip").hide()
6714         $("#propDeliveryDate, #propDeliveryTime").attr("required", false)
6715         $("#propDeliveryDate, #properties-delivery-date, #propDeliveryTime, #properties-delivery-time").val("-")
6716         $("#row-delivery-date, #row-delivery-time").hide()
6717         $("#properties-shipping").val("")
6718         // $(this).parents(".setup-content").attr("id", "step-2")
6719         
6720       } else {
6721         $("#noteDeliveryDate").hide()
6722         $("#zip").attr("required", true)
6723         $("#zip").show()
6724         $("#row-delivery-date, #row-delivery-time").show()
6725         $("#propDeliveryDate, #propDeliveryTime").attr("required", true)
6726         $("#deliveryDate").find("button").removeClass("stop")
6727         // $(this).parents(".setup-content").attr("id", "step-1")
6728         
6729       }
6730       
6731       
6732       
6733       // if(v !== 'Jakarta') {
6734       //   $("[data-type=upsell]").hide()
6735       // } else {
6736       //   $("[data-type=upsell]").show()
6737       // }
6738       // $('.collection-addons')[0].swiper.update();
6739       
6740       
6741       getProvince(v)
6742       $("#zip").html(`<option value="">Choose Postal Code</option>`)
6743       renderZip(v, v2, v3)
6744       
6745       disabledSameDay()
6746       
6747 
6748       if(v !== 'Jakarta' && v !== 'Depok' && v !== 'Bekasi' && v !== 'Tangerang') {
6749         
6750         $("#cardOccasion, #navAddon, .collection-addons").hide()
6751         
6752         $("[data-addon=giftcard]").show()
6753         $("[data-addon=giftcard]").click()
6754         $("#itemAddons").show()
6755         $("#flower-step").addClass("nonjadetabek")
6756       } else {
6757         $("#cardOccasion, #navAddon, .collection-addons").show()
6758         $("[data-addon=all]").click()
6759         $("#flower-step").removeClass("nonjadetabek")
6760       }
6761       
6762         if(v !== '') {
6763           $("#personalizeBtn .btn").attr("disabled", false)
6764         } else {
6765           $("#personalizeBtn .btn").attr("disabled", true)
6766         }
6767       
6768     })
6769 
6770     $("#zip").change(function(e){
6771       let v = $(this).val()
6772       var city = $("#cities").find('option:selected');
6773       $("#properties-kodepos").val(v)
6774       if(city === 'Kota Lainnya') {
6775         $(this).attr("required", true)
6776         $("#recipient-address").val("")
6777       }
6778     })
6779 
6780     
6781       var minDate = +7
6782       
6783     
6784 
6785     $("#full-date").datepicker({
6786       minDate,
6787       dateFormat: 'Mdd_yy', //Nop22_2021,
6788       
6789       beforeShowDay: disabledays,
6790       
6791       onSelect: function (date) {
6792         $("#deliveryDate, #deliveryDateFull label ").hide()
6793         $("#deliveryDateFull").addClass("filled")
6794         $(".btnChangeDeliveryDate").removeClass("hide")
6795         $("#full-date").prop('disabled', true);
6796         $('#propDeliveryDate, #properties-delivery-date').val('Kirim_'+date);
6797         $(".date-full").addClass("selected")
6798         $(".date-single, .calendar-group").removeClass("selected")
6799         $("#propDeliveryTime").val('')
6800         $("#properties-delivery-time").val('-')
6801         $(".time-single").removeClass("selected")
6802         
6803         
6804       }
6805     });
6806 
6807     $(".btnChangeDeliveryDate").click(function(){
6808         $("#deliveryDate, #deliveryDateFull label ").show()
6809         $("#deliveryDateFull").removeClass("filled")
6810         $(".btnChangeDeliveryDate").addClass("hide")
6811         $("#full-date").prop('disabled', false);
6812     })
6813   
6814     $("#deliveryDate").delegate(".calendarbutton:not(.date-full)", "click", function(e){
6815       e.preventDefault()
6816       $(this).parents("#row-delivery-date").find("p.error").remove()
6817       const fulldate = $(this).data("fulldate")
6818       const day = $(this).data("day")
6819       const date = $(this).data("date")
6820       const month = $(this).data("month")
6821       const year = $(this).data("year")
6822       const off_pagi = $(this).data("offpagi")
6823       const off_siang = $(this).data("offsiang")
6824       const off_Malam = $(this).data("offMalam")
6825       $(".calendarbutton").removeClass("selected")
6826       $(this).addClass("selected")
6827       $("#propDeliveryDate, #properties-delivery-date").val(`Kirim_${month}${date}_${year}`)
6828       $("#propDeliveryTime").val('')
6829       $("#properties-delivery-time").val('-')
6830       $(".calendarbutton2").removeClass("selected")
6831       $("#full-date").val("Full Calendar")
6832 
6833       
6834       if(off_pagi && timeOfDay > off_pagi) {
6835         $("[data-time=Morning]").attr("disabled", true)
6836       } else {
6837         $("[data-time=Morning]").attr("disabled", false)
6838       }
6839       if(off_siang && timeOfDay > off_siang) {
6840         $("[data-time=Afternoon]").attr("disabled", true)
6841       } else {
6842         $("[data-time=Afternoon]").attr("disabled", false)
6843       }
6844       
6845 
6846       
6847     })
6848     
6849     if(today === 14 && timeOfDay > 17.00) {
6850       $("#deliveryDate button:first-child").attr("disabled", true)
6851     }
6852   
6853     $("#deliveryTime").delegate(".calendarbutton2", "click", function(e){
6854       e.preventDefault()
6855       const time = $(this).data("time")
6856       const date = $("#propDeliveryDate").val()
6857       if(date == '') {
6858         return alert('Silakan pilih tanggal terlebih dahulu')
6859       }
6860       $(".calendarbutton2").removeClass("selected")
6861       $(this).addClass("selected")
6862       $("#propDeliveryTime, #properties-delivery-time").val(`KirimJam_${date.replace('Kirim_','')}_${time}`)
6863     })
6864       
6865     $('textarea.has-limit, input.has-limit').keyup(function () {
6866       max = this.getAttribute("maxlength");
6867       let len = $(this).val().length;
6868       let limit = $(this).siblings(".limit");
6869       if (len > max) {
6870         alert('you have reached the limit');
6871       } else {
6872         limit.text(`${len}/${max}`);
6873       }
6874     });
6875     
6876     $("#button-action-step .btn").click(function(){
6877       $(this).find("span").text("Processing...");
6878     });
6879 
6880     $(".finishBtn").on('click', function() {
6881       $(this).addClass("is-adding");
6882       // $(this).click();
6883     });
6884 
6885     $('.setup-panel .nav-item a.btn-success').trigger('click');
6886 
6887     $("#button-action .btn").click(function(){
6888       $("#flower-step").addClass("block");
6889       $("#button-action").hide();
6890     });
6891         
6892     $(".close-how-order").click(function(){
6893       $("#flower-step").removeClass("block");
6894       $("#button-action").show();
6895     });
6896 
6897     $("#input-foto, #input-video").change(function(e){
6898       readURL(this);
6899     });
6900 
6901     $("#logoPapan").change(function(){
6902       readURLPapan(this);
6903     });
6904 
6905     $("#address-upload").change(async function(){
6906       const upload_address = await readURLAddress(this)
6907       if(upload_address) {
6908         const url = upload_address.url
6909         $(".props-address-upload").val(url)
6910         $(".form-address").addClass("address-uploaded")
6911         $(".form-address-upload").addClass("uploaded")
6912 
6913         $(this).parents(".form-group").siblings(".form-group").find("[required]").attr("required", false)
6914       }
6915     })
6916 
6917     $(".address-manualy").click(function(){
6918       $(".form-address-upload").removeClass("uploaded");
6919       $(".photo-address").hide();
6920       $(".form-address").removeClass("address-uploaded")
6921       $("#formAddressPurchase").find(".form-control").attr("required", true)
6922     });
6923 
6924     $(".case-video-preview").delegate(".replace-video", "click", function(){
6925       $("#input-video").trigger("click")
6926     })
6927 
6928     $('.date-single').click(function(e) {
6929       e.preventDefault();
6930       $('.date-single').removeClass('selected');
6931       $('#full-date').removeClass('selected');
6932       $(this).addClass('selected');
6933       $('#full-date').html('Full' + '<br/>' + 'Calendar');
6934     });
6935     $('#full-date').click(function(e){
6936       e.preventDefault();
6937       $('.date-single').removeClass('selected');
6938       $(this).addClass('selected');
6939     });
6940     
6941     // $("tr").each(function(){
6942     //   if($(this).text().match('SKU')) {
6943     //     $(".sku-product").html($(this).parents("table").html())
6944     //   }
6945     // })
6946     
6947     $("#product-image").scroll(function(){
6948       $(".desc-add").each(function(){
6949         const img = $(this).find("img")
6950         const src = img.data("src")
6951         img.attr("src", src)
6952       })
6953     })
6954 
6955     $(".product-fixed").hide()
6956     
6957     let target = $("#personalizeBtn")
6958     
6959 
6960     $(".product-meta").scroll(function() {
6961         if ($(window).scrollTop() >= target.offset().top ) {
6962             $(".product-fixed").addClass("show")
6963         } else {
6964           $(".product-fixed").removeClass("show")
6965         }
6966     });
6967 
6968     $(window).scroll(function() {
6969         if ($(window).scrollTop() >= target.offset().top ) {
6970             $(".product-fixed").addClass("show")
6971         } else {
6972           $(".product-fixed").removeClass("show")
6973         }
6974     });
6975   });
6976 </script>
6976
6977 
6978   
6978<script>
6979     //
6980   </script>
6980
6981 
6982 
6982<script>
6983   $(document).ready(function(){
6984     $('table tr td').each(function(){
6985       var texto = $(this).text();
6986       var nextto = $(this).next("td");
6987       var sku = $("#data-sku").val()
6988       if(texto == 'SKU'){
6989         nextto.text(sku)
6990       }
6991     });
6992     
6993     $(".stamped-summary-actions-newquestion").text("Tulis Pertanyaan");
6994     $(".stamped-summary-actions-newreview").text("Tulis Review");
6995     $("#tab-questions").text("Pertanyaan");
6996     
6997     $(".freeship .icon").click(function(){
6998       $(".fs-content").slideToggle();
6999       $(this).parents(".freeship").toggleClass("expand");
7000     });
7001     
7002     var $easyzoom = $('.easyzoom').easyZoom();
7003     // Setup thumbnails example
7004     var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom');
7005     $('.thumbnails').on('click', 'a', function(e) {
7006       var $this = $(this);
7007       e.preventDefault();
7008       // Use EasyZoom's `swap` method
7009       api1.swap($this.data('standard'), $this.attr('href'));
7010     });
7011 
7012     $('#playerID').click(function(){
7013       var videoURL = $('#VdoID').attr('src'),
7014           dataplay = $('#VdoID').attr('data-play');
7015 
7016       //for check autoplay
7017       //if not set autoplay=1
7018       if(dataplay == 0 ){
7019         $('#VdoID').attr('src',videoURL+'?autoplay=1');
7020         $('#VdoID').attr('data-play',1);
7021       }
7022       else{
7023         var videoURL = $('#VdoID').attr('src');
7024         videoURL = videoURL.replace("?autoplay=1", "");
7025         $('#VdoID').prop('src','');
7026         $('#VdoID').prop('src',videoURL);
7027 
7028         $('#VdoID').attr('data-play',0);
7029       }
7030 
7031     });
7032     
7033     $(".product-photo-thumb-video").click(function(e){
7034       e.preventDefault();
7035 
7036       var newEmbed = $(this).attr('href');
7037       $("#featured-image-product").addClass("img-video");
7038       $("#ProductPhotoImg").hide();
7039       $("#featured-image-product .video").show();
7040       $("#featured-image-product iframe").attr('src', newEmbed);
7041       $("#VdoID")[0].src += "&autoplay=1";
7042     });
7043     $(".product-single__thumbnail").click(function(evt){
7044       evt.preventDefault();
7045       $("#featured-image-product").removeClass("img-video");
7046       $("#ProductPhotoImg").show();
7047       $("#featured-image-product .video").hide();
7048       $("#featured-image-product iframe").attr('src', '');
7049     });
7050     
7051     if($('#product-meta .short-desc > div').length >= 1){
7052       //console.log('div detected')
7053       var replacer = $('#product-meta .short-desc > div').contents();
7054       $('#product-meta .short-desc > div').replaceWith(replacer);
7055 
7056       var cAssured =  $('.c-assured').detach();
7057       cAssured.insertAfter('.meta-sds .stock-info');
7058     }
7059 
7060     
7061     
7062     $(".heading-toggle").click(function(){
7063       $(this).parent().toggleClass("open")
7064       
7065     });
7066   });
7067 </script>
7067
7068 
7069 
7070   
7070<script type="application/json" id="ProductJson-Product">
7071         
7072         {"id":8144957800663,"title":"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eCANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang."}
7073   </script>
7073
7074   
7075     
7075<script type="application/json" id="VariantJson-Product">
7076       [
7077         
7078           {
7079              "incoming": false,
7080              "next_incoming_date": null
7081           }
7082         
7083       ]
7084     </script>
7084
7085   
7086 
7087 
7088 
7089 </div>
7090 
7091 
7092 
7092<script src="//outerbloom.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
7092
7093 <style>
7094     .stamped-review-header-title,
7095     .stamped-review-header .author,
7096     .stamped-review-content-body,
7097     .stamped-sort-select,
7098     .stamped-review-header .verified-badge[data-type=buyer]:after,
7099     .stamped-review-header-byline,
7100     .stamped-review-reply-body {font-size: 14px!important;font-family: 'Barlow',sans-serif!important;}
7101     .stamped-review {margin-bottom: 0;}
7102     .stamped-review-body {padding-left: 65px;}
7103     .stamped-review:first-child {padding-top: 25px;}
7104     .stamped-review-content {clear: none;}
7105     .stamped-review-reply {margin: 15px 0 0 65px;background: #f2f2f2;border-left: none;}
7106     .stamped-review-reply-body {padding-left: 65px;}
7107     .stamped-review-header .author {text-transform: capitalize;}
7108     .stamped-questions .stamped-review-content {padding-left: 65px;}
7109 
7110     .stamped-pagination {margin: 20px 0 0;}
7111     .stamped-pagination li {position: initial!important;display: inline-block;position: relative;vertical-align: middle;text-decoration: none;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 0;-moz-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: 0 0;text-transform: none;color: #33373D;font-weight: 400;-webkit-transition: background .1s ease,box-shadow .1s ease,color .1s ease;transition: background .1s ease,box-shadow .1s ease,color .1s ease;border: 1px solid #ccc;border-right: none;margin-bottom: 0;}
7112     .stamped-pagination li a {color: #121212;padding: 13px 18px;vertical-align: middle;display: block;}
7113     .stamped-pagination li.active a {background-color: #ddd;font-weight: 400;}
7114     .stamped-pagination li:hover a {background: #ddd;}
7115     .stamped-pagination .next {border-right: 1px solid #ccc;}
7116     .stamped-pagination li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
7117     .stamped-pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
7118 
7119     #stamped-pagination-question span.page {display: inline-block;border: 1px solid #ccc;width: 47px;}
7120     #stamped-pagination-question span {font-size: 14px;}
7121     #stamped-pagination-question .page.active {padding: 12px;font-weight: 400;background: #ddd;}
7122     #stamped-pagination-question a, #stamped-pagination-question .page.active {color: #121212;padding: 13px 18px;vertical-align: middle;display: inline-block;}
7123     .stamped-pagination-deco {color: #121212;padding: 13px 18px;width: 47px;vertical-align: middle;display: inline-block;border: 1px solid #ccc;padding: 12px;}
7124     .stamped-pagination-prev, .stamped-pagination-next {position: inherit;}
7125     .stamped-pagination-prev a, .stamped-pagination-next a {width: auto!important;border: 1px solid #ccc;}
7126 
7127     @media (max-width: 480px){
7128       .stamped-review-reply {margin-left: 0!important;}
7129       select.stamped-sort-select {font-size: 13px!important;}
7130     }
7131 
7132   #product-reviews .stamped-summary-ratings, #product-reviews .stamped-summary-actions, .stamped-content {
7133       display: block !important;
7134   }
7135 </style>
7136 
7136<script>
7137     var selectCallback = function(variant, selector) {
7138       timber.productPage({
7139         money_format: "Rp {{amount_no_decimals}}",
7140         variant: variant,
7141         selector: selector
7142       });
7143     };
7144 
7145     jQuery(function($) {
7146       new Shopify.OptionSelectors('productSelect', {
7147         product:
7148 
7149 
7150 
7151 
7152 
7153 
7154 
7155 {"id":8144957800663,"title":"CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eCANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang."},
7156         onVariantSelected: selectCallback,
7157         enableHistoryState: true
7158       });
7159 
7160       // Add label if only one product option and it isn't 'Title'. Could be 'Size'.
7161       
7162 
7163       // Hide selectors if we only have 1 variant and its title contains 'Default'.
7164       
7165         $('.selector-wrapper').hide();
7166       
7167     });
7168 </script>
7168
7169 
7170 
7171 
7172   
7172<script type="application/ld+json">
7173     {
7174     "@context": "http://schema.org",
7175     "@type": "Product",
7176 "offers": {
7177 "@type": "Offer",
7178 "availability":"https://schema.org/InStock",
7179 "price": 835000,
7180 "priceValidUntil": "05-10-2025",
7181 "priceCurrency": "IDR",
7182 "url": "https://www.juventudefsm.org/"
7183 },
7184 "brand": {
7185 "@type": "Brand",
7186 "name": "Outerbloom Florist"
7187 },
7188 "sku": "8144957800663",
7189 "gtin13": "Jawa",
7190 "name": "CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online",
7191 "description": "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.",
7192 "category": "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.",
7193 "url": "https://www.juventudefsm.org/",
7194 "image": {
7195 "@type": "ImageObject",
7196 "url": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426",
7197 "image": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426",
7198 "name": "CANDU123 >> Pendatang Baru yang Ramai Dibicarakan di Dunia Game Online",
7199 "width": 1024,
7200 "height": 1024
7201 }
7202     }
7203   </script>
7203
7204 
7205 
7206 
7207 
7208         
7209 
7209<script id="bss-ltap-hide-price" type="text/javascript" >
7210 !function(e){var t={};function o(r){if(t[r])return t[r].exports;var c=t[r]={i:r,l:!1,exports:{}};return e[r].call(c.exports,c,c.exports,o),c.l=!0,c.exports}o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)o.d(r,c,function(t){return e[t]}.bind(null,c));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,o){"use strict";function r(e){e.ltsp={},function(e){e.ltsp.quickView=function(){document.querySelectorAll(".quickview-button").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementById("add-to-cart-quickview-form");if(e){let t=e.querySelector(".groups-btn");t&&t.remove();let o=e.querySelector(".pieces");o&&o.remove();let r=e.querySelector(".bsscommerce-ltsp-message");r&&r.remove()}if(e=document.querySelector("[data-quickview-modal] .halo-modal-body"),e){let t=e.querySelector(".quantity");t&&t.remove()}}),1e3)}))})),document.querySelectorAll(".shop-now-button").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementById("ShopNowContainer");if(e){let t=e.querySelector("#AddToCart");t&&t.remove()}}),2e3)}))})),document.querySelectorAll(".collection__filter").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-grid-item");if(o){let e=o.querySelector(".btn--quick-view");e&&e.remove()}}}),1500)}))})),document.querySelectorAll(".btn--icon.quick-product__btn").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-grid__content");if(o){let e=o.querySelector(".payment-buttons");e&&e.remove()}}}),2e3)}))})),document.querySelectorAll(".product-facet__aside").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-item");if(o){let e=o.querySelector('form[action="/cart/add"]');e&&e.remove();let t=o.querySelector(".product-item__quick-form");t&&t.remove()}}}),1500)}))})),document.querySelectorAll(".pagination").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-item");if(o){let e=o.querySelector('form[action="/cart/add"]');e&&e.remove();let t=o.querySelector(".product-item__quick-form");t&&t.remove()}}}),1800)}))})),document.querySelectorAll(".collection-filters__sort").forEach((function(e){e.addEventListener("change",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".indiv-product");if(o){let e=o.querySelector('form[action="/cart/add"]');e&&e.remove()}}}),1500)}))}
7210)),document.querySelectorAll(".slideout__drawer-right, .sidebar_leftside_wapper, .filtering__results").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-index");if(o){let e=o.querySelector(".js-quickview-trigger");e&&e.remove()}}}),1500)}))})),document.querySelectorAll("a.product-loop__quickview").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".large--one-half");if(o){let e=o.querySelector(".quick-smart-wrapper");e&&e.remove();let t=o.querySelector("#quantity-container");t&&t.remove();let r=o.querySelector(".js-prod-show-soldout");r&&r.remove()}}}),2e3)}))})),document.querySelectorAll(".quick-product__btn").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-single__meta");if(o){let e=o.querySelector("div.payment-buttons");e&&e.remove()}}}),1e3)}))})),document.querySelectorAll(".btn--load-more").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".grid-view-item");if(o){let e=o.querySelector(".quick-add-button");e&&e.remove()}}}),1e3)}))})),document.querySelectorAll(".quick_shop").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product_section");if(o){let e=o.querySelector(".product_form .shopify-product-form .purchase-details"),t=o.querySelector(".product__details .modal_price .price-ui");e&&e.remove(),t&&t.remove()}}}),1e3)}))})),document.querySelectorAll(".qs-button ").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-info-main");if(o){let e=o.querySelector(".qty-box");e&&e.remove();let t=o.querySelector(".btn.btn-cart");t&&t.remove();let r=o.querySelector(".product-single__sale-price");r&&r.remove();let c=o.querySelector(".product-addto-links");c&&c.remove()}}}),1e3)}))}));let e=document.querySelector("a[data-js-cart-icon]");if(e&&e.addEventListener("click",(function(){let e=document.querySelector(".quick-cart__control");e&&e.remove();let t=document.querySelector(".quick-cart__item-right");t.childNodes[3]&&(t.childNodes[3].innerHTML="Login to seen price")})),document.querySelectorAll(".quick-add-button-variants").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest("#AddToCartForm");if(o){let e=o.querySelector(".paymentButtonsWrapper");e&&e.remove()}}}),1e3)}))})),document.querySelectorAll(".product-thumbnail__quickshop-button").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-details");if(o){let e=o.querySelectorAll(".bsscommerce-ltsp-message");e.length>1&&e.forEach((function(e,t){t>0&&e.remove()}));let t=o.querySelector(".product-form__cart-buttons");t&&t.remove();let r=o.querySelector(".product-form__quantity-box-wrapper");r&&r.remove()}}}),800)}))})),"b2b-dbodhi-singapore.myshopify.com"===window.Shopify.shop){let e=0;const t=window.location.pathname.includes("/collections");let o=!0;const r=function(){const e=setInterval((function(){let e=document.querySelectorAll(".thb-product-detail.product .bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t],r=o.closest(".thb-product-detail.product");if(r){let e=r.querySelector(".product-form");e&&e.remove()}r=o.closest("del"),r&&o.remove()}}),500);setTimeout(()=>{clearInterval(e)},6e3)},c=function(){const c=window.pageYOffset||document.documentElement.scrollTop;(c>e||!t||o)&&(document.querySelectorAll(".product-card-quickview").forEach((function(e){e.removeEventListener("click",r),e.addEventListener("click",r)}
7210)),o=!1),e=c<=0?0:c};if(c(),t){const e=function(){const e=c;let t;return()=>{clearTimeout(t),t=setTimeout(()=>{e.apply(this)},3e3)}};window.addEventListener("scroll",e())}}}}(e),function(e){e.ltsp.removeElementByLTSPMessage=function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message"),t=[],o=window.Shopify.shop;for(let r=0;r<e.length;r++){let c=e[r],l=[".grid-product__on-sale",".product-unit-price",".product-price-unit",".grid-link__sale_price","s",".price__compare",".product__compare-price",".price__unit",".card__price--regular",".sale-tag",".compare-price",".old-price",".savings",".was_price",".price--compare",".price-compare",".was"];if("stark-hockey.myshopify.com"===o){const e=c.closest(".product-index");if(e){const t=e.querySelector(".product-modal");t&&t.remove()}continue}let s=c.closest(".product-parent");if(s){let e=s.querySelector("form .tt-btn-addtocart");e&&t.push(e);let o=s.querySelector(".tt-btn-quickview");o&&t.push(o)}if(s=c.closest(".ProductItem"),s){let e=s.querySelector(".quickshop-btn");if(e&&t.push(e),"shrimptoncouture-com.myshopify.com"===o){let e=s.querySelector(".ProductItem__PriceList");e&&e.classList.remove("ProductItem__PriceList")}}if(s=c.closest(".product-item--vertical"),s){if("sparklinbluewholesale.myshopify.com"===o){let e=s.querySelector(".product-item__info .product-item__price-list");e&&t.push(e)}let e=s.querySelector(".product-item__info .product-item__action-button");e&&t.push(e),e=s.querySelector(".product-form__payment-container"),e&&t.push(e)}if(s=c.closest(".card-wrapper.underline-links-hover"),s&&"friends-forever-pets.myshopify.com"===o){let e=s.querySelector(".card__content .quick-add");e&&t.push(e);let o=s.querySelector(".card-information .price__sale .price-item.price-item--regular");o&&t.push(o)}if(s=c.closest(".modal_price"),s&&window.Shopify&&"casa-barba.myshopify.com"!==window.Shopify.shop&&"prideandgroom-wholesale.myshopify.com"!==window.Shopify.shop){let e=s.querySelector(".price-ui");e&&t.push(e)}if(s=c.closest(".info.has-padding-top"),s){let e=s.querySelector(".compare-at-price");e&&t.push(e)}if(s=c.closest(".product-thumbnail__price.price"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest(".search-result__description"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest(".product__price"),s){let e=s.querySelector("[data-product-price][bss-custom-ltsp-attribute]");e&&t.push(e)}if(s=c.closest("#template-product"),s){let e=s.querySelector(".product-form.cart-bar__form");e&&t.push(e)}if("showroom1-ducanero.myshopify.com"===o){if(s=c.closest(".product-area")||c.closest(".price"),s){let e=s.querySelector(".price-area")||s.querySelector(".theme-money");e&&t.push(e)}}else if(s=c.closest(".product-area__details"),s){let e=s.querySelector(".product-detail__form__action");e&&t.push(e);let o=s.querySelector(".quantity-wrapper");o&&t.push(o)}if("quincaillerie-euroline.myshopify.com"===o&&(s=c.closest(".product-form__info-content"),s)){let e=s.querySelector(".price-list");e&&t.push(e)}if(s=c.closest(".product-form__buttons"),s&&t.push(s),s=c.closest(".product-wrap-2"),s){let e=s.querySelector(".product-action-2");e&&t.push(e)}if(s=c.closest(".span6"),s){let e=s.querySelector(".purchase>input"),o=s.querySelector(".price-container>#price-preview"),r=s.querySelector(".price-container>.vat-price");e&&t.push(e),o&&t.push(o),r&&t.push(r)}if(s=c.closest(".product__page"),s){let e=s.querySelector(".quantity-selector");e&&t.push(e)}if(s=c.closest(".product_details_info"),s){let e=s.querySelector(".pro-detail-button"),o=s.querySelector(".price-box");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".product-content"),s){let e=s.querySelector(".product-action");e&&t.push(e)}if(s=c.closest(".product-view .single-product-wrap"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".collection-category .owl-stage .owl-item"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".product__details"),s){let e=s.querySelector(".product-wrap .thumbnail-overlay .info .price ");e&&t.push(e);let o=s.querySelector(".product-details .price  .current_price .money ");o&&t.push(o)}if(s=c.closest(".product_row"),s){let e=s.querySelector(".three-fourths .info .price ");e&&t.push(e)}if(s=c.closest(".thubnail-desc"),s){let e=s.querySelector(".quatity-stock");e&&t.push(e);let o=s.querySelector(".Payment_button");o&&t.push(o)}if(s=c.closest(".single-ponno-product"),s){let e=s.querySelector(".pro-actions-link");e&&t.push(e);let o=s.querySelector(".pro-add-cart");o&&t.push(o)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("div.product-form__controls-group.product-form__controls-group--submit");e&&e.setAttribute("style","visibility:hidden")}if("homewarerus.myshopify.com"!=window.Shopify.shop&&(s=c.closest(".product-item__info"),s)){let e=s.querySelector("form.product-item__action-list.button-stack");e&&e.remove()}
7210if("bluebasketb2b.myshopify.com"===window.Shopify.shop){if(s=c.closest(".card-information"),s){let e=s.querySelector(".price__sale .price-item--sale.sale-percentage");e&&t.push(e)}if(s=c.closest("tr.cart-item[id*=Cart]"),s){let e=s.querySelector(".cart-item__quantity");e&&e.remove();let t=s.querySelector(".cart-item__totals");t&&t.remove()}}if(s=c.closest(".product-form"),s){let e=s.querySelector(".quantity-submit-row__submit");e&&e.remove();let o=s.querySelector(".product-form__info-list .product-form__info-item.product-form__info-item--quantity .product-form__info-content .quantity-selector.quantity-selector--product");o&&t.push(o)}if(s=c.closest(".product-grid__detail"),s){let e=s.querySelector(".product-form-block form");e&&e.remove()}if(s=c.closest(".tab-body"),s){if(s.querySelector(".purchase-section button, .btn.add-to-cart")){let e=setInterval((function(){let e=document.querySelector(".tab-body .purchase-section button, .tab-body .btn.add-to-cart"),t=document.querySelector(".swym-button-bar.swym-wishlist-button-bar");e&&e.remove(),t&&t.remove()}),200);setTimeout((function(){clearInterval(e)}),1e4)}}if(s=c.closest(".item.relative.product-id.item-row"),s){let e=s.querySelector(".quantity.form");e&&e.remove()}if(s=c.closest(".product-form"),s){let e=s.querySelector(".buy-buttons-row");e&&t.push(e)}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".btn--quick-view");e&&t.push(e)}if(s=c.closest(".featured__collection-product"),s){let e=s.querySelector(".js-quickview-trigger");e&&t.push(e)}if(s=c.closest(".product-index"),s){let e=s.querySelector(".js-quickview-trigger");e&&t.push(e)}if(s=c.closest(".product-bottom"),s){let e=s.querySelector(".quantity-selector, .product-add");e&&t.push(e)}if(s=c.closest(".js-sticky-cart"),s){let e=s.querySelector(".sticky-add");e&&t.push(e)}if(s=c.closest(".product-details"),s){let e=s.querySelector(".shopify-payment-button");e&&t.push(e);let r=s.querySelector(".payment-and-quantity__add");r&&t.push(r);let c=s.querySelector(".price__compare-at.visible");c&&"coventa-demo.myshopify.com"===o&&t.push(c)}if(s=c.closest(".product-block__inner"),s){let e=s.querySelector(".quick-buy");e&&t.push(e)}if(s=c.closest(".content-summary"),s){let e=s.querySelector("form.cart");e&&t.push(e)}if(s=c.closest('div[data-pf-type="Section"]'),s){let e=s.querySelector('div[data-pf-type="ProductQuantity"]');e&&t.push(e);let o=s.querySelector('button[data-pf-type="ProductATC"]');o&&t.push(o)}if(s=c.closest(".pc-inner"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e);let o=s.querySelector(".quick_shop");o&&t.push(o)}if(s=c.closest(".product-info-inner"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}if(s=c.closest(".product-details-inline"),s){let e=s.querySelector(".product-quantity");e&&t.push(e)}if(s=c.closest(".product-card"),s){let e=s.querySelector(".js-grid-cart");e&&t.push(e);let o=s.querySelector(".card-header .card-button-hover");o&&t.push(o);let r=s.querySelector(".product-card__quick-buy");r&&t.push(r);let c=s.querySelector("compare-at-price");c&&t.push(c);let l=s.querySelector(".product-card__badge-list");l&&t.push(l)}if(s=c.closest(".product__info"),s){let e=s.querySelector(".product-form__buy-buttons button");e&&t.push(e);let o=s.querySelector(".product-form__quantity");o&&t.push(o)}if(s=c.closest(".product-sticky-form__inner"),s){let e=s.querySelector(".product-sticky-form__payment-container");e&&t.push(e)}if("homewarerus.myshopify.com"!=window.Shopify.shop&&(s=c.closest(".product-item"),s)){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e);let o=s.querySelector(".product-item__quick-form");o&&t.push(o)}if(s=c.closest(".shopify-product-form"),s){let e=s.querySelector("div.quantity");e&&t.push(e)}if(s=c.closest(".product-body"),s){let e=s.querySelector(".product-cta-wrapper");e&&t.push(e)}if(s=c.closest(".tt-product-single-info"),s){let e=s.querySelector("form .btn-addtocart");e&&t.push(e);let o=s.querySelector('form[action*="/cart/add"]');o&&t.push(o)}if(s=c.closest(".product-details-wrapper"),s){let e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".product-inner"),s){let e=s.querySelector(".product-card-interactions");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".add-to-cart");if(e)if(window.Shopify&&"bundlecomph.myshopify.com"===window.Shopify.shop){e.disabled=!0;let o=s.querySelector(".payment-buttons"),r=s.querySelector(".shopify-payment-button");o&&o.classList.remove("payment-buttons"),r&&t.push(r)}else t.push(e)}if(s=c.closest(".grid-view-item"),s){let e=s.querySelector(".thumbnail-buttons");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product-form:not(.product-form-product--static):not(.product-form-product-template)");e&&t.push(e)}if(s=c.closest(".pf-product-form"),s){let e=s.querySelector(".sc-lkgURy");e&&t.push(e);let o=s.querySelector(".sc-gzcbmu");o&&t.push(o);let r=s.querySelector(".add-to-cart");r&&t.push(r)}if(s=c.closest(".large--one-half"),s){let e=s.querySelector(".product-smart-wrapper");e&&t.push(e);let o=s.querySelector('div.btn[onmouseup="showProductsDesigner(this)"]');o&&t.push(o);let r=s.querySelector("button.js-prod-show-soldout");r&&t.push(r)}if(s=c.closest("#add-to-cart-form"),s)if("led-signcity.myshopify.com"===o){let e=s.querySelector(".atc-btn");e&&t.push(e);let o=s.querySelector(".price");o&&o.classList.remove("price")}else{let e=s.querySelector(".groups-btn");e&&t.push(e),t.push(c)}
7210if(s=c.closest(".product-shop"),s&&"led-signcity.myshopify.com"!==o){let e=s.querySelector(".groups-btn");e&&t.push(e)}if(s=c.closest(".who-qof-table"),s&&s.classList.add("bsscommerce-hide-price"),s=c.closest(".price-sale"),s){let e=s.querySelector(".old-price");e&&t.push(e);let o=s.querySelector("em");o&&(o.innerHTML="")}if(s=c.closest(".product-details"),s){let e=s.querySelector(".action");e&&t.push(e)}if(s=c.closest(".product_section"),s){let e=s.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e);let o=s.querySelector(".sale.savings");o&&t.push(o);let r=s.querySelector(".purchase-details button.button--add-to-cart");r&&t.push(r);let c=s.querySelector(".purchase-details .purchase-details__quantity.product-quantity-box");c&&t.push(c);let l=s.querySelector(".product__details .modal_price .price-ui");l&&t.push(l)}if(s=c.closest(".quick-shop-style--inline"),s){let e=s.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e)}if(s=c.closest(".product-details"),s){let e=s.querySelector("small em");e&&t.push(e)}if(s=c.closest(".gt_product-body"),s){let e=s.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=s.querySelector(".gt_product-saved");o&&t.push(o);let r=s.querySelector(".gt_product-price--compare");r&&t.push(r)}if(s=c.closest(".gt_product_content"),s){let e=s.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=s.querySelector(".gt_product-price--compare");o&&t.push(o)}if(s=c.closest(".gt-single-product"),s){let e=s.querySelector("div.gt_method_addToCart");e&&t.push(e);let o=s.querySelector(".gt_product-price--compare");o&&t.push(o)}if(s=c.closest("#cont-form"),s){let e=s.querySelector("form .cont-add-btns");e&&t.push(e)}if(s=c.closest(".theiaStickySidebar"),s){let e=s.querySelector(".variations_button");e&&t.push(e)}if(s=c.closest(".product--price-wrapper"),s){let e=s.querySelector(".product--compare-price");e&&t.push(e)}if(s=c.closest(".product-submit"),s){let e=s.querySelector(".payment-buttons-container");e&&t.push(e)}if(s=c.closest(".product-price"),s){let e=s.querySelector(".product-price-compare");e&&t.push(e)}if(s=c.closest(".product-list-item"),s){let e=s.querySelector(".original"),o=s.querySelector(".product-list-item-badge");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".productitem"),s){let e=s.querySelector(".productitem--action");e&&t.push(e);let o=s.querySelectorAll(".bss-ltsp-to-remove");if(o.length)for(let e of o)t.push(e)}if(s=c.closest(".product--outer"),s){let e=s.querySelector(".product-form--atc");e&&t.push(e),e=s.querySelector(".shopify-payment-button"),e&&t.push(e)}if(s=c.closest(".Container"),s)if(window.Shopify&&"mama-shawna.myshopify.com"===window.Shopify.shop){let e=s.querySelector("form.ProductForm");if(window.__st&&e){__st.cid&&t.push(e)}}else{let e=s.querySelector(".ProductForm__BuyButtons");e&&t.push(e)}if(s=c.closest(".product-grouped"),s){let e=s.querySelector(".product_top form#add-to-cart-form");e&&t.push(e)}if(s=c.closest(".product-item"),s){let e=s.querySelector(".product-top .product-des .action"),o=s.querySelector(".slideup");if(e&&t.push(e),o&&t.push(o),o=s.querySelector(".card-quickview"),o&&t.push(o),window.Shopify&&"sitchish.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".product-item-price .money");e&&e.classList.remove("money")}}if(s=c.closest(".modal_price"),s){let e=s.querySelector(".was_price");e&&t.push(e)}if(s=c.closest(".info"),s){let e=s.querySelector(".was_price");e&&t.push(e)}if(s=c.closest(".product-item"),s){let e=s.querySelector('.product-item__action-button[data-action="add-to-cart"]');e&&t.push(e)}if(s=c.closest(".grid__item.grid-product"),s){let e=s.querySelector('form[action="/cart/add"] input[type="submit"]');e&&t.push(e);let r=s.querySelector(".grid-product__tag");r&&t.push(r);let c=s.querySelector(".visually-hidden");c&&t.push(c);let l=s.querySelector(".quick-product__btn");l&&"comphycompany.myshopify.com"===o&&t.push(l)}if(s=c.closest(".product-info"),s){let e=s.querySelector('form[action="/cart/add"] .payment-buttons');e&&t.push(e);let o=s.querySelector(".variant-wrapper.variant-wrapper--button");o&&t.push(o);let r=s.querySelector(".form .product-actions .product-actions-add-to-cart");r&&t.push(r);let c=s.querySelector(".product-price__compare");
7210c&&t.push(c),c=s.querySelector("compare-at-price"),c&&t.push(c);let l=s.querySelector("unit-price");l&&t.push(l),e=s.querySelector(".buy-buttons"),e&&t.push(e);let u=s.querySelector(".product-info__badge-list");u&&t.push(u)}if(s=c.closest(".price"),s){if(s.textContent.includes("From")){let e=s.innerHTML;s.innerHTML=e.replace("From","")}}if(s=c.closest("#product-right"),s){let e=s.querySelector(".was");e&&t.push(e);let o=s.querySelector(".product-add");o&&t.push(o)}if(s=c.closest(".was"),s&&t.push(s),s=c.closest(".product-single__meta"),s){let e=s.querySelector(".pf__actions");e&&t.push(e);let o=s.querySelector("div.product-form__controls-group.product-form__controls-group--submit");o&&o.setAttribute("style","visibility:hidden")}if(s=c.closest(".product-item"),s){let e=s.querySelector(".product-item__add");e&&t.push(e)}if(s=c.closest(".grid-item"),s){let e=s.querySelector("#addToCart-product-template");e&&t.push(e);let o=s.querySelector(".payment-buttons");o&&t.push(o)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("div.payment-buttons");e&&e.remove()}if(s=c.closest(".modal--root"),s){let e=s.querySelector(".product-form--button-container");e&&t.push(e)}if(s=c.closest(".product-item__info"),s){let e=s.querySelector("a.product-item__action-button.button.button--small.button--primary");e&&t.push(e)}if(s=c.closest(".product-form__info-list"),s){let e=s.querySelector("div.product-form__info-item.product-form__info-item--quantity");e&&t.push(e)}if(s=c.closest(".large--three-fifths"),s){let e=s.querySelector(".multivariants_setbox_footer");e&&t.push(e)}if(s=c.closest(".product-info-main"),s){let e=s.querySelector(".qty-box");e&&t.push(e);let o=s.querySelector(".btn.btn-cart");o&&t.push(o);let r=s.querySelector(".shopify-payment-button");r&&t.push(r)}if(s=c.closest(".product-miniature"),s){let e=s.querySelector(".qty-box");e&&t.push(e);let o=s.querySelector(".product.actions.product-item-actions");o&&t.push(o)}if(s=c.closest("#AddToCartForm"),s){let e=s.querySelector(".paymentButtonsWrapper");e&&t.push(e)}if(s){let e=s.querySelector("#product-add");e&&e.remove()}if(s){let e=s.querySelector("#product-price>.product-price");e&&e.remove()}if(s=c.closest(".grid-view-item"),s){let e=s.querySelector(".quick-add-button");e&&t.push(e)}if("tinalykkegaard.myshopify.com"===o){if(s=c.closest(".main-product__details>.main-product__details-wrapper"),s){let e=s.querySelector(".main-product__actions .main-product__form-buttons");e&&e.remove()}if(s=c.closest(".product-grid .product-card"),s){let e=s.querySelector('form[action="/cart/add"]');e&&e.remove()}}if(s=c.closest(".product-item-caption"),s){let e=s.querySelector(".product-form__item--submit");e&&t.push(e)}if(s=c.closest(".product-item-caption"),s){let e=s.querySelector(".product-form__item--quantity");e&&t.push(e)}if(s=c.closest(".productgrid--item"),s){let e=s.querySelector(".productitem--actions");e&&t.push(e)}if(s=c.closest(".product-single__info-wrapper"),s){let e=s.querySelector(".product-form__quantity-submit");e&&t.push(e);let o=s.querySelector(".shopify-payment-button");o&&t.push(o)}if(s=c.closest(".qv-content"),s){let e=s.querySelector(".qv-add-button");e&&t.push(e);let o=s.querySelector(".qv-quantity");o&&t.push(o)}if(s=c.closest(".product-card"),s){let e=s.querySelector(".btn-grid-cart");e&&t.push(e)}if(s=c.closest(".product_single_detail_section"),s){let e=s.querySelector("#AddToCart");e&&t.push(e);let o=s.querySelector(".shopify-payment-button__button");o&&t.push(o);let r=s.querySelector(".quantity-label");r&&t.push(r);let c=s.querySelector(".quantity_width");c&&t.push(c)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("#AddToCart--product-template");e&&t.push(e);let o=s.querySelector(".shopify-payment-button");o&&t.push(o)}if(s=c.closest('form[action="/cart/add"]'),s){let e=s.querySelector(".product-page-info__field");e&&t.push(e);let o=s.querySelector(".product-page-info__button-add-to-cart");o&&t.push(o);let r=s.querySelector(".js-store-lists-add-wishlist");r&&t.push(r);let c=s.querySelector(".product-collection__control");c&&t.push(c)}if(s=c.closest(".grid-item__content"),s){let e=s.querySelector(".quick-add-btn");if(e&&t.push(e),window.Shopify&&"sparklinbluewholesale.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".grid-product__price--original"),o=s.querySelector(".grid-product__price--savings"),r=s.querySelector(".quick-product__btn");e&&t.push(e),o&&t.push(o),r&&t.push(r)}}if(s=c.closest(".purchase-box"),s){let e=s.querySelector("#AddToCart-product-template");e&&e.remove();let t=s.querySelector(".quantity-product-template");t&&t.remove()}if(s=c.closest(".item-row"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".product-thumbnail__price"),s){let e=s.querySelectorAll(".bsscommerce-ltsp-message");e.length>1&&e.forEach((function(e,o){o>0&&t.push(e)}))}if(s=c.closest(".product-details"),s){let e=s.querySelector(".product__add-to-cart-button");e&&t.push(e);let r=s.querySelector(".product-form__quantity-box-wrapper");if(r&&t.push(r),"sitchish.myshopify.com"===o){let e=s.querySelector("#product-price");e&&(e.id="");let o=s.querySelector("[data-product-price]");o&&o.removeAttribute("data-product-price");let r=s.querySelector(".form-actions");r&&t.push(r)}let c=s.querySelector(".product-quantity");if(c&&t.push(c),"lavabis-hygiene.myshopify.com"===o){let e=s.querySelector(".price-preview.price");e&&(e.id="")}}if(s=c.closest(".product-details"),s){let e=s.querySelector("#add-to-cart-product-template");e&&t.push(e);let o=s.querySelector(".shopify-payment-button__button");o&&o.remove();let r=s.querySelector(".quantity");r&&t.push(r)}if(s=c.closest(".gryffeditor"),s){let e=s.querySelector(".gf_product-quantity");e&&e.parentElement.remove()}if(s=c.closest("#ProductSection-product-template"),s){let e=s.querySelector(".cbb
7210-frequently-bought-add-button");e&&e.remove();let t=s.querySelector(".cbb-frequently-bought-form");t&&t.remove()}if(s=c.closest(".product__info-wrapper"),s){let e=s.querySelector(".product-form__quantity");e&&e.remove();let t=s.querySelector(".product-form__buttons");t&&t.remove()}if(s=c.closest(".product-form"),s){let e=s.querySelector(".product-form__payment-container");e&&e.remove();let o=s.querySelector("#price");if(o&&o.classList.remove("product-price"),window.Shopify&&"wilkens-gmbh.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".unit-price");e&&t.push(e)}}if(s=c.closest(".product-details"),s){let e=s.querySelector(".button-common");e&&e.remove()}if(s=c.closest(".caption"),s){let e=s.querySelector(".button.btn-cart");e&&t.push(e)}if(s=c.closest(".product-info-main"),s){let e=s.querySelectorAll(".form-group")[1];e&&t.push(e);let o=s.querySelector(".price");o&&(o.id="")}if(s=c.closest(".form_buy_sticky"),s){let e=s.querySelector(".form-group .btn.button.button-cart");e&&t.push(e);let o=s.querySelector(".form-group input#Quantity");o&&t.push(o)}if(s=c.closest(".product-template__container"),s){let e=s.querySelector(".store-availability-container");e&&e.remove()}if(s=c.closest(".product-form--container"),s){let e=s.querySelector(".product-form--options");e&&t.push(e);let o=s.querySelector(".product-form--smart-payment-buttons");o&&t.push(o)}if(s=c.closest(".product--price-wrapper"),s){let e=s.querySelector('.product--from[data-item="accent-text"]');e&&t.push(e)}if(s=c.closest("#zpproductselectorfull1-wrapper"),s){let e=s.querySelector(".zpa-button-alignment-center");e&&t.push(e);let o=s.querySelector(".zpa-quantity-block");o&&t.push(o)}if(s=c.closest(".zpa-multi-product-buy-box"),s){let e=s.querySelector(".zpa-button-alignment-center");e&&t.push(e)}if(s=c.closest(".product-block__inner"),s){let e=s.querySelector('form[action="/cart/add"].product-form.product-form--mini');if(e&&t.push(e),window.Shopify&&"wilkens-gmbh.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".unit-price");e&&t.push(e)}}if(s=c.closest(".was-price.theme-money"),s&&t.push(s),s=c.closest(".box_product_page"),s){let e=s.querySelector(".product-options-bottom");e&&t.push(e)}if(s=c.closest(".product-default"),s){let e=s.querySelector(".add-links.clearfix");e&&t.push(e)}if(s=c.closest(".grid__item.medium-up--three-eighths"),s){let e=s.querySelector('form[action="/cart/add"].shopify-product-form');e&&t.push(e)}if(s=c.closest(".indiv-product"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}if(s=c.closest('form.product-form[action="/cart/add"]'),s){let e=s.querySelector(".sf__pcard-image .sf__pcard-quick-add");e&&t.push(e);let o=s.querySelector(".main-product__block-buy_buttons");o&&t.push(o)}if(s=c.closest(".product-grid-item.woodmart-hover-base"),s){let e=s.querySelector(".fade-in-block");e&&t.push(e);let o=s.querySelector(".product-compare-button");o&&t.push(o)}if(s=c.closest(".grid__item"),s){if("www-bonmatch-com.myshopify.com"===o){let e=s.querySelector(".selector-wrapper.bcpo-file"),o=s.querySelector(".uploadkit.uploadkit-injected"),r=s.querySelector(".uploadkit-form");e&&t.push(e),o&&r&&r.appendChild(o)}let e=s.querySelector(".product__submit__buttons");e&&t.push(e);let r=s.querySelector(".products > .product-detail > .product-button"),c=s.querySelector(".products > .product-container > .product-button > .quick-view-text");r&&t.push(r),c&&t.push(c);let l=s.querySelector("button#AddToCart"),u=s.querySelector('[data-shopify="payment-button"].shopify-payment-button');if(l&&t.push(l),u&&t.push(u),"tienda-suca-bikes.myshopify.com"===o){let e=s.querySelector(".product__unit-price.product__unit-price--spacing"),t=s.querySelector(".c_p-quantity-input-parent"),o=s.querySelector(".masIva"),r=s.querySelector(".c_col-sw-btn");e&&e.classList.remove("hide"),t&&t.remove(),o&&o.remove(),r&&r.remove()}if("youchique-4183.myshopify.com"===o){let e=s.querySelector(".card-information__button");e&&t.push(e);let o=s.querySelector(".swym-wishlist-button-bar");o&&t.push(o)}if("stelladetailsb2b.myshopify.com"===o){let e=s.querySelector(".bss-b2b-product-vat");e&&t.push(e);let o=s.querySelector("#bss-b2b-tax-inc-excl");o&&t.push(o);let r=s.querySelector(".bss-b2b-collection-item-vat");r&&t.push(r);let c=s.querySelector(".price__regular");if(c){c.classList.remove("price__regular");let e=s.querySelector(".price-item--regular");e&&e.classList.remove("price-item--regular")}let l=s.querySelector(".price__sale");l&&t.push(l)}let i=s.querySelector("quick-view-drawer");
7210i&&t.push(i);let p=s.querySelector("add-to-cart");p&&t.push(p)}if(s=c.closest(".shop-the-look__product-info"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}if(s=c.closest(".popover.popover--quick-buy"),s){let e=s.querySelector(".product-form__buy-buttons");e&&t.push(e)}if(s=c.closest(".product__section.product-template .product__section-content .product__section-details"),s){let e=s.querySelector('form[action="/cart/add"] input#addToCart');e&&t.push(e)}if(s=c.closest(".product-item__info-inner"),s){let e=s.querySelector(".unit-price-measurement");e&&t.push(e)}if(s=c.closest(".product-form__info-item"),s){let e=s.querySelector(".unit-price-measurement");e&&t.push(e)}if(s=c.closest("div[data-product-blocks]"),s){let e=s.querySelector(".payment-buttons");e&&t.push(e);let o=s.querySelector(".spt-wishlist-button__wrapper");o&&t.push(o)}if(s=c.closest(".sf__pcard-content.text-center"),s){let e=s.querySelector("button.add-to-cart.sf__btn");e&&t.push(e)}if(s=c.closest(".product-details.section"),s){let e=s.querySelector('form#AddToCartForm.product-content-inner[action="/cart/add"]');e&&t.push(e)}if(s=c.closest(".search-item .product-item, .product-grid-row .product-item"),s){let e=s.querySelector(".product-img .action-btn");e&&t.push(e)}if(s=c.closest(".product-collection__content,.product-page-info"),s){let e=s.querySelector(".js-product-button-add-to-cart");e&&t.push(e)}if(s=c.closest(".details-info"),s){let e=s.querySelector(".group-button .add-to-cart");e&&t.push(e)}if(s=c.closest(".product-collection"),s){let e=s.querySelector(".group-button .add-to-cart");e&&t.push(e)}let u=c.closest("[data-js-product-price]");if(u&&u.setAttribute("bss-ltsp-active",""),s=c.closest(".product__info-container"),s){let e=s.querySelector('.form[data-type="add-to-cart-form"] > .shopify-payment-button[data-shopify="payment-button"]');e&&t.push(e)}if(s=c.closest(".products"),s){let e=s.querySelector(".product-container > .product-button > .variants > .add-cart-btn"),o=s.querySelector(".product-container > .product-button > .quick-view-text");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".dt-sc-tabs-container"),s){let e=s.querySelector(".dt-sc-tabs-content > .tab2 > .owl-stage-outer > .owl-stage > .owl-item > .item-row > .products > .product-container > .product-button > .variants > .add-cart-btn");e&&t.push(e)}if(s=c.closest(".wrapper-container"),s){let e=s.querySelector(".recently-viewed-products > .products-grid > .grid__item > .product-item > .products > .product-bottom > .price-box > .regular-product > .special-price"),o=s.querySelector(".recently-viewed-products > .products-grid > .grid__item > .product-item > .products > .product-bottom > .action > .variants > .add-to-cart-btn");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".featured__collection-product.product-index"),s){let e=s.querySelector(".product_listing_options");e&&t.push(e)}if(s=c.closest(".product-index"),s){let e=s.querySelector(".product_listing_options");e&&t.push(e)}if(s=c.closest(".product__section-details"),s){let e=s.querySelector(".product__section-details__inner
7210--product_buttons");e&&t.push(e)}if(s=c.closest(".product-page--cart-form-block"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".price__sale"),s){let e=s.querySelector(".price-item--regular");e&&t.push(e)}if(s=c.closest(".product-item-v1"),s){let e=s.querySelector(".price-old"),o=s.querySelector(".product-icon-action");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".detail-info > .relative"),s){let e=s.querySelector("#AddToCartForm > .btn-action"),o=s.querySelector('div.shopify-payment-button[data-shopify="payment-button"]'),r=s.querySelector(".product-price > del");e&&t.push(e),o&&t.push(o),r&&t.push(r)}if(s=c.closest(".product-details"),s){let e=s.querySelector(".product-block--form>.product-form--regular");e&&"eurosafetysystems.myshopify.com"!==o&&e.remove();let t=s.querySelector(".button-cart");t&&t.remove()}if("annabellenoeldesigns-com.myshopify.com"==o&&(s=c.closest(".product-block-list__item .card__section"),s)){let e=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE .multivariants_block_qty_box");e&&e.remove();let t=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE .multivariants_block_last_holder .multivariants_block_prc_holder");t&&t.remove();let o=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE #multivariants_add_to_cart_button_h");o&&o.remove();let r=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE #multivariants_block_subtotal_h");r&&r.remove()}if("fedua-b2b.myshopify.com"==o){if(s=c.closest(".gp-product-detail .container"),s){let e=s.querySelector(".gp-product-main-button button[type='submit']");e&&e.remove();let t=s.querySelector(".cbb-also-bought-add-to-cart-button");t&&t.remove();let o=s.querySelector(".cbb-also-bought-product-price-container");o&&o.remove()}if(s=c.closest(".gp-product-widget .product-card-grid"),s){let e=s.querySelector(".product-buttons .btn-quick-view ");e&&e.remove()}}if(s=c.closest(".product--price-container"),s){let e=s.querySelectorAll(".product--price-wrapper > a");e.length&&e.forEach(e=>e.remove())}if("linis-bites-b2b.myshopify.com"==window.location.host&&c.querySelector("[bss-customize-ltsp-message]")){let e=c.closest(".price .price__container");if(e){let o=e.querySelector(".unit-price.caption");o&&t.push(o)}}if(s=c.closest(".product-price--wrapper"),s){let e=s.querySelector(".product-price--compare");e&&e.remove()}if(s=c.closest(".price__pricing-group"),s){let e=s.querySelector(".price-item.price-item--regular[data-regular-price]");e&&(e.classList.remove("price-item"),e.classList.remove("price-item--regular"))}if(l.forEach((function(e){c.closest(e)&&t.push(c.closest(e))})),s=c.closest(".product-page-info"),s){let e=s.querySelector("[data-js-footbar-product-limit]");e&&t.push(e)}if(s=c.closest(".product-wrap"),s){let e=s.querySelector(".purchase-details button.button--add-to-cart"),o=s.querySelector(".product-action");if(e&&t.push(e),o&&t.push(o),window.Shopify&&"dermafirmusa.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".price.sale");e&&t.push(e)}}if(s=c.closest(".seven.columns.omega"),s){let e=s.querySelector(".purchase-details__buttons button.shopify-payment-button__button ");e&&t.push(e)}if(s=c.closest("#collectionPr"),s){let e=s.querySelectorAll("#PageContainer .collection .btn.add-to-cart");e.length&&e.forEach(e=>{t.push(e)})}if(s=c.closest(".grid.product-single"),s){let e=s.querySelector('#PageContainer .wrap-product-info button[type="submit"].btn.btn1.pr_btn.addtocart_js');e&&t.push(e)}if(s=c.closest(".gryffeditor"),s){let e=s.querySelector(".module-wrap .gf_add-to-cart.product-form-product-template");e&&t.push(e)}if(s=c.closest(".product-single .product-single__meta"),s){let e=s.querySelector('.product-form__item button[name="add"].product-form__cart-submit');e&&t.push(e)}if(s=c.closest(".shopify-product-form"),s){let e=s.querySelector("#product-price");e&&t.push(e)}if(s=c.closest(".product-item-price"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest('main#main[role="main"]'),s){let e=s.querySelector("div.atc-bar");e&&t.push(e)}if(s=c.closest("#CartDrawer"),s){let e=s.querySelector("#CartDrawer-CartItems .cart-item .cart-item__details dl .product-option");e&&t.push(e);let o=s.querySelector("#CartDrawer-CartItems .cart-item .cart-item__totals .cart-item__price-wrapper");o&&t.push(o);let r=s.querySelector("#CartDrawer-CartItems .cart-item .cart-item__quantity");r&&t.push(r);let c=s.querySelector(".drawer__footer");c&&t.push(c)}if(s=c.closest("#main-cart-items"),s){let e=s.querySelector(".cart-item .cart-item__details dl .product-option");e&&t.push(e);let o=s.querySelector(".cart-item .cart-item__quantity .cart-item__quantity-wrapper");o&&t.push(o);let r=s.querySelector(".cart-item .cart-item__totals.right.small-hide .cart-item__price-wrapper");r&&t.push(r)}if(s=c.closest("#main-cart-footer"),s){let e=s.querySelector(".cart__footer");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s&&window.Shopify&&("asiadirectfurniture.mysh
7210opify.com"===window.Shopify.shop||"pure-vision-ch.myshopify.com"===window.Shopify.shop)){let e=s.querySelector(".product__price[data-product-price]");e&&t.push(e)}if(s=c.closest(".product-inner.pr"),s){let e=s.querySelector(".pr_atc.pr_qty_atc > a.pr_atc_.js_addtc");e&&t.push(e)}if(s=c.closest("#shopify-section-pr_summary"),s){let e=s.querySelector("p.price_range, .price.price_varies");e&&t.push(e)}if(s=c.closest(".grid__item"),s){let e=s.querySelector(".product__form-container"),o=s.querySelector(".product__description");e&&(t.push(e),o.style.width="100%")}if(s=c.closest(".featured-product__content-wrapper"),s){let e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".card__price"),s&&"exosomes-inc.myshopify.com"===o&&(s.style.textAlign="center"),s=c.closest(".Product__InfoWrapper > .Product__Info "),s){let e=s.querySelector('.ProductForm__BuyButtons > button[type="submit"].ProductForm__AddToCart');e&&t.push(e);let o=s.querySelector(".ProductForm__AddToCart");o&&t.push(o)}if(s=c.closest(".product-grid__container .product-grid__content"),s){let e=s.querySelector(".product-single__form .product__quantity");e&&t.push(e);let o=s.querySelector(".add-to-cart");o&&t.push(o);let r=s.querySelector(".product__price--compare");if(r&&t.push(r),window.Shopify&&"sparklinbluewholesale.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".product__price-savings");e&&t.push(e)}}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".h1.medium--left");e&&"envogueusa.com"==window.location.host&&t.push(e)}if(s=c.closest("#productPrice-product-template"),s){let e=s.querySelector("small");e&&"envogueusa.com"==window.location.host&&t.push(e),s.appendChild(c)}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".form-grid-btn");e&&"mamiereglissepro.myshopify.com"===o&&t.push(e)}if(s=c.closest("#cont-form"),s){let e=s.querySelector(".so-price");e&&t.push(e);let r=s.querySelector("#addToCart");r&&"mamiereglissepro.myshopify.com"===o&&t.push(r)}if(s=c.closest(".template-product"),s){let e=s.querySelector('button[name="add"]#addToCartBis, button[name="add"]#addToCart2');e&&t.push(e)}if(s=c.closest(".grid-product__content"),s){let e=s.querySelector(".quick-product__btn");!e||"wood-hill-boards.myshopify.com"!==o&&"wood-hill-boards-usa.myshopify.com"!==o&&"bundlecomph.myshopify.com"!==o||t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product__quantity");!e||"wood-hill-boards.myshopify.com"!==o&&"wood-hill-boards-usa.myshopify.com"!==o||t.push(e)}if(s=c.closest(".product-block-area"),s){let e=s.querySelector("#addToCartButton");e&&"wanderlustvision.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-single__meta--wrapper .product-single__meta"),s){let e=s.querySelector(".price-container.text-money"),o=s.querySelector('button[name="add"].btn--add-to-cart');e&&t.push(e),o&&t.push(o)}if(s=c.closest(".product-single__metas"),s){let e=s.querySelector(".product-single__buttons .js-quantity-selector.product-quantity"),o=s.querySelector(".product-single__buttons button.btn--add-to-cart");e&&t.push(e),o&&t.push(o)}if("dollie-wholesale.myshopify.com"===o&&(s=c.closest(".product-card"),s)){let e=s.querySelector(".product-card__buttons .product-card__quickview"),o=s.querySelector(".product-card__buttons .product-card__form"),r=s.querySelector(".product-card__buttons .button-wishlist"),c=s.querySelector(".wpb-variants-swatch");e&&t.push(e),o&&t.push(o),r&&t.push(r),c&&t.push(c)}if("obsequ.myshopify.com"===o&&(s=c.closest(".product-meta"),s)){let e=s.querySelector(".price-list[data-product-price-list]");e&&e.remove()}if(s=c.closest(".sticky-cart"),s){let e=s.querySelector(".product-form__buttons");e&&t.push(e)}if("wholesale-rubypearlco.myshopify.com"!==o&&"coventa-demo.myshopify.com"!==o&&(s=c.closest(".productitem--info")||c.closest(".product-pricing"),s)){let e=s.querySelector(".price");e&&t.push(e)}if(s=c.closest(".productitem--info"),s){let e=s.querySelector(".price__compare-at.visible");e&&"coventa-demo.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-block-list"),s&&window.Shopify&&"axiom-wholesale-parts.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".price");e&&e.classList.remove("price")}if(s=c.closest(".product-layout"),s){let e=s.querySelector(".action-links");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product-block--price");e&&"comphycompany.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-details, .modal_price"),s){let e=s.querySelector(".current_price, .price__container");e&&t.push(e)}if("wholesale-rubypearlco.myshopify.com"===window.Shopify.shop&&(s=c.closest(".productitem__container .productitem--info, .product-details .product-pricing"),s)){let e=s.querySelectorAll(".price__compare-at--single, .price__compare-at, .price__current--max");
7210e.length&&e.forEach(e=>e.remove())}if("kerriecapelliusa-com.myshopify.com"===window.Shopify.shop&&(s=c.closest(".product-detail.quickbuy-content.spaced-row.container"),s)){let e=s.querySelectorAll(".product-form.theme-init .variant-visibility-area");e.length&&e.forEach(e=>e.remove())}if(s=c.closest(".widget_if_pr, .product-inner, .al_center.fl_center, .widget_if_pr"),s){let e=s.querySelectorAll(".product-price-pr-search, .hover_button, .nt_add_w, .nt_add_cp, .sticky_atc_btn.variations_form, .transcy-money");e.length&&e.forEach(e=>e.remove())}if(s=c.closest(".ProductItem__Wrapper, .ProductForm"),s){let e=s.querySelector(".ProductItem__PriceList, .ProductForm__QuantitySelector");e&&"sirenwireless.myshopify.com"!==o&&e.remove();let r=s.querySelector(".ProductFormWrapper");r&&"sirenwireless.myshopify.com"===o&&t.push(r)}if("butterfly-health-and-wellness.myshopify.com"===window.Shopify.shop){if(s=c.closest(".item-content"),s){let e=s.querySelector('.module-wrap[data-label="(P) Cart Button"] button.gf_add-to-cart');e&&e.remove()}if(s=c.closest(".gf_product-desc"),s){let e=s.querySelector("h4");e&&(e.remove(),c.style.display="none")}if(s=c.closest(".gf_column[data-id]"),s){let e=s.querySelectorAll('.elementor-section[data-element_type="section"] .elementor-text-editor strong, .gf_product-desc h4, .gf_product-desc strong');if(e)for(let t of e)t.remove()}}if(s=c.closest(".product-block"),s){let e=s.querySelector(".quickbuy-toggle");e&&t.push(e)}if(s=c.closest(".productView-details"),s){let e=s.querySelector(".productView-buttons"),r=s.querySelector(".quantity_selector"),c=s.querySelector(".productView-subtotal");e&&t.push(e),r&&t.push(r),c&&t.push(c),"remote-king-au.myshopify.com"===o&&s.querySelectorAll(".product-customInformation").forEach(e=>e.remove())}if(s=c.closest(".product__content"),s&&"campomarzio-trade-uk.myshopify.com"===o){let e=s.querySelector(".product__text"),o=s.querySelector(".select__fieldset"),r=s.querySelector(".product__submit");e&&t.push(e),o&&t.push(o),r&&t.push(r)}if(s=c.closest(".product-card__price, .product-single__meta-list"),s){let e=s.querySelector(".product-single__price, .money-product");e&&e.remove()}if("ens-nutrition-3419.myshopify.com"===o&&(s=c.closest(".card__content"),s)){let e=s.querySelector(".button.quick-add__submit");e&&e.remove()}if("b2b-nandu.myshopify.com"===o){if(s=c.closest(".grid-product__content"),s){let e=s.querySelector(".grid-product__meta .grid-product__price ");e&&e.remove()}let e=c.closest(".product-single__meta");if(e){let t=e.querySelector(".product__price.product__price--compare"),o=e.querySelector(".product__price.on-sale"),r=e.querySelector(".product__price-savings");t&&o&&r&&(t.remove(),o.remove(),r.remove())}}if("impjarwholesale.myshopify.com"===o){if(s=c.closest(".tp-product-content"),s){let e=s.querySelector("button#AddToCart"),o=s.querySelector(".tp-product-singe-action .tp-product-quantity");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".grid-item"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}}if("b2b-dbodhi-singapore.myshopify.com"===o&&(s=c.closest("del"),s&&t.push(c),s=c.closest(".product-information--inner"),s)){const e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".lh-details-product"),s){if("ags2020.myshopify.com"===o){let e=s.querySelector(".lh-price");e&&e.classList.remove("lh-price")}let e=s.querySelector(".lh-add_to_cart");e&&t.push(e);let r=s.querySelector(".lh-buy-now");r&&t.push(r);let c=s.querySelector(".lh-compare-at-price");c&&t.push(c)}if(s=c.closest(".lh-collection-item"),s){if("ags2020.myshopify.com"===o){let e=s.querySelector(".lh-price");e&&e.classList.remove("lh-price")}let e=s.querySelector(".lh-product-compare-price");e&&t.push(e)}if(s=c.closest(".ProductMeta, .ProductItem__Info"),s){let e=s.querySelectorAll(".Price");e&&e.forEach(e=>e.remove())}}t.forEach((function(e){e.remove()}))}}(e),function(e){e.ltsp.removeElementByLTSPWrapper=function(){let e=document.getElementsByClassName("bss-ltsp-price-wrapper"),t=[];for(let o=0;o<e.length;o++){let r=e[o],c=[],l=r.closest(".product-parent");if(l){let e=l.querySelector("form .tt-btn-addtocart");e&&t.push(e);let o=l.querySelector(".tt-btn-quickview");o&&t.push(o)}if(l=r.closest(".product-single__meta"),l=r.closest(".tt-product-single-info"),l){let e=l.querySelector("form .btn-addtocart");e&&t.push(e);let o=l.querySelector('form[action*="/cart/add"]');o&&t.push(o)}if(l=r.closest(".product_section"),l){let e=l.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e);let o=l.querySelector(".sale.savings");o&&t.push(o)}if(l=r.closest(".quick-shop-style--inline"),l){let e=l.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e)}if(l=r.closest(".product-details"),l){let e=l.querySelector("small em");e&&t.push(e)}if(l=r.closest(".gt_product-body"),l){let e=l.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=l.querySelector(".gt_product-saved");o&&t.push(o);let r=l.querySelector(".gt_product-price--compare");r&&t.push(r)}if(l=r.closest(".gt_product_content"),l){let e=l.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=l.querySelector(".gt_product-price--compare");o&&t.push(o)}if(l=r.closest(".gt-single-product"),l){let e=l.querySelector("div.gt_method_addToCart");e&&t.push(e);let o=l.querySelector(".gt_product-price--compare");o&&t.push(o)}if(l=r.closest("#cont-form"),l){let e=l.querySelector("form .cont-add-btns");e&&t.push(e)}if(l=r.closest(".theiaStickySidebar"),l){let e=l.querySelector(".variations_button");e&&t.push(e)}if(l=r.closest(".product-submit"),l){let e=l.querySelector(".payment-buttons-container");e&&t.push(e)}if(l=r.closest(".productitem"),l){let e=l.querySelector(".productitem--action");e&&t.push(e)}if(l=r.closest(".product--outer"),l){let e=l.querySelector(".product-form--atc");e&&t.push(e),e=l.querySelector(".shopify-payment-button"),e&&t.push(e)}if(l=r.closest(".product-grouped"),l){let e=l.querySelector(".product_top form#add-to-cart-form");e&&t.push(e)}if(l=r.closest(".product-item"),l){let e=l.querySelector(".product-top .product-des .action");e&&t.push(e)}if(l=r.closest(".product-item"),l){let e=l.querySelector('.product-item__action-button[data-action="add-to-cart"]');e&&t.push(e)}if(l=r.closest(".grid__item.grid-product"),l){let e=l.querySelector('form[action="/cart/add"] input[type="submit"]');e&&t.push(e);let o=l.querySelector(".grid-product__tag");o&&t.push(o);let r=l.querySelector(".visually-hidden");r&&t.push(r)}if(l=r.closest(".product-info"),l){let e=l.querySelector('form[action="/cart/add"] .payment-buttons');e&&t.push(e);let o=l.querySelector(".variant-wrapper.variant-wrapper--button");o&&t.push(o)}if(l=r.closest("#product-right"),l){let e=l.querySelector(".was");e&&t.push(e);let o=l.querySelector(".product-add");o&&t.push(o)}if(l=r.closest(".was"),l&&t.push(l),l=r.closest(".product-single__meta"),l){let e=l.querySelector(".pf__actions");e&&t.push(e)}if(l=r.closest("#AddToCartForm-product-template"),l){let e=l.querySelector("#CartButtons-product-template");e&&t.push(e)}if(l=r.closest(".Product__Info"),l){let e=l.querySelector(".ProductMeta__PriceList");e&&t.push(e)}if(l=r.closest(".grid-item"),l){let e=l.querySelector("#addToCart-product-template");e&&t.push(e);let o=l.querySelector(".payment-buttons");o&&t.push(o)}c.forEach((function(e){r.closest(e)&&t.push(r.closest(e))}))}t.forEach((function(e){e.remove()}))}}(e),e.ltsp.removePattern=function(){e.ltsp.removeElementByLTSPMessage(),e.ltsp.removeElementByLTSPWrapper()},e.ltsp.insertBeforeAddToCart=function(){let t=document.querySelectorAll(".bsscommerce-ltsp-message[data-ltsp-cart-message]");for(let o=0;o<t.length;o++){let r=t[o],c=r.getAttribute("data-ltsp-cart-message");r.removeAttribute("data-ltsp-cart-message");let l=[".main-content .product-single__meta",".main-content .grid__item",".main-content .grid-item",".main-content .product__content.product__content--template.product__content--information","main#MainContent .product__info-container",".container#product-product .product-info-main",'main#main section[data-section-id="collection-template"] .product-item',".product-area__details.product-detail .product-detail__form"];for(let t=0;t<l.length;t++){let o=r.closest(l[t]);if(o&&!o.querySelector(".bsscommerce-ltsp-message.hide-message")){let t=
7210o.querySelector('form[action="/cart/add"]');if(t){let o=e.helperLTSP.createHidePriceMessageSpan(c);t.before(o)}}}let s=[[".product-layout .item .item-inner .caption",".button.btn-cart"],['main#main section[data-section-id="product-template"] .card__section',".product-form__payment-container"],[".main#MainContent .content.product",'form[action="/cart/add"] .offers']];for(let t=0;t<s.length;t++){let o=r.closest(s[t][0]);if(o&&!o.querySelector(".bsscommerce-ltsp-message.hide-message")){let r=o.querySelector(s[t][1]);if(r){let t=e.helperLTSP.createHidePriceMessageSpan(c);r.before(t)}}}if(window.Shopify&&"airbesafe.myshopify.com"===window.Shopify.shop){let t=[[".shopify-section--main-collection .product-list__inner .product-item ",".product-item__info  .product-item-meta__price-list-container .price-list"],[".shopify-section--main-product .product--thumbnails-bottom .product__info",".product-meta__price-list-container"],["product-item.product-item .product-item__info",".product-item-meta__price-list-container"]];for(let o=0;o<t.length;o++){let l=r.closest(t[o][0]);if(l&&!l.querySelector(".bsscommerce-ltsp-message.hide-message")){let r=l.querySelector(t[o][1]);if(r){let t=e.helperLTSP.createHidePriceMessageSpan(c);r.after(t)}}}}}}}function c(e){!function(e){e.helperLTSP={},e.helperLTSP.createHidePriceMessageSpan=function(e){let t=document.createElement("span");return t.classList.add("bsscommerce-ltsp-message"),t.classList.add("hide-message"),t.style.fontSize="16px",t.style.fontWeight="normal",t.style.color="initial",t.style.textTransform="none",t.style.visibility="visible",t.innerHTML=e,t},e.helperLTSP.onLoadMore=function(e){const t=document.querySelector([".sf__product-listing[data-product-container] > div",'.row[data-js-collection-replace="products"]',".product-list-container .product-list.use-infinite-scroll","#collection-product .product-container",".container #col-main"].join(","));if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e()}))})).observe(t,{childList:!0})}}}(e)}function l(){const e={};c(e),r(e),function(e){e.ptvp={},e.ptvp.addPasscodeForm=function(){let e=document.querySelector('form[action*="/cart/add"]'),t=document.getElementsByClassName("bss-passcode-wrapper-tag"),o=document.getElementsByClassName("bsscommerce-password-form"),r=document.querySelector(".toggle-passcode-input"),c=null;if(o.length&&(c=o[0],c.style.display="block",r&&r.addEventListener("click",(function(e){let t=document.getElementById("bsscommerce-password");"password"===t.type?(t.type="text",e.target.closest(".toggle-passcode-input").style.fill="#5C5F62"):(t.type="password",e.target.closest(".toggle-passcode-input").style.fill="#BABEC3")}))),t.length&&e&&o.length){e.before(c);let o=document.getElementById("bsscommerce-password"),r=new FormData;r.append(o.name,o.value),document.getElementById("bsscommerce-password-submit").style.padding="12px 16px",document.getElementById("bsscommerce-password-submit").style.display="block";let l=new XMLHttpRequest;l.open("post","/cart/update.js"),l.send(r);let s=document.getElementsByClassName("bsscommerce-ltap-password");if(s.length)for(let e=0;e<s.length;e++)s[e].addEventListener("submit",(function(e){e.preventDefault();let t=this;if(t.length)for(let e=0;e<t.length;e++)if("bsscommerce-password"==t[e].id){let o=t[e];if(o.addEventListener("input",(function(){o.classList.remove("input--error")})),o.value)if(""!=o.value){let e=new FormData;e.append(o.name,o.value);let t=new XMLHttpRequest;t.onreadystatechange=function(){4==t.readyState&&200==t.status&&location.reload()},t.open("post","/cart/update.js"),t.send(e)}else o.classList.add("input--error")}}));for(let e=0;e<t.length;e++)t[e].remove()}}}(e),e.ptvp.addPasscodeForm(),document.querySelectorAll(".quick-view-btn").forEach((function(t){t.addEventListener("click",(function(){setTimeout((function(){e.ptvp.addPasscodeForm()}),1e3)}))})),function e(){document.querySelectorAll(".advanced-filter a").forEach((function(t){t.addEventListener("click",(function(){setTimeout((function(){let t=document.getElementsByClassName("bsscommerce-ltsp-message");for(let e=0;e<t.length;e++){let o=t[e].closest(".item-row");
7210if(o){let e=o.querySelector(".add-to-cart");e&&e.remove()}}e()}),1200)}))}))}(),e.ltsp.quickView(),e.ltsp.insertBeforeAddToCart(),e.ltsp.removePattern(),e.helperLTSP.onLoadMore(e.ltsp.removePattern),setTimeout((function(){e.ltsp.removePattern()}),2500);if(window.Shopify&&-1!==["showroom1-ducanero.myshopify.com","sparklinbluewholesale.myshopify.com","youchique-4183.myshopify.com","wilkens-gmbh.myshopify.com","friends-forever-pets.myshopify.com"].indexOf(window.Shopify.shop)&&(window.onscroll=function(e,t){let o;return function(...r){o&&clearTimeout(o),o=setTimeout(()=>{e(...r),o=null},t)}}((function(){let t=setInterval((function(){e.ltsp.removePattern()}),200);setTimeout((function(){clearInterval(t)}),3e3)}),500)),"amoreo.eu"===window.location.host){let t=setInterval((function(){e.ltsp.removePattern()}),200);setTimeout((function(){clearInterval(t)}),3e3)}let t=document.querySelector(".infinite-scrolling-homepage a.btn");"airbesafe.myshopify.com"===window.location.host&&setTimeout((function(){e.ltsp.insertBeforeAddToCart()}),3e3),t&&(t.onclick=function(){setTimeout((function(){e.ltsp.removePattern()}),1e3)});let o=document.querySelectorAll("#shopify-section-product-recommendations, .product-modal-wrapper");var l,s,u;(o.length&&o.forEach((function(t){t.addEventListener("DOMSubtreeModified",(function(){e.ltsp.removePattern()}))})),"valleys-group.myshopify.com"===window.location.host)&&(l=function(){e.ltsp.removePattern();
7210let t=document.querySelectorAll(".slideout__drawer-right, .sidebar_leftside_wapper, .filtering__results");t.length&&t.forEach((function(e){e.addEventListener("click",(function(){setTimeout(()=>{l()},1700)}))}))});"b.salonpremium.com"===window.location.host&&(s=function(){e.ltsp.removePattern();let t=document.querySelectorAll(".pagination");t.length&&t.forEach((function(e){e.addEventListener("click",(function(){setTimeout(()=>{s()},3e3)}))}))});"www.internationalbeauty.ca"===window.location.host&&(u=function(){let t=document.querySelector('[id^="RecentlyViewed"]');new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&(e.ltsp.removePattern(),document.querySelectorAll(".btn--icon.quick-product__btn").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-grid__content");if(o){let e=o.querySelector(".payment-buttons");e&&e.remove()}}u()}),2e3)}))})))}))})).observe(t,{childList:!0})});if("bluebasketb2b.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#CartDrawer");const o=()=>{let e=document.querySelectorAll("script#bss-ltap-login-require");for(let t in e)t.remove()};if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&(e.ltsp.removePattern(),o())}))})).observe(t,{childList:!0})}}if("dollie-wholesale.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#product-grid .products__row");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0})}}if("impjarwholesale.myshopify.com"===window.Shopify.shop){let t=document.querySelector(".tp-collection-content");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0})}}if("inex-studio.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#Search .Search__Results");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0,subtree:!0})}}}o.r(t),o.d(t,"default",(function(){return l})),l()}]);
7211 </script>
7211
7212 
7213       </main>
7214       
7215       <div id="shopify-section-newsletter" class="shopify-section"><br>
7216   <style>
7217     #shopify-section-newsletter {
7218       background: url('https://blogger.googleusercontent.com/img/a/AVvXsEgHdJKurTx5lV2eg0kUFWe1iXUT9SKh3E0Z35us3td1y9cdW3YcdfsxVsSjOMmu3Te9IDlcBV0lHEWI9eacnqKkWeK9EkiSq43NbILSdbKRBzoR6pYQ5Mv-KSnISnM1GUmRobAU6PP0iD2-3KqL5lGjsMJjz8_3CpMmBa-zSpOMHVwyQ1jssW5eKD-52wo');
7219       background-attachment: fixed;
7220       margin-bottom: 0;
7221     }
7222     input:-webkit-autofill,
7223     input:-webkit-autofill:hover,
7224     input:-webkit-autofill:active,
7225     input:-webkit-autofill:focus {
7226       -webkit-box-shadow:0 0 0 50px white inset;
7227       -webkit-text-fill-color: #ffffff;
7228     }
7229     .section-newsletter {
7230       max-width: 800px;
7231       margin: auto;
7232       padding: 50px 0;
7233     }
7234     .section-newsletter h2 {
7235       font-weight: 700;
7236       font-size: 24px;
7237     }
7238     .section-newsletter input[type="email"] {
7239       width: 100%;
7240       text-align: center;
7241       border: none;
7242       border-bottom: 1px solid #ffffff;
7243       font-size: 16px;
7244       color: #757575;
7245       background-color: #eeeeee;
7246     }
7247     .section-newsletter .row label {
7248       font-size: 14px;
7249       cursor: pointer;
7250     }
7251     .section-newsletter .radio-inline input {
7252       width: auto;
7253     }
7254     .section-newsletter .btn {
7255       width: 130px;
7256       border: 1px solid #ffffff;
7257       box-shadow: none;
7258       font-size: 16px;
7259       font-weight: 500;
7260       text-transform: uppercase;
7261     }
7262     .section-newsletter form {
7263       margin: 30px 0 60px;
7264     }
7265     .section-newsletter input[type="radio"] {
7266       position: absolute;
7267       width: 1px;
7268       height: 1px;
7269     }
7270     .section-newsletter [type="radio"]:checked + label, .section-newsletter [type="radio"]:not(:checked) + label {
7271       position: relative;
7272       padding-left: 28px;
7273       cursor: pointer;
7274       line-height: 20px;
7275       display: inline-block;
7276       color: #666;
7277     }
7278     .section-newsletter [type="radio"]:checked + label:before, .section-newsletter [type="radio"]:not(:checked) + label:before {
7279       content: '';
7280       position: absolute;
7281       left: 0;
7282       top: 0;
7283       width: 18px;
7284       height: 18px;
7285       border: 1px solid #ddd;
7286       border-radius: 100%;
7287       background: #fff;
7288     }
7289     .section-newsletter [type="radio"]:checked + label:after, .section-newsletter [type="radio"]:not(:checked) + label:after {
7290       content: '';
7291       width: 12px;
7292       height: 12px;
7293       background: #ffffff;
7294       position: absolute;
7295       top: 3px;
7296       left: 3px;
7297       border-radius: 100%;
7298       -webkit-transition: all 0.2s ease;
7299       transition: all 0.2s ease;
7300     }
7301     .section-newsletter [type="radio"]:not(:checked) + label:after {
7302       opacity: 0;
7303       -webkit-transform: scale(0);
7304       transform: scale(0);
7305     }
7306     .opt-newsletter {display:none;}
7307     .footer-newsletter p, .footer-newsletter p a {
7308       color: #757575;
7309     }
7310     @media (max-width:991px){
7311       .section-newsletter h2 {
7312         font-size: 32px;
7313       }
7314       .section-newsletter input {
7315         width: 300px;
7316         font-size: 14px;
7317       }
7318       .section-newsletter {
7319         padding: 50px 20px;
7320       }
7321     }
7322     @media (max-width: 480px){
7323       .section-newsletter input[type="email"] {font-size: 16px;}
7324     }
7325   </style>
7326  <style>
7327 .icon-img-footer {
7328     width: 80px; 
7329     padding: 0px 5px;
7330 }
7331 @media (min-width: 768px) {
7332     .icon-img-footer {
7333         width: 120px; 
7334     }
7335 }
7336 @media (min-width: 992px) {
7337     .icon-img-footer {
7338         width: 120px; 
7339     }
7340 }
7341 
7342   .button-login-daftar {
7343                         display: grid;
7344                         grid-template-columns: repeat(2, 1fr);
7345                         font-weight: 700;
7346                     }
7347                     .button-login-daftar a {
7348                         text-align: center;
7349                     }
7350                     .login,
7351                     .register {
7352                         color: #00BFFF;
7353                         padding: 15px 10px;
7354                         font-size: 23px;
7355                     }
7356                     .login,
7357                     .login-button {
7358                         background: linear-gradient(to bottom,#000000 0,#000000 100%);
7359                         border: 2px solid #00BFFF;
7360                     }
7361                     .register,
7362                     .register-button {
7363                         background: linear-gradient(to bottom,#000000 0,#000000 100%);
7364                         border: 2px solid #00BFFF;
7365                     }
7366 
7367 
7368 
7369 </style>
7370 
7371 <!-- wp:html -->
7372  
7372<script>
7373         document.addEventListener('DOMContentLoaded',
7374             function(){const faqItems=document.querySelectorAll('.faq-item');
7375             faqItems.forEach(item=>{const question=item.querySelector('.faq-question');
7376             question.addEventListener('click',
7377             ()=>{const isActive=item.classList.contains('active');
7378             faqItems.forEach(otherItem=>{otherItem.classList.remove('active')});
7379             if(!isActive){item.classList.add('active')}})})});
7380         </script>
7380
7381 
7382 
7383             <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close" bis_skin_checked="1">
7384             </div>
7385 <div class="faq-section">
7386         <h2>FAQ TERBAIK CANDU123</h2>
7387             <div class="faq-container">
7388                 <div class="faq-item">
7389                     <button class="faq-question">1.  Apa itu CANDU123?<span></span></button>
7390                     <div class="faq-answer"><p>CANDU123 merupakan pendatang baru di dunia game online yang menghadirkan pilihan permainan variatif dengan navigasi sederhana, tampilan responsif, serta akses yang nyaman melalui perangkat mobile maupun desktop.</p></div>
7391                 </div>
7392                 <div class="faq-item">
7393                     <button class="faq-question">2. Kenapa CANDU123 mulai ramai dibicarakan di kalangan pemain?<span></span></button>
7394                     <div class="faq-answer"><p>Perhatian terhadap CANDU123 berkaitan dengan variasi permainan, kemudahan menjelajahi kategori, dan pengalaman akses yang praktis. Kombinasi tersebut membuat brand ini memiliki karakter yang mudah dikenali di tengah banyaknya pilihan game online.<p></div>
7395                 </div>
7396                 <div class="faq-item">
7397                     <button class="faq-question">3. Kenapa CANDU123 sering dikaitkan dengan istilah game online gacor?<span></span></button>
7398                     <div class="faq-answer"><p>Istilah gacor umum digunakan komunitas pemain untuk menyebut permainan yang dianggap sedang menarik atau terasa aktif dimainkan. Sebutan tersebut bukan jaminan kemenangan karena hasil setiap permainan tetap bergantung pada mekanisme masing-masing game.</p></div>
7399                 </div>
7400                  <div class="faq-item">
7401                     <button class="faq-question">4. Apa saja jenis game yang bisa ditemukan di CANDU123?<span></span></button>
7402                     <div class="faq-answer"><p>Pengguna dapat menemukan permainan dengan beragam konsep, mulai dari fantasi, petualangan, tema klasik hingga game interaktif dengan fitur dan ritme berbeda. Variasi tersebut memberikan lebih banyak pilihan sesuai preferensi bermain.</p></div>
7403                 </div>
7404                  <div class="faq-item">
7405                     <button class="faq-question">5. Apakah CANDU123 nyaman dimainkan melalui smartphone?<span></span></button>
7406                     <div class="faq-answer"><p>CANDU123 mengusung tampilan responsif agar kategori, informasi game, dan menu utama tetap mudah dijangkau melalui smartphone. Pengguna juga dapat mengaksesnya melalui desktop sesuai perangkat yang digunakan.</p></div>
7407                 </div>
7408 
7409             </div>
7410 
7411         </div>
7412 
7413     </div>
7414 
7415 
7416 <div class="overlay overlay-cart"></div>
7417 <div id="CartDrawer" class="drawer drawer--right">
7418   <div class="drawer__header pl-2 pr-2">
7419     <div class="drawer__icon-cart display-table-cell">
7420       <a href="/cart" class="">
7421         <svg class="icon icon-cart" version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="32" height="32" viewBox="0 0 32 32"> <path fill="#fff" d="M13.638 23.203c0 0 3.5-2.113 3.502-4.11 0.002-2.304-2.689-3.537-3.497-1.76-0.916-1.778-3.493-1.714-3.497 0.59-0.003 1.999 3.491 5.28 3.491 5.28z"></path> <path fill="#fff" d="M8.112 9.809v16.662l11.063 2.491v-17.58l-11.063-1.573zM7.74 8.858l11.925 1.696c0.213 0.030 0.372 0.218 0.372 0.44v18.519c0 0.284-0.254 0.495-0.523 0.434l-11.925-2.685c-0.198-0.045-0.339-0.225-0.339-0.434v-17.53c0-0.27 0.231-0.477 0.49-0.44z"></path> <path fill="#fff" d="M23.7 10.046l-3.275 0.146-0.388 0.897v17.656l3.664-2.174v-16.526zM24.346 27.214l-4.526 2.685c-0.287 0.17-0.646-0.043-0.646-0.385v-18.519l0.037-0.181 0.534-1.235c0.067-0.154 0.212-0.256 0.375-0.263l3.991-0.178c0.245-0.011 0.45 0.191 0.45 0.444v17.247c0 0.159-0.082 0.306-0.216 0.385z"></path> <path fill="#000" d="M20.772 27.081l-0.501 2.383c-0.050 0.24-0.28 0.392-0.512 0.34s-0.38-0.289-0.33-0.528l0.569-2.707v-16.588c0-0.245 0.193-0.444 0.431-0.444s0.431 0.199 0.431 0.444v16.215l3.296 0.189c0.238 0.014 0.42 0.223 0.406 0.468s-0.217 0.433-0.454 0.419l-3.335-0.191z"></path> <path fill="#fff" d="M20.772 27.081l-0.501 2.383c-0.050 0.24-0.28 0.392-0.512 0.34s-0.38-0.289-0.33-0.528l0.569-2.707v-16.588c0-0.245 0.193-0.444 0.431-0.444s0.431 0.199 0.431 0.444v16.215l3.296 0.189c0.238 0.014 0.42 0.223 0.406 0.468s-0.217 0.433-0.454 0.419l-3.335-0.191z"></path> <path fill="#fff" d="M11.336 8.354l-0.257-0.333c-0.243-0.315 0.012-0.774 0.398-0.717l12.51 1.838c0.236 0.035 0.399 0.26 0.366 0.503s-0.252 0.412-0.487 0.377l-11.436-1.68 0.056 0.073c0.209 0.27 0.052 0.672-0.281 0.718l-4.467 0.607c-0.236 0.032-0.452-0.139-0.484-0.383s0.135-0.467 0.371-0.499l3.711-0.504z"></path> <path fill="#fff" d="M17.152 11.344c0.026-0.003 0.053-0.005 0.079-0.005 0.357 0 0.645 0.297 0.645 0.665s-0.288 0.665-0.645 0.665c-0.322 0-0.59-0.245-0.637-0.565-0.383-0.45-0.515-1.321-0.521-2.536-0.003-0.556 0.026-1.149 0.076-1.739 0.028-0.339 0.057-0.603 0.074-0.735 0.195-2.391-2.008-3.379-3.568-1.658-0.64 0.707-1.041 1.855-1.266 3.412-0.092 0.634-0.137 1.111-0.194 2.024 0.107 0.119 0.172 0.278 0.172 0.453 0 0.342-0.251 0.624-0.573 0.661-0.031 0.005-0.064 0.007-0.097 0.005-0.015-0.001-0.029-0.003-0.044-0.
7421005-0.324-0.036-0.576-0.318-0.576-0.661 0-0.218 0.102-0.412 0.259-0.533 0.058-0.924 0.105-1.415 0.201-2.075 0.249-1.719 0.703-3.020 1.489-3.888 2.114-2.335 5.321-0.897 5.054 2.359-0.018 0.141-0.045 0.392-0.072 0.717-0.047 0.566-0.075 1.133-0.073 1.658 0.004 0.839 0.098 1.47 0.216 1.78z"></path> <path fill="#fff" d="M14.43 8.138c-0.008 0.245-0.207 0.438-0.445 0.43s-0.424-0.213-0.417-0.459c0.001-0.026 0.001-0.026 0.002-0.051 0.029-0.909 0.047-1.282 0.102-1.792 0.164-1.528 0.58-2.665 1.434-3.481 2.037-1.949 5.235-0.623 5.066 2.208-0.007 0.119-0.018 0.331-0.029 0.608-0.022 0.539-0.033 1.084-0.029 1.59 0.007 0.797 0.053 1.412 0.139 1.744 0.062 0.237-0.075 0.481-0.305 0.544s-0.466-0.077-0.528-0.314c-0.111-0.427-0.161-1.097-0.168-1.966-0.004-0.523 0.007-1.081 0.029-1.634 0.011-0.284 0.023-0.502 0.030-0.626 0.119-1.995-2.13-2.927-3.619-1.501-0.673 0.644-1.021 1.591-1.164 2.927-0.051 0.479-0.069 0.838-0.097 1.723-0.001 0.026-0.001 0.026-0.002 0.052z"></path> </svg>
7422       </a>
7423     </div>
7424     <div class="drawer__title h4">Keranjang Belanja</div>
7425     <div class="drawer__close js-drawer-close">
7426       <button type="button">
7427         <svg class="icon icon-close" version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="32" height="32" viewBox="0 0 32 32">
7428 <title>icon-close</title>
7429 <path d="M16.943 16l8.862 8.862c0.26 0.26 0.26 0.682 0 0.943s-0.682 0.26-0.943 0l-8.862-8.862-8.862 8.862c-0.26 0.26-0.682 0.26-0.943 0s-0.26-0.682 0-0.943l8.862-8.862-8.862-8.862c-0.26-0.26-0.26-0.682 0-0.943s0.682-0.26 0.943 0l8.862 8.862 8.862-8.862c0.26-0.26 0.682-0.26 0.943 0s0.26 0.682 0 0.943l-8.862 8.862z"></path>
7430 </svg>
7431       </button>
7432     </div>
7433   </div>
7434   <div id="CartContainer" class="p-2"></div>
7435 </div>
7436 
7437 
7437<script>
7438       
7439     </script>
7439
7440       
7440<script src="//outerbloom.com/cdn/shop/t/138/assets/handlebars.min.js?v=79044469952368397291752652415" defer></script>
7440
7441       <!-- /snippets/ajax-cart-template.liquid -->
7442 
7443   
7443<script id="CartTemplate" type="text/template">
7444   
7445     <form action="/cart" method="post" novalidate class="cart ajaxcart">
7446       <div class="ajaxcart__inner" {{ cart.item_count }}>
7447         {{#items}}
7448         <div class="ajaxcart__product">
7449           <div class="ajaxcart__row" data-line="{{line}}">
7450             <div class="grid">
7451               <div class="grid__item one-quarter">
7452                 <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt=""></a>
7453               </div>
7454               <div class="grid__item three-quarters">
7455                 <p class="d-block mb-3">
7456                   <a class="h4 d-block mb-2" href="{{url}}" class="ajaxcart__product-name">{{name}}</a>
7457                   {{#if variation}}
7458                     <span class="ajaxcart__product-meta p">{{variation}}</span>
7459                   {{/if}}
7460                   {{#properties}}
7461                     {{#each this}}
7462                       {{#if this}}
7463                         <span class="ajaxcart__product-meta p hide">{{@key}}: {{this}}</span>
7464                       {{/if}}
7465                     {{/each}}
7466                   {{/properties}}
7467                   
7468                 </p>
7469                 <div class="grid--full display-table">
7470                   <div class="grid__item display-table-cell one-half">
7471                     <div class="ajaxcart__qty">
7472                       <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}">
7473                         <svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="24" viewBox="0 0 32 32"><title>icon-minus</title><path d="M6.667 16.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h18.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-18.667z"></path></svg>
7474                         <span class="visually-hidden">Kurangi jumlah barang</span>
7475                       </button>
7476                       <input type="text" name="updates[]" class="btn ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*">
7477                       <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}">
7478                         <svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="24" viewBox="0 0 32 32"><title>icon-plus</title><path d="M16.667 15.333h8.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-8.667v8.667c0 0.368-0.298 0.667-0.667 0.667s-0.667-0.298-0.667-0.667v-8.667h-8.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h8.667v-8.667c0-0.368 0.298-0.667 0.667-0.667s0.667 0.298 0.667 0.667v8.667z"></path></svg>
7479                         <span class="visually-hidden">Tambahkan jumlah barang</span>
7480                       </button>
7481                     </div>
7482                   </div>
7483                   <div class="grid__item display-table-cell one-half text-right">
7484                     {{#if discountsApplied}}
7485                       <small class="ajaxcart-item__price-strikethrough"><s>{{{originalLinePrice}}}</s></small>
7486                       <br><span class="h4">{{{linePrice}}}</span>
7487                     {{else}}
7488                       <span class="h4">{{{linePrice}}}</span>
7489                     {{/if}}
7490                     </div>
7491                   </div>
7492                   {{#if discountsApplied}}
7493                     <div class="grid--full display-table">
7494                       <div class="grid__item text-right">
7495                         {{#each discounts}}
7496                           <small class="ajaxcart-item__discount">{{ this.title }}</small><br>
7497                         {{/each}}
7498                       </div>
7499                     </div>
7500                   {{/if}}
7501                   </div>
7502                 </div>
7503               </div>
7504             </div>
7505           </div>
7506         </div>
7507         {{/items}}
7508       </div>
7509       <div class="ajaxcart__footer">
7510         <div class="grid--full cart-subtotal py-2">
7511             <p>Subtotal</p>
7512             <h3 class="primary">{{{totalPrice}}}</h3>
7513           {{#if totalCartDiscount}}
7514             <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p>
7515           {{/if}}
7516         </div>
7517         
7518         <a href="/cart" class="btn btn-cta view-more btn-block cart__checkout mt-2">Checkout</a>
7519         
7520         <p class="cart-checkout-shipping hide">Free Ongkir dengan belanja di atas Rp.10.000 <a href="/pages/pengiriman">detail</a></p>
7521       </div>
7522     </form>
7523   
7524   </script>
7524
7525   
7525<script id="AjaxQty" type="text/template">
7526   
7527     <div class="ajaxcart__qty">
7528       <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}">
7529         <svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="24" viewBox="0 0 32 32">
7530             <title>icon-minus</title>
7531             <path d="M6.667 16.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h18.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-18.667z"></path>
7532         </svg>
7533         <span class="visually-hidden">Kurangi jumlah barang</span>
7534           </button>
7535               <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*">
7536           <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-qty="{{itemAdd}}">
7537         <svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="24" viewBox="0 0 32 32"><title>icon-plus</title><path d="M16.667 15.333h8.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-8.667v8.667c0 0.368-0.298 0.667-0.667 0.667s-0.667-0.298-0.667-0.667v-8.667h-8.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h8.667v-8.667c0-0.368 0.298-0.667 0.667-0.667s0.667 0.298 0.667 0.667v8.667z"></path></svg>
7538         <span class="visually-hidden">Tambahkan jumlah barang</span>
7539       </button>
7540     </div>
7541   
7542   </script>
7542
7543   
7543<script id="JsQty" type="text/template">
7544   
7545     <div class="js-qty mx-auto mt-2">
7546       <button type="button" class="js-qty__adjust js-qty__adjust--minus" data-id="{{key}}" data-qty="{{itemMinus}}">
7547         <svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="24" viewBox="0 0 32 32"><title>icon-minus</title><path d="M6.667 16.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h18.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-18.667z"></path></svg>
7548         <span class="visually-hidden">Kurangi jumlah barang</span>
7549       </button>
7550       <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}">
7551       <button type="button" class="js-qty__adjust js-qty__adjust--plus" data-id="{{key}}" data-qty="{{itemAdd}}">
7552         <svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="24" viewBox="0 0 32 32"><title>icon-plus</title><path d="M16.667 15.333h8.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-8.667v8.667c0 0.368-0.298 0.667-0.667 0.667s-0.667-0.298-0.667-0.667v-8.667h-8.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h8.667v-8.667c0-0.368 0.298-0.667 0.667-0.667s0.667 0.298 0.667 0.667v8.667z"></path></svg>
7553         <span class="visually-hidden">Tambahkan jumlah barang</span>
7554       </button>
7555     </div>
7556   
7557   </script>
7557
7558 
7559 <style>
7560   #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty button,
7561   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty button,
7562   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty button {display: none;}
7563   #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
7564   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
7565   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;opacity: 0.5;}
7566   #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
7567   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
7568   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;}
7569 </style>
7570       
7570<script src="//outerbloom.com/cdn/shop/t/138/assets/ajax-cart.js?v=51128912329657147331752652452" defer></script>
7570
7571       
7571<script>
7572         jQuery(function($) {
7573           ajaxCart.init({
7574             formSelector: '#AddToCartForm',
7575             cartContainer: '#CartContainer',
7576             addToCartSelector: '#AddToCartXX',
7577             cartCountSelector: '#CartCount, #CartCount2',
7578             cartCostSelector: '#CartCost',
7579             moneyFormat: "Rp {{amount_no_decimals}}"
7580           });
7581           });
7582 
7583           jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) {
7584             // Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM
7585             timber.RightDrawer.open();
7586           });
7587       </script>
7587
7588     
7589 
7590 
7591 
7592 <style>
7593   /** Search AutoComplete **/
7594   .resultsearch .ui-menu-item[data-cat="Collection"],
7595   .resultsearch .ui-menu-item[data-cat="Collection"] {display: none;}
7596   .resultsearch .ui-widget.ui-widget-content {
7597     width: 100%;
7598     top: 48px;
7599     border: none;
7600     box-shadow: 0 4px 8px rgba(255, 255, 255, 0.3);
7601   }
7602   .resultsearch .ui-menu-item {text-align: left;}
7603   .resultsearch .ui-menu-item>a, .resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 16px;}.resultsearch .ui-menu-item img {vertical-align: middle;}.resultsearch .ui-menu-item a[data-cat="Collection"] img {display: none;}.resultsearch .ui-menu .ui-state-focus, .resultsearch .ui-menu .ui-state-active {margin: 0;}.ui-state-active, .ui-widget-content .ui-state-active {background: #f2f2f2;border: none;color: #ffffff;}.resultsearch .ui-menu-item>a,.resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 13px;}.resultsearch .ui-menu-item a[data-cat="Produk"] img {margin-right: 10px;}.resultsearch .ui-menu-item a[data-cat="Produk"] .price {float: right;padding: 15px 0;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"]:before {content: "Product Populer";font-size: 13px;padding: 5px;margin: 5px 0;background: #f2f2f2;width: 100%;display: block;color: #ffffff;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"] span {display: none;}
7604   .ui-state-active {
7605     border: none!important;
7606     background-color: #fafafa!important;
7607     color: #000!important;
7608   }
7609   .ui-menu-item a[data-cat="Collection"] {padding: 5px 12px;}
7610   .ui-menu .ui-menu-item {line-height: normal;}
7611 </style>
7612 
7612<script>
7613 $(window).load(function(){
7614 
7615   function format(item) {var cell = '';cell += "<a data-cat=" + item.category + " " + "href=" + item.url + ">" + "<img src=" + item.images + "/>" + "<span class='title'>" + item.label + "</span>" + "<span class='price'>" + item.price + "</span>" + "</a>";return cell;}
7616 
7617   $.widget("custom.catcomplete", $.ui.autocomplete, {
7618     _renderMenu: function (ul, items) {
7619       // have search reults split up in categories
7620       var that = this,
7621           currentCategory = "";
7622       $.each(items, function (index, item) {
7623         if (item.category != currentCategory) {
7624           ul.append("<li class='ui-autocomplete-category' data-cat=" + item.category + ">" + "<span>" + item.category + "</span>" + "</li>");
7625           currentCategory = item.category;
7626         }
7627         that._renderItemData(ul, item);
7628       });
7629     }
7630   });
7631 
7632   // higlight searched for term
7633   $.ui.autocomplete.prototype._renderItem = function( ul, item ) {
7634     var term = this.element.val(),
7635         html = item.label.replace( term, "<b>$&</b>" );
7636     return $( "<li>" )
7637     .append(format(item))
7638     .appendTo( ul );
7639   };
7640 
7641 
7642   var data = [
7643       { label: "< Rp 500.000", category: "Collection", url: "/collections/rp-500-000", images: " ", price: " " },{ label: "> Rp 1.000.000", category: "Collection", url: "/collections/rp-1-000-000", images: " ", price: " " },{ label: "Acrylic Jewelry Box", category: "Collection", url: "/collections/acrylic-jewelry-box", images: " ", price: " " },{ label: "Ajmal", category: "Collection", url: "/collections/ajmal", images: " ", price: " " },{ label: "Alamat Rumah Duka", category: "Collection", url: "/collections/rumah-duka", images: " ", price: " " },{ label: "Anggrek Bulan", category: "Collection", url: "/collections/anggrek-bulan", images: " ", price: " " },{ label: "Anniversary Gift", category: "Collection", url: "/collections/kado-anniversary", images: " ", price: " " },{ label: "Aquarius ♒️ 20Jan - 18Feb", category: "Collection", url: "/collections/kado-untuk-zodiak-aquarius", images: " ", price: " " },{ label: "Aries ♈️ 21March - 19April", category: "Collection", url: "/collections/kado-untuk-zodiak-aries", images: " ", price: " " },{ label: "Armaf", category: "Collection", url: "/collections/armaf", images: " ", price: " " },{ label: "Aromatherapy Diffuser", category: "Collection", url: "/collections/aromatherapy-diffuser", images: " ", price: " " },{ label: "Artisan Soap", category: "Collection", url: "/collections/artisan-soap", images: " ", price: " " },{ label: "Artisan Tea", category: "Collection", url: "/collections/artisan-tea", images: " ", price: " " },{ label: "AsmaraKu", category: "Collection", url: "/collections/asmaraku", images: " ", price: " " },{ label: "Atkinsons", category: "Collection", url: "/collections/atkinsons", images: " ", price: " " },{ label: "Autumn by Outerbloom", category: "Collection", url: "/collections/autumn-by-outerbloom", images: " ", price: " " },{ label: "Autumn by Outerbloom Chinese New Year", category: "Collection", url: "/collections/autumn-by-outerbloom-chinese-new-year", images: " ", price: " " },{ label: "Autumn by Outerbloom Christmas", category: "Collection", url: "/collections/autumn-by-outerbloom-christmas", images: " ", price: " " },{ label: "Autumn by Outerbloom Luar Jadetabek", category: "Collection", url: "/collections/autumn-by-outerbloom-luar-jadetabek", images: " ", price: " " },{ label: "Autumn by Outerbloom Ramadan", category: "Collection", url: "/collections/autumn-by-outerbloom-ramadan", images: " ", price: " " },{ label: "Autumn Pop", category: "Collection", url: "/collections/autumn-pop", images: " ", price: " " },{ label: "Bachelorette", category: "Collection", url: "/collections/bachelorette", images: " ", price: " " },{ label: "Bag Newborn Hampers", category: "Collection", url: "/collections/bag-newborn-hampers", images: " ", price: " " },{ label: "Balon", category: "Collection", url: "/collections/balon", images: " ", price: " " },{ label: "Beauty Package", category: "Collection", url: "/collections/beauty-package", images: " ", price: " " },{ label: "Best Deal", category: "Collection", url: "/collections/best-deal", images: " ", price: " " },{ label: "Best Seller", category: "Collection", url: "/collections/best-seller", images: " ", price: " " },{ label: "Best Valentine's Deals", category: "Collection", url: "/collections/bes-valentines-deals", images: " ", price: " " },{ label: "Best Value Newborn Hampers Collection", category: "Collection", url: "/collections/best-value-newborn-hampers-collection", images: " ", price: " " },{ label: "Black Tea", category: "Collection", url: "/collections/black-tea", images: " ", price: " " },{ label: "Blessing Hampers", category: "Collection", url: "/collections/blessing-hampers", images: " ", price: " " },{ label: "Bloom Box", category: "Collection", url: "/collections/bloom-box", images: " ", price: " " },{ label: "Bloomcard", category: "Collection", url: "/collections/bloomcard", images: " ", price: " " },{ label: "Boutonniere", category: "Collection", url: "/collections/boutonniere", images: " ", price: " " },{ label: "Bracelet", category: "Collection", url: "/collections/gelang", images: " ", price: " " },{ label: "Buket Bunga Bali", category: "Collection", url: "/collections/buket-bunga-bali", images: " ", price: " " },{ label: "Buket Bunga Bandung", category: "Collection", url: "/collections/buket-bunga-bandung", images: " ", price: " " },{ label: "Buket Bunga Batam", category: "Collection", url: "/collections/buket-bunga-batam", images: " ", price: " " },{ label: "Buket Bunga Demak", category: "Collection", url: "/collections/buket-bunga-demak", images: " ", price: " " },{ label: "Buket Bunga Fresh", category: "Collection", url: "/collections/buket-bunga", images: " ", price: " " },{ label: "Buket Bunga Jepara", category: "Collection", url: "/collections/buket-bunga-jepara", images: " ", price: " " },{ label: "Buket Bunga Medan", category: "Collection", url: "/collections/buket-bunga-medan", images: " ", price: " " },{ label: "Buket Bunga Nusantara", category: "Collection", url: "/collections/buket-bunga-nusantara", images: " ", price: " " },{ label: "Buket Bunga Semarang", category: "Collection", url: "/collections/buket-bunga-semarang", images: " ", price: " " },{ label: "Buket Bunga Sidoarjo", category: "Collection", url: "/collections/buket-bunga-sidoarjo", images: " ", price: " " },{ label: "Buket Bunga Surabaya", category: "Collection", url: "/collections/buket-bunga-surabaya", images: " ", price: " " },{ label: "Buket Bunga Tangerang", category: "Collection", url: "/collections/buket-bunga-tangerang", images: " ", price: " " },{ label: "Buket Bunga Uang", category: "Collection", url: "/collections/buket-bunga-uang", images: " ", price: " " },{ label: "Buket Bunga Valentine", category: "Collection", url: "/collections/buket-bunga-valentine", images: " ", price: " " },{ label: "Buket Bunga Yogyakarta", category: "Collection", url: "/collections/buket-bunga-jogja", images: " ", price: " " },{ label: "Bunga Anggrek Bali", category: "Collection", url: "/collections/bunga-anggrek-bali", images: " ", price: " " },{ label: "Bunga Anggrek Bandung", category: "Collection", url: "/collections/bunga-anggrek-bandung", images: " ", price: " " },{ label: "Bunga Anggrek Surabaya", category: "Collection", url: "/collections/bunga-anggrek-surabaya", images: " ", price: " " },{ label: "Bunga Anniversary", category: "Collection", url: "/collections/bunga-anniversary", images: " ", price: " " },{ label: "Bunga Artificial", category: "Collection", url: "/collections/bunga-artificial", images: " ", price: " " },{ label: "Bunga Buket", category: "Collection", url: "/collections/bunga-buket", images: " ", price: " " },{ label: "Bunga Carnations Bali", category: "Collection", url: "/collections/bunga-carnations-bali", images: " ", price: " " },{ label: "Bunga Carnations Bandung", category: "Collection", url: "/collections/bunga-carnations-bandung", images: " ", price: " " },{ label: "Bunga Carnations Surabaya", category: "Collection", url: "/collections/bunga-carnations-surabaya", images: " ", price: " " },{ label: "Bunga Daisy Bali", category: "Collection", url: "/collections/bunga-daisy-bali", images: " ", price: " " },{ label: "Bunga Daisy Bandung", category: "Collection", url: "/collections/bunga-daisy-bandung", images: " ", price: " " },{ label: "Bunga Daisy Surabaya", category: "Collection", url: "/collections/bunga-daisy-surabaya", images: " ", price: " " },{ label: "Bunga Gerbera Bali", category: "Collection", url: "/collections/bunga-gerbera-bali", images: " ", price: " " },{ label: "Bunga Gerbera Bandung", category: "Collection", url: "/collections/bunga-gerbera-bandung", images: " ", price: " " },{ label: "Bunga Gerbera Surabaya", category: "Collection", url: "/collections/bunga-gerbera-surabaya", images: " ", price: " " },{ label: "Bunga Imlek", category: "Collection", url: "/collections/rangkaian-bunga-tahun-baru-imlek", images: " ", price: " " },{ label: "Bunga Lebaran", category: "Collection", url: "/collections/rangkaian-bunga-lebaran", images: " ", price: " " },{ label: "Bunga Lily Bali", category: "Collection", url: "/collections/bunga-lily-bali", images: " ", price: " " },{ label: "Bunga Lily Bandung", category: "Collection", url: "/collections/bunga-lily-bandung", images: " ", price: " " },{ label: "Bunga Lily Surabaya", category: "Collection", url: "/collections/bunga-lily-surabaya", images: " ", price: " " },{ label: "Bunga Matahari Bali", category: "Collection", url: "/collections/bunga-matahari-bali", images: " ", price: " " },{ label: "Bunga Matahari Bandung", category: "Collection", url: "/collections/bunga-matahari-bandung", images: " ", price: " " },{ label: "Bunga Matahari Surabaya", category: "Collection", url: "/collections/bunga-matahari-surabaya", images: " ", price: " " },{ label: "Bunga Mawar Bali", category: "Collection", url: "/collections/bunga-mawar-bali", images: " ", price: " " },{ label: "Bunga Mawar Bandung", category: "Collection", url: "/collections/bunga-mawar-bandung", images: " ", price: " " },{ label: "Bunga Mawar Surabaya", category: "Collection", url: "/collections/bunga-mawar-surabaya", images: " ", price: " " },{ label: "Bunga Meja", category: "Collection", url: "/collections/bunga-meja", images: " ", price: " " },{ label: "Bunga Meja Bali", category: "Collection", url: "/collections/bunga-meja-bali", images: " ", price: " " },{ label: "Bunga Meja Bandung", category: "Collection", url: "/collections/bunga-meja-bandung", images: " ", price: " " },{ label: "Bunga Meja Batam", category: "Collection", url: "/collections/bunga-meja-batam", images: " ", price: " " },{ label: "Bunga Meja Jepara", category: "Collection", url: "/collections/bunga-meja-jepara", images: " ", price: " " },{ label: "Bunga Meja Medan", category: "Collection", url: "/collections/bunga-meja-medan", images: " ", price: " " },{ label: "Bunga Meja Semarang", category: "Collection", url: "/collections/bunga-meja-semarang", images: " ", price: " " },{ label: "Bunga Meja Sidoarjo", category: "Collection", url: "/collections/bunga-meja-sidoarjo", images: " ", price: " " },{ label: "Bunga Meja Surabaya", category: "Collection", url: "/collections/bunga-meja-surabaya", images: " ", price: " " },{ label: "Bunga Meja Tangerang", category: "Collection", url: "/collections/bunga-meja-tangerang", images: " ", price: " " },{ label: "Bunga Meja Yogyakarta", category: "Collection", url: "/collections/bunga-meja-jogja", images: " ", price: " " },{ label: "Bunga Modern Pastel Bali", category: "Collection", url: "/collections/bunga-modern-pastel-bali", images: " ", price: " " },{ label: "Bunga Modern Pastel Bandung", category: "Collection", url: "/collections/bunga-modern-pastel-bandung", images: " ", price: " " },{ label: "Bunga Modern Pastel Medan", category: "Collection", url: "/collections/bunga-modern-pastel-medan", images: " ", price: " " },{ label: "Bunga Modern Pastel Semarang", category: "Collection", url: "/collections/bunga-modern-pastel-semarang", images: " ", price: " " },{ label: "Bunga Modern Pastel Surabaya", category: "Collection", url: "/collections/bunga-modern-pastel-surabaya", images: " ", price: " " },{ label: "Bunga Modern Pastel Yogyakarta", category: "Collection", url: "/collections/bunga-modern-pastel-yogyakarta", images: " ", price: " " },{ label: "Bunga Natal", category: "Collection", url: "/collections/rangkaian-bunga-christmas", images: " ", price: " " },{ label: "Bunga Papan", category: "Collection", url: "/collections/bunga-papan", images: " ", price: " " },{ label: "Bunga Pernikahan", category: "Collection", url: "/collections/bunga-pernikahan", images: " ", price: " " },{ label: "Bunga Plastik", category: "Collection", url: "/collections/bunga-plastik", images: " ", price: " " },{ label: "Bunga Tulip", category: "Collection", url: "/collections/bunga-tulip", images: " ", price: " " },{ label: "Bunga Ulang Tahun", category: "Collection", url: "/collections/bunga-ulang-tahun", images: " ", price: " " },{ label: "Bunga Wisuda", category: "Collection", url: "/collections/karangan-bunga-wisuda", images: " ", price: " " },{ label: "Cake", category: "Collection", url: "/collections/kue", images: " ", price: " " },{ label: "Cake", category: "Collection", url: "/collections/cake", images: " ", price: " " },{ label: "Cake Sameday Delivery", category: "Collection", url: "/collections/cake-sameday-delivery", images: " ", price: " " },{ label: "Cake, Hampers & Gifts", category: "Collection", url: "/collections/cake-hampers", images: " ", price: " " },{ label: "Cancer ♋️ 22June - 22July", category: "Collection", url: "/collections/kado-untuk-zodiak-cancer", images: " ", price: " " },{ label: "Capricorn ♑️ 21Dec - 19Jan", category: "Collection", url: "/collections/kado-untuk-zodiak-capricorn", images: " ", price: " " },{ label: "Care Packages", category: "Collection", url: "/collections/toko-parcel-murah", images: " ", price: " " },{ label: "Care Packages (Keluarga, Sahabat, Karyawan)", category: "Collection", url: "/collections/sehat-bebas-corona", images: " ", price: " " },{ label: "Carnations", category: "Collection", url: "/collections/bunga-anyelir", images: " ", price: " " },{ label: "Celebration", category: "Collection", url: "/collections/celebration", images: " ", price: " " },{ label: "Chléa Paperie", category: "Collection", url: "/collections/chlea-paperie", images: " ", price: " " },{ label: "Chocodot", category: "Collection", url: "/collections/chocodot", images: " ", price: " " },{ label: "Christmas", category: "Collection", url: "/collections/christmas", images: " ", price: " " },{ label: "Classic Cake", category: "Collection", url: "/collections/classic-cake", images: " ", price: " " },{ label: "Classic CNY Hampers", category: "Collection", url: "/collections/classic-cny-hampers", images: " ", price: " " },{ label: "Classic CNY Hampers Luar Jabodetabek", category: "Collection", url: "/collections/classic-cny-hampers-luar-jabodetabek", images: " ", price: " " },{ label: "Classic Hampers", category: "Collection", url: "/collections/classic-hampers", images: " ", price: " " },{ label: "Classic Hampers Luar Jadetabek", category: "Collection", url: "/collections/classic-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Classic Style Flowers", category: "Collection", url: "/collections/classic-style-flowers", images: " ", price: " " },{ label: "Cokelat", category: "Collection", url: "/collections/permen-coklat", images: " ", price: " " },{ label: "Collection List", category: "Collection", url: "/collections/collection-list", images: " ", price: " " },{ label: "Condolences", category: "Collection", url: "/collections/axa-condolences", images: " ", price: " " },{ label: "Congratulations", category: "Collection", url: "/collections/rangkaian-bunga-ucapan-selamat", images: " ", price: " " },{ label: "Corporate Gifts", category: "Collection", url: "/collections/corporate-gifts", images: " ", price: " " },{ label: "Corporate Hampers", category: "Collection", url: "/collections/corporate-hampers", images: " ", price: " " },{ label: "Couple Gift", category: "Collection", url: "/collections/couple-gift", images: " ", price: " " },{ label: "Craft Sweetbox Newborn", category: "Co
7643llection", url: "/collections/craft-sweetbox-newborn", images: " ", price: " " },{ label: "Crystal Florarium", category: "Collection", url: "/collections/crystal-florarium", images: " ", price: " " },{ label: "Cuddlemate Doll", category: "Collection", url: "/collections/boneka-lucu", images: " ", price: " " },{ label: "Cufflinks", category: "Collection", url: "/collections/cufflinks", images: " ", price: " " },{ label: "Cupcakes", category: "Collection", url: "/collections/cupcakes", images: " ", price: " " },{ label: "Custom Alat Tulis", category: "Collection", url: "/collections/alat-tulis", images: " ", price: " " },{ label: "Custom Cake", category: "Collection", url: "/collections/custom-cake", images: " ", price: " " },{ label: "Custom Card Holder", category: "Collection", url: "/collections/custom-card-holder", images: " ", price: " " },{ label: "Custom Coaster", category: "Collection", url: "/collections/custom-coaster", images: " ", price: " " },{ label: "Custom Cutlery", category: "Collection", url: "/collections/custom-cutlery", images: " ", price: " " },{ label: "Custom E-Money", category: "Collection", url: "/collections/custom-e-money", images: " ", price: " " },{ label: "Custom Earpod", category: "Collection", url: "/collections/custom-earpod", images: " ", price: " " },{ label: "Custom Fan", category: "Collection", url: "/collections/custom-fan", images: " ", price: " " },{ label: "Custom Jewelry", category: "Collection", url: "/collections/custom-jewelry", images: " ", price: " " },{ label: "Custom Keychain", category: "Collection", url: "/collections/custom-keychain", images: " ", price: " " },{ label: "Custom Medallion", category: "Collection", url: "/collections/custom-medallion", images: " ", price: " " },{ label: "Custom Mirror", category: "Collection", url: "/collections/custom-mirror", images: " ", price: " " },{ label: "Custom Mug", category: "Collection", url: "/collections/custom-mug", images: " ", price: " " },{ label: "Custom Necklace", category: "Collection", url: "/collections/custom-necklace", images: " ", price: " " },{ label: "Custom Notebook", category: "Collection", url: "/collections/custom-notebook", images: " ", price: " " },{ label: "Custom Pen & Pencil", category: "Collection", url: "/collections/custom-pen-pencil", images: " ", price: " " },{ label: "Custom Photo Frame", category: "Collection", url: "/collections/photo-frame", images: " ", price: " " },{ label: "Custom Pillow", category: "Collection", url: "/collections/bantal-custom", images: " ", price: " " },{ label: "Custom Powerbank", category: "Collection", url: "/collections/custom-powerbank", images: " ", price: " " },{ label: "Custom Scarf", category: "Collection", url: "/collections/custom-scarf", images: " ", price: " " },{ label: "Custom Speaker", category: "Collection", url: "/collections/custom-speaker", images: " ", price: " " },{ label: "Custom T-Shirt", category: "Collection", url: "/collections/custom-t-shirt", images: " ", price: " " },{ label: "Custom Tote Bag", category: "Collection", url: "/collections/custom-tote-bag", images: " ", price: " " },{ label: "Custom Tumbler Minuman", category: "Collection", url: "/collections/custom-tumbler-minuman", images: " ", price: " " },{ label: "D'paris", category: "Collection", url: "/collections/dparis", images: " ", price: " " },{ label: "Daisy", category: "Collection", url: "/collections/bunga-aster", images: " ", price: " " },{ label: "Dekorasi", category: "Collection", url: "/collections/dekorasi", images: " ", price: " " },{ label: "Dekorasi Duka Cita", category: "Collection", url: "/collections/dekorasi-bunga-duka-cita", images: " ", price: " " },{ label: "Dekorasi Pemakaman", category: "Collection", url: "/collections/dekorasi-pemakaman", images: " ", price: " " },{ label: "Dekorasi Pernikahan", category: "Collection", url: "/collections/dekorasi-bunga-pernikahan", images: " ", price: " " },{ label: "Dekorasi Ulang Tahun", category: "Collection", url: "/collections/dekorasi-bunga-ulang-tahun", images: " ", price: " " },{ label: "Delivery", category: "Collection", url: "/collections/delivery", images: " ", price: " " },{ label: "Deluxe Newborn Hampers Collection", category: "Collection", url: "/collections/deluxe-newborn-hampers-collection", images: " ", price: " " },{ label: "Digital Gift", category: "Collection", url: "/collections/digital-gift", images: " ", price: " " },{ label: "Donasi", category: "Collection", url: "/collections/donasi", images: " ", price: " " },{ label: "E-Card", category: "Collection", url: "/collections/ecard", images: " ", price: " " },{ label: "E-Gift Card", category: "Collection", url: "/collections/e-gift-card", images: " ", price: " " },{ label: "Earrings", category: "Collection", url: "/collections/anting", images: " ", price: " " },{ label: "Edible Gift", category: "Collection", url: "/collections/edible-gift", images: " ", price: " " },{ label: "Enchanted Grande Love Pirouette", category: "Collection", url: "/collections/enchanted-grande-love-pirouette", images: " ", price: " " },{ label: "Enchanted Love Pirouette", category: "Collection", url: "/collections/enchanted-love-pirouette", images: " ", price: " " },{ label: "Engagement", category: "Collection", url: "/collections/rangkaian-bunga-lamaran", images: " ", price: " " },{ label: "Expression", category: "Collection", url: "/collections/expression", images: " ", price: " " }
7643,{ label: "Father's Day Special", category: "Collection", url: "/collections/kado-untuk-ayah", images: " ", price: " " },{ label: "Ferrari", category: "Collection", url: "/collections/ferrari", images: " ", price: " " },{ label: "Ferrero Rocher", category: "Collection", url: "/collections/ferrero-rocher", images: " ", price: " " },{ label: "Festival Belanja Online", category: "Collection", url: "/collections/fbo-2018", images: " ", price: " " },{ label: "Floatbox", category: "Collection", url: "/collections/floatbox", images: " ", price: " " },{ label: "Flower", category: "Collection", url: "/collections/flower", images: " ", price: " " },{ label: "Flower Best Deals", category: "Collection", url: "/collections/flower-best-deals", images: " ", price: " " },{ label: "Flowers", category: "Collection", url: "/collections/toko-bunga", images: " ", price: " " },{ label: "Flowers For Him", category: "Collection", url: "/collections/bunga-untuk-pria", images: " ", price: " " },{ label: "Flowers Style", category: "Collection", url: "/collections/style", images: " ", price: " " },{ label: "Flowers Type", category: "Collection", url: "/collections/type", images: " ", price: " " },{ label: "For Her", category: "Collection", url: "/collections/kado-untuk-wanita", images: " ", price: " " },{ label: "For Him", category: "Collection", url: "/collections/kado-untuk-pria", images: " ", price: " " },{ label: "Forever Flower", category: "Collection", url: "/collections/forever-flower", images: " ", price: " " },{ label: "Forever Flower Holo Series", category: "Collection", url: "/collections/forever-flower-holo-series", images: " ", price: " " },{ label: "Forever Flower x NestBloom", category: "Collection", url: "/collections/forever-flower-x-nestbloom", images: " ", price: " " },{ label: "Fortune Hampers", category: "Collection", url: "/collections/fortune-hampers", images: " ", price: " " },{ label: "Frank & Co", category: "Collection", url: "/collections/franknco", images: " ", price: " " },{ label: "Fresh Flowers", category: "Collection", url: "/collections/fresh-flower", images: " ", price: " " },{ label: "Gantungan Kunci", category: "Collection", url: "/collections/gantungan-kunci", images: " ", price: " " },{ label: "Gelato", category: "Collection", url: "/collections/gelato", images: " ", price: " " },{ label: "Gelato Pie", category: "Collection", url: "/collections/gelato-pie", images: " ", price: " " },{ label: "Gemini ♊️ 21May - 21June", category: "Collection", url: "/collections/kado-untuk-zodiak-gemini", images: " ", price: " " },{ label: "Gerbera", category: "Collection", url: "/collections/gerbera", images: " ", price: " " },{ label: "Get Well Soon", category: "Collection", url: "/collections/rangkaian-bunga-gws", images: " ", price: " " },{ label: "Giant Flower Bali", category: "Collection", url: "/collections/giant-flower-bali", images: " ", price: " " },{ label: "Giant Flower Bandung", category: "Collection", url: "/collections/giant-flower-bandung", images: " ", price: " " },{ label: "Giant Flower Bouquet", category: "Collection", url: "/collections/giant-flower", images: " ", price: " " },{ label: "Gift", category: "Collection", url: "/collections/souvenir-kado-hadiah", images: " ", price: " " },{ label: "Gift by Recipient", category: "Collection", url: "/collections/gift-by-recipient", images: " ", price: " " },{ label: "Gift for Your Girlfriend", category: "Collection", url: "/collections/kado-untuk-pacar-wanita", images: " ", price: " " },{ label: "Gifts", category: "Collection", url: "/collections/gifts", images: " ", price: " " },{ label: "Glassbox Hampers", category: "Collection", url: "/collections/glassbox-hampers", images: " ", price: " " },{ label: "Glassware Hampers", category: "Collection", url: "/collections/parcel-pecah-belah", images: " ", price: " " },{ label: "Gold Jewelry", category: "Collection", url: "/collections/perhiasan-emas", images: " ", price: " " },{ label: "Grand Opening", category: "Collection", url: "/collections/grand-opening", images: " ", price: " " },{ label: "Granola", category: "Collection", url: "/collections/granola", images: " ", price: " " },{ label: "Green Tea", category: "Collection", url: "/collections/green-tea", images: " ", price: " " },{ label: "Greeting Card All", category: "Collection", url: "/collections/greeting-card-all", images: " ", price: " " },{ label: "Greeting Card Anniversary", category: "Collection", url: "/collections/greeting-card-anniversary", images: " ", price: " " },{ label: "Greeting Card Birthday", category: "Collection", url: "/collections/greeting-card-birthday", images: " ", price: " " },{ label: "Greeting Card Eid", category: "Collection", url: "/collections/greeting-card-eid", images: " ", price: " " },{ label: "Greeting Card Graduation", category: "Collection", url: "/collections/greeting-card-graduation", images: " ", price: " " },{ label: "Greeting Card Mother's Day", category: "Collection", url: "/collections/greeting-card-mothers-day", images: " ", price: " " },{ label: "Greeting Card Newborn", category: "Collection", url: "/collections/greeting-card-newborn", images: " ", price: " " },{ label: "Greeting Card Others", category: "Collection", url: "/collections/greeting-card-others", images: " ", price: " " },{ label: "Greeting Card Valentine", category: "Collection", url: "/collections/greeting-card-valentine", images: " ", price: " " },{ label: "Greeting Card Wedding", category: "Collection", url: "/collections/greeting-card-wedding", images: " ", price: " " },{ label: "Grooming", category: "Collection", url: "/collections/grooming", images: " ", price: " " },{ label: "Hadiah Tahun Baru Imlek", category: "Collection", url: "/collections/kado-imlek", images: " ", price: " " },{ label: "Hadiah untuk Bayi", category: "Collection", url: "/collections/kado-untuk-bayi", images: " ", price: " " },{ label: "Hadiah untuk Pacar", category: "Collection", url: "/collections/kado-untuk-pacar", images: " ", price: " " },{ label: "Hadiah untuk Pernikahan", category: "Collection", url: "/collections/kado-untuk-pernikahan", images: " ", price: " " },{ label: "Hadiah untuk Sahabat", category: "Collection", url: "/collections/kado-untuk-sahabat", images: " ", price: " " },{ label: "Hampers", category: "Collection", url: "/collections/hampers", images: " ", price: " " },{ label: "Hampers Baby Boy", category: "Collection", url: "/collections/hampers-baby-boy", images: " ", price: " " },{ label: "Hampers Baby Girl", category: "Collection", url: "/collections/hampers-baby-girl", images: " ", price: " " },{ label: "Hampers Baby Unisex", category: "Collection", url: "/collections/hampers-baby-unisex", images: " ", price: " " },{ label: "Hampers Delivery Indonesia", category: "Collection", url: "/collections/parcel-indonesia", images: " ", price: " " },{ label: "Hampers Lebaran 2025", category: "Collection", url: "/collections/parcel-lebaran", images: " ", price: " " },{ label: "Hampers Lebaran Bali", category: "Collection", url: "/collections/hampers-lebaran-bali", images: " ", price: " " },{ label: "Hampers Lebaran Bandung", category: "Collection", url: "/collections/hampers-lebaran-bandung", images: " ", price: " " },{ label: "Hampers Lebaran Jakarta", category: "Collection", url: "/collections/hampers-lebaran-jakarta", images: " ", price: " " },{ label: "Hampers Lebaran Semarang", category: "Collection", url: "/collections/hampers-lebaran-semarang", images: " ", price: " " },{ label: "Hampers Lebaran Surabaya", category: "Collection", url: "/collections/hampers-lebaran-surabaya", images: " ", price: " " },{ label: "Hampers Lebaran Yogyakarta", category: "Collection", url: "/collections/hampers-lebaran-yogyakarta", images: " ", price: " " },{ label: "Hand Sanitizer", category: "Collection", url: "/collections/hand-sanitizer", images: " ", price: " " },{ label: "Happy Birthday", category: "Collection", url: "/collections/kado-ulang-tahun", images: " ", price: " " },{ label: "Harbolnas", category: "Collection", url: "/collections/harbolnas-2018", images: " ", price: " " },{ label: "Harbolnas Produk Lokal", category: "Collection", url: "/collections/produk-lokal", images: " ", price: " " },{ label: "Hari Belanja Online Nasional", category: "Collection", url: "/collections/harbolnas", images: " ", price: " " },{ label: "Hari Guru", category: "Collection", url: "/collections/hari-guru", images: " ", price: " " },{ label: "Healthy Creations", category: "Collection", url: "/collections/healthy-creations", images: " ", price: " " },{ label: "Healthy Hampers", category: "Collection", url: "/collections/healthy-hampers", images: " ", price: " " },{ label: "Heritage Box", category: "Collection", url: "/collections/heritage-boxes", images: " ", price: " " },{ label: "Heritage Chinese New Year Hampers", category: "Collection", url: "/collections/heritage-chinese-new-year-hampers", images: " ", price: " " },{ label: "Heritage Christmas Hampers", category: "Collection", url: "/collections/heritage-christmas-hampers", images: " ", price: " " },{ label: "Heritage Hampers", category: "Collection", url: "/collections/heritage-hampers", images: " ", price: " " },{ label: "Heritage Ramadan Hampers", category: "Collection", url: "/collections/heritage-ramadan-hampers", images: " ", price: " " },{ label: "Hexa Hampers", category: "Collection", url: "/collections/hexa-hampers", images: " ", price: " " },{ label: "Hexa Hampers Luar Jadetabek", category: "Collection", url: "/collections/hexa-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Hexa Newborn", category: "Collection", url: "/collections/hexa-newborn", images: " ", price: " " },{ label: "Holo Bag", category: "Collection", url: "/collections/holo-bag", images: " ", price: " " },{ label: "Holo Series", category: "Collection", url: "/collections/holo-series", images: " ", price: " " },{ label: "Home Decoration & Photo Frame", category: "Collection", url: "/collections/home-decoration", images: " ", price: " " }
7643,{ label: "Hospitalization", category: "Collection", url: "/collections/axa-hospitalization", images: " ", price: " " },{ label: "House Hampers", category: "Collection", url: "/collections/house-hampers", images: " ", price: " " },{ label: "I'm Sorry", category: "Collection", url: "/collections/rangkaian-bunga-sorry", images: " ", price: " " },{ label: "Ice Cream Cake", category: "Collection", url: "/collections/ice-cream-cake", images: " ", price: " " },{ label: "Idul Fitri", category: "Collection", url: "/collections/rangkaian-bunga-idul-fitri", images: " ", price: " " },{ label: "Jam Tangan", category: "Collection", url: "/collections/jam-tangan", images: " ", price: " " },{ label: "Jam Tangan Couple", category: "Collection", url: "/collections/jam-tangan-couple", images: " ", price: " " },{ label: "Jam Tangan Pria", category: "Collection", url: "/collections/jam-tangan-pria", images: " ", price: " " },{ label: "Jam Tangan Wanita", category: "Collection", url: "/collections/jam-tangan-wanita", images: " ", price: " " },{ label: "Jasa Packing Parcel", category: "Collection", url: "/collections/jasa-packing-parcel", images: " ", price: " " },{ label: "Jewelry", category: "Collection", url: "/collections/jewelry", images: " ", price: " " },{ label: "Jolly Hampers", category: "Collection", url: "/collections/jolly-hampers", images: " ", price: " " },{ label: "Jual Custom Cake & Hampers Termurah & Terlengkap | Outerbloom Florist & Gift", category: "Collection", url: "/collections/custom-cake-hampers", images: " ", price: " " },{ label: "Just Because", category: "Collection", url: "/collections/just-because", images: " ", price: " " },{ label: "Kado Makanan", category: "Collection", url: "/collections/kado-makanan", images: " ", price: " " },{ label: "Kado Minuman", category: "Collection", url: "/collections/kado-minuman", images: " ", price: " " },{ label: "Kado Natal", category: "Collection", url: "/collections/kado-natal", images: " ", price: " " },{ label: "Kado Unik", category: "Collection", url: "/collections/kado-unik", images: " ", price: " " },{ label: "Kado Valentine Nusantara", category: "Collection", url: "/collections/kado-valentine-nusantara", images: " ", price: " " },{ label: "Kado Valentine untuk Pria", category: "Collection", url: "/collections/kado-valentine-untuk-pria", images: " ", price: " " },{ label: "Kado Wisuda", category: "Collection", url: "/collections/kado-wisuda", images: " ", price: " " },{ label: "Kado Zodiak", category: "Collection", url: "/collections/kado-untuk-zodiak", images: " ", price: " " },{ label: "Karangan Bunga Aceh", category: "Collection", url: "/collections/karangan-bunga-aceh", images: " ", price: " " },{ label: "Karangan Bunga Ambon", category: "Collection", url: "/collections/karangan-bunga-ambon", images: " ", price: " " },{ label: "Karangan Bunga Atambua", category: "Collection", url: "/collections/karangan-bunga-atambua", images: " ", price: " " },{ label: "Karangan Bunga Bali", category: "Collection", url: "/collections/karangan-bunga-bali", images: " ", price: " " },{ label: "Karangan Bunga Balikpapan", category: "Collection", url: "/collections/karangan-bunga-balikpapan", images: " ", price: " " },{ label: "Karangan Bunga Bandung", category: "Collection", url: "/collections/karangan-bunga-bandung", images: " ", price: " " },{ label: "Karangan Bunga Bandung Barat", category: "Collection", url: "/collections/karangan-bunga-bandung-barat", images: " ", price: " " },{ label: "Karangan Bunga Bangka", category: "Collection", url: "/collections/karangan-bunga-bangka", images: " ", price: " " },{ label: "Karangan Bunga Banjarmasin", category: "Collection", url: "/collections/karangan-bunga-banjarmasin", images: " ", price: " " },{ label: "Karangan Bunga Banten", category: "Collection", url: "/collections/karangan-bunga-banten", images: " ", price: " " },{ label: "Karangan Bunga Banyumas", category: "Collection", url: "/collections/karangan-bunga-banyumas", images: " ", price: " " },{ label: "Karangan Bunga Banyuwangi", category: "Collection", url: "/collections/karangan-bunga-banyuwangi", images: " ", price: " " },{ label: "Karangan Bunga Batam", category: "Collection", url: "/collections/karangan-bunga-batam", images: " ", price: " " },{ label: "Karangan Bunga Baubau", category: "Collection", url: "/collections/karangan-bunga-baubau", images: " ", price: " " },{ label: "Karangan Bunga Bengkalis", category: "Collection", url: "/collections/karangan-bunga-bengkalis", images: " ", price: " " },{ label: "Karangan Bunga Bengkayang", category: "Collection", url: "/collections/karangan-bunga-bengkayang", images: " ", price: " " },{ label: "Karangan Bunga Bengkulu", category: "Collection", url: "/collections/karangan-bunga-bengkulu", images: " ", price: " " },{ label: "Karangan Bunga Blora", category: "Collection", url: "/collections/karangan-bunga-blora", images: " ", price: " " },{ label: "Karangan Bunga Bogor", category: "Collection", url: "/collections/karangan-bunga-bogor", images: " ", price: " " },{ label: "Karangan Bunga Bojonegoro", category: "Collection", url: "/collections/karangan-bunga-bojonegoro", images: " ", price: " " },{ label: "Karangan Bunga Boyolali", category: "Collection", url: "/collections/karangan-bunga-boyolali", images: " ", price: " " },{ label: "Karangan Bunga Brebes", category: "Collection", url: "/collections/karangan-bunga-brebes", images: " ", price: " " },{ label: "Karangan Bunga Bukittinggi", category: "Collection", url: "/collections/karangan-bunga-bukittinggi", images: " ", price: " " },{ label: "Karangan Bunga Ciamis", category: "Collection", url: "/collections/karangan-bunga-ciamis", images: " ", price: " " }
7643,{ label: "Karangan Bunga Cianjur", category: "Collection", url: "/collections/karangan-bunga-cianjur", images: " ", price: " " },{ label: "Karangan Bunga Cikarang", category: "Collection", url: "/collections/karangan-bunga-cikarang", images: " ", price: " " },{ label: "Karangan Bunga Cikupa", category: "Collection", url: "/collections/karangan-bunga-cikupa", images: " ", price: " " },{ label: "Karangan Bunga Cilacap", category: "Collection", url: "/collections/karangan-bunga-cilacap", images: " ", price: " " },{ label: "Karangan Bunga Cileunyi", category: "Collection", url: "/collections/karangan-bunga-cileunyi", images: " ", price: " " },{ label: "Karangan Bunga Cimahi", category: "Collection", url: "/collections/karangan-bunga-cimahi", images: " ", price: " " },{ label: "Karangan Bunga Cirebon", category: "Collection", url: "/collections/karangan-bunga-cirebon", images: " ", price: " " },{ label: "Karangan Bunga Ciwidey", category: "Collection", url: "/collections/karangan-bunga-ciwidey", images: " ", price: " " },{ label: "Karangan Bunga Danau Toba", category: "Collection", url: "/collections/karangan-bunga-danau-toba", images: " ", price: " " },{ label: "Karangan Bunga Demak", category: "Collection", url: "/collections/karangan-bunga-demak", images: " ", price: " " },{ label: "Karangan Bunga Denpasar", category: "Collection", url: "/collections/karangan-bunga-denpasar", images: " ", price: " " },{ label: "Karangan Bunga Depok", category: "Collection", url: "/collections/karangan-bunga-depok", images: " ", price: " " },{ label: "Karangan Bunga Duka Cita", category: "Collection", url: "/collections/karangan-bunga-duka-cita", images: " ", price: " " },{ label: "Karangan Bunga Garut", category: "Collection", url: "/collections/karangan-bunga-garut", images: " ", price: " " },{ label: "Karangan Bunga Gianyar", category: "Collection", url: "/collections/karangan-bunga-gianyar", images: " ", price: " " },{ label: "Karangan Bunga Gorontalo", category: "Collection", url: "/collections/karangan-bunga-gorontalo", images: " ", price: " " },{ label: "Karangan Bunga Gowa", category: "Collection", url: "/collections/karangan-bunga-gowa", images: " ", price: " " },{ label: "Karangan Bunga Gresik", category: "Collection", url: "/collections/karangan-bunga-gresik", images: " ", price: " " },{ label: "Karangan Bunga Grobogan", category: "Collection", url: "/collections/karangan-bunga-grobogan", images: " ", price: " " },{ label: "Karangan Bunga Gunung Kidul", category: "Collection", url: "/collections/karangan-bunga-gunungkidul", images: " ", price: " " },{ label: "Karangan Bunga Indramayu", category: "Collection", url: "/collections/karangan-bunga-indramayu", images: " ", price: " " },{ label: "Karangan Bunga Jakarta", category: "Collection", url: "/collections/karangan-bunga-jakarta", images: " ", price: " " },{ label: "Karangan Bunga Jambi", category: "Collection", url: "/collections/karangan-bunga-jambi", images: " ", price: " " },{ label: "Karangan Bunga Jayapura", category: "Collection", url: "/collections/karangan-bunga-jayapura", images: " ", price: " " },{ label: "Karangan Bunga Jember", category: "Collection", url: "/collections/karangan-bunga-jember", images: " ", price: " " },{ label: "Karangan Bunga Jembrana", category: "Collection", url: "/collections/karangan-bunga-jembrana", images: " ", price: " " },{ label: "Karangan Bunga Jepara", category: "Collection", url: "/collections/karangan-bunga-jepara", images: " ", price: " " },{ label: "Karangan Bunga Jombang", category: "Collection", url: "/collections/karangan-bunga-jombang", images: " ", price: " " },{ label: "Karangan Bunga Kampung Baru", category: "Collection", url: "/collections/karangan-bunga-kampung-baru", images: " ", price: " " },{ label: "Karangan Bunga Kapuas", category: "Collection", url: "/collections/karangan-bunga-kapuas", images: " ", price: " " },{ label: "Karangan Bunga Karanganyar", category: "Collection", url: "/collections/karangan-bunga-karanganyar", images: " ", price: " " },{ label: "Karangan Bunga Karangasem", category: "Collection", url: "/collections/karangan-bunga-karangasem", images: " ", price: " " },{ label: "Karangan Bunga Karawang", category: "Collection", url: "/collections/karangan-bunga-karawang", images: " ", price: " " },{ label: "Karangan Bunga Kartosuro", category: "Collection", url: "/collections/karangan-bunga-kartosuro", images: " ", price: " " },{ label: "Karangan Bunga Kebumen", category: "Collection", url: "/collections/karangan-bunga-kebumen", images: " ", price: " " },{ label: "Karangan Bunga Kediri", category: "Collection", url: "/collections/karangan-bunga-kediri", images: " ", price: " " },{ label: "Karangan Bunga Kendal", category: "Collection", url: "/collections/karangan-bunga-ken
7643dal", images: " ", price: " " },{ label: "Karangan Bunga Kendari", category: "Collection", url: "/collections/karangan-bunga-kendari", images: " ", price: " " },{ label: "Karangan Bunga Ketapang", category: "Collection", url: "/collections/karangan-bunga-ketapang", images: " ", price: " " },{ label: "Karangan Bunga Klaten", category: "Collection", url: "/collections/karangan-bunga-klaten", images: " ", price: " " },{ label: "Karangan Bunga Kota Batu", category: "Collection", url: "/collections/karangan-bunga-kota-batu", images: " ", price: " " },{ label: "Karangan Bunga Kudus", category: "Collection", url: "/collections/karangan-bunga-kudus", images: " ", price: " " },{ label: "Karangan Bunga Kupang", category: "Collection", url: "/collections/karangan-bunga-kupang", images: " ", price: " " },{ label: "Karangan Bunga Lamongan", category: "Collection", url: "/collections/karangan-bunga-lamongan", images: " ", price: " " },{ label: "Karangan Bunga Lampung", category: "Collection", url: "/collections/karangan-bunga-lampung", images: " ", price: " " },{ label: "Karangan Bunga Langkat", category: "Collection", url: "/collections/karangan-bunga-langkat", images: " ", price: " " },{ label: "Karangan Bunga Lembang", category: "Collection", url: "/collections/karangan-bunga-lembang", images: " ", price: " " },{ label: "Karangan Bunga Lombok", category: "Collection", url: "/collections/karangan-bunga-lombok", images: " ", price: " " },{ label: "Karangan Bunga Lubuk Pakam", category: "Collection", url: "/collections/karangan-bunga-lubuk-pakam", images: " ", price: " " },{ label: "Karangan Bunga Lumajang", category: "Collection", url: "/collections/karangan-bunga-lumajang", images: " ", price: " " },{ label: "Karangan Bunga Madiun", category: "Collection", url: "/collections/karangan-bunga-madiun", images: " ", price: " " },{ label: "Karangan Bunga Magelang", category: "Collection", url: "/collections/karangan-bunga-magelang", images: " ", price: " " },{ label: "Karangan Bunga Majalengka", category: "Collection", url: "/collections/karangan-bunga-majalengka", images: " ", price: " " },{ label: "Karangan Bunga Makassar", category: "Collection", url: "/collections/karangan-bunga-makassar", images: " ", price: " " },{ label: "Karangan Bunga Malang", category: "Collection", url: "/collections/karangan-bunga-malang", images: " ", price: " " },{ label: "Karangan Bunga Mamuju", category: "Collection", url: "/collections/karangan-bunga-mamuju", images: " ", price: " " },{ label: "Karangan Bunga Manado", category: "Collection", url: "/collections/karangan-bunga-manado", images: " ", price: " " },{ label: "Karangan Bunga Manokwari", category: "Collection", url: "/collections/karangan-bunga-manokwari", images: " ", price: " " },{ label: "Karangan Bunga Maros", category: "Collection", url: "/collections/karangan-bunga-maros", images: " ", price: " " },{ label: "Karangan Bunga Mataram", category: "Collection", url: "/collections/karangan-bunga-mataram", images: " ", price: " " },{ label: "Karangan Bunga Mojokerto", category: "Collection", url: "/collections/karangan-bunga-mojokerto", images: " ", price: " " },{ label: "Karangan Bunga Nganjuk", category: "Collection", url: "/collections/karangan-bunga-nganjuk", images: " ", price: " " },{ label: "Karangan Bunga Nias", category: "Collection", url: "/collections/karangan-bunga-nias", images: " ", price: " " },{ label: "Karangan Bunga Padang", category: "Collection", url: "/collections/karangan-bunga-padang", images: " ", price: " " },{ label: "Karangan Bunga Palangkaraya", category: "Collection", url: "/collections/karangan-bunga-palangkaraya", images: " ", price: " " },{ label: "Karangan Bunga Palu", category: "Collection", url: "/collections/karangan-bunga-palu", images: " ", price: " " },{ label: "Karangan Bunga Pangkal Pinang", category: "Collection", url: "/collections/karangan-bunga-pangkal-pinang", images: " ", price: " " },{ label: "Karangan Bunga Papan", category: "Collection", url: "/collections/karangan-bunga", images: " ", price: " " },{ label: "Karangan Bunga Papan Bandar Lampung", category: "Collection", url: "/collections/karangan-bunga-bandar-lampung", images: " ", price: " " },{ label: "Karangan Bunga Papan Bekasi", category: "Collection", url: "/collections/karangan-bunga-bekasi", images: " ", price: " " },{ label: "Karangan Bunga Papan Binjai", category: "Collection", url: "/collections/karangan-bunga-binjai", images: " ", price: " " },{ label: "Karangan Bunga Papan Blitar", category: "Collection", url: "/collections/karangan-bunga-blitar", images: " ", price: " " },{ label: "Karangan Bunga Papan Buleleng", category: "Collection", url: "/collections/karangan-bunga-buleleng", images: " ", price: " " },{ label: "Karangan Bunga Papan Cibubur", category: "Collection", url: "/collections/karangan-bunga-cibubur", images: " ", price: " " },{ label: "Karangan Bunga Papan Deli Serdang", category: "Collection", url: "/collections/karangan-bunga-deli-serdang", images: " ", price: " " },{ label: "Karangan Bunga Papan Jakarta Timur", category: "Collection", url: "/collections/karangan-bunga-jakarta-timur", images: " ", price: " " },{ label: "Karangan Bunga Papan Karo", category: "Collection", url: "/collections/karangan-bunga-karo", images: " ", price: " " },{ label: "Karangan Bunga Papan Medan", category: "Collection", url: "/collections/karangan-bunga-medan", images: " ", price: " " },{ label: "Karangan Bunga Papan Ngawi", category: "Collection", url: "/collections/karangan-bunga-ngawi", images: " ", price: " " },{ label: "Karangan Bunga Papan Palembang", category: "Collection", url: "/collections/karangan-bunga-palembang", images: " ", price: " " },{ label: "Karangan Bunga Papan Pemalang", category: "Collection", url: "/collections/karangan-bunga-pemalang", images: " ", price: " " },{ label: "Karangan Bunga Papan Rembang", category: "Collection", url: "/collections/karangan-bunga-rembang", images: " ", price: " " },{ label: "Karangan Bunga Papan Sragen", category: "Collection", url: "/collections/karangan-bunga-sragen", images: " ", price: " " },{ label: "Karangan Bunga Papan Tegal", category: "Collection", url: "/collections/karangan-bunga-tegal", images: " ", price: " " },{ label: "Karangan Bunga Papan Temanggung", category: "Collection", url: "/collections/karangan-bunga-temanggung", images: " ", price: " " },{ label: "Karangan Bunga Parepare", category: "Collection", url: "/collections/karangan-bunga-parepare", images: " ", price: " " },{ label: "Karangan Bunga Pasuruan", category: "Collection", url: "/collections/karangan-bunga-pasuruan", images: " ", price: " " },{ label: "Karangan Bunga Pati", category: "Collection", url: "/collections/karangan-bunga-pati", images: " ", price: " " },{ label: "Karangan Bunga Pekalongan", category: "Collection", url: "/collections/karangan-bunga-pekalongan", images: " ", price: " " },{ label: "Karangan Bunga Pekanbaru", category: "Collection", url: "/collections/karangan-bunga-pekanbaru", images: " ", price: " " },{ label: "Karangan Bunga Pematangsiantar", category: "Collection", url: "/collections/karangan-bunga-pematangsiantar", images: " ", price: " " },{ label: "Karangan Bunga Ponorogo", category: "Collection", url: "/collections/karangan-bunga-ponorogo", images: " ", price: " " },{ label: "Karangan Bunga Pontianak", category: "Collection", url: "/collections/karangan-bunga-pontianak", images: " ", price: " " },{ label: "Karangan Bunga Probolinggo", category: "Collection", url: "/collections/karangan-bunga-probolinggo", images: " ", price: " " },{ label: "Karangan Bunga Purbalingga", category: "Collection", url: "/collections/karangan-bunga-purbalingga", images: " ", price: " " },{ label: "Karangan Bunga Purwokerto", category: "Collection", url: "/collections/karangan-bunga-purwokerto", images: " ", price: " " },{ label: "Karangan Bunga Purworejo", category: "Collection", url: "/collections/karangan-bunga-purworejo", images: " ", price: " " },{ label: "Karangan Bunga Riau", category: "Collection", url: "/collections/karangan-bunga-riau", images: " ", price: " " },{ label: "Karangan Bunga Salatiga", category: "Collection", url: "/collections/karangan-bunga-salatiga", images: " ", price: " " },{ label: "Karangan Bunga Samarinda", category: "Collection", url: "/collections/karangan-bunga-samarinda", images: " ", price: " " },{ label: "Karangan Bunga Semarang", category: "Collection", url: "/collections/karangan-bunga-semarang", images: " ", price: " " },{ label: "Karangan Bunga Serang", category: "Collection", url: "/collections/karangan-bunga-serang", images: " ", price: " " },{ label: "Karangan Bunga Sibolga", category: "Collection", url: "/collections/karangan-bunga-sibolga", images: " ", price: " " },{ label: "Karangan Bunga Sidoarjo", category: "Collection", url: "/collections/karangan-bunga-sidoarjo", images: " ", price: " " },{ label: "Karangan Bunga Singkawang", category: "Collection", url: "/collections/karangan-bunga-singkawang", images: " ", price: " " },{ label: "Karangan Bunga Solo", category: "Collection", url: "/collections/karangan-bunga-solo", images: " ", price: " " },{ label: "Karangan Bunga Sorong", category: "Collection", url: "/collections/karangan-bunga-sorong", images: " ", price: " " },{ label: "Karangan Bunga Subang", category: "Collection", url: "/collections/karangan-bunga-subang", images: " ", price: " " },{ label: "Karangan Bunga Sukabumi", category: "Collection", url: "/collections/karangan-bunga-sukabumi", images: " ", price: " " },{ label: "Karangan Bunga Sumbawa", category: "Collection", url: "/collections/karangan-bunga-sumbawa", images: " ", price: " " },{ label: "Karangan Bunga Surabaya", category: "Collection", url: "/collections/karangan-bunga-surabaya", images: " ", price: " " },{ label: "Karangan Bunga Surakarta", category: "Collection", url: "/collections/karangan-bunga-surakarta", images: " ", price: " " },{ label: "Karangan Bunga Tangerang", category: "Collection", url: "/collections/karangan-bunga-tangerang", images: " ", price: " " },{ label: "Karangan Bunga Tasikmalaya", category: "Collection", url: "/collections/karangan-bunga-tasikmalaya", images: " ", price: " " },{ label: "Karangan Bunga Ternate", category: "Collection", url: "/collections/karangan-bunga-ternate", images: " ", price: " " },{ label: "Karangan Bunga Tolitoli", category: "Collection", url: "/collections/karangan-bunga-tolitoli", images: " ", price: " " },{ label: "Karangan Bunga Toraja", category: "Collection", url: "/collections/karangan-bunga-toraja", images: " ", price: " " },{ label: "Karangan Bunga Tuban", category: "Collection", url: "/collections/karangan-bunga-tuban", images: " ", price: " " },{ label: "Karangan Bunga Tulungagung", category: "Collection", url: "/collections/karangan-bunga-tulungagung", images: " ", price: " " },{ label: "Karangan Bunga Wakatobi", category: "Collection", url: "/collections/karangan-bunga-wakatobi", images: " ", price: " " },{ label: "Karangan Bunga Wiyung", category: "Collection", url: "/collections/karangan-bunga-wiyung", images: " ", price: " " },{ label: "Karangan Bunga Wonogiri", category: "Collection", url: "/collections/karangan-bunga-wonogiri", images: " ", price: " " },{ label: "Karangan Bunga Wonokromo", category: "Collection", url: "/collections/karangan-bunga-wonokromo", images: " ", price: " " },{ label: "Karangan Bunga Wonosobo", category: "Collection", url: "/collections/karangan-bunga-wonosobo", images: " ", price: " " },{ label: "Karangan Bunga Yogyakarta", category: "Collection", url: "/collections/karangan-bunga-yogyakarta", images: " ", price: " " },{ label: "Kartu Ucapan", category: "Collection", url: "/collections/kartu-ucapan", images: " ", price: " " },{ label: "Kue Anniversary", category: "Collection", url: "/collections/kue-anniversary", images: " ", price: " " },{ label: "Kue Bachelorette", category: "Collection", url: "/collections/kue-bachelorette", images: " ", price: " " },{ label: "Kue Bandung", category: "Collection", url: "/collections/kue-bandung", images: " ", price: " " },{ label: "Kue Bulan", category: "Collection", url: "/collections/kue-bulan", images: " ", price: " " },{ label: "Kue Imlek", category: "Collection", url: "/collections/kue-imlek", images: " ", price: " " },{ label: "Kue Kering", category: "Collection", url: "/collections/kue-kering", images: " ", price: " " },{ label: "Kue Natal", category: "Collection", url: "/collections/kue-natal", images: " ", price: " " },{ label: "Kue Pernikahan", category: "Collection", url: "/collections/kue-pernikahan", images: " ", price: " " },{ label: "Kue Tart", category: "Collection", url: "/collections/kue-tart", images: " ", price: " " },{ label: "Kue Tart Oma Elly", category: "Collection", url: "/collections/kue-tart-oma-elly", images: " ", price: " " },{ label: "Kue Ulang Tahun", category: "Collection", url: "/collections/kue-ulang-tahun", images: " ", price: " " },{ label: "Lalique", category: "Collection", url: "/collections/lalique", images: " ", price: " " },{ label: "Le Sucre Du Patisserie", category: "Collection", url: "/collections/le-sucre-du-patisserie", images: " ", price: " " },{ label: "Leo ♌️ 23July - 22Augst", category: "Collection", url: "/collections/kado-untuk-zodiak-leo", images: " ", price: " " },{ label: "Letter Box", category: "Collection", url: "/collections/letter-box", images: " ", price: " " },{ label: "Libra ♎️ 23Sept - 23Oct", category: "Collection", url: "/collections/kado-untuk-zodiak-libra", images: " ", price: " " },{ label: "Lilin Aromaterapi", category: "Collection", url: "/collections/lilin-aromaterapi", images: " ", price: " " },{ label: "Lily", category: "Collection", url: "/collections/bunga-lily", images: " ", price: " " },{ label: "Lindt", category: "Collection", url: "/collections/lindt", images: " ", price: " " },{ label: "Locations", category: "Collection", url: "/collections/locations", images: " ", price: " " },{ label: "Love & Romance", category: "Collection", url: "/collections/rangkaian-bunga-i-love-you", images: " ", price: " " },{ label: "Love Bag Collection", category: "Collection", url: "/collections/love-bag-collection", images: " ", price: " " },{ label: "Love Bundle", category: "Collection", url: "/collections/paket-promo-spesial-valentine", images: " ", price: " " },{ label: "Love Bundle Nusantara", category: "Collection", url: "/collections/love-bundle-nusantara", images: " ", price: " " },{ label: "Luxury Chinese New Year Hampers", category: "Collection", url: "/collections/luxury-chinese-new-year-hampers", images: " ", price: " " },{ label: "Luxury Christmas Hampers", category: "Collection", url: "/collections/luxury-christmas-hampers", images: " ", price: " " },{ label: "Luxury Hampers", category: "Collection", url: "/collections/luxury-hampers", images: " ", price: " " },{ label: "Luxury Hampers Luar Jadetabek", category: "Collection", url: "/collections/luxury-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Luxury Newborn Hampers Collection", category: "Collection", url: "/collections/luxury-newborn-hampers-collection", images: " ", price: " " },{ label: "Luxury Ramadan Hampers", category: "Collection", url: "/collections/luxury-ramadan-hampers", images: " ", price: " " },{ label: "Luxury Set", category: "Collection", url: "/collections/luxury", images: " ", price: " " },{ label: "Manual", category: "Collection", url: "/collections/manual", images: " ", price: " " },{ label: "Massimo Gelato", category: "Collection", url: "/collections/massimo-gelato", images: " ", price: " " },{ label: "Men's Collection", category: "Collection", url: "/collections/mens-collection", images: " ", price: " " },{ label: "Mercedes Benz", category: "Collection", url: "/collections/mercedes-benz", images: " ", price: " " },{ label: "Mercy Hampers", category: "Collection", url: "/collections/mercy-
7643hampers", images: " ", price: " " },{ label: "Merry Hampers", category: "Collection", url: "/collections/merry-hampers", images: " ", price: " " },{ label: "Merry Hampers Luar Jabodetabek", category: "Collection", url: "/collections/merry-hampers-luar-jabodetabek", images: " ", price: " " },{ label: "Mini Bouquet", category: "Collection", url: "/collections/mini-bouquet", images: " ", price: " " },{ label: "Miss Mondial", category: "Collection", url: "/collections/miss-mondial", images: " ", price: " " },{ label: "Modern & Chic Chinese New Year", category: "Collection", url: "/collections/modern-chic-chinese-new-year", images: " ", price: " " },{ label: "Modern & Chic Christmas Hampers", category: "Collection", url: "/collections/modern-chic-christmas", images: " ", price: " " },{ label: "Modern & Chic Hampers", category: "Collection", url: "/collections/modern-chic-hampers", images: " ", price: " " },{ label: "Modern & Chic Hampers Luar Jadetabek", category: "Collection", url: "/collections/modern-chic-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Modern & Chic Ramadan Hampers", category: "Collection", url: "/collections/modern-chic-ramadan-hampers", images: " ", price: " " },{ label: "Modern & Classy Hampers", category: "Collection", url: "/collections/parcel-unik", images: " ", price: " " },{ label: "Modern 3D Cake", category: "Collection", url: "/collections/custom-3d-cake", images: " ", price: " " },{ label: "Modern Style Flowers", category: "Collection", url: "/collections/modern-style-flowers", images: " ", price: " " },{ label: "Monochrome Hampers", category: "Collection", url: "/collections/monochrome-hampers", images: " ", price: " " },{ label: "Monochrome Hampers Luar Jadetabek", category: "Collection", url: "/collections/monochrome-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Mooncake", category: "Collection", url: "/collections/kue-bulan-mooncake-2025-mid-autumn-festival", images: " ", price: " " },{ label: "Mooncake Assorted Selection", category: "Collection", url: "/collections/mooncake-assorted-selection", images: " ", price: " " },{ label: "Mother's Day", category: "Collection", url: "/collections/rangkaian-bunga-hari-ibu", images: " ", price: " " },{ label: "Mother's Day Special", category: "Collection", url: "/collections/kado-untuk-ibu", images: " ", price: " " },{ label: "Necklace", category: "Collection", url: "/collections/kalung", images: " ", price: " " },{ label: "NestBloom Bird Nest Hampers", category: "Collection", url: "/collections/nestbloom-birds-nest", images: " ", price: " " },{ label: "NestBloom Gift Set", category: "Collection", url: "/collections/nestbloom-gift-set", images: " ", price: " " },{ label: "Nestbloom Ritual Kit", category: "Collection", url: "/collections/nestbloom-ritual-kit", images: " ", price: " " },{ label: "NestBloom Single Bloom", category: "Collection", url: "/collections/nestbloom-single-bloom", images: " ", price: " " },{ label: "New Collection", category: "Collection", url: "/collections/produk-baru", images: " ", price: " " },{ label: "New Product", category: "Collection", url: "/collections/new-product", images: " ", price: " " },{ label: "Newborn", category: "Collection", url: "/collections/rangkaian-bunga-newborn-baby", images: " ", price: " " },{ label: "Newborn Hampers", category: "Collection", url: "/collections/parcel-newborn", images: " ", price: " " },{ label: "Occasions", category: "Collection", url: "/collections/occasions", images: " ", price: " " },{ label: "Oma Elly", category: "Collection", url: "/collections/oma-elly", images: " ", price: " " },{ label: "Oma Elly Gelato", category: "Collection", url: "/collections/oma-elly-gelato", images: " ", price: " " },{ label: "Orchid", category: "Collection", url: "/collections/bunga-anggrek", images: " ", price: " " },{ label: "Orori", category: "Collection", url: "/collections/orori", images: " ", price: " " },{ label: "Outerbloom", category: "Collection", url: "/collections/outerbloom", images: " ", price: " " },{ label: "Outerbloom Cake", category: "Collection", url: "/collections/outerbloom-cake", images: " ", price: " " },{ label: "Outerbloom Florist", category: "Collection", url: "/collections/outerbloom-florist", images: " ", price: " " },{ label: "Outerbloom Gift", category: "Collection", url: "/collections/outerbloom-gift", images: " ", price: " " },{ label: "Outerbloom Hampers", category: "Collection", url: "/collections/outerbloom-hampers", images: " ", price: " " },{ label: "Outerbloom Indonesia", category: "Collection", url: "/collections/indonesia", images: " ", price: " " },{ label: "Outerbloom x Boho Panna", category: "Collection", url: "/collections/outerbloom-x-boh
7643o-panna", images: " ", price: " " },{ label: "Outerbloom x Clairmont", category: "Collection", url: "/collections/outerbloom-x-clairmont", images: " ", price: " " },{ label: "Outerbloom x Kikido", category: "Collection", url: "/collections/outerbloom-x-kikido", images: " ", price: " " },{ label: "Outerbloom x Miwa Pattern", category: "Collection", url: "/collections/outerbloom-x-miwa", images: " ", price: " " },{ label: "Outerbloom x Nestbloom Chinese New Year", category: "Collection", url: "/collections/outerbloom-x-nestbloom-chinese-new-year", images: " ", price: " " },{ label: "Outerbloom x NestBloom Hampers", category: "Collection", url: "/collections/outerbloom-x-nestbloom", images: " ", price: " " },{ label: "Paket Kolaborasi Outerbloom", category: "Collection", url: "/collections/paket-kolaborasi-outerbloom", images: " ", price: " " },{ label: "Paket Kolaborasi Valentine", category: "Collection", url: "/collections/paket-kolaborasi-valentine", images: " ", price: " " },{ label: "Paket Ulang Tahun", category: "Collection", url: "/collections/paket-ulang-tahun", images: " ", price: " " },{ label: "Paket Valentine Nusantara", category: "Collection", url: "/collections/paket-valentine-nusantara", images: " ", price: " " },{ label: "Paket Valentine Outerbloom", category: "Collection", url: "/collections/paket-valentine", images: " ", price: " " },{ label: "Papan Bunga", category: "Collection", url: "/collections/papan-bunga", images: " ", price: " " },{ label: "Papan Bunga Aceh", category: "Collection", url: "/collections/papan-bunga-aceh", images: " ", price: " " },{ label: "Papan Bunga Acrylic", category: "Collection", url: "/collections/papan-bunga-acrylic", images: " ", price: " " },{ label: "Papan Bunga Ambon", category: "Collection", url: "/collections/papan-bunga-ambon", images: " ", price: " " },{ label: "Papan Bunga Artificial", category: "Collection", url: "/collections/papan-bunga-artificial", images: " ", price: " " },{ label: "Papan Bunga Atambua", category: "Collection", url: "/collections/papan-bunga-atambua", images: " ", price: " " },{ label: "Papan Bunga Bali", category: "Collection", url: "/collections/papan-bunga-bali", images: " ", price: " " },{ label: "Papan Bunga Balikpapan", category: "Collection", url: "/collections/papan-bunga-balikpapan", images: " ", price: " " },{ label: "Papan Bunga Bandar Lampung", category: "Collection", url: "/collections/papan-bunga-bandar-lampung", images: " ", price: " " },{ label: "Papan Bunga Bandung", category: "Collection", url: "/collections/papan-bunga-bandung", images: " ", price: " " },{ label: "Papan Bunga Bandung Barat", category: "Collection", url: "/collections/papan-bunga-bandung-barat", images: " ", price: " " },{ label: "Papan Bunga Bangka", category: "Collection", url: "/collections/papan-bunga-bangka", images: " ", price: " " },{ label: "Papan Bunga Banjarmasin", category: "Collection", url: "/collections/papan-bunga-banjarmasin", images: " ", price: " " },{ label: "Papan Bunga Banten", category: "Collection", url: "/collections/papan-bunga-banten", images: " ", price: " " },{ label: "Papan Bunga Banyumas", category: "Collection", url: "/collections/papan-bunga-banyumas", images: " ", price: " " },{ label: "Papan Bunga Banyuwangi", category: "Collection", url: "/collections/papan-bunga-banyuwangi", images: " ", price: " " },{ label: "Papan Bunga Batam", category: "Collection", url: "/collections/papan-bunga-batam", images: " ", price: " " },{ label: "Papan Bunga Baubau", category: "Collection", url: "/collections/papan-bunga-baubau", images: " ", price: " " },{ label: "Papan Bunga Bekasi", category: "Collection", url: "/collections/papan-bunga-bekasi", images: " ", price: " " },{ label: "Papan Bunga Bengkalis", category: "Collection", url: "/collections/papan-bunga-bengkalis", images: " ", price: " " },{ label: "Papan Bunga Bengkayang", category: "Collection", url: "/collections/papan-bunga-bengkayang", images: " ", price: " " },{ label: "Papan Bunga Bengkulu", category: "Collection", url: "/collections/papan-bunga-bengkulu", images: " ", price: " " }
7643,{ label: "Papan Bunga Binjai", category: "Collection", url: "/collections/papan-bunga-binjai", images: " ", price: " " },{ label: "Papan Bunga Blitar", category: "Collection", url: "/collections/papan-bunga-blitar", images: " ", price: " " },{ label: "Papan Bunga Blora", category: "Collection", url: "/collections/papan-bunga-blora", images: " ", price: " " },{ label: "Papan Bunga Bogor", category: "Collection", url: "/collections/papan-bunga-bogor", images: " ", price: " " },{ label: "Papan Bunga Bojonegoro", category: "Collection", url: "/collections/papan-bunga-bojonegoro", images: " ", price: " " },{ label: "Papan Bunga Boyolali", category: "Collection", url: "/collections/papan-bunga-boyolali", images: " ", price: " " },{ label: "Papan Bunga Brebes", category: "Collection", url: "/collections/papan-bunga-brebes", images: " ", price: " " },{ label: "Papan Bunga Bukittinggi", category: "Collection", url: "/collections/papan-bunga-bukittinggi", images: " ", price: " " },{ label: "Papan Bunga Buleleng", category: "Collection", url: "/collections/papan-bunga-buleleng", images: " ", price: " " },{ label: "Papan Bunga Ciamis", category: "Collection", url: "/collections/papan-bunga-ciamis", images: " ", price: " " },{ label: "Papan Bunga Cianjur", category: "Collection", url: "/collections/papan-bunga-cianjur", images: " ", price: " " },{ label: "Papan Bunga Cibubur", category: "Collection", url: "/collections/papan-bunga-cibubur", images: " ", price: " " },{ label: "Papan Bunga Cikarang", category: "Collection", url: "/collections/papan-bunga-cikarang", images: " ", price: " " },{ label: "Papan Bunga Cikupa", category: "Collection", url: "/collections/papan-bunga-cikupa", images: " ", price: " " },{ label: "Papan Bunga Cikupa", category: "Collection", url: "/collections/papan-bunga-cikupa-1", images: " ", price: " " },{ label: "Papan Bunga Cilacap", category: "Collection", url: "/collections/papan-bunga-cilacap", images: " ", price: " " },{ label: "Papan Bunga Cileunyi", category: "Collection", url: "/collections/papan-bunga-cileunyi", images: " ", price: " " },{ label: "Papan Bunga Cirebon", category: "Collection", url: "/collections/papan-bunga-cirebon", images: " ", price: " " },{ label: "Papan Bunga Congratulations", category: "Collection", url: "/collections/papan-bunga-ucapan-selamat", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bali", category: "Collection", url: "/collections/papan-bunga-congratulations-bali", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bandung", category: "Collection", url: "/collections/papan-bunga-congratulations-bandung", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bekasi", category: "Collection", url: "/collections/papan-bunga-congratulations-bekasi", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bogor", category: "Collection", url: "/collections/papan-bunga-congratulations-bogor", images: " ", price: " " },{ label: "Papan Bunga Congratulations Cikupa", category: "Collection", url: "/collections/papan-bunga-congratulations-cikupa", images: " ", price: " " },{ label: "Papan Bunga Congratulations Demak", category: "Collection", url: "/collections/papan-bunga-congratulations-demak", images: " ", price: " " },{ label: "Papan Bunga Congratulations Depok", category: "Collection", url: "/collections/papan-bunga-congratulations-depok", images: " ", price: " " },{ label: "Papan Bunga Congratulations Gresik", category: "Collection", url: "/collections/papan-bunga-congratulations-gresik", images: " ", price: " " },{ label: "Papan Bunga Congratulations Jakarta", category: "Collection", url: "/collections/papan-bunga-congratulations-jakarta", images: " ", price: " " },{ label: "Papan Bunga Congratulations Jepara", category: "Collection", url: "/collections/papan-bunga-congratulations-jepara", images: " ", price: " " },{ label: "Papan Bunga Congratulations Medan", category: "Collection", url: "/collections/papan-bunga-congratulations-medan", images: " ", price: " " },{ label: "Papan Bunga Congratulations Semarang", category: "Collection", url: "/collections/papan-bunga-congratulations-semarang", images: " ", price: " " }
7643,{ label: "Papan Bunga Congratulations Serang", category: "Collection", url: "/collections/papan-bunga-congratulations-serang", images: " ", price: " " },{ label: "Papan Bunga Congratulations Sidoarjo", category: "Collection", url: "/collections/papan-bunga-congratulations-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Congratulations Surabaya", category: "Collection", url: "/collections/papan-bunga-congratulations-surabaya", images: " ", price: " " },{ label: "Papan Bunga Congratulations Tangerang", category: "Collection", url: "/collections/papan-bunga-congratulations-tangerang", images: " ", price: " " },{ label: "Papan Bunga Congratulations Yogyakarta", category: "Collection", url: "/collections/papan-bunga-congratulations-yogyakarta", images: " ", price: " " },{ label: "Papan Bunga Danau Toba", category: "Collection", url: "/collections/papan-bunga-danau-toba", images: " ", price: " " },{ label: "Papan Bunga Deli Serdang", category: "Collection", url: "/collections/papan-bunga-deli-serdang", images: " ", price: " " },{ label: "Papan Bunga Demak", category: "Collection", url: "/collections/papan-bunga-demak", images: " ", price: " " },{ label: "Papan Bunga Denpasar", category: "Collection", url: "/collections/papan-bunga-denpasar", images: " ", price: " " },{ label: "Papan Bunga Depok", category: "Collection", url: "/collections/papan-bunga-depok", images: " ", price: " " },{ label: "Papan Bunga Duka Cita", category: "Collection", url: "/collections/bunga-duka-cita", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bali", category: "Collection", url: "/collections/papan-bunga-duka-cita-bali", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bandung", category: "Collection", url: "/collections/papan-bunga-duka-cita-bandung", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bekasi", category: "Collection", url: "/collections/papan-bunga-duka-cita-bekasi", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bogor", category: "Collection", url: "/collections/papan-bunga-duka-cita-bogor", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Cikupa", category: "Collection", url: "/collections/papan-bunga-duka-cita-cikupa", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Demak", category: "Collection", url: "/collections/papan-bunga-duka-cita-demak", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Depok", category: "Collection", url: "/collections/papan-bunga-duka-cita-depok", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Gresik", category: "Collection", url: "/collections/papan-bunga-duka-cita-gresik", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Jakarta", category: "Collection", url: "/collections/papan-bunga-duka-cita-jakarta", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Jepara", category: "Collection", url: "/collections/papan-bunga-duka-cita-jepara", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Medan", category: "Collection", url: "/collections/papan-bunga-duka-cita-medan", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Semarang", category: "Collection", url: "/collections/papan-bunga-duka-cita-semarang", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Serang", category: "Collection", url: "/collections/papan-bunga-duka-cita-serang", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Sidoarjo", category: "Collection", url: "/collections/papan-bunga-duka-cita-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Surabaya", category: "Collection", url: "/collections/papan-bunga-duka-cita-surabaya", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Tangerang", category: "Collection", url: "/collections/papan-bunga-duka-cita-tangerang", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Yogyakarta", category: "Collection", url: "/collections/papan-bunga-duka-cita-yogyakarta", images: " ", price: " " },{ label: "Papan Bunga Garut", category: "Collection", url: "/collections/papan-bunga-garut", images: " ", price: " " },{ label: "Papan Bunga Gianyar", category: "Collection", url: "/collections/papan-bunga-gianyar", images: " ", price: " " }
7643,{ label: "Papan Bunga Gorontalo", category: "Collection", url: "/collections/papan-bunga-gorontalo", images: " ", price: " " },{ label: "Papan Bunga Gowa", category: "Collection", url: "/collections/papan-bunga-gowa", images: " ", price: " " },{ label: "Papan Bunga Gresik", category: "Collection", url: "/collections/papan-bunga-gresik", images: " ", price: " " },{ label: "Papan Bunga Grobogan", category: "Collection", url: "/collections/papan-bunga-grobogan", images: " ", price: " " },{ label: "Papan Bunga Gunungkidul", category: "Collection", url: "/collections/papan-bunga-gunungkidul", images: " ", price: " " },{ label: "Papan Bunga Indramayu", category: "Collection", url: "/collections/papan-bunga-indramayu", images: " ", price: " " },{ label: "Papan Bunga Jakarta", category: "Collection", url: "/collections/papan-bunga-jakarta", images: " ", price: " " },{ label: "Papan Bunga Jakarta Timur", category: "Collection", url: "/collections/papan-bunga-jakarta-timur", images: " ", price: " " },{ label: "Papan Bunga Jambi", category: "Collection", url: "/collections/papan-bunga-jambi", images: " ", price: " " },{ label: "Papan Bunga Jayapura", category: "Collection", url: "/collections/papan-bunga-jayapura", images: " ", price: " " },{ label: "Papan Bunga Jember", category: "Collection", url: "/collections/papan-bunga-jember", images: " ", price: " " },{ label: "Papan Bunga Jembrana", category: "Collection", url: "/collections/papan-bunga-jembrana", images: " ", price: " " },{ label: "Papan Bunga Jepara", category: "Collection", url: "/collections/papan-bunga-jepara", images: " ", price: " " },{ label: "Papan Bunga Jombang", category: "Collection", url: "/collections/papan-bunga-jombang", images: " ", price: " " },{ label: "Papan Bunga Kampung Baru", category: "Collection", url: "/collections/papan-bunga-kampung-baru", images: " ", price: " " },{ label: "Papan Bunga Kapuas", category: "Collection", url: "/collections/papan-bunga-kapuas", images: " ", price: " " },{ label: "Papan Bunga Karanganyar", category: "Collection", url: "/collections/papan-bunga-karanganyar", images: " ", price: " " },{ label: "Papan Bunga Karangasem", category: "Collection", url: "/collections/papan-bunga-karangasem", images: " ", price: " " },{ label: "Papan Bunga Karawang", category: "Collection", url: "/collections/papan-bunga-karawang", images: " ", price: " " },{ label: "Papan Bunga Karo", category: "Collection", url: "/collections/papan-bunga-karo", images: " ", price: " " },{ label: "Papan Bunga Kartosuro", category: "Collection", url: "/collections/papan-bunga-kartosuro", images: " ", price: " " },{ label: "Papan Bunga Kebumen", category: "Collection", url: "/collections/papan-bunga-kebumen", images: " ", price: " " },{ label: "Papan Bunga Kediri", category: "Collection", url: "/collections/papan-bunga-kediri", images: " ", price: " " },{ label: "Papan Bunga Kendal", category: "Collection", url: "/collections/papan-bunga-kendal", images: " ", price: " " },{ label: "Papan Bunga Kendari", category: "Collection", url: "/collections/papan-bunga-kendari", images: " ", price: " " },{ label: "Papan Bunga Ketapang", category: "Collection", url: "/collections/papan-bunga-ketapang", images: " ", price: " " },{ label: "Papan Bunga Klaten", category: "Collection", url: "/collections/papan-bunga-klaten", images: " ", price: " " },{ label: "Papan Bunga Kota Batu", category: "Collection", url: "/collections/papan-bunga-kota-batu", images: " ", price: " " },{ label: "Papan Bunga Kudus", category: "Collection", url: "/collections/papan-bunga-kudus", images: " ", price: " " },{ label: "Papan Bunga Kupang", category: "Collection", url: "/collections/papan-bunga-kupang", images: " ", price: " " },{ label: "Papan Bunga Lamongan", category: "Collection", url: "/collections/papan-bunga-lamongan", images: " ", price: " " },{ label: "Papan Bunga Lampu LED", category: "Collection", url: "/collections/papan-bunga-lampu-led", images: " ", price: " " },{ label: "Papan Bunga Lampung", category: "Collection", url: "/collections/papan-bunga-lampung", images: " ", price: " " }
7643,{ label: "Papan Bunga Langkat", category: "Collection", url: "/collections/papan-bunga-langkat", images: " ", price: " " },{ label: "Papan Bunga Lembang", category: "Collection", url: "/collections/papan-bunga-lembang", images: " ", price: " " },{ label: "Papan Bunga Lombok", category: "Collection", url: "/collections/papan-bunga-lombok", images: " ", price: " " },{ label: "Papan Bunga Lubuk Pakam", category: "Collection", url: "/collections/papan-bunga-lubuk-pakam", images: " ", price: " " },{ label: "Papan Bunga Lumajang", category: "Collection", url: "/collections/papan-bunga-lumajang", images: " ", price: " " },{ label: "Papan Bunga Madiun", category: "Collection", url: "/collections/papan-bunga-madiun", images: " ", price: " " },{ label: "Papan Bunga Magelang", category: "Collection", url: "/collections/papan-bunga-magelang", images: " ", price: " " },{ label: "Papan Bunga Majalengka", category: "Collection", url: "/collections/papan-bunga-majalengka", images: " ", price: " " },{ label: "Papan Bunga Makassar", category: "Collection", url: "/collections/papan-bunga-makassar", images: " ", price: " " },{ label: "Papan Bunga Malang", category: "Collection", url: "/collections/papan-bunga-malang", images: " ", price: " " },{ label: "Papan Bunga Mamuju", category: "Collection", url: "/collections/papan-bunga-mamuju", images: " ", price: " " },{ label: "Papan Bunga Manado", category: "Collection", url: "/collections/papan-bunga-manado", images: " ", price: " " },{ label: "Papan Bunga Manokwari", category: "Collection", url: "/collections/papan-bunga-manokwari", images: " ", price: " " },{ label: "Papan Bunga Maros", category: "Collection", url: "/collections/papan-bunga-maros", images: " ", price: " " },{ label: "Papan Bunga Mataram", category: "Collection", url: "/collections/papan-bunga-mataram", images: " ", price: " " },{ label: "Papan Bunga Medan", category: "Collection", url: "/collections/papan-bunga-medan", images: " ", price: " " },{ label: "Papan Bunga Mojokerto", category: "Collection", url: "/collections/papan-bunga-mojokerto", images: " ", price: " " },{ label: "Papan Bunga Nganjuk", category: "Collection", url: "/collections/papan-bunga-nganjuk", images: " ", price: " " },{ label: "Papan Bunga Ngawi", category: "Collection", url: "/collections/papan-bunga-ngawi", images: " ", price: " " },{ label: "Papan Bunga Nias", category: "Collection", url: "/collections/papan-bunga-nias", images: " ", price: " " },{ label: "Papan Bunga Organza", category: "Collection", url: "/collections/papan-bunga-organza", images: " ", price: " " },{ label: "Papan Bunga Padang", category: "Collection", url: "/collections/papan-bunga-padang", images: " ", price: " " },{ label: "Papan Bunga Palangkaraya", category: "Collection", url: "/collections/papan-bunga-palangkaraya", images: " ", price: " " },{ label: "Papan Bunga Palembang", category: "Collection", url: "/collections/papan-bunga-palembang", images: " ", price: " " },{ label: "Papan Bunga Palu", category: "Collection", url: "/collections/papan-bunga-palu", images: " ", price: " " },{ label: "Papan Bunga Pangkal Pinang", category: "Collection", url: "/collections/papan-bunga-pangkal-pinang", images: " ", price: " " },{ label: "Papan Bunga Parepare", category: "Collection", url: "/collections/papan-bunga-parepare", images: " ", price: " " },{ label: "Papan Bunga Pasuruan", category: "Collection", url: "/collections/papan-bunga-pasuruan", images: " ", price: " " },{ label: "Papan Bunga Pati", category: "Collection", url: "/collections/papan-bunga-pati", images: " ", price: " " },{ label: "Papan Bunga Pekalongan", category: "Collection", url: "/collections/papan-bunga-pekalongan", images: " ", price: " " },{ label: "Papan Bunga Pekanbaru", category: "Collection", url: "/collections/papan-bunga-pekanbaru", images: " ", price: " " },{ label: "Papan Bunga Pemalang", category: "Collection", url: "/collections/papan-bunga-pemalang", images: " ", price: " " },{ label: "Papan Bunga Pematangsiantar", category: "Collection", url: "/collections/papan-bunga-pematangsiantar", images: " ", price: " " }
7643,{ label: "Papan Bunga Pernikahan Bali", category: "Collection", url: "/collections/papan-bunga-pernikahan-bali", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Bandung", category: "Collection", url: "/collections/papan-bunga-pernikahan-bandung", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Bekasi", category: "Collection", url: "/collections/papan-bunga-pernikahan-bekasi", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Bogor", category: "Collection", url: "/collections/papan-bunga-pernikahan-bogor", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Cikupa", category: "Collection", url: "/collections/papan-bunga-pernikahan-cikupa", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Demak", category: "Collection", url: "/collections/papan-bunga-pernikahan-demak", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Depok", category: "Collection", url: "/collections/papan-bunga-pernikahan-depok", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Gresik", category: "Collection", url: "/collections/papan-bunga-pernikahan-gresik", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Jakarta", category: "Collection", url: "/collections/papan-bunga-pernikahan-jakarta", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Jepara", category: "Collection", url: "/collections/papan-bunga-pernikahan-jepara", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Medan", category: "Collection", url: "/collections/papan-bunga-pernikahan-medan", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Semarang", category: "Collection", url: "/collections/papan-bunga-pernikahan-semarang", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Serang", category: "Collection", url: "/collections/papan-bunga-pernikahan-serang", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Sidoarjo", category: "Collection", url: "/collections/papan-bunga-pernikahan-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Surabaya", category: "Collection", url: "/collections/papan-bunga-pernikahan-surabaya", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Tangerang", category: "Collection", url: "/collections/papan-bunga-pernikahan-tangerang", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Yogyakarta", category: "Collection", url: "/collections/papan-bunga-pernikahan-yogyakarta", images: " ", price: " " },{ label: "Papan Bunga Ponorogo", category: "Collection", url: "/collections/papan-bunga-ponorogo", images: " ", price: " " },{ label: "Papan Bunga Pontianak", category: "Collection", url: "/collections/papan-bunga-pontianak", images: " ", price: " " },{ label: "Papan Bunga Premium", category: "Collection", url: "/collections/papan-bunga-premium", images: " ", price: " " },{ label: "Papan Bunga Printing", category: "Collection", url: "/collections/papan-bunga-printing", images: " ", price: " " },{ label: "Papan Bunga Printing Congratulations", category: "Collection", url: "/collections/papan-bunga-printing-congratulations", images: " ", price: " " },{ label: "Papan Bunga Probolinggo", category: "Collection", url: "/collections/papan-bunga-probolinggo", images: " ", price: " " },{ label: "Papan Bunga Promo", category: "Collection", url: "/collections/promo-papan-bunga", images: " ", price: " " },{ label: "Papan Bunga Purbalingga", category: "Collection", url: "/collections/papan-bunga-purbalingga", images: " ", price: " " },{ label: "Papan Bunga Purwokerto", category: "Collection", url: "/collections/papan-bunga-purwokerto", images: " ", price: " " },{ label: "Papan Bunga Purworejo", category: "Collection", url: "/collections/papan-bunga-purworejo", images: " ", price: " " },{ label: "Papan Bunga Rembang", category: "Collection", url: "/collections/papan-bunga-rembang", images: " ", price: " " },{ label: "Papan Bunga Riau", category: "Collection", url: "/collections/papan-bunga-riau", images: " ", price: " " },{ label: "Papan Bunga Salatiga", category: "Collection", url: "/collections/papan-bunga-salatiga", images: " ", price: " " }
7643,{ label: "Papan Bunga Samarinda", category: "Collection", url: "/collections/papan-bunga-samarinda", images: " ", price: " " },{ label: "Papan Bunga Selamat Bandung", category: "Collection", url: "/collections/papan-bunga-selamat-bandung", images: " ", price: " " },{ label: "Papan Bunga Selamat Medan", category: "Collection", url: "/collections/papan-bunga-selamat-medan", images: " ", price: " " },{ label: "Papan Bunga Semarang", category: "Collection", url: "/collections/papan-bunga-semarang", images: " ", price: " " },{ label: "Papan Bunga Serang", category: "Collection", url: "/collections/papan-bunga-serang", images: " ", price: " " },{ label: "Papan Bunga Sibolga", category: "Collection", url: "/collections/papan-bunga-sibolga", images: " ", price: " " },{ label: "Papan Bunga Sidoarjo", category: "Collection", url: "/collections/papan-bunga-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Singkawang", category: "Collection", url: "/collections/papan-bunga-singkawang", images: " ", price: " " },{ label: "Papan Bunga Solo", category: "Collection", url: "/collections/papan-bunga-solo", images: " ", price: " " },{ label: "Papan Bunga Sorong", category: "Collection", url: "/collections/papan-bunga-sorong", images: " ", price: " " },{ label: "Papan Bunga Sragen", category: "Collection", url: "/collections/papan-bunga-sragen", images: " ", price: " " },{ label: "Papan Bunga Standard", category: "Collection", url: "/collections/papan-bunga-standard", images: " ", price: " " },{ label: "Papan Bunga Subang", category: "Collection", url: "/collections/papan-bunga-subang", images: " ", price: " " },{ label: "Papan Bunga Sukabumi", category: "Collection", url: "/collections/papan-bunga-sukabumi", images: " ", price: " " },{ label: "Papan Bunga Sumbawa", category: "Collection", url: "/collections/papan-bunga-sumbawa", images: " ", price: " " },{ label: "Papan Bunga Surabaya", category: "Collection", url: "/collections/papan-bunga-surabaya", images: " ", price: " " },{ label: "Papan Bunga Surakarta", category: "Collection", url: "/collections/papan-bunga-surakarta", images: " ", price: " " },{ label: "Papan Bunga Tangerang", category: "Collection", url: "/collections/papan-bunga-tangerang", images: " ", price: " " },{ label: "Papan Bunga Tasikmalaya", category: "Collection", url: "/collections/papan-bunga-tasikmalaya", images: " ", price: " " },{ label: "Papan Bunga Tegal", category: "Collection", url: "/collections/papan-bunga-tegal", images: " ", price: " " },{ label: "Papan Bunga Temanggung", category: "Collection", url: "/collections/papan-bunga-temanggung", images: " ", price: " " },{ label: "Papan Bunga Ternate", category: "Collection", url: "/collections/papan-bunga-ternate", images: " ", price: " " },{ label: "Papan Bunga Tolitoli", category: "Collection", url: "/collections/papan-bunga-tolitoli", images: " ", price: " " },{ label: "Papan Bunga Toraja", category: "Collection", url: "/collections/papan-bunga-toraja", images: " ", price: " " },{ label: "Papan Bunga Tuban", category: "Collection", url: "/collections/papan-bunga-tuban", images: " ", price: " " },{ label: "Papan Bunga Tulungagung", category: "Collection", url: "/collections/papan-bunga-tulungagung", images: " ", price: " " },{ label: "Papan Bunga Wakatobi", category: "Collection", url: "/collections/papan-bunga-wakatobi", images: " ", price: " " },{ label: "Papan Bunga Wedding", category: "Collection", url: "/collections/papan-bunga-ucapan-pernikahan", images: " ", price: " " },{ label: "Papan Bunga Wiyung", category: "Collection", url: "/collections/papan-bunga-wiyung", images: " ", price: " " },{ label: "Papan Bunga Wonogiri", category: "Collection", url: "/collections/papan-bunga-wonogiri", images: " ", price: " " },{ label: "Papan Bunga Wonokromo", category: "Collection", url: "/collections/papan-bunga-wonokromo", images: " ", price: " " },{ label: "Papan Bunga Wonosobo", category: "Collection", url: "/collections/papan-bunga-wonosobo", images: " ", price: " " },{ label: "Papan Bunga Yogyakarta", category: "Collection", url: "/collections/papan-bunga-yogyakarta", images: " ", price: " " }
7643,{ label: "Paper Flower Board", category: "Collection", url: "/collections/papan-bunga-kertas", images: " ", price: " " },{ label: "Paper Flower Board Bali", category: "Collection", url: "/collections/papan-bunga-kertas-bali", images: " ", price: " " },{ label: "Paper Flower Board Gresik", category: "Collection", url: "/collections/papan-bunga-kertas-gresik", images: " ", price: " " },{ label: "Paper Flower Board Sidoarjo", category: "Collection", url: "/collections/papan-bunga-kertas-sidoarjo", images: " ", price: " " },{ label: "Paper Flower Board Surabaya", category: "Collection", url: "/collections/papan-bunga-kertas-surabaya", images: " ", price: " " },{ label: "Paper Flower Board Yogyakarta", category: "Collection", url: "/collections/papan-bunga-kertas-yogyakarta", images: " ", price: " " },{ label: "Parcel", category: "Collection", url: "/collections/parcel", images: " ", price: " " },{ label: "Parcel Buah", category: "Collection", url: "/collections/parcel-buah-segar", images: " ", price: " " },{ label: "Parcel Buah Bandung", category: "Collection", url: "/collections/parcel-buah-bandung", images: " ", price: " " },{ label: "Parcel Buah Semarang", category: "Collection", url: "/collections/parcel-buah-semarang", images: " ", price: " " },{ label: "Parcel Buah Sidoarjo", category: "Collection", url: "/collections/parcel-buah-sidoarjo", images: " ", price: " " },{ label: "Parcel Buah Surabaya", category: "Collection", url: "/collections/parcel-buah-surabaya", images: " ", price: " " },{ label: "Parcel Imlek 2025", category: "Collection", url: "/collections/parcel-imlek", images: " ", price: " " },{ label: "Parcel Imlek Bandung", category: "Collection", url: "/collections/parcel-imlek-bandung", images: " ", price: " " },{ label: "Parcel Imlek Nusantara", category: "Collection", url: "/collections/parcel-imlek-nusantara", images: " ", price: " " },{ label: "Parcel Lebaran Bandung", category: "Collection", url: "/collections/parcel-lebaran-bandung", images: " ", price: " " },{ label: "Parcel Lebaran Nusantara", category: "Collection", url: "/collections/parcel-lebaran-indonesia", images: " ", price: " " },{ label: "Parcel Lebaran Surabaya", category: "Collection", url: "/collections/parcel-lebaran-surabaya", images: " ", price: " " },{ label: "Parcel Makanan", category: "Collection", url: "/collections/parcel-makanan", images: " ", price: " " },{ label: "Parcel Natal & Tahun Baru 2026", category: "Collection", url: "/collections/hampers-natal", images: " ", price: " " },{ label: "Parcel Natal & Tahun Baru Bandung", category: "Collection", url: "/collections/parcel-natal-bandung", images: " ", price: " " },{ label: "Parcel Newborn Nusantara", category: "Collection", url: "/collections/parcel-newborn-nusantara", images: " ", price: " " },{ label: "Parcel Tahun Baru", category: "Collection", url: "/collections/new-year-tahun-baru", images: " ", price: " " },{ label: "Party Supplies", category: "Collection", url: "/collections/party-supplies", images: " ", price: " " },{ label: "Partysaurus", category: "Collection", url: "/collections/partysaurus", images: " ", price: " " },{ label: "Pasar Bunga Splendid Malang", category: "Collection", url: "/collections/pasar-bunga-splendid-malang", images: " ", price: " " },{ label: "Passionate Red Valentine", category: "Collection", url: "/collections/red-valentine", images: " ", price: " " },{ label: "Pendant", category: "Collection", url: "/collections/liontin", images: " ", price: " " },{ label: "Personalized Fashion", category: "Collection", url: "/collections/fashion", images: " ", price: " " },{ label: "Personalized Gift", category: "Collection", url: "/collections/personalized-gift", images: " ", price: " " },{ label: "Personalized Gift Pria", category: "Collection", url: "/collections/personalized-gift-pria", images: " ", price: " " },{ label: "Personalized Gift Wanita", category: "Collection", url: "/collections/personalized-gift-wanita", images: " ", price: " " },{ label: "Personalized Gifts", category: "Collection", url: "/collections/personalized-gifts", images: " ", price: " " },{ label: "Pesca Ice Cream Cakes", category: "Collection", url: "/collections/pesca", images: " ", price: " " },{ label: "Phone Case", category: "Collection", url: "/collections/phone-case", images: " ", price: " " },{ label: "Photobook", category: "Collection", url: "/collections/photobook", images: " ", price: " " },{ label: "Pisces ♓️ 19Feb - 20March", category: "Collection", url: "/collections/kado-untuk-zodiak-pisces", images: " ", price: " " },{ label: "Pohon Natal", category: "Collection", url: "/collections/pohon-natal", images: " ", price: " " },{ label: "Premium Hampers", category: "Collection", url: "/collections/parcel-premium", images: " ", price: " " },{ label: "Premium Newborn Hampers Collection", category: "Collection", url: "/collections/premium-newborn-hampers-collection", images: " ", price: " " },{ label: "Printing Cake", category: "Collection", url: "/collections/printing-cake", images: " ", price: " " },{ label: "Prom", category: "Collection", url: "/collections/prom", images: " ", price: " " },{ label: "Promo Merdeka", category: "Collection", url: "/collections/merdeka", images: " ", price: " " },{ label: "Rangkaian Bunga", category: "Collection", url: "/collections/rangkaian-bunga", images: " ", price: " " },{ label: "Rangkaian Bunga Dekorasi", category: "Collection", url: "/collections/rangkaian-bunga-dekorasi", images: " ", price: " " },{ label: "Rangkaian Bunga Ulang Tahun", category: "Collection", url: "/collections/rangkaian-bunga-ulang-tahun", images: " ", price: " " },{ label: "Romantic & Sweets", category: "Collection", url: "/collections/romantic-sweets", images: " ", price: " " },{ label: "Romantic Package", category: "Collection", url: "/collections/romantic-package", images: " ", price: " " },{ label: "Rose Beam", category: "Collection", url: "/collections/rose-beam", images: " ", price: " " },{ label: "Rose Box", category: "Collection", url: "/collections/rose-box", images: " ", price: " " },{ label: "Roses", category: "Collection", url: "/collections/bunga-mawar", images: " ", price: " " },{ label: "Rp 500.000 - Rp 800.000", category: "Collection", url: "/collections/rp-500-000-rp-800-000", images: " ", price: " " },{ label: "Rp 800.000 - Rp 1.000.000", category: "Collection", url: "/collections/rp-800-000-rp-1-000-000", images: " ", price: " " },{ label: "Rustic & Monochrome Ramadan Hampers", category: "Collection", url: "/collections/rustic-monochrome-ramadanhampers", images: " ", price: " " },{ label: "Rustic Bloom", category: "Collection", url: "/collections/dried-flowers", images: " ", price: " " },{ label: "Rustic Style Flowers", category: "Collection", url: "/collections/rustic-style-flowers", images: " ", price: " " },{ label: "Sagittarius ♐️ 22Nov - 21Des", category: "Collection", url: "/collections/kado-untuk-zodiak-sagittarius", images: " ", price: " " },{ label: "Sameday Delivery", category: "Collection", url: "/collections/sameday", images: " ", price: " " },{ label: "Savoury Dish", category: "Collection", url: "/collections/savoury-dish", images: " ", price: " " },{ label: "Saychiz", category: "Collection", url: "/collections/saychiz", images: " ", price: " " },{ label: "Scented Candles", category: "Collection", url: "/collections/scented-candles", images: " ", price: " " },{ label: "Scorpio ♏️ 24Oct - 21Nov", category: "Collection", url: "/collections/kado-untuk-zodiak-scorpio", images: " ", price: " " },{ label: "Self Pick-Up", category: "Collection", url: "/collections/self-pick-up", images: " ", price: " " },{ label: "Semua Produk", category: "Collection", url: "/collections/all", images: " ", price: " " },{ label: "Serenitea", category: "Collection", url: "/collections/serenitea", images: " ", price: " " },{ label: "Share Outerbloom Moment", category: "Collection", url: "/collections/share-moment", images: " ", price: " " },{ label: "Share your Happiness", category: "Collection", url: "/collections/share-happiness", images: " ", price: " " },{ label: "Signature Cake", category: "Collection", url: "/collections/signature-cake", images: " ", price: " " },{ label: "Signature Chinese New Year Hampers", category: "Collection", url: "/collections/signature-chinese-new-year-hampers", images: " ", price: " " },{ label: "Signature Christmas & New Year Hampers", category: "Collection", url: "/collections/signature-christmas-hampers", images: " ", price: " " },{ label: "Signature Hampers", category: "Collection", url: "/collections/signature-hampers", images: " ", price: " " },{ label: "Signature Hampers Luar Jadetabek", category: "Collection", url: "/collections/signature-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Signature Hampers Sameday", category: "Collection", url: "/collections/signature-hampers-sameday", images: " ", price: " " },{ label: "Signature Ramadan Hampers", category: "Collection", url: "/collections/signature-ramadan-hampers", images: " ", price: " " },{ label: "Slice Cake", category: "Collection", url: "/collections/slice-cake", images: " ", price: " " },{ label: "Snack Box", category: "Collection", url: "/collections/snack-box", images: " ", price: " " },{ label: "Sol et Terre", category: "Collection", url: "/collections/sol-et-terre", images: " ", price: " " },{ label: "Sorbet", category: "Collection", url: "/collections/sorbet", images: " ", price: " " },{ label: "Special Day", category: "Collection", url: "/collections/special-day", images: " ", price: " " },{ label: "Special Edition", category: "Collection", url: "/collections/special-edition", images: " ", price: " " },{ label: "Special For Her", category: "Collection", url: "/collections/special-for-her", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang.", category: "Collection", url: "/collections/standing-flower", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Bali", category: "Collection", url: "/collections/standing-flower-bali", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Bandung", category: "Collection", url: "/collections/standing-flower-bandung", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Congratulations", category: "Collection", url: "/collections/standing-flower-congratulations", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Demak", category: "Collection", url: "/collections/standing-flower-demak", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Jepara", category: "Collection", url: "/collections/standing-flower-jepara", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Semarang", category: "Collection", url: "/collections/standing-flower-semarang", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Sidoarjo", category: "Collection", url: "/collections/standing-flower-sidoarjo", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Surabaya", category: "Collection", url: "/collections/standing-flower-surabaya", images: " ", price: " " },{ label: "CANDU123 jadi pendatang baru yang ramai dibicarakan di dunia game online berkat pilihan game variatif, akses praktis, dan pengalaman bermain yang sangat menantang. Yogyakarta", category: "Collection", url: "/collections/standing-flower-yogyakarta", images: " ", price: " " },{ label: "Standing Giant Flower", category: "Collection", url: "/collections/standing-giant-flower", images: " ", price: " " },{ label: "Stationery", category: "Collection", url: "/collections/stationery", images: " ", price: " " },{ label: "Steekwerk", category: "Collection", url: "/collections/steekwerk", images: " ", price: " " },{ label: "Stylish Hampers", category: "Collection", url: "/collections/stylish-hampers", images: " ", price: " " },{ label: "Stylish Hampers Luar Jadetabek", category: "Collection", url: "/collections/stylish-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Succulent", category: "Collection", url: "/collections/succulent", images: " ", price: " " },{ label: "Sunflower", category: "Collection", url: "/collections/bunga-matahari", images: " ", price: " " },{ label: "Sweet & Savoury Hampers", category: "Collection", url: "/collections/sweet-savoury-hampers", images: " ", price: " " },{ label: "Sweet Gracie", category: "Collection", url: "/collections/sweet-gracie", images: " ", price: " " },{ label: "Sweet Pastel Love", category: "Collection", url: "/collections/pastel-love", images: " ", price: " " },{ label: "Sweet Pastel Love Nusantara", category: "Collection", url: "/collections/sweet-pastel-love-nusantara", images: " ", price: " " },{ label: "Sweet Treats", category: "Collection", url: "/collections/sweet-treats", images: " ", price: " " },{ label: "Sweetooth", category: "Collection", url: "/collections/sweetooth", images: " ", price: " " },{ label: "Taurus ♉️ 20April - 20May", category: "Collection", url: "/collections/kado-untuk-zodiak-taurus", images: " ", price: " " },{ label: "Teddy Bear", category: "Collection", url: "/collections/boneka-teddy-bear", images: " ", price: " " },{ label: "Teh", category: "Collection", url: "/collections/teh", images: " ", price: " " },{ label: "Test Error", category: "Collection", url: "/collections/test-error", images: " ", price: " " },{ label: "Testing", category: "Collection", url: "/collections/testing", images: " ", price: " " },{ label: "Thank You", category: "Collection", url: "/collections/rangkaian-bunga-ucapan-terima-kasih", images: " ", price: " " },{ label: "The Classic Astoria", category: "Collection", url: "/collections/astoria", images: " ", price: " " },{ label: "The Classic Enchanted Dome", category: "Collection", url: "/collections/enchanted-dome", images: " ", price: " " },{ label: "The Enchanted Love Pirouette Special Edition", category: "Collection", url: "/collections/the-enchanted-love-pirouette-special-edition", images: " ", price: " " },{ label: "The F Thing", category: "Collection", url: "/collections/the-f-thing", images: " ", price: " " },{ label: "The First", category: "Collection", url: "/collections/the-first", images: " ", price: " " },{ label: "The Novo Astoria", category: "Collection", url: "/collections/the-novo-astoria", images: " ", price: " " },{ label: "The Novo Enchanted Dome", category: "Collection", url: "/collections/the-novo-enchanted-dome", images: " ", price: " " },{ label: "The Novo Enchanted Dome Special Edition", category: "Collection", url: "/collections/the-novo-enchanted-dome-special-edition", images: " ", price: " " },{ label: "The Palace", category: "Collection", url: "/collections/the-palace", images: " ", price: " " },{ label: "Ties", category: "Collection", url: "/collections/dasi", images: " ", price: " " },{ label: "Tisane", category: "Collection", url: "/collections/tisane", images: " ", price: " " },{ label: "Toko Bunga Aceh", category: "Collection", url: "/collections/toko-bunga-aceh", images: " ", price: " " },{ label: "Toko Bunga Ambon", category: "Collection", url: "/collections/toko-bunga-ambon", images: " ", price: " " },{ label: "Toko Bunga Atambua", category: "Collection", url: "/c
7643ollections/toko-bunga-atambua", images: " ", price: " " },{ label: "Toko Bunga Bali", category: "Collection", url: "/collections/toko-bunga-bali", images: " ", price: " " },{ label: "Toko Bunga Balikpapan", category: "Collection", url: "/collections/toko-bunga-balikpapan", images: " ", price: " " },{ label: "Toko Bunga Bandar Lampung", category: "Collection", url: "/collections/toko-bunga-bandar-lampung", images: " ", price: " " },{ label: "Toko Bunga Bandung", category: "Collection", url: "/collections/toko-bunga-bandung", images: " ", price: " " },{ label: "Toko Bunga Bandung Barat", category: "Collection", url: "/collections/toko-bunga-bandung-barat", images: " ", price: " " },{ label: "Toko Bunga Banjarmasin", category: "Collection", url: "/collections/toko-bunga-banjarmasin", images: " ", price: " " },{ label: "Toko Bunga Banten", category: "Collection", url: "/collections/toko-bunga-banten", images: " ", price: " " },{ label: "Toko Bunga Banyumas", category: "Collection", url: "/collections/toko-bunga-banyumas", images: " ", price: " " },{ label: "Toko Bunga Banyuwangi", category: "Collection", url: "/collections/toko-bunga-banyuwangi", images: " ", price: " " },{ label: "Toko Bunga Batam", category: "Collection", url: "/collections/toko-bunga-batam", images: " ", price: " " },{ label: "Toko Bunga Baubau", category: "Collection", url: "/collections/toko-bunga-baubau", images: " ", price: " " },{ label: "Toko Bunga Bekasi", category: "Collection", url: "/collections/toko-bunga-bekasi", images: " ", price: " " },{ label: "Toko Bunga Bengkalis", category: "Collection", url: "/collections/toko-bunga-bengkalis", images: " ", price: " " },{ label: "Toko Bunga Bengkayang", category: "Collection", url: "/collections/toko-bunga-bengkayang", images: " ", price: " " },{ label: "Toko Bunga Binjai", category: "Collection", url: "/collections/toko-bunga-binjai", images: " ", price: " " },{ label: "Toko Bunga Bintaro", category: "Collection", url: "/collections/toko-bunga-bintaro", images: " ", price: " " },{ label: "Toko Bunga Blitar", category: "Collection", url: "/collections/toko-bunga-blitar", images: " ", price: " " },{ label: "Toko Bunga Blora", category: "Collection", url: "/collections/toko-bunga-blora", images: " ", price: " " },{ label: "Toko Bunga Bogor", category: "Collection", url: "/collections/toko-bunga-bogor", images: " ", price: " " },{ label: "Toko Bunga Bojonegoro", category: "Collection", url: "/collections/toko-bunga-bojonegoro", images: " ", price: " " },{ label: "Toko Bunga Boyolali", category: "Collection", url: "/collections/toko-bunga-boyolali", images: " ", price: " " },{ label: "Toko Bunga Brebes", category: "Collection", url: "/collections/toko-bunga-brebes", images: " ", price: " " },{ label: "Toko Bunga Bukittinggi", category: "Collection", url: "/collections/toko-bunga-bukittinggi", images: " ", price: " " },{ label: "Toko Bunga Buleleng", category: "Collection", url: "/collections/toko-bunga-buleleng", images: " ", price: " " },{ label: "Toko Bunga Cakung", category: "Collection", url: "/collections/toko-bunga-cakung", images: " ", price: " " },{ label: "Toko Bunga Cawang", category: "Collection", url: "/collections/toko-bunga-cawang", images: " ", price: " " },{ label: "Toko Bunga Cempaka Putih", category: "Collection", url: "/collections/toko-bunga-cempaka-putih", images: " ", price: " " },{ label: "Toko Bunga Cengkareng", category: "Collection", url: "/collections/toko-bunga-cengkareng", images: " ", price: " " },{ label: "Toko Bunga Ciamis", category: "Collection", url: "/collections/toko-bunga-ciamis", images: " ", price: " " },{ label: "Toko Bunga Cianjur", category: "Collection", url: "/collections/toko-bunga-cianjur", images: " ", price: " " },{ label: "Toko Bunga Cibinong", category: "Collection", url: "/collections/toko-bunga-cibinong", images: " ", price: " " },{ label: "Toko Bunga Cibubur", category: "Collection", url: "/collections/toko-bunga-cibubur", images: " ", price: " " },{ label: "Toko Bunga Cijantung", category: "Collection", url: "/collections/toko-bunga-cijantung", images: " ", price: " " },{ label: "Toko Bunga Cikarang", category: "Collection", url: "/collections/toko-bunga-cikarang", images: " ", price: " " },{ label: "Toko Bunga Cikini", category: "Collection", url: "/collections/toko-bunga-cikini", images: " ", price: " " },{ label: "Toko Bunga Cilacap", category: "Collection", url: "/collections/toko-bunga-cilacap", images: " ", price: " " },{ label: "Toko Bunga Cilandak", category: "Collection", url: "/collections/toko-bunga-cilandak", images: " ", price: " " },{ label: "Toko Bunga Cileunyi", category: "Collection", url: "/collections/toko-bunga-cileunyi", images: " ", price: " " },{ label: "Toko Bunga Ciracas", category: "Collection", url: "/collections/toko-bunga-ciracas", images: " ", price: " " },{ label: "Toko Bunga Cirebon", category: "Collection", url: "/collections/toko-bunga-cirebon", images: " ", price: " " }
7643,{ label: "Toko Bunga Ciwidey", category: "Collection", url: "/collections/toko-bunga-ciwidey", images: " ", price: " " },{ label: "Toko Bunga Danau Toba", category: "Collection", url: "/collections/toko-bunga-danau-toba", images: " ", price: " " },{ label: "Toko Bunga Demak", category: "Collection", url: "/collections/toko-bunga-demak", images: " ", price: " " },{ label: "Toko Bunga Denpasar", category: "Collection", url: "/collections/toko-bunga-denpasar", images: " ", price: " " },{ label: "Toko Bunga Depok", category: "Collection", url: "/collections/toko-bunga-depok", images: " ", price: " " },{ label: "Toko Bunga Duren Sawit", category: "Collection", url: "/collections/toko-bunga-duren-sawit", images: " ", price: " " },{ label: "Toko Bunga Garut", category: "Collection", url: "/collections/toko-bunga-garut", images: " ", price: " " },{ label: "Toko Bunga Gianyar", category: "Collection", url: "/collections/toko-bunga-gianyar", images: " ", price: " " },{ label: "Toko Bunga Gowa", category: "Collection", url: "/collections/toko-bunga-gowa", images: " ", price: " " },{ label: "Toko Bunga Gresik", category: "Collection", url: "/collections/toko-bunga-gresik", images: " ", price: " " },{ label: "Toko Bunga Grobogan", category: "Collection", url: "/collections/toko-bunga-grobogan", images: " ", price: " " },{ label: "Toko Bunga Grogol", category: "Collection", url: "/collections/toko-bunga-grogol", images: " ", price: " " },{ label: "Toko Bunga Gunungkidul", category: "Collection", url: "/collections/toko-bunga-gunungkidul", images: " ", price: " " },{ label: "Toko Bunga Indramayu", category: "Collection", url: "/collections/toko-bunga-indramayu", images: " ", price: " " },{ label: "Toko Bunga Jakarta", category: "Collection", url: "/collections/toko-bunga-jakarta", images: " ", price: " " },{ label: "Toko Bunga Jakarta Barat", category: "Collection", url: "/collections/toko-bunga-jakarta-barat", images: " ", price: " " },{ label: "Toko Bunga Jakarta Pusat", category: "Collection", url: "/collections/toko-bunga-jakarta-pusat", images: " ", price: " " },{ label: "Toko Bunga Jakarta Selatan", category: "Collection", url: "/collections/toko-bunga-jakarta-selatan", images: " ", price: " " },{ label: "Toko Bunga Jakarta Timur", category: "Collection", url: "/collections/toko-bunga-jakarta-timur", images: " ", price: " " },{ label: "Toko Bunga Jakarta Utara", category: "Collection", url: "/collections/toko-bunga-jakarta-utara", images: " ", price: " " },{ label: "Toko Bunga Jambi", category: "Collection", url: "/collections/toko-bunga-jambi", images: " ", price: " " },{ label: "Toko Bunga Jatinegara", category: "Collection", url: "/collections/toko-bunga-jatinegara", images: " ", price: " " },{ label: "Toko Bunga Jawa & Bali", category: "Collection", url: "/collections/toko-bunga-jawa-bali", images: " ", price: " " },{ label: "Toko Bunga Jayapura", category: "Collection", url: "/collections/toko-bunga-jayapura", images: " ", price: " " },{ label: "Toko Bunga Jelambar - Florist Onine 24 Jam", category: "Collection", url: "/collections/toko-bunga-jelambar", images: " ", price: " " },{ label: "Toko Bunga Jember", category: "Collection", url: "/collections/toko-bunga-jember", images: " ", price: " " },{ label: "Toko Bunga Jembrana", category: "Collection", url: "/collections/toko-bunga-jembrana", images: " ", price: " " },{ label: "Toko Bunga Jepara", category: "Collection", url: "/collections/toko-bunga-jepara", images: " ", price: " " },{ label: "Toko Bunga Joglo", category: "Collection", url: "/collections/toko-bunga-joglo", images: " ", price: " " },{ label: "Toko Bunga Jombang", category: "Collection", url: "/collections/toko-bunga-jombang", images: " ", price: " " },{ label: "Toko Bunga Kalibata", category: "Collection", url: "/collections/toko-bunga-kalibata", images: " ", price: " " },{ label: "Toko Bunga Kalimantan", category: "Collection", url: "/collections/toko-bunga-kalimantan", images: " ", price: " " },{ label: "Toko Bunga Kalisari Semarang", category: "Collection", url: "/collections/toko-bunga-kalisari-semarang", images: " ", price: " " },{ label: "Toko Bunga Kampung Baru", category: "Collection", url: "/collections/toko-bunga-kampung-baru", images: " ", price: " " },{ label: "Toko Bunga Kapuas", category: "Collection", url: "/collections/toko-bunga-kapuas", images: " ", price: " " },{ label: "Toko Bunga Karanganyar", category: "Collection", url: "/collections/toko-bunga-karanganyar", images: " ", price: " " },{ label: "Toko Bunga Karangasem", category: "Collection", url: "/collections/toko-bunga-karangasem", images: " ", price: " " },{ label: "Toko Bunga Karawang", category: "Collection", url: "/collections/toko-bunga-karawang", images: " ", price: " " },{ label: "Toko Bunga Kartosuro", category: "Collection", url: "/collections/toko-bunga-kartosuro", images: " ", price: " " },{ label: "Toko Bunga Kayoon Surabaya", category: "Collection", url: "/collections/toko-bunga-kayoon-surabaya", images: " ", price: " " },{ label: "Toko Bunga Kebayoran Baru", category: "Collection", url: "/collections/toko-bunga-kebayoran-baru", images: " ", price: " " },{ label: "Toko Bunga Kebon Jeruk", category: "Collection", url: "/collections/toko-bunga-kebon-jeruk", images: " ", price: " " },{ label: "Toko Bunga Kebumen", category: "Collection", url: "/collections/toko-bunga-kebumen", images: " ", price: " " },{ label: "Toko Bunga Kediri", category: "Collection", url: "/collections/toko-bunga-kediri", images: " ", price: " " },{ label: "Toko Bunga Kelapa Gading", category: "Collection", url: "/collections/toko-bunga-kelapa-gading", images: " ", price: " " },{ label: "Toko Bunga Kemayoran", category: "Collection", url: "/collections/toko-bunga-kemayoran", images: " ", price: " " },{ label: "Toko Bunga Kendal", category: "Collection", url: "/collections/toko-bunga-ken
7643dal", images: " ", price: " " },{ label: "Toko Bunga Kendari", category: "Collection", url: "/collections/toko-bunga-kendari", images: " ", price: " " },{ label: "Toko Bunga Ketapang", category: "Collection", url: "/collections/toko-bunga-ketapang", images: " ", price: " " },{ label: "Toko Bunga Klaten", category: "Collection", url: "/collections/toko-bunga-klaten", images: " ", price: " " },{ label: "Toko Bunga Klender", category: "Collection", url: "/collections/toko-bunga-klender", images: " ", price: " " },{ label: "Toko Bunga Kota Baru Yogyakarta", category: "Collection", url: "/collections/toko-bunga-kota-baru-yogyakarta", images: " ", price: " " },{ label: "Toko Bunga Kota Batu", category: "Collection", url: "/collections/toko-bunga-kota-batu", images: " ", price: " " },{ label: "Toko Bunga Kramat Jati", category: "Collection", url: "/collections/toko-bunga-kramat-jati", images: " ", price: " " },{ label: "Toko Bunga Kudus", category: "Collection", url: "/collections/toko-bunga-kudus", images: " ", price: " " },{ label: "Toko Bunga Kupang", category: "Collection", url: "/collections/toko-bunga-kupang", images: " ", price: " " },{ label: "Toko Bunga Lamongan", category: "Collection", url: "/collections/toko-bunga-lamongan", images: " ", price: " " },{ label: "Toko Bunga Langkat", category: "Collection", url: "/collections/toko-bunga-langkat", images: " ", price: " " },{ label: "Toko Bunga Lebak Bulus", category: "Collection", url: "/collections/toko-bunga-lebak-bulus", images: " ", price: " " },{ label: "Toko Bunga Lembang", category: "Collection", url: "/collections/toko-bunga-lembang", images: " ", price: " " },{ label: "Toko Bunga Lenteng Agung", category: "Collection", url: "/collections/toko-bunga-lenteng-agung", images: " ", price: " " },{ label: "Toko Bunga Lombok", category: "Collection", url: "/collections/toko-bunga-lombok", images: " ", price: " " },{ label: "Toko Bunga Lubuk Pakam", category: "Collection", url: "/collections/toko-bunga-lubuk-pakam", images: " ", price: " " },{ label: "Toko Bunga Lumajang", category: "Collection", url: "/collections/toko-bunga-lumajang", images: " ", price: " " },{ label: "Toko Bunga Madiun", category: "Collection", url: "/collections/toko-bunga-madiun", images: " ", price: " " },{ label: "Toko Bunga Magelang", category: "Collection", url: "/collections/toko-bunga-magelang", images: " ", price: " " },{ label: "Toko Bunga Majalengka", category: "Collection", url: "/collections/toko-bunga-majalengka", images: " ", price: " " },{ label: "Toko Bunga Makassar", category: "Collection", url: "/collections/toko-bunga-makassar", images: " ", price: " " },{ label: "Toko Bunga Malang", category: "Collection", url: "/collections/toko-bunga-malang", images: " ", price: " " },{ label: "Toko Bunga Manado", category: "Collection", url: "/collections/toko-bunga-manado", images: " ", price: " " },{ label: "Toko Bunga Mangga Besar", category: "Collection", url: "/collections/toko-bunga-mangga-besar", images: " ", price: " " },{ label: "Toko Bunga Manokwari", category: "Collection", url: "/collections/toko-bunga-manokwari", images: " ", price: " " },{ label: "Toko Bunga Maros", category: "Collection", url: "/collections/toko-bunga-maros", images: " ", price: " " },{ label: "Toko Bunga Mataram", category: "Collection", url: "/collections/toko-bunga-mataram", images: " ", price: " " },{ label: "Toko Bunga Medan", category: "Collection", url: "/collections/toko-bunga-medan", images: " ", price: " " },{ label: "Toko Bunga Mojokerto", category: "Collection", url: "/collections/toko-bunga-mojokerto", images: " ", price: " " },{ label: "Toko Bunga Nganjuk", category: "Collection", url: "/collections/toko-bunga-nganjuk", images: " ", price: " " },{ label: "Toko Bunga Ngawi", category: "Collection", url: "/collections/toko-bunga-ngawi", images: " ", price: " " },{ label: "Toko Bunga Nias", category: "Collection", url: "/collections/toko-bunga-nias", images: " ", price: " " },{ label: "Toko Bunga Nusa Tenggara", category: "Collection", url: "/collections/toko-bunga-nusa-tenggara", images: " ", price: " " },{ label: "Toko Bunga Padang", category: "Collection", url: "/collections/toko-bunga-padang", images: " ", price: " " },{ label: "Toko Bunga Palembang", category: "Collection", url: "/collections/toko-bunga-palembang", images: " ", price: " " },{ label: "Toko Bunga Palu", category: "Collection", url: "/collections/toko-bunga-palu", images: " ", price: " " },{ label: "Toko Bunga Pangkal Pinang", category: "Collection", url: "/collections/toko-bunga-pangkal-pinang", images: " ", price: " " },{ label: "Toko Bunga Papua", category: "Collection", url: "/collections/toko-bunga-papua", images: " ", price: " " },{ label: "Toko Bunga Parepare", category: "Collection", url: "/collections/toko-bunga-parepare", images: " ", price: " " },{ label: "Toko Bunga Pasar Baru", category: "Collection", url: "/collections/toko-bunga-pasar-baru", images: " ", price: " " },{ label: "Toko Bunga Pasar Minggu", category: "Collection", url: "/collections/toko-bunga-pasar-minggu", images: " ", price: " " },{ label: "Toko Bunga Pasar Rebo", category: "Collection", url: "/collections/toko-bunga-pasar-rebo", images: " ", price: " " },{ label: "Toko Bunga Pasuruan", category: "Collection", url: "/collections/toko-bunga-pasuruan", images: " ", price: " " },{ label: "Toko Bunga Pati", category: "Collection", url: "/collections/toko-bunga-pati", images: " ", price: " " },{ label: "Toko Bunga Pekalongan", category: "Collection", url: "/collections/toko-bunga-pekalongan", images: " ", price: " " },{ label: "Toko Bunga Pekanbaru", category: "Collection", url: "/collections/toko-bunga-pekanbaru", images: " ", price: " " },{ label: "Toko Bunga Pemalang", category: "Collection", url: "/collections/toko-bunga-pemalang", images: " ", price: " " },
7644       { label: "grand salutation jabodetabek", category: "Produk", url: "/products/grand-salutation", images: "//outerbloom.com/cdn/shop/files/JKTCON1005_Grand-Salutation-Jabodetabek-WM_thumb.jpg?v=1703241523", price: "Rp 435.000" },{ label: "consolantibus jabodetabek", category: "Produk", url: "/products/consolantibus", images: "//outerbloom.com/cdn/shop/files/JKTDUK1011_Consolantibus-Jabodetabek-WM_thumb.jpg?v=1703239823", price: "Rp 435.000" },{ label: "classic midnight hand bouquet fiery red", category: "Produk", url: "/products/the-classic-midnight-hand-bouquet-fiery-red", images: "//outerbloom.com/cdn/shop/files/OBVBUN1422_Classic-Midnight-Hand-Bouquet---Fiery-Red-large_thumb.jpg?v=1757302521", price: "Rp 385.000" },{ label: "enchanted dome passionate red", category: "Produk", url: "/products/enchanted-dome-passionate-red", images: "//outerbloom.com/cdn/shop/files/Enchanted-dome-red-new-box_3_2_26c081bf-f2a5-42b4-9ce4-3c0304c498e5_thumb.jpg?v=1712639476", price: "Rp 1.435.000" },{ label: "endearing ruby", category: "Produk", url: "/products/endearing-ruby", images: "//outerbloom.com/cdn/shop/products/OUTSTF1003_Endearing-Ruby_thumb.jpg?v=1631296611", price: "Rp 585.000" },{ label: "gentle soul jabodetabek", category: "Produk", url: "/products/gentle-soul-jabodetabek", images: "//outerbloom.com/cdn/shop/files/JKTDUK1030_Gentle-Soul-Jabodetabek-WM_thumb.jpg?v=1703239894", price: "Rp 435.000" },{ label: "belleza jabodetabek", category: "Produk", url: "/products/belleza", images: "//outerbloom.com/cdn/shop/files/Belleza-Jabodetabek-LED_aecb756a-0737-45cc-8bfb-008515ca0a37_thumb.gif?v=1759229680", price: "Rp 435.000" }
7644,{ label: "majestic pink roses with baby breath bouquet", category: "Produk", url: "/products/majestic-pink-roses-with-baby-breath-bouquet", images: "//outerbloom.com/cdn/shop/products/ef4a3be9-c938-4c70-98ac-4873e7da82bf_90820a66-923a-463d-a464-81bcbe6e6644_thumb.jpg?v=1581413440", price: "Rp 485.000" },{ label: "sentiments jabodetabek", category: "Produk", url: "/products/sentiments", images: "//outerbloom.com/cdn/shop/files/Sentiments-Jabodetabek-WM_thumb.jpg?v=1759224099", price: "Rp 485.000" },{ label: "rose poetry bouquet", category: "Produk", url: "/products/rose-poetry-bouquet", images: "//outerbloom.com/cdn/shop/products/Rose-Poetry-Bouquet-20-tangkai_thumb.jpg?v=1675151039", price: "Rp 385.000" },{ label: "genuine feeling", category: "Produk", url: "/products/genuine-feeling", images: "//outerbloom.com/cdn/shop/products/OUTSTF1004Genuine-Feeling_981ade89-af27-433e-81aa-8d76175a0e4d_thumb.jpg?v=1612352389", price: "Rp 585.000" },{ label: "eternal fidelity jabodetabek", category: "Produk", url: "/products/eternal-fidelity-jabodetabek", images: "//outerbloom.com/cdn/shop/products/0b89df45-dcc1-4876-820e-61b2243a1945_964e211d-2972-46c9-8593-976210929089_thumb.jpg?v=1590491458", price: "Rp 435.000" },{ label: "rosabelle hand bouquet", category: "Produk", url: "/products/rosabelle-hand-bouquet", images: "//outerbloom.com/cdn/shop/files/OBVBUN1429_Rosabelle-Hand-Bouquet-Medium_thumb.jpg?v=1756971848", price: "Rp 385.000" },{ label: "dreaming in pink luxury in vase", category: "Produk", url: "/products/dreaming-in-pink-luxury-in-vase", images: "//outerbloom.com/cdn/shop/products/OBVBUN1051_Dreaming-In-Pink-Luxury-In-Vase_3_thumb.jpg?v=1614594504", price: "Rp 735.000" },{ label: "excito jabodetabek", category: "Produk", url: "/products/excito", images: "//outerbloom.com/cdn/shop/files/JKTCON1010_Excito-Jabodetabek-2023_thumb.gif?v=1717494677", price: "Rp 485.000" },{ label: "golden toast jabodetabek", category: "Produk", url: "/products/golden-toast", images: "//outerbloom.com/cdn/shop/products/LED-GoldenToast_thumb.gif?v=1579249585", price: "Rp 485.000" },{ label: "spirit of eminance jabodetabek", category: "Produk", url: "/products/spirit-of-eminance-jabodetabek", images: "//outerbloom.com/cdn/shop/files/JKTCON1026_Spirit-of-Eminance-Jabodetabek-newest-WM_thumb.jpg?v=1693297526", price: "Rp 485.000" },{ label: "white elysian bloom box", category: "Produk", url: "/products/white-elysian-bloom-box", images: "//outerbloom.com/cdn/shop/files/OBVBUN1704_White-Elysian-Bloom-Box_thumb.jpg?v=1757328247", price: "Rp 685.000" },{ label: "charming forevermore jabodetabek", category: "Produk", url: "/products/charming-forevermore-jabodetabek", images: "//outerbloom.com/cdn/shop/files/JKTWED1036_Charming-Forevermore-Jabodetabek-WM_thumb.jpg?v=1703239534", price: "Rp 485.000" },{ label: "moment of glory jabodetabek", category: "Produk", url: "/products/moment-of-glory-jabodetabek", images: "//outerbloom.com/cdn/shop/products/JKTCON1051_Moment-of-Glory-Jabodetabek_2_thumb.jpg?v=1596614663", price: "Rp 385.000" },{ label: "sweet romance jabodetabek", category: "Produk", url: "/products/sweet-romance", images: "//outerbloom.com/cdn/shop/products/JKTWED1005_Sweet-Romance-Jabodetabek_thumb.gif?v=1677134791", price: "Rp 635.000" },{ label: "with love bouquet", category: "Produk", url: "/products/with-love-bouquet", images: "//outerbloom.com/cdn/shop/products/c5d6fed6-8ada-4c38-ae0f-36d395aacb19_613f78f0-d52c-443b-9e13-63a151cd8ec5_thumb.jpg?v=1590748429", price: "Rp 535.000" },{ label: "sunflower yellow and with white daisies in vase", category: "Produk", url: "/products/sunflower-yellow-roses-with-white-and-yellow-daisies-in-a-glass-vase", images: "//outerbloom.com/cdn/shop/files/OBVBUN1132_Sunflower-Yellow-And-With-White-Daisies-in-Vase_thumb.jpg?v=1757930628", price: "Rp 435.000" },{ label: "everlasting peace jabodetabek", category: "Produk", url: "/products/everlasting-peace-jabodetabek", images: "//outerbloom.com/cdn/shop/products/JKTDUK1034_Everlasting-Peace-Jabodetabek_2_thumb.jpg?v=1596614613", price: "Rp 385.000" },{ label: "astoria passionate red", category: "Produk", url: "/products/astoria-passionate-red", images: "//outerbloom.com/cdn/shop/products/Astoria-passionate-red_b59b26f6-c39d-46d3-adcb-262c675bb16f_thumb.jpg?v=1633502742", price: "Rp 685.000" },{ label: "classic purple orchid majesty in vase", category: "Produk", url: "/products/classic-purple-orchid-majesty-in-vase", images: "//outerbloom.com/cdn/shop/products/Classic-Purple-Orchid-Majesty-in-Vase---White---4-Tangkai_40a5e337-283f-40f5-911c-5df9b506b9da_thumb.jpg?v=1639981404", price: "Rp 435.000" },{ label: "passion rouge bloom box", category: "Produk", url: "/products/passion-rouge-bloom-box", images: "//outerbloom.com/cdn/shop/files/OBVBUN1725_Passion-Rouge-Bloom-Box_thumb.jpg?v=1756972410", price: "Rp 385.000" },{ label: "classic white orchid majesty in vase", category: "Produk", url: "/products/classic-white-orchid-majesty-in-vase", images: "//outerbloom.com/cdn/shop/products/Classic-white-Orchid-Majesty-in-Vase---white---4-Tangkai_thumb.jpg?v=1644205542", price: "Rp 435.000" }
7644,{ label: "majestic blue romance bouquet", category: "Produk", url: "/products/majestic-blue-romance-bouquet", images: "//outerbloom.com/cdn/shop/files/OBVBUN1357_Majestic-Blue-Romance-Bouquet_99b8ba96-0e67-4eef-a00e-b2daedcddb6a_thumb.jpg?v=1757390540", price: "Rp 435.000" },{ label: "sincerely", category: "Produk", url: "/products/sincerely", images: "//outerbloom.com/cdn/shop/files/Sincerely-WM_thumb.jpg?v=1688354677", price: "Rp 585.000" },{ label: "happy days jabodetabek", category: "Produk", url: "/products/happy-days-jabodetabek", images: "//outerbloom.com/cdn/shop/files/Happy-Days-Jabodetabek_WM_thumb.jpg?v=1759224026", price: "Rp 485.000" },{ label: "solemn comfort jabodetabek", category: "Produk", url: "/products/solemn-comfort-jabodetabek", images: "//outerbloom.com/cdn/shop/products/7fe123d8-6bb2-4c0d-bd4c-f8c3032823f2_6b9c33b6-4a23-41cb-8709-fc9223fe096a_thumb.png?v=1590662086", price: "Rp 635.000" },{ label: "big dreams jabodetabek", category: "Produk", url: "/products/big-dreams", images: "//outerbloom.com/cdn/shop/files/JKTCON1002_Big-Dreams-Jabodetabek_thumb.gif?v=1717494603", price: "Rp 485.000" },{ label: "signature ramadan deluxe hampers", category: "Produk", url: "/products/outerbloom-signature-ramadhan-deluxe-hampers", images: "//outerbloom.com/cdn/shop/files/Signature-Deluxe-Hampers_thumb.jpg?v=1739242254", price: "Rp 985.000" },{ label: "amorous amos jabodetabek", category: "Produk", url: "/products/amorous-amos-jabodetabek", images: "//outerbloom.com/cdn/shop/files/Amorous-Amos-Jabodetabek-WM_thumb.jpg?v=1759224071", price: "Rp 485.000" },{ label: "pink darling bouquet", category: "Produk", url: "/products/pink-darling-bouquet", images: "//outerbloom.com/cdn/shop/products/Pink-Darling-Bouquet_thumb.jpg?v=1669969725", price: "Rp 485.000" },{ label: "black pink bouquet", category: "Produk", url: "/products/black-pink-bouquet", images: "//outerbloom.com/cdn/shop/files/Black-Pink-Bouquet_thumb.jpg?v=1756434063", price: "Rp 485.000" },{ label: "profound happiness jabodetabek", category: "Produk", url: "/products/profound-happiness-jabodetabek", images: "//outerbloom.com/cdn/shop/files/profound-happiness_thumb.gif?v=1689940309", price: "Rp 635.000" },{ label: "healing trove", category: "Produk", url: "/products/healing-trove", images: "//outerbloom.com/cdn/shop/products/2ef5379f-27a6-41ba-85c7-c65cf3ec3f08_thumb.jpg?v=1571471845", price: "Rp 485.000" },{ label: "sincerity solace", category: "Produk", url: "/products/sincerity-solace", images: "//outerbloom.com/cdn/shop/products/OUTSTF1038_sincerity-solace-WM_thumb.jpg?v=1612352477", price: "Rp 485.000" },{ label: "bellarosa bloom box", category: "Produk", url: "/products/bellarosa-bloom-box", images: "//outerbloom.com/cdn/shop/files/OBVBUN1783_Bellarosa-Bloom-Box_c0000424-411c-48ed-abf4-0de7d925ea53_thumb.jpg?v=1757316757", price: "Rp 785.000" }
7645   ];
7646 
7647              
7648         $( ".header-input-search" ).catcomplete({
7649          appendTo: ".searchResult",source: function(request, response) {
7650             var results = $.ui.autocomplete.filter(data, request.term);
7651             var predicate = function () {
7652                 var counter = { Collection: 0, Produk: 0 };
7653             var fn = function(item) {counter[item.category] += 1;return (counter[item.category] <= 5);}
7654             return fn
7655             }();
7656             response(results.filter(predicate));
7657           },
7658           minLength:1,
7659            //results are clickable
7660           select: function( event, ui ) {window.location = ui.item.url;}
7661 });
7662 $( ".header-input-search2" ).catcomplete({
7663         appendTo: ".searchResult2",
7664                    source: function(request, response) {
7665                     var results = $.ui.autocomplete.filter(data, request.term);
7666                     var predicate = function () {
7667                         var counter = { Collection: 0, Produk: 0 };
7668               var fn = function(item) {
7669               counter[item.category] += 1;
7670   return (counter[item.category] <= 5);
7671 }
7672                return fn
7673                }();
7674 response(results.filter(predicate));
7675 },
7676   minLength:1,
7677         //results are clickable
7678         select: function( event, ui ) {
7679           window.location = ui.item.url;
7680         }
7681 });
7682 });
7683 </script>
7683
7684 
7685     
7685<script src="//outerbloom.com/cdn/shop/t/138/assets/vendors.js?v=6349622868601634021752652419" defer></script>
7685
7686 
7686<script src="//outerbloom.com/cdn/shop/t/138/assets/app.js?v=136050180318808583701752652452" defer></script>
7686
7687 
7688 
7688<script>
7689   ( function() {
7690     var youtube = document.querySelectorAll( ".youtube" );
7691     for (var i = 0; i < youtube.length; i++) {
7692       var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault_1x.jpg";
7693       var datasource = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg";
7694       var image = new Image();
7695       image.src = source;
7696       image.setAttribute("data-src", datasource);
7697       image.classList.add("swiper-lazy");
7698       image.addEventListener( "load", function() {
7699         youtube[ i ].appendChild( image );
7700       }( i ) );
7701       youtube[i].addEventListener( "click", function() {
7702         var iframe = document.createElement( "iframe" );
7703         iframe.setAttribute( "width", "480" );
7704         iframe.setAttribute( "height", "480" );
7705         iframe.setAttribute( "frameborder", "0" );
7706         iframe.setAttribute( "allowfullscreen", "" );
7707         iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" );
7708         this.innerHTML = "";
7709         this.appendChild( iframe );
7710       } );
7711     };
7712 
7713   } )();
7714 
7715   /* Lazy Load */
7716   const mainLazyLoad = new LazyLoad({threshold:400});
7717   $(document).ready(function(){
7718 
7719     $("selectxxx").addClass("needsclick");
7720     FastClick.attach(document.body);
7721     
7722     var $customSelects = $('.select-search');
7723     $customSelects.select2({
7724       templateResult: function(result, container) {
7725         if (!result.id) {
7726           return result.text;
7727         }
7728         container.className += ' needsclick';
7729         return result.text;
7730       }
7731     });
7732     $customSelects.each(function(index, el){$(el).data('select2').$container.find('*').addClass('needsclick');});
7733     $(document).on('select2:open', () => {
7734       document.querySelector('.select2-search__field').focus();
7735     });
7736     
7737 
7738     $(".overlay").click(function(){
7739       $(".js-drawer-close").click();
7740     });
7741     $(".site-nav--mobile .js-drawer-open-left, #NavDrawer .icon-close, .overlay-nav").click(function(){
7742       $("html").toggleClass("nav_open");
7743     });
7744     
7745     $('.swatch-element label').on('click', function(){
7746       var srcImg = $(this).data('src');
7747       $('#thumb-image-product .product-single__thumbnail').each(function(){
7748         if ($(this).attr("href") == srcImg) {
7749           $(this).trigger('click');
7750         }
7751       });
7752     });
7753     var defaultValue = $(".swatch input:checked").val()
7754     
7755     $('#purchaseProduct .swatch [type=radio]').change(function() {
7756       var optionIndex = $(this).closest('.swatch').attr('data-option-index');
7757       var optionValue = $(this).val();
7758       console.log(optionIndex, optionValue)
7759       var value = parseInt(optionValue.split(' ')[0])
7760       $(this)
7761       .closest('#purchaseProduct')
7762       .find('.single-option-selector')
7763       .eq(optionIndex)
7764       .val(optionValue)
7765       .trigger('change');
7766       
7767     });
7768     
7769   });
7770   $(document).ready(function(){
7771     $(".nav-search a").click(function(e){
7772       e.preventDefault();
7773       $(".icon-navsearch").toggle();
7774       $(".icon-navclose").toggle();
7775       $(".site-nav__item > .site-nav__link").toggle();
7776       $(".open-search").toggle();
7777       $(".open-search input").focus();
7778     });
7779     $(".best-price-guarantee").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/logo-best-price-guarantee-grid_75x.png?v=72489032173169839651752652420' alt='Logo Best Price Guarantee'>");
7780     if ($(window).width() < 768) {
7781       $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_75x.png?v=82732945490105366961752652419' alt='Icon Valentine'>");
7782       $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_45x.png?v=101884295148001743851752652418' alt='Icon CNY'>");
7783       $(".bg-products .label-tag.free-valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/free-valentine_150x.png?v=171641187769238175351752652421' alt='Icon Free Valentine'>");
7784     } else {
7785       $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_60x.png?v=82732945490105366961752652419' alt='Icon Valentine'>");
7786       $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_60x.png?v=101884295148001743851752652418' alt='Icon CNY'>");
7787       $(".bg-products .label-tag.free-valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/free-valentine_200x.png?v=171641187769238175351752652421' alt='Icon Free Valentine'>");
7788     }
7789     $(".bg-products .label-tag.free-cookies").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/free-cookies_80x.png?51468' alt='Icon Free Cookies'>");
7790     $(".bg-products .label-tag.mothersday").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/mothers-day_70x.png?v=171373711354766377891752652419' alt='Icon Mothers day'>");
7791   });
7792 </script>
7792
7793 
7794 
7795     
7796 
7797     
7797<script type="text/javascript">
7798       var wishlistpage = 0;
7799        
7800        var quickShop_money_format="<span class='money'>"+"Rp {{amount_no_decimals}}"+"</span>";
7801     </script>
7801
7802     
7803       <!-- Remove duplicate wishlist.js reference -->
7804       <style>
7805   .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.fade.in{opacity:1}.modal-open .modal{overflow-x:hidden;overflow-y:auto;z-index:999999;background-color:rgba(0,0,0,.3)}.modal-dialog{position:relative;width:auto;margin:10px}.wishlist-model .modal-dialog{width:700px}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.wishlist-model .modal-content{}.wishlist-model .modal-header{min-height:0;padding:0;border-bottom:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #121212;filter:alpha(opacity=20);opacity:.2}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-header .close{margin-top:-2px}.wishlist-model .close{position:absolute;top:-10px;right:-10px;background:#fff;opacity:1;width:30px;height:30px;font-size:15px;border-radius:50%;z-index:10;box-shadow:0 1px 4px 0 #121212}.wishlist-model .close .icon-close{width:25px;height:25px}.modal-body{position:relative;padding:15px}.wishlist-model .modal-body{padding:0 30px;display:flex}.wishlist-model .wishlist-left{width:66.67%;border-right:1px solid #ccc;padding:30px 0}.wishlist-model .wishlist-note{position:relative;display:inline-block;margin-bottom:20px;margin-left:35px;border-bottom:1px solid #121212;color:#121212}.wishlist-model .wishlist-note a{color: #ffffff;}.wishlist-model .wishlist-note .cirle{position:absolute;top:-4px;left:-35px;width:25px;height:25px;color:#fff;background:#121212;line-height:25px;border-radius:50%;text-align:center}.wishlist-model .wishlist-note svg{fill:#fff}.wishlist-model .wishlist-note .cirle .icon-check{vertical-align:middle}.wishlist-model .product-left{width:33.33%;float:left;margin-right:30px}.wishlist-model .wishlist-image{overflow:hidden}.wishlist-model .wishlist-image img{transition:all .3s linear}.wishlist-model .wishlist-name{padding:0;margin-bottom:10px}.wishlist-model .wishlist-name a{color: #ffffff;}.wishlist-model .wishlist-price{margin-bottom:10px}.wishlist-model .wishlist-price .price{font-weight:700;margin-right:10px;font-size:15px}.wishlist-model .wishlist-price .price_compare{color:#ccc}.wishlist-model .wishlist-right{width:33.33%;padding:30px 0;padding-left:30px}.wishlist-model .btn-quick-shop{width:100%;border-color:#121212;background:#fff;color:#121212;padding:0 30px;transition:all .2s linear;height:36px;margin-bottom:10px;text-transform:uppercase}.wishlist-model .btn-cta{width:100%;font-size:1em;border-color:#ffffff;background:#ffffff;color:#fff;padding:0;transition:all .2s linear;height:36px;line-height:36px;margin-bottom:10px}.wishlist-model .quantity-content{text-align:center}.wishlist-model .quantity-content input{outline:none;text-align:center;font-weight:600;border:1px solid #121212}.wishlist-model .quantity-content button{border-color:#121212}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}
7806 </style>
7807 
7808 <div class="modal fade" id="modalwishlist0" tabindex="-1" role="dialog">
7809   <div class="modal-dialog" role="document">
7810     <div class="modal-content">        
7811       <div class="modal-body">Your Wishlist is empty!</div>
7812       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>          
7813     </div>
7814   </div>
7815 </div> 
7816 
7817 <div class="wishlist-model">
7818   <div class="modal fade" id="modalwishlist1" tabindex="-1" role="dialog" aria-hidden="true">
7819     <div class="modal-dialog white-modal">
7820       <div class="modal-content">
7821         <div class="modal-header">
7822           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
7823             <svg class="icon icon-close" version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="32" height="32" viewBox="0 0 32 32">
7824 <title>icon-close</title>
7825 <path d="M16.943 16l8.862 8.862c0.26 0.26 0.26 0.682 0 0.943s-0.682 0.26-0.943 0l-8.862-8.862-8.862 8.862c-0.26 0.26-0.682 0.26-0.943 0s-0.26-0.682 0-0.943l8.862-8.862-8.862-8.862c-0.26-0.26-0.26-0.682 0-0.943s0.682-0.26 0.943 0l8.862 8.862 8.862-8.862c0.26-0.26 0.682-0.26 0.943 0s0.26 0.682 0 0.943l-8.862 8.862z"></path>
7826 </svg>
7827           </button>
7828         </div>
7829         <div class="modal-body">
7830           <div class="wishlist-left">
7831             <div class="wishlist-note">
7832               <span class="cirle"><svg version="1.1" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="32" height="32" viewBox="0 0 32 32">
7833 <title>icon-check</title>
7834 <path d="M12 21.766l14.218-12.926c0.272-0.248 0.694-0.228 0.942 0.045s0.228 0.694-0.045 0.942l-14.667 13.333c-0.254 0.231-0.643 0.231-0.897 0l-6.667-6.061c-0.272-0.248-0.293-0.669-0.045-0.942s0.669-0.293 0.942-0.045l6.218 5.653z"></path>
7835 </svg></span>
7836               Product added to <a href="/pages/wish-list">Wishlist</a>
7837             </div>
7838             <div class="wishlist-product">
7839               <div class="product-left">
7840                 <div class="wishlist-image"></div>
7841               </div>
7842               <div class="product-right">
7843                 <div class="wishlist-name"></div>
7844                 <div class="wishlist-price"></div>
7845               </div>
7846             </div>
7847           </div>
7848           <div class="wishlist-right">
7849             <div class="wishlist-cart">
7850               <form action="/cart/add" method="post" class="variants-form variants" id="AddToCartForm" enctype="multipart/form-data">                  
7851                 <div class="others-bottom">
7852                   <a class="btn btn-quick-shop" href="/pages/wish-list">View Wishlist</a>
7853                   <button type="submit" name="add" id="AddToCart" class="btn btn-cta">
7854                     <span id="AddToCartText" class="">Beli Sekarang</span>
7855                   </button>
7856                 </div>
7857                 <div id="wishlist-variants-container" class="variants-wrapper"></div> 
7858                 <div class="quantity-content">
7859                   <label>QTY</label>
7860                   <input type="number" size="5" class="" name="quantity" value="1" />
7861                 </div>
7862               </form> 
7863             </div>
7864           </div>
7865         </div>
7866       </div>
7867     </div>
7868   </div>
7869 </div>
7870 
7871     
7872     <style>
7873        .stamped-badge[data-rating="0.0"]{display: none !Important;}
7874        
7875         div[data-load-type="continue"] ul.stamped-pagination li.next a, div[data-widget-load-type="continue"] ul.stamped-pagination li.next a {
7876           border-radius: 0px;
7877       }
7878           .stamped-review-body {
7879           padding-left: 0px !important;
7880       }
7881           #product-reviews .stamped-header:after {
7882             display:none !Important;
7883           }
7884       #stamped-main-widget .stamped-container, .stamped-badge-caption,#stamped-reviews-widget {
7885           font-family:inherit !important;
7886       }
7887     </style>
7888 
7889     
7890 
7891 <div id='stamped-rewards-init' class='stamped-rewards-init'
7892   data-key-public=''
7893 
7894 ></div>
7895 
7896     
7896<script src="//outerbloom.com/cdn/shop/t/138/assets/variant-sku-handler.js?v=91239063692820757781752652418" defer></script>
7896
7897     <!-- Remove duplicate jQuery reference and load wishlist script properly -->
7898     
7898<script src="//outerbloom.com/cdn/shop/t/138/assets/wishlist-fixed.js?v=35991423018869066281754360012" defer></script>
7898
7899 
7900     
7900<script>
7901       function myInit(){ StampedFn.init({ apiKey: 'pubkey-hCS8DHE9QbBHhHN89WXFkuJ0Y3422D', sId: '23462' }); }
7902     </script>
7902
7903     
7903<script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script>
7903<style>
7904   .jss59 {
7905     background-color: rgba(0, 0, 0, 0.6);
7906   }
7907   .MuiBackdrop-root {
7908     top: 0;
7909     left: 0;
7910     right: 0;
7911     bottom: 0;
7912     display: flex;
7913     z-index: -1;
7914     position: fixed;
7915     align-items: center;
7916     justify-content: center;
7917     background-color: rgba(0, 0, 0, 0.5);
7918     -webkit-tap-highlight-color: transparent;
7919   }
7920   .MuiDialog-scrollPaper {
7921     display: flex;
7922     align-items: center;
7923     justify-content: center;
7924   }
7925   .MuiDialog-container {
7926     height: 100%;
7927     outline: 0;
7928   }
7929   .MuiPaper-elevation24 {
7930     box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12);
7931   }
7932   .MuiDialog-paper {
7933     margin: 32px;
7934     position: relative;
7935     overflow-y: auto;
7936   }
7937   .MuiDialog-paperScrollPaper {
7938     display: flex;
7939     max-height: calc(100% - 64px);
7940     flex-direction: column;
7941   }
7942   .MuiDialog-paperWidthSm {
7943     max-width: 600px;
7944   }
7945   #location-lock-dialog {
7946     top: 20%;
7947     left: 0;
7948     right: 0;
7949     width: 30%;
7950     margin: 0px auto;
7951     display: block;
7952     padding: 30px;
7953     z-index: 99999;
7954     position: fixed;
7955     font-size: 14px;
7956     background: rgb(0, 0, 0);
7957     box-shadow: rgba(11, 11, 12, 0.2) 2px 4px 5px 0px;
7958     text-align: center;
7959     font-family: Roboto, Arial, sans-serif;
7960     line-height: 1;
7961     border-radius: 8px;
7962     -webkit-font-smoothing: subpixel-antialiased;
7963   }
7964   .MuiButtonBase-root {
7965     color: inherit;
7966     border: 0;
7967     cursor: pointer;
7968     margin: 0;
7969     display: inline-flex;
7970     outline: 0;
7971     padding: 0;
7972     position: relative;
7973     align-items: center;
7974     user-select: none;
7975     border-radius: 0;
7976     vertical-align: middle;
7977     -moz-appearance: none;
7978     justify-content: center;
7979     text-decoration: none;
7980     background-color: transparent;
7981     -webkit-appearance: none;
7982     -webkit-tap-highlight-color: transparent;
7983   }
7984   .MuiIconButton-root {
7985     flex: 0 0 auto;
7986     color: rgba(0, 0, 0, 0.54);
7987     padding: 12px;
7988     overflow: visible;
7989     font-size: 1.5rem;
7990     text-align: center;
7991     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
7992     border-radius: 50%;
7993   }
7994   .MuiIconButton-label {
7995     width: 100%;
7996     display: flex;
7997     align-items: inherit;
7998     justify-content: inherit;
7999   }
8000   .MuiSvgIcon-root {
8001     fill: currentColor;
8002     width: 1em;
8003     height: 1em;
8004     display: inline-block;
8005     font-size: 1.5rem;
8006     transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
8007     flex-shrink: 0;
8008     user-select: none;
8009   }
8010   .MuiTouchRipple-root {
8011     top: 0;
8012     left: 0;
8013     right: 0;
8014     bottom: 0;
8015     z-index: 0;
8016     overflow: hidden;
8017     position: absolute;
8018     border-radius: inherit;
8019     pointer-events: none;
8020   }
8021   .jss36 {
8022     color: #222222;
8023     font-size: 24px;
8024     font-family: Roboto, Arial, sans-serif;
8025     font-weight: 500;
8026   }
8027   .jss37 {
8028     color: #555555;
8029     padding: 10px 0px 0px;
8030     font-size: 14px;
8031   }
8032   .MuiFormGroup-root {
8033     display: flex;
8034     flex-wrap: wrap;
8035     flex-direction: column;
8036   }
8037   .MuiFormGroup-row {
8038     flex-direction: row;
8039   }
8040   .jss63 {
8041     width: 85%;
8042     margin: 15px auto;
8043     display: flex;
8044     padding: 11px 0px 0px;
8045     justify-content: space-evenly;
8046   }
8047   .MuiFormControlLabel-root {
8048     cursor: pointer;
8049     display: inline-flex;
8050     align-items: center;
8051     margin-left: -11px;
8052     margin-right: 16px;
8053     vertical-align: middle;
8054     -webkit-tap-highlight-color: transparent;
8055   }
8056   .jss70 {
8057     margin: 0;
8058   }
8059   .MuiButtonBase-root {
8060     color: inherit;
8061     border: 0;
8062     cursor: pointer;
8063     margin: 0;
8064     display: inline-flex;
8065     outline: 0;
8066     padding: 0;
8067     position: relative;
8068     align-items: center;
8069     user-select: none;
8070     border-radius: 0;
8071     vertical-align: middle;
8072     -moz-appearance: none;
8073     justify-content: center;
8074     text-decoration: none;
8075     background-color: transparent;
8076     -webkit-appearance: none;
8077     -webkit-tap-highlight-color: transparent;
8078   }
8079   .MuiIconButton-root {
8080     flex: 0 0 auto;
8081     color: rgba(0, 0, 0, 0.54);
8082     padding: 12px;
8083     overflow: visible;
8084     font-size: 1.5rem;
8085     text-align: center;
8086     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
8087     border-radius: 50%;
8088   }
8089   .MuiIconButton-colorSecondary {
8090     color: #f50057;
8091   }
8092   .jss71 {
8093     padding: 9px;
8094   }
8095   .MuiRadio-root {
8096     color: rgba(0, 0, 0, 0.54);
8097   }
8098   .jss64 {
8099     padding: 2px;
8100   }
8101   .MuiRadio-colorSecondary.Mui-checked {
8102     color: #f50057;
8103   }
8104   .MuiIconButton-label {
8105     width: 100%;
8106     display: flex;
8107     align-items: inherit;
8108     justify-content: inherit;
8109   }
8110   .MuiTypography-root {
8111     margin: 0;
8112   }
8113   .MuiTypography-body1 {
8114     font-size: 18px;
8115     font-family: Roboto,sans-serif;
8116     font-weight: 400;
8117     line-height: 1.5;
8118   }
8119   .location-popup_area-block__sp9Ws {
8120     display: -moz-box;
8121     display: flex;
8122     -moz-box-orient: vertical;
8123     -moz-box-direction: normal;
8124     flex-direction: column;
8125     -moz-box-pack: center;
8126     justify-content: center;
8127     position: relative;
8128     margin: 10px 10% 0;
8129   }
8130   .location-popup_pin-search-box__3l5mJ {
8131     width: 100%;
8132     display: -moz-box;
8133     display: flex;
8134     -moz-box-align: center;
8135     align-items: center;
8136   }
8137   .location-popup_place-icon-city__1XAX5, .location-popup_place-icon__jSG0Q {
8138     position: absolute;
8139     z-index: 999;
8140   }
8141   .location-popup_place-icon__jSG0Q {
8142     color: #ffffff;
8143     padding-left: 8px;
8144   }
8145   .location-popup_place-icon__jSG0Q svg {
8146     width: 18px;
8147     height: 18px;
8148   }
8149   .location-popup_cancel-icon__FHujU {
8150     color: #fff;
8151     right: 10px;
8152     width: 16px;
8153     cursor: pointer;
8154     height: 16px;
8155     display: none;
8156     padding: 5px;
8157     position: absolute;
8158     background: #999;
8159     text-align: center;
8160     border-radius: 50%;
8161   }
8162   .location-popup_pin-search-box__3l5mJ>div>select {
8163 /*     -webkit-box-shadow: 0 0 10px #ffffff;
8164     box-shadow: 0 0 10px #ffffff; */
8165     text-transform: capitalize;
8166     border: 1px solid #ffffff;
8167     color: #ffffff;
8168     width: 100%;
8169     margin: 0;
8170     display: -moz-box;
8171     display: flex;
8172     padding: 0 30px;
8173     -webkit-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
8174     -moz-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
8175     animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
8176     font-size: 16px;
8177     border-radius: 4px;
8178     height: 44px;
8179     moz-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
8180     webkit-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
8181   }
8182   .MuiButtonBase-root {
8183     color: inherit;
8184     border: 0;
8185     cursor: pointer;
8186     margin: 0;
8187     display: inline-flex;
8188     outline: 0;
8189     padding: 0;
8190     position: relative;
8191     align-items: center;
8192     user-select: none;
8193     border-radius: 0;
8194     vertical-align: middle;
8195     -moz-appearance: none;
8196     justify-content: center;
8197     text-decoration: none;
8198     background-color: transparent;
8199     -webkit-appearance: none;
8200     -webkit-tap-highlight-color: transparent;
8201   }
8202   .MuiButton-root {
8203     color: rgba(0, 0, 0, 0.87);
8204     padding: 6px 16px;
8205     font-size: 0.875rem;
8206     min-width: 64px;
8207     box-sizing: border-box;
8208     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
8209     font-family: Roboto,sans-serif;
8210     font-weight: 500;
8211     line-height: 1.75;
8212     border-radius: 4px;
8213     text-transform: uppercase;
8214   }
8215   .MuiButton-contained {
8216     color: rgba(0, 0, 0, 0.87);
8217     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
8218     background-color: #e0e0e0;
8219   }
8220   .MuiButtonBase-root.Mui-disabled {
8221     cursor: default;
8222     pointer-events: none;
8223   }
8224   .MuiButton-label {
8225     width: 100%;
8226     display: inherit;
8227     align-items: inherit;
8228     justify-content: inherit;
8229   }
8230   .cartButton_login_content__2j1f7 {
8231     display: -moz-box;
8232     display: flex;
8233     text-align: center;
8234     z-index: 9;
8235     font-size: 18px;
8236     font-weight: 500;
8237     color: #fff;
8238   }
8239   
8240   .jss35 {
8241     top: 5px;
8242     right: 5px;
8243     padding: 4px;
8244     position: absolute;
8245     border-radius: 50%;
8246   }
8247   .jss67 {
8248     cursor: pointer;
8249     font-size: 15px;
8250     line-height: 1.3;
8251     padding-left: 5px;
8252   }
8253   .jss69 {
8254     color: #222222;
8255   }
8256   .jss80 {
8257     color: #fff;
8258     width: 100%;
8259     height: 52px;
8260     padding: 11px 16px;
8261     font-size: 18px;
8262     min-width: 88px;
8263     min-height: 36px;
8264     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
8265     font-weight: 500;
8266     line-weight: 1em;
8267     border-radius: 4px;
8268     text-transform: uppercase;
8269     background-color: #ff6600;
8270   }
8271   @media (min-width: 991px){
8272     .cartButton_login_content__2j1f7 {
8273         font-weight: 500;
8274     }
8275   }
8276 
8277   @media (max-width: 992px) {
8278     #location-lock-dialog {
8279       width: 100%;
8280       top: auto;
8281       bottom: 0;
8282       padding-left: 0;
8283       padding-right: 0;
8284     }
8285     .MuiFormGroup-row {
8286       display: block
8287     }
8288     .MuiIconButton-label input {
8289       margin: 0;
8290     }
8291   }
8292 </style>
8293 <div role="presentation" class="MuiDialog-root jss34" style="display: none;position: fixed; z-index: 9999; inset: 0px;">
8294   <div class="MuiBackdrop-root" aria-hidden="true" style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"></div>
8295   <div tabindex="0" data-test="sentinelStart"></div>
8296   <div class="MuiDialog-container MuiDialog-scrollPaper" role="none presentation" tabindex="-1" style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;">
8297     <div class="MuiPaper-root MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded" role="dialog">
8298       <div class="jss31 undefined" id="location-lock-dialog">
8299         <button id="close-popup-delivery" class="MuiButtonBase-root MuiIconButton-root jss35" tabindex="0" type="button" aria-label="close">
8300           <span class="MuiIconButton-label">
8301             <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
8302               <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
8303             </svg>
8304           </span>
8305           <span class="MuiTouchRipple-root"></span>
8306         </button>
8307         <div>
8308           <div class="jss36">Select Delivery Location</div>
8309           <div class="jss37">Select a delivery location to see product availability</div>
8310         </div>
8311         <div class="MuiFormGroup-root jss63 MuiFormGroup-row" role="radiogroup">
8312           <label for="jabodetabek" class="MuiFormControlLabel-root jss45">
8313             <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 jss47 Mui-checked MuiIconButton-colorSecondary" aria-disabled="false">
8314               <span class="MuiIconButton-label">
8315                 <input id="jabodetabek" class="jss49" type="radio" value="Jabodetabek" checked="" name="location">
8316                 <span class="jss41"></span>
8317               </span>
8318               <span class="MuiTouchRipple-root"></span>
8319             </span>
8320             <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1">
8321               <span class="jss67 jss69">Jabodetabek</span>
8322             </span>
8323           </label>
8324           <label for="non-jabodetabek" class="MuiFormControlLabel-root jss45">
8325             <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 MuiIconButton-colorSecondary" aria-disabled="false">
8326               <span class="MuiIconButton-label">
8327                 <input id="non-jabodetabek" class="jss49" type="radio" value="Outside Jabodetabek" name="location">
8328                 <span class="jss40"></span>
8329               </span>
8330               <span class="MuiTouchRipple-root"></span>
8331             </span>
8332             <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1">
8333               <span class="jss67 jss68">Outside Jabodetabek</span>
8334             </span>
8335           </label>
8336         </div>
8337         <div>
8338           <div class="MuiGrid-root location-popup_area-block__sp9Ws">
8339             <div class="MuiGrid-root location-popup_pin-search-box__3l5mJ false">
8340               <div class="MuiGrid-root location-popup_place-icon__jSG0Q">
8341                 <svg class="MuiSvgIcon-root jss6" focusable="false" viewBox="0 0 24 24" aria-hidden="true" style="font-size:16px"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>
8342               </div>
8343               <div class="MuiGrid-root location-popup_cancel-icon__FHujU false">
8344                 <i class="material-icons location-popup_clear-pin__s1dRc">close</i>
8345               </div>
8346               <div style="width: 100%;">
8347                 <select id="choose-location" class="form-control">
8348                   <option value="">Choose Location</option>
8349                   <option value="jakarta">Jakarta</option>
8350                   <option value="bogor">Bogor</option>
8351                   <option value="depok">Depok</option>
8352                   <option value="tangerang">Tangerang</option>
8353                   <option value="bekasi">Bekasi</option>
8354                 </select>
8355               </div>
8356             </div>
8357           </div>
8358         </div>
8359         <button class="MuiButtonBase-root MuiButton-root MuiButton-contained jss55" tabindex="-1" type="button" title="" id="location-lock-submit" data-idforcdp="actionBtn-cdp" data-testid="location-lock-submit" style="background-color: #ffffff; width: 80%; padding: 14px 0px 12px; margin: 20px 0px; font-size: 18px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; border-radius: 4px; color: rgb(0, 0, 0); height: 44px;" data-content="">
8360           <span class="MuiButton-label">
8361             <span class=""></span>
8362             <span id="location-lock-continue-btn" class="cartButton_login_content__2j1f7" style="font-weight: 500;" data-content="">Continue Shopping</span>
8363           </span>
8364         </button>
8365       </div>
8366     </div>
8367   </div>
8368   <div tabindex="0" data-test="sentinelEnd"></div>
8369 </div>
8370 
8371 
8371<script>
8372   const jabodetabek = [
8373     {
8374       "code": "jakarta",
8375       "city": "jakarta",
8376       "zip": []
8377     },
8378     {
8379       "code": "bogor",
8380       "city": "bogor",
8381       "zip": []
8382     },
8383     {
8384       "code": "depok",
8385       "city": "depok",
8386       "zip": []
8387     },
8388     {
8389       "code": "tangerang",
8390       "city": "tangerang",
8391       "zip": []
8392     },
8393     {
8394       "code": "bekasi",
8395       "city": "bekasi",
8396       "zip": []
8397     }
8398   ]
8399   let cityNonJabodetabek = [
8400     
8401
8402     
8403     
8404     "pengiriman_aceh",
8405     
8406     
8407     
8408     
8409     
8410     "pengiriman_ambon",
8411     
8412     
8413     
8414     
8415     
8416     "pengiriman_atambua",
8417     
8418     
8419     
8420     
8421     
8422     "pengiriman_badung",
8423     
8424     
8425     
8426     
8427     
8428     "pengiriman_bali",
8429     
8430     
8431     
8432     
8433     
8434     "pengiriman_balikpapan",
8435     
8436     
8437     
8438     
8439     
8440     "pengiriman_bandar lampung",
8441     
8442     
8443     
8444     
8445     
8446     "pengiriman_bandung",
8447     
8448     
8449     
8450     
8451     
8452     "pengiriman_bandung barat",
8453     
8454     
8455     
8456     
8457     
8458     "pengiriman_banjarmasin",
8459     
8460     
8461     
8462     
8463     
8464     "pengiriman_banyumas",
8465     
8466     
8467     
8468     
8469     
8470     "pengiriman_banyuwangi",
8471     
8472     
8473     
8474     
8475     
8476     "pengiriman_batam",
8477     
8478     
8479     
8480     
8481     
8482     
8483     
8484     
8485     
8486     "pengiriman_biak",
8487     
8488     
8489     
8490     
8491     
8492     "pengiriman_binjai",
8493     
8494     
8495     
8496     
8497     
8498     "pengiriman_blitar",
8499     
8500     
8501     
8502     
8503     
8504     "pengiriman_blora",
8505     
8506     
8507     
8508     
8509     
8510     
8511     
8512     
8513     
8514     "pengiriman_bojonegoro",
8515     
8516     
8517     
8518     
8519     
8520     "pengiriman_boyolali",
8521     
8522     
8523     
8524     
8525     
8526     "pengiriman_bukittinggi",
8527     
8528     
8529     
8530     
8531     
8532     "pengiriman_buleleng",
8533     
8534     
8535     
8536     
8537     
8538     "pengiriman_ciamis",
8539     
8540     
8541     
8542     
8543     
8544     "pengiriman_cianjur",
8545     
8546     
8547     
8548     
8549     
8550     "pengiriman_cibinong",
8551     
8552     
8553     
8554     
8555     
8556     "pengiriman_cikarang",
8557     
8558     
8559     
8560     
8561     
8562     "pengiriman_cikupa",
8563     
8564     
8565     
8566     
8567     
8568     "pengiriman_cilacap",
8569     
8570     
8571     
8572     
8573     
8574     "pengiriman_cileunyi",
8575     
8576     
8577     
8578     
8579     
8580     "pengiriman_cimahi",
8581     
8582     
8583     
8584     
8585     
8586     "pengiriman_cirebon",
8587     
8588     
8589     
8590     
8591     
8592     "pengiriman_ciwidey",
8593     
8594     
8595     
8596     
8597     
8598     "pengiriman_deli serdang",
8599     
8600     
8601     
8602     
8603     
8604     "pengiriman_demak",
8605     
8606     
8607     
8608     
8609     
8610     "pengiriman_denpasar",
8611     
8612     
8613     
8614
8615     
8616     
8617     "pengiriman_garut",
8618     
8619     
8620     
8621     
8622     
8623     "pengiriman_gianyar",
8624     
8625     
8626     
8627     
8628     
8629     "pengiriman_gresik",
8630     
8631     
8632     
8633     
8634     
8635     "pengiriman_gunung kidul",
8636     
8637     
8638     
8639
8640     
8641     
8642     "pengiriman_jambi",
8643     
8644     
8645     
8646     
8647     
8648     "pengiriman_jayapura",
8649     
8650     
8651     
8652     
8653     
8654     "pengiriman_jember",
8655     
8656     
8657     
8658     
8659     
8660     "pengiriman_jepara",
8661     
8662     
8663     
8664     
8665     
8666     "pengiriman_jombang",
8667     
8668     
8669     
8670     
8671     
8672     "pengiriman_karanganyar",
8673     
8674     
8675     
8676     
8677     
8678     "pengiriman_karawang",
8679     
8680     
8681     
8682     
8683     
8684     "pengiriman_karo",
8685     
8686     
8687     
8688     
8689     
8690     "pengiriman_kebumen",
8691     
8692     
8693     
8694     
8695     
8696     "pengiriman_kediri",
8697     
8698     
8699     
8700     
8701     
8702     "pengiriman_keerom",
8703     
8704     
8705     
8706     
8707     
8708     "pengiriman_kendal",
8709     
8710     
8711     
8712     
8713     
8714     "pengiriman_klaten",
8715     
8716     
8717     
8718     
8719     
8720     "pengiriman_kudus",
8721     
8722     
8723     
8724     
8725     
8726     "pengiriman_kupang",
8727     
8728     
8729     
8730     
8731     
8732     "pengiriman_lainnya",
8733     
8734     
8735     
8736     
8737     
8738     "pengiriman_lamongan",
8739     
8740     
8741     
8742     
8743     
8744     "pengiriman_lampung",
8745     
8746     
8747     
8748     
8749     
8750     "pengiriman_lampung barat",
8751     
8752     
8753     
8754     
8755     
8756     "pengiriman_lembang",
8757     
8758     
8759     
8760     
8761     
8762     "pengiriman_lombok",
8763     
8764     
8765     
8766     
8767     
8768     "pengiriman_lumajang",
8769     
8770     
8771     
8772     
8773     
8774     "pengiriman_madiun",
8775     
8776     
8777     
8778     
8779     
8780     "pengiriman_magelang",
8781     
8782     
8783     
8784     
8785     
8786     "pengiriman_majalengka",
8787     
8788     
8789     
8790     
8791     
8792     "pengiriman_makassar",
8793     
8794     
8795     
8796     
8797     
8798     "pengiriman_malang",
8799     
8800     
8801     
8802     
8803     
8804     "pengiriman_manado",
8805     
8806     
8807     
8808     
8809     
8810     "pengiriman_medan",
8811     
8812     
8813     
8814     
8815     
8816     "pengiriman_mengwi",
8817     
8818     
8819     
8820     
8821     
8822     "pengiriman_mojokerto",
8823     
8824     
8825     
8826     
8827     
8828     "pengiriman_nganjuk",
8829     
8830     
8831     
8832     
8833     
8834     "pengiriman_ngawi",
8835     
8836     
8837     
8838     
8839     
8840     "pengiriman_padang",
8841     
8842     
8843     
8844     
8845     
8846     "pengiriman_palembang",
8847     
8848     
8849     
8850     
8851     
8852     "pengiriman_pasuruan",
8853     
8854     
8855     
8856     
8857     
8858     "pengiriman_pati",
8859     
8860     
8861     
8862     
8863     
8864     "pengiriman_pekalongan",
8865     
8866     
8867     
8868     
8869     
8870     "pengiriman_pekanbaru",
8871     
8872     
8873     
8874     
8875     
8876     "pengiriman_pemalang",
8877     
8878     
8879     
8880     
8881     
8882     "pengiriman_ponorogo",
8883     
8884     
8885     
8886     
8887     
8888     "pengiriman_pontianak",
8889     
8890     
8891     
8892     
8893     
8894     "pengiriman_probolinggo",
8895     
8896     
8897     
8898     
8899     
8900     "pengiriman_purbalingga",
8901     
8902     
8903     
8904     
8905     
8906     "pengiriman_purwakarta",
8907     
8908     
8909     
8910     
8911     
8912     "pengiriman_purwokerto",
8913     
8914     
8915     
8916     
8917     
8918     "pengiriman_rembang",
8919     
8920     
8921     
8922     
8923     
8924     "pengiriman_riau",
8925     
8926     
8927     
8928     
8929     
8930     "pengiriman_salatiga",
8931     
8932     
8933     
8934     
8935     
8936     "pengiriman_samarinda",
8937     
8938     
8939     
8940     
8941     
8942     "pengiriman_semarang",
8943     
8944     
8945     
8946     
8947     
8948     "pengiriman_sentani",
8949     
8950     
8951     
8952     
8953     
8954     "pengiriman_serang",
8955     
8956     
8957     
8958     
8959     
8960     "pengiriman_sidoarjo",
8961     
8962     
8963     
8964     
8965     
8966     "pengiriman_singkawang",
8967     
8968     
8969     
8970     
8971     
8972     "pengiriman_sragen",
8973     
8974     
8975     
8976     
8977     
8978     "pengiriman_subang",
8979     
8980     
8981     
8982     
8983     
8984     "pengiriman_sukabumi",
8985     
8986     
8987     
8988     
8989     
8990     "pengiriman_sumbawa",
8991     
8992     
8993     
8994     
8995     
8996     "pengiriman_surabaya",
8997     
8998     
8999     
9000     
9001     
9002     "pengiriman_surakarta solo",
9003     
9004     
9005
9006     
9007     "pengiriman_tasikmalaya",
9008     
9009     
9010     
9011     
9012     
9013     "pengiriman_tegal",
9014     
9015     
9016     
9017     
9018     
9019     "pengiriman_timika",
9020     
9021     
9022     
9023     
9024     
9025     "pengiriman_wamena",
9026     
9027     
9028     
9029     
9030     
9031     "pengiriman_wiyung",
9032     
9033     
9034     
9035     
9036     
9037     "pengiriman_wonokromo",
9038     
9039     
9040     
9041     
9042     
9043     "pengiriman_yogyakarta",
9044 
9045   ]
9046   console.log(cityNonJabodetabek)
9047   let non_jabodetabek = []
9048   for(var i=0;i<cityNonJabodetabek.length;i++) {
9049     const obj = {
9050       "code": cityNonJabodetabek[i].toLowerCase().replace('pengiriman_', '').replace(' ','-'),
9051       "city": cityNonJabodetabek[i].replace('pengiriman_', '').replace(' ','-'),
9052       "zip": []
9053     }
9054     non_jabodetabek.push(obj)
9055   }
9056   let current_location = getCookie("location_delivery")
9057   $("[name=location]").change(function(){
9058     let v = $(this).val()
9059     let option = []
9060     if(v == 'Jabodetabek') {
9061       for(var i=0;i<jabodetabek.length;i++) {
9062         const jabodetabekHtml = `<option value=${jabodetabek[i].city}>${jabodetabek[i].city}</option>`
9063         option.push(jabodetabekHtml)
9064       }
9065       $("#choose-location").html(`<option value="">Choose Location</option>${option}`)
9066     } else {
9067       for(var i=0;i<non_jabodetabek.length;i++) {
9068         const nonjabodetabekHtml = `<option value=${non_jabodetabek[i].city}>${non_jabodetabek[i].city}</option>`
9069         option.push(nonjabodetabekHtml)
9070       }
9071       $("#choose-location").html(`<option value="">Choose Location</option>${option}`)
9072     }
9073   })
9074 
9075   $("#location-lock-submit").click(function(e){
9076     let select = $("#choose-location")
9077     let value = select.val().toLowerCase()
9078     console.log(value)
9079     if(select.val() == "") {
9080       return alert("Choose Your Location")
9081       e.preventDefault()
9082     }
9083     setCookie("location_delivery",value,1000000);
9084     
9085     location.reload();
9086     
9087   })
9088 
9089   $("#close-popup-delivery").click(function(){
9090     $(".MuiDialog-root").hide()
9091     if(!current_location){
9092       setCookie("location_delivery","jakarta",1000000);
9093       $("#loc_delivery_city, #loc_delivery_city_mobile").text("Jakarta")
9094     }
9095   })
9096   $("#loc_delivery, #loc_delivery_mobile").click(function(){
9097     $(".MuiDialog-root").show()
9098   })
9099 
9100   
9101   if(!current_location){
9102     
9103   } else {
9104     $("#loc_delivery_city, #loc_delivery_city_mobile").text(current_location)
9105     console.log(current_location)
9106     $("#choose-location").each(function(){
9107       if(current_location == 'jakarta' || current_location == 'depok' || current_location == 'bogor' || current_location == 'tangerang' || current_location == 'bekasi'){
9108         $("#jabodetabek").trigger("click")
9109       } else {
9110         $("#non-jabodetabek").trigger("click")
9111       }
9112       $("#choose-location").find("option[value="+current_location+"]").attr("selected", "selected")
9113     })
9114   }
9115 
9116   // if(current_location == 'jakarta' || current_location == 'depok' || current_location == 'bogor' || current_location == 'tangerang' || current_location == 'bekasi' || current_location == 'bandung' || current_location == 'semarang' || current_location == 'yogyakarta' || current_location == 'surabaya'){
9117   //   $("#timeMalam").attr("disabled", false)
9118   // } else {
9119   //   $("#timeMalam").attr("disabled", true)
9120   // }
9121 
9122   if(current_location && current_location != 'jakarta') {
9123     $("#self-pickup").attr("disabled", true)
9124   }
9125 
9126   function setCookie(name,value,days) {
9127     var expires = "";
9128     if (days) {
9129       var date = new Date();
9130       date.setTime(date.getTime() + (days*24*60*60*1000));
9131       expires = "; expires=" + date.toUTCString();
9132     }
9133     document.cookie = name + "=" + (value || "")  + expires + "; path=/";
9134   }
9135   function getCookie(name) {
9136     var nameEQ = name + "=";
9137     var ca = document.cookie.split(';');
9138     for(var i=0;i < ca.length;i++) {
9139       var c = ca[i];
9140       while (c.charAt(0)==' ') c = c.substring(1,c.length);
9141       if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
9142     }
9143     return null;
9144   }
9145 </script>
9145
9146 <!-- One Tap -->
9147     
9147<script>
9148       console.log("Outerbloom...");
9149     </script>
9149
9150   <div id="shopify-block-ANVEzSUcxTUxZOGpwZ__9703700522657871012" class="shopify-block shopify-app-block">
9151 
9152 
9153 
9154 
9155 
9156 
9157 
9158 
9159 
9160 
9161 
9162 
9163 
9164 
9165 
9166 
9167 
9168 
9169 
9170 
9171 
9172 
9173 
9174 
9175 
9176 
9177 
9178 
9179 
9180 
9181 
9182 
9183 
9184 
9185 
9186 
9187 
9188 
9189 
9190 
9191 
9192 
9193 
9194 
9195 
9196 
9197 <link rel="stylesheet" href="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.css" />
9198 
9198<script src="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.js" defer></script>
9198
9199 
9199<script>
9200   const widgetConfig = {
9201     id: "clz7897za002cz7otleaz0d3d",
9202     showQuickResponse: false,
9203     quickResponsesData: [],
9204     themeColor: "#ffffff",
9205     widgetText: "",
9206     radiusType: "circle",
9207     widgetIconType: "whatsapp",
9208     position: "right",
9209     storeLogo: "",
9210     storeName: "Outerbloom",
9211     storeDescription: "",
9212     size: "small",
9213     showCard: false,
9214     widgetColorType: "solid",
9215     widgetColor1: "#008069",
9216     widgetColor2: "#008069",
9217     social: {
9218       socialOrders: ["instagram","tiktok","facebook","x","youtube","linkedin","email"],
9219       values: {
9220         instagram: {
9221           enabled: false,
9222           value: "",
9223         },
9224         facebook: {
9225           enabled: false,
9226           value: "",
9227         },
9228         email: {
9229           enabled: false,
9230           value: "",
9231         },
9232         x: {
9233           enabled: false,
9234           value: "",
9235         },
9236         tiktok: {
9237           enabled: false,
9238           value: "",
9239         },
9240         linkedin: {
9241           enabled: false,
9242           value: "",
9243         },
9244         youtube: {
9245           enabled: false,
9246           value: "",
9247         },
9248       },
9249     },
9250   };
9251 
9252   function initializeWidget() {
9253     if (typeof BBBWidget !== 'undefined') {
9254       BBBWidget.init(widgetConfig);
9255     } else {
9256       setTimeout(initializeWidget, 100);
9257     }
9258   }
9259 
9260   initializeWidget();</script>
9260
9261 
9262 
9263 </div><div id="shopify-block-ATzRpVTBPU3k1R2pnW__286197278318599166" class="shopify-block shopify-app-block">
9264 
9265 
9266 <div style="position: fixed; bottom: 0; right: 0"></div>
9267 
9268 
9268<script>
9269 console.info("bitlogin extension version: v2.5.7");
9270 
9271 const googleScript = document.createElement("script");
9272 googleScript.setAttribute("src", "https://accounts.google.com/gsi/client");
9273 document.head.append(googleScript);
9274 
9275 const bitLoginBaseUrl = "https://api.bitbybit.studio";
9276 const apiUrl = `${bitLoginBaseUrl}/bitlogin/api`;
9277 
9278 const appearance = {"style":"square","hasShadow":true,"domain":"outerbloom1.myshopify.com","colorScheme":"match","backgroundColor":"#ffffff","outlineColor":"#ffe100","textColor":"#700000","position":"top","hideDivider":false,"dividerText":"","size":"small","format":"contentFlex","language":"en","buttonText":"Continue With","redirectLink":"\/account","googleOneTap":true,"googleOneTapBanner":true,"captureAdditionalData":true,"customerTag":"bitLogin","redirectOneTapDesktop":"[{\"label\":\"Account\",\"label2\":\"Desktop: Account\",\"value\":\"account\",\"parentValue\":\"Desktop\"}]","redirectOneTapMobile":"[{\"label\":\"Thank you page\",\"label2\":\"Mobile: Thank you page\",\"value\":\"thank_you\",\"parentValue\":\"Mobile\"}]","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 X","amazon":"Continue with Amazon","instagram":"Continue with Instagram","magic_link":"Continue with Magic Link","mobile_app":"Continue with Mobile App","linkedin":"Continue with LinkedIn"}};
9279 const config = [{"domain":"outerbloom1.myshopify.com","provider":"FACEBOOK","enabledMobile":false,"enabledWeb":true,"clientId":"922184709213757","clientSecret":"e3c874c8bce6da4211538ebda706d1cb","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"GOOGLE","enabledMobile":true,"enabledWeb":true,"clientId":"933600373534-vk6hiu9lqrtbblj0357q0gsoo7mqvsd0.apps.googleusercontent.com","clientSecret":"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","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":true,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"APPLE","enabledMobile":true,"enabledWeb":true,"clientId":"com.bitlogin.outerbloom","clientSecret":"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","appleTeamId":"1A","applePrivateKey":"1A","usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"WHATSAPP","enabledMobile":false,"enabledWeb":true,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"MICROSOFT","enabledMobile":false,"enabledWeb":false,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"TWITTER","enabledMobile":false,"enabledWeb":false,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"AMAZON","enabledMobile":false,"enabledWeb":false,"clientId":"amzn1.application-oa2-client.5b560a5e3e2943d6b25c50cd6dca5532","clientSecret":"amz
9279n1.oa2-cs.v1.1cb5f9085a202341f60daf5a7be16c570ccc0b4bd5908b3afd080f34e9b8935d","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null}];
9280 const redirectUrl = appearance.redirectLink;
9281 
9282 let locationCacheSet = false;
9283 let errorLocation = false;
9284 let oneTapSet = false;
9285 
9286 let bitloginCache = {
9287   appearance: appearance,
9288   config: config
9289 };
9290 
9291 let isInitializing = false;
9292 const queue = [];
9293 
9294 // Add CSS for the popup
9295 const popupStyles = document.createElement('style');
9296 popupStyles.textContent = `
9297   /* Styles for login popup */
9298   .bitlogin-popup-overlay {
9299     position: fixed;
9300     top: 0;
9301     left: 0;
9302     width: 100%;
9303     height: 100%;
9304     background: rgba(0, 0, 0, 0.45);
9305     backdrop-filter: blur(4px);
9306     display: flex;
9307     align-items: center;
9308     justify-content: center;
9309     opacity: 0;
9310     transition: opacity 0.3s ease-in-out;
9311     z-index: 999999;
9312   }
9313   
9314   .bitlogin-popup-overlay.visible {
9315     opacity: 1;
9316   }
9317   
9318   .bitlogin-popup {
9319     background: #FFFFFF;
9320     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
9321     border-radius: 16px;
9322     width: 100%;
9323     max-width: 560px;
9324     display: flex;
9325     overflow: hidden;
9326     position: relative;
9327     opacity: 0;
9328     transform: translateY(20px) scale(0.98);
9329     transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
9330   }
9331   
9332   .bitlogin-popup.visible {
9333     opacity: 1;
9334     transform: translateY(0) scale(1);
9335   }
9336   
9337   .bitlogin-popup-with-image {
9338     max-width: 640px;
9339   }
9340   
9341   .bitlogin-popup-right-image {
9342     flex-direction: row-reverse;
9343   }
9344   
9345   .bitlogin-popup-image {
9346     object-fit: cover;
9347     width: 50%;
9348     height: auto;
9349   }
9350   
9351   .bitlogin-popup-content {
9352     padding: 32px;
9353     position: relative;
9354     width: 50%;
9355   }
9356   
9357   .bitlogin-popup-close {
9358     position: absolute;
9359     top: 16px;
9360     right: 16px;
9361     background: white;
9362     border: none;
9363     width: 30px;
9364     height: 30px;
9365     display: flex;
9366     align-items: center;
9367     justify-content: center;
9368     cursor: pointer;
9369     transition: background-color 0.2s;
9370     color: inherit;
9371     padding: 0;
9372   }
9373   
9374   .bitlogin-popup-close:hover {
9375     background-color: #e5e5e5;
9376   }
9377   
9378   .bitlogin-popup-buttons {
9379     display: flex;
9380     flex-direction: column;
9381     gap: 12px;
9382     margin-top: 24px;
9383   }
9384   
9385   /* Button styles within popup - override width for popup buttons */
9386   .bitlogin-popup-buttons #google-login,
9387   .bitlogin-popup-buttons #facebook-login,
9388   .bitlogin-popup-buttons #apple-login,
9389   .bitlogin-popup-buttons #whatsapp-login,
9390   .bitlogin-popup-buttons #microsoft-login,
9391   .bitlogin-popup-buttons #twitter-login,
9392   .bitlogin-popup-buttons #amazon-login,
9393   .bitlogin-popup-buttons #instagram-login,
9394   .bitlogin-popup-buttons #magic-link-login,
9395   .bitlogin-popup-buttons #mobile-app-login {
9396     width: 100% !important;
9397     font-family: inherit !important;
9398   }
9399   
9400   .bitlogin-popup-footer {
9401     margin-top: 32px;
9402     text-align: center;
9403     font-size: 14px;
9404     opacity: 0.6;
9405   }
9406   
9407   /* Modern Typography */
9408   .bitlogin-popup h2 {
9409     margin-top: 12px;
9410     font-size: 21px !important;
9411     line-height: 1.2 !important;
9412     font-weight: 700 !important;
9413     letter-spacing: -0.02em !important;
9414     margin-bottom: 16px !important;
9415   }
9416   
9417   .bitlogin-popup-header {
9418     position: relative;
9419     margin-bottom: 24px;
9420   }
9421   
9422   /* Modern gradient accent */
9423   .bitlogin-popup-content > div {
9424     font-size: 16px !important;
9425     line-height: 1.2 !important;
9426     opacity: 0.85 !important;
9427   }
9428   
9429   /* Enhanced button interactions */
9430   .bitlogin-popup-buttons button {
9431     position: relative;
9432     overflow: hidden;
9433   }
9434   
9435   @keyframes ripple {
9436     0% {
9437       transform: scale(0, 0);
9438       opacity: 0.5;
9439     }
9440     100% {
9441       transform: scale(100, 100);
9442       opacity: 0;
9443     }
9444   }
9445   
9446   /* Responsive adjustments */
9447   @media (max-width: 640px) {
9448     .bitlogin-popup {
9449       max-width: 90%;
9450       width: 90%;
9451       margin: 0 16px;
9452     }
9453     
9454     .bitlogin-popup-with-image {
9455       flex-direction: column !important;
9456     }
9457     
9458     .bitlogin-popup-image {
9459       width: 100%;
9460       height: 180px;
9461     }
9462     
9463     .bitlogin-popup-content {
9464       padding: 24px;
9465     }
9466     
9467     .bitlogin-popup h2 {
9468       font-size: 24px !important;
9469     }
9470   }
9471 `;
9472 
9473 document.head.appendChild(popupStyles);
9474 
9475 // Add fonts link for different font options
9476 const fontsLink = document.createElement('link');
9477 fontsLink.rel = 'stylesheet';
9478 fontsLink.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';
9479 document.head.appendChild(fontsLink);
9480 
9481 (async () => {
9482   try {
9483     let host = window.location.host;
9484     if (host === "admin.shopify.com") {
9485       host = `${window.location.pathname.split("/")[2]}.myshopify.com`;
9486     }
9487 
9488     const urlSearchParams = new URLSearchParams(window.location.search);
9489     const checkoutUrl = urlSearchParams.get("checkout_url");
9490 
9491     async function init({ inputRef, index }) {
9492       if (isInitializing) {
9493         queue.push(() => init({ inputRef, index }));
9494         return;
9495       }
9496 
9497       isInitializing = true;
9498 
9499       try {
9500         let bitLoginSectionRoot = document.querySelector(
9501           `.bitlogin-root[data-index="${index}"]`
9502         );
9503 
9504         const formRef = inputRef?.closest(
9505           "form:not([action='/account/recover'])"
9506         );
9507 
9508         if (formRef && !bitLoginSectionRoot) {
9509           await getLocation();
9510 
9511           bitLoginSectionRoot = document.createElement(`div`);
9512 
9513           bitLoginSectionRoot.setAttribute("class", "bitlogin-root");
9514           bitLoginSectionRoot.setAttribute("data-index", `${index}`);
9515 
9516           updateAppearance({
9517             formRef,
9518             rootRef: bitLoginSectionRoot,
9519             host,
9520           });
9521         }
9522       } catch (err) {
9523         console.error(`error while initiating bitlogin extensions`, err);
9524       } finally {
9525         // Release the lock
9526         isInitializing = false;
9527 
9528         // Check if there are pending items in the queue
9529         if (queue.length > 0) {
9530           // Process the next function in the queue
9531           const nextFunction = queue.shift();
9532           nextFunction();
9533         }
9534       }
9535     }
9536 
9537     function initAll() {
9538       return new Promise((resolve, reject) => {
9539         setTimeout(async () => {
9540           const inputRefs = document.querySelectorAll(
9541             'input[name="customer[email]"]'
9542           );
9543 
9544           for (let i = 0; i < inputRefs.length; i++) {
9545             const currentInputRef = inputRefs[i];
9546             const isVisible = isElementVisible(currentInputRef);
9547 
9548             if (isVisible) {
9549               await init({ inputRef: currentInputRef, index: i });
9550             }
9551           }
9552 
9553           resolve("ok");
9554         }, 100);
9555       });
9556     }
9557 
9558     const observer = new MutationObserver((mutationsList) => {
9559       for (let mutation of mutationsList) {
9560         initAll();
9561       }
9562     });
9563 
9564     observer.observe(document.body, {
9565       childList: true,
9566       subtree: true,
9567       attributes: true,
9568     });
9569 
9570     initAll();
9571 
9572     if (appearance.googleOneTap) {
9573       setupOneTap({ host, checkoutUrl });
9574     }
9575 
9576     // Initialize popup
9577     await initPopup(host);
9578   } catch (error) {
9579     console.error("Error initializing BitLogin:", error);
9580   }
9581 })();
9582 
9583 async function initPopup(host) {
9584   // Check if user is already logged in using Liquid checks properly
9585   const isLoggedIn = false || 
9586                     document.querySelector('.customer-logout-link') || 
9587                     document.querySelector('.account-link') || 
9588                     window.location.pathname.includes('/account');
9589   
9590   if (isLoggedIn) {
9591     return; // User is logged in, don't show popup
9592   }
9593 
9594   try {
9595     // Fetch the popup configuration
9596     const popupConfig = await fetch(`${apiUrl}/appearance/popup/domain/${host}`)
9597       .then(res => res.json())
9598       .catch(err => {
9599         console.error('Error fetching popup configuration:', err);
9600         return null;
9601       });
9602 
9603     if (!popupConfig || !popupConfig.enabled) {
9604       return;
9604 // Don't show popup if disabled or config not found
9605     }
9606 
9607     // Create popup after 10 seconds
9608     setTimeout(() => {
9609       // Check if user is still on the page and still not logged in
9610       if (document.visibilityState === 'visible') {
9611         // Additional check in case user logged in during the 10 second wait
9612         const currentlyLoggedIn = false || 
9613                               document.querySelector('.customer-logout-link') || 
9614                               document.querySelector('.account-link');
9615         
9616         if (!currentlyLoggedIn) {
9617           createLoginPopup(popupConfig, host);
9618         }
9619       }
9620     }, 10000);
9621   } catch (error) {
9622     console.error('Error initializing popup:', error);
9623   }
9624 }
9625 
9626 function createLoginPopup(popupConfig, host) {
9627   // Font mapping
9628   const fontFamilyMap = {
9629     system_fonts: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
9630     montserrat: 'Montserrat, sans-serif',
9631     roboto: 'Roboto, sans-serif',
9632     open_sans: 'Open Sans, sans-serif',
9633     noto_sans: 'Noto Sans, sans-serif',
9634     lato: 'Lato, sans-serif',
9635     poppins: 'Poppins, sans-serif',
9636     quicksand: 'Quicksand, sans-serif',
9637     raleway: 'Raleway, sans-serif',
9638     pt_sans: 'PT Sans, sans-serif',
9639     oswald: 'Oswald, sans-serif',
9640   };
9641 
9642   // Create overlay
9643   const overlay = document.createElement('div');
9644   overlay.className = 'bitlogin-popup-overlay';
9645   
9646   // Create popup container with appropriate styling
9647   const popup = document.createElement('div');
9648   popup.className = 'bitlogin-popup';
9649 
9650   if (popupConfig.layout === 'default') {
9651     popup.style.maxWidth = '400px';
9652   }
9653   
9654   // Function to close the popup
9655   const closePopup = () => {
9656     overlay.classList.remove('visible');
9657     popup.classList.remove('visible');
9658     setTimeout(() => {
9659       if (document.body.contains(overlay)) {
9660         document.body.removeChild(overlay);
9661       }
9662     }, 300);
9663   };
9664   
9665   // Add click handler to the overlay to close when clicking outside
9666   overlay.addEventListener('click', (event) => {
9667     // Close only if clicking directly on the overlay, not its children
9668     if (event.target === overlay) {
9669       closePopup();
9670     }
9671   });
9672   
9673   // Add escape key handler to close popup
9674   document.addEventListener('keydown', (event) => {
9675     if (event.key === 'Escape' && document.body.contains(overlay)) {
9676       closePopup();
9677     }
9678   });
9679 
9680   // Create layout with image if specified
9681   let contentWrapper;
9682   if (popupConfig.layout !== 'default' && popupConfig.popupImage) {
9683     popup.classList.add('bitlogin-popup-with-image');
9684     
9685     if (popupConfig.layout === 'right') {
9686       popup.classList.add('bitlogin-popup-right-image');
9687     }
9688     
9689     // Add image
9690     const image = document.createElement('img');
9691     image.className = 'bitlogin-popup-image';
9692     image.src = popupConfig.popupImage;
9693     image.alt = 'Login';
9694     image.loading = 'lazy';
9695     popup.appendChild(image);
9696     
9697     // Create content container
9698     contentWrapper = document.createElement('div');
9699     contentWrapper.className = 'bitlogin-popup-content';
9700 
9701     if (popupConfig.layout === 'right') {
9702       const closeButton = document.createElement('button');
9703       closeButton.className = 'bitlogin-popup-close';
9704       closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
9705         <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9706       </svg>`;
9707       closeButton.setAttribute('aria-label', 'Close');
9708       closeButton.onclick = closePopup;
9709   
9710       popup.appendChild(closeButton);
9711     }
9712   } else {
9713     contentWrapper = document.createElement('div');
9714     contentWrapper.className = 'bitlogin-popup-content';
9715     contentWrapper.style.width = '100%';
9716   }
9717 
9718   // Set background style
9719   if (popupConfig.backgroundTheme === 'gradient') {
9720     contentWrapper.style.background = `linear-gradient(135deg, ${popupConfig.backgroundPopupColor}, ${popupConfig.gradientColor})`;
9721   } else {
9722     contentWrapper.style.backgroundColor = popupConfig.backgroundPopupColor;
9723   }
9724 
9725   // Apply font family
9726   contentWrapper.style.setProperty('font-family', fontFamilyMap[popupConfig.font] || fontFamilyMap.system_fonts, 'important');
9727 
9728   if (popupConfig.layout !== 'right') {
9729     const closeButton = document.createElement('button');
9730     closeButton.className = 'bitlogin-popup-close';
9731     closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
9732       <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9733     </svg>`;
9734     closeButton.setAttribute('aria-label', 'Close');
9735     closeButton.onclick = closePopup;
9736   
9737     contentWrapper.appendChild(closeButton);
9738   }
9739 
9740   // Add heading with subtle animation effect
9741   const header = document.createElement('div');
9742   header.className = 'bitlogin-popup-header';
9743   
9744   const heading = document.createElement('h2');
9745   heading.textContent = popupConfig.headingText || 'Sign in for exclusive benef
9745its';
9746   heading.style.color = popupConfig.fontColor;
9747   header.appendChild(heading);
9748 
9749   // Add body text with improved formatting
9750   const bodyText = document.createElement('div');
9751   bodyText.innerHTML = popupConfig.bodyText || 'Join our community to access exclusive offers and a personalized shopping experience.';
9752   bodyText.style.color = popupConfig.fontColor;
9753   header.appendChild(bodyText);
9754   
9755   contentWrapper.appendChild(header);
9756 
9757   // Create buttons container with modern styling
9758   const buttonsContainer = document.createElement('div');
9759   buttonsContainer.className = 'bitlogin-popup-buttons';
9760   
9761   // Add social buttons
9762   const providerLabels = {
9763     'GOOGLE': 'Continue with Google',
9764     'FACEBOOK': 'Continue with Facebook',
9765     'APPLE': 'Continue with Apple',
9766     'WHATSAPP': 'Continue with WhatsApp',
9767     'MAGIC_LINK': 'Continue with Email',
9768   };
9769 
9770   // Add first login provider button
9771   if (popupConfig.loginProvider1 !== 'NONE') {
9772     const buttonConfig = {
9773       theme: popupConfig.colorScheme || 'match',
9774       customColor: popupConfig.textColor,
9775       format: 'contentFlex',
9776       buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider1.toLowerCase()],
9777       hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true,
9778       style: popupConfig.style || 'rounded',
9779       size: popupConfig.size || 'medium',
9780       colorScheme: popupConfig.colorScheme || 'match',
9781       backgroundColor: popupConfig.backgroundColor || '#3B82F6',
9782       textColor: popupConfig.textColor || '#FFFFFF',
9783       outlineColor: popupConfig.outlineColor || '#3B82F6',
9784       host: host
9785     };
9786     
9787     const button1 = createSocialLoginButton(popupConfig.loginProvider1, buttonConfig);
9788     
9789     // Handle click event - this overrides the default click handler in createSocialLoginButton
9790     button1.onclick = () => {
9791       onClickSocialLogin({ provider: popupConfig.loginProvider1.toLowerCase(), host });
9792       closePopup();
9793     };
9794     
9795     buttonsContainer.appendChild(button1);
9796   }
9797 
9798   // Add second login provider button if enabled
9799   if (popupConfig.loginProvider2 !== 'NONE') {
9800     const buttonConfig = {
9801       theme: popupConfig.colorScheme || 'match',
9802       customColor: popupConfig.textColor,
9803       format: 'contentFlex',
9804       buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider2.toLowerCase()],
9805       hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true,
9806       style: popupConfig.style || 'rounded',
9807       size: popupConfig.size || 'medium',
9808       colorScheme: popupConfig.colorScheme || 'match',
9809       backgroundColor: popupConfig.backgroundColor || '#3B82F6',
9810       textColor: popupConfig.textColor || '#FFFFFF',
9811       outlineColor: popupConfig.outlineColor || '#3B82F6',
9812       host: host
9813     };
9814     
9815     const button2 = createSocialLoginButton(popupConfig.loginProvider2, buttonConfig);
9816     
9817     // Handle click event - this overrides the default click handler in createSocialLoginButton
9818     button2.onclick = () => {
9819       onClickSocialLogin({ provider: popupConfig.loginProvider2.toLowerCase(), host });
9820       closePopup();
9821     };
9822     
9823     buttonsContainer.appendChild(button2);
9824   }
9825 
9826   contentWrapper.appendChild(buttonsContainer);
9827 
9828   // Append content to popup
9829   popup.appendChild(contentWrapper);
9830   
9831   // Append popup to overlay
9832   overlay.appendChild(popup);
9833   
9834   // Append overlay to body
9835   document.body.appendChild(overlay);
9836   
9837   // Trigger animation with slight delay for better perceived performance
9838   setTimeout(() => {
9839     overlay.classList.add('visible');
9840     setTimeout(() => {
9841       popup.classList.add('visible');
9842     }, 50);
9843   }, 10);
9844 }
9845 
9846 window.addEventListener("load", () => {
9847   window.addEventListener("message", (event) => {
9848     const receivedData = event.data;
9849 
9850     if (receivedData.type === "authorize") {
9851       post(
9852         JSON.parse(
9853           JSON.stringify({
9854             "customer[email]": receivedData.email,
9855             "customer[password]": receivedData.password,
9856             form_type: "customer_login",
9857             utf8: "✓",
9858             return_url: redirectUrl,
9859           })
9860         )
9861       );
9862     } else if (receivedData.type === "rejected") {
9863       if (receivedData.reason === "customer_account_disabled") {
9864         showAlert(
9865           "Your account needs to be activated. We've sent you an activation link - please check your email to complete this step."
9866         );
9867       } else if (receivedData.reason === "customer_entry_created_email_not_set") {
9868         showAlert(
9869           "A new account was created but requires an email address. Please update your account with a valid email address to continue."
9870         );
9871       } else if (receivedData.reason === "customer_exist_email_not_set") {
9872         showAlert(
9873           "Your existing account is missing an email address. Please contact support to update your account with a valid email address."
9874         );
9875       }
9876     }
9877 
9878     if (receivedData.type === "customer_authenticated") {
9879       // Dispatch a custom event that merchants can listen for to implement their custom logic
9880       const customerAuthEvent = new CustomEvent('bitlogin:customer_authenticated', {
9881         detail: {
9882           provider: receivedData.provider,
9883           customer: receivedData.customer,
9884           shopifyCustomerCreated: receivedData.shopifyCustomerCreated
9885         }
9886       });
9887       
9888       // Dispatch the event on the window object so merchants can listen for it
9889       window.dispatchEvent(customerAuthEvent);
9890       
9891     }
9892   });
9893 });
9894 
9895 // Reusable functions for social login buttons
9896 function createSocialLoginButton(provider, config = {}) {
9897   const {
9898     theme = 'match',
9899     customColor = null,
9900     format = 'contentFlex',
9901     buttonText = null,
9902     hasShadow = true,
9903     style = 'rounded',
9904     size = 'medium',
9905     colorScheme = 'match',
9906     backgroundColor = '#3B82F6',
9907     textColor = '#FFFFFF',
9908     outlineColor = '#3B82F6',
9909     rootRef = null,
9910     host = null
9911   } = config;
9912   
9913   // Create button element with appropriate ID and attributes
9914   const button = document.createElement('button');
9915   button.id = `${provider.toLowerCase()}-login`;
9916   button.type = 'button';
9917   
9918   // Set the inner SVG based on provider
9919   switch (provider.toUpperCase()) {
9920     case 'GOOGLE':
9921       button.innerHTML = googleLoginIcon(theme, customColor);
9922       break;
9923     case 'FACEBOOK':
9924       button.innerHTML = facebookLoginIcon(theme, customColor);
9925       break;
9926     case 'APPLE':
9927       button.innerHTML = appleLoginIcon(theme, customColor);
9928       break;
9929     case 'WHATSAPP':
9930       button.innerHTML = whatsappLoginIcon(theme, customColor);
9931       break;
9932     case 'MICROSOFT':
9933       button.innerHTML = microsoftLoginIcon(theme, customColor);
9934       break;
9935     case 'TWITTER':
9936       button.innerHTML = twitterLoginIcon(theme, customColor);
9937       break;
9938     case 'AMAZON':
9939       button.innerHTML = amazonLoginIcon(theme, customColor);
9940       break;
9941     case 'INSTAGRAM':
9942       button.innerHTML = instagramLoginIcon(theme, customColor);
9943       break;
9944     case 'MAGIC_LINK':
9945       button.innerHTML = magicLinkLoginIcon(theme, customColor);
9946       break;
9947     case 'MOBILE_APP':
9948       button.innerHTML = mobileAppLoginIcon(theme, customColor);
9949       break;
9950     case 'LINKEDIN':
9951       button.innerHTML = linkedinLoginIcon(theme, customColor);
9952       break;
9953   }
9954   
9955   // Add text if format isn't icon-only and buttonText is provided
9956   if (format !== "wrapperFlexContainerOnlyLogo" && buttonText) {
9957     button.innerHTML += `<p>${buttonText}</p>`;
9958   }
9959   
9960   // Apply styling
9961   // Shadow
9962   if (hasShadow) {
9963     const shadowProperties = `0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`;
9964     button.style["box-shadow"] = shadowProperties;
9965   }
9966   
9967   // Border radius
9968   const radiusProperties =
9969     style === "rounded"
9970       ? "8px"
9971       : style === "square"
9972       ? "0px"
9973       : style === "fullRounded"
9974       ? format === "wrapperFlexContainerOnlyLogo"
9975         ? "50%"
9976         : "50px"
9977       : undefined;
9978   button.style["border-radius"] = radiusProperties;
9979   
9980   // Size
9981   const sizeProperties =
9982     size === "medium"
9983       ? "12px"
9984       : size === "small"
9985       ? "8px"
9986       : size === "large"
9987       ? "16px"
9988       : "8px";
9989 
9990   button.style["padding-block"] = sizeProperties;
9991 
9992   // Format styling
9993   if (format) {
9994     if (
9995       format === "contentFlexReverse" ||
9996       format === "contentFlexCenterReverse"
9997     ) {
9998       const flexDir = `row-reverse`;
9999       button.style["flex-direction"] = flexDir;
10000     }
10001     
10002     if (
10003       format === "contentFlexCenter" ||
10004       format === "contentFlexCenterReverse"
10005     ) {
10006       const justifyContent = `center`;
10007       button.style["justify-content"] = justifyContent;
10008     } else if (
10009       format === "contentFlex" ||
10010       format === "contentFlexReverse"
10011     ) {
10012       const buttonTextElement = button.querySelector("p");
10013       if (buttonTextElement) {
10014         buttonTextElement.style["flex-grow"] = 1;
10015         buttonTextElement.style["text-align"] = "center";
10016       }
10017     }
10018 
10019     if (format === "wrapperFlexContainerOnlyLogo" && rootRef) {
10020       rootRef.style["flex-direction"] = "row";
10021       rootRef.style["gap"] = "8px";
10022       rootRef.style["display"] = "flex";
10023       rootRef.style["flex-wrap"] = "wrap";
10024 
10025       const sizeMapping = {
10026         small: "52px",
10027         medium: "62px",
10028         large: "72px",
10029       };
10030       const buttonSize = sizeMapping[size] || "52px";
10031 
10032       button.style["margin"] = 0;
10033       button.style["width"] = buttonSize;
10034       button.style["height"] = buttonSize;
10035       button.style["display"] = "flex";
10036       button.style["align-items"] = "center";
10037       button.style["justify-content"] = "center";
10038 
10039       const svgElement = button.querySelector("svg");
10040       if (svgElement) {
10041         svgElement.style["flex"] = "none";
10042       }
10043     }
10044   }
10045 
10046   // Color scheme styling
10047   if (colorScheme === "black") {
10048     button.classList.add("scheme-black");
10049   } else if (colorScheme === "white") {
10050     button.classList.add("scheme-white");
10051   } else if (colorScheme === "custom") {
10052     button.style["background-color"] = backgroundColor;
10053     button.style["color"] = textColor;
10054     button.style["border-color"] = outlineColor;
10055 
10056     const darkenColor = (color, percentage) => {
10057       const value = parseInt(color.slice(1), 16);
10058       const r = Math.max(0, ((value >> 16) & 0xff) - (0xff * percentage));
10059       const g = Math.max(0, ((value >> 8) & 0xff) - (0xff * percentage));
10060       const b = Math.max(0, (value & 0xff) - (0xff * percentage));
10061       return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`;
10062     };
10063 
10064     button.addEventListener("mouseover", () => {
10065       button.style["background-color"] = darkenColor(backgroundColor, 0.2);
10066     });
10067     button.addEventListener("mouseout", () => {
10068       button.style["background-color"] = backgroundColor;
10069     });
10070   } else if (colorScheme === "match") {
10071     button.classList.add("scheme-match");
10072   } else if (colorScheme === "matchOutline") {
10073     button.classList.add("scheme-match-outline");
10074   }
10075   
10076   // Add click event listener if host is provided
10077   if (host) {
10078     button.addEventListener("click", () => 
10079       onClickSocialLogin({ provider: provider.toLowerCase(), host })
10080     );
10081   }
10082   
10083   return button;
10084 }
10085 
10086 function setupSocialLoginButtons(config, rootRef, data, host) {
10087   // Clear any existing content
10088   rootRef.innerHTML = '';
10089 
10090   const sortedEnabledProviders = config
10091     .filter(c => c.enabledWeb)
10092     .sort((a, b) => a.position - b.position);
10093 
10094   sortedEnabledProviders.forEach(provider => {
10095     const key = provider.provider;
10096     const lowerKey = key.toLowerCase();
10097 
10098     const buttonText = data.format !== "wrapperFlexContainerOnlyLogo"
10099       ? (lowerKey === 'twitter'
10100           ? data.buttonList.twitter.replace('Twitter', 'X')
10101           : data.buttonList[lowerKey])
10102       : null;
10103 
10104     const button = createSocialLoginButton(key, {
10105       theme: data.colorScheme || 'match',
10106       customColor: data.textColor,
10107       format: data.format,
10108       buttonText: buttonText,
10109       hasShadow: data.hasShadow !== undefined ? data.hasShadow : true,
10110       style: data.style,
10111       size: data.size,
10112       colorScheme: data.colorScheme,
10113       backgroundColor: data.backgroundColor,
10114       textColor: data.textColor,
10115       outlineColor: data.outlineColor,
10116       rootRef: rootRef,
10117       host: host
10118     });
10119 
10120     rootRef.appendChild(button);
10121   });
10122 
10123   return rootRef;
10124 }
10125 
10126 function updateAppearance({ formRef, rootRef, host }) {
10127   if (!formRef) return;
10128 
10129   const data = bitloginCache.appearance || {
10130     style: "square",
10131     hasShadow: false,
10132     colorScheme: "match",
10133     backgroundColor: "#FFFFFF",
10134     outlineColor: "#000000",
10135     textColor: "#000000",
10136     position: "bottom",
10137     hideDivider: "false",
10138     dividerText: "OR",
10139     size: "small",
10140     format: "contentFlex",
10141     language: "en",
10142     buttonText: "Continue with",
10143     redirectLink: "/account",
10144     googleOneTap: true,
10145     googleOneTapBanner: true,
10146     customerTag: "bitLogin",
10147     redirectOneTapDesktop: null,
10148     redirectOneTapMobile: null,
10149     buttonList: {
10150       google: "Continue with Google",
10151       facebook: "Continue with Facebook",
10152       apple: "Continue with Apple",
10153       whatsapp: "Continue with WhatsApp",
10154       microsoft: "Continue with Microsoft",
10155       twitter: "Continue with X",
10156       amazon: "Continue with Amazon",
10157       instagram: "Continue with Instagram",
10158       magic_link: "Continue with Magic Link",
10159       mobile_app: "Continue with Mobile App",
10160       linkedin: "Continue with LinkedIn",
10161     },
10162   };
10163 
10164   // Use the new setupSocialLoginButtons function to create and configure all buttons
10165   setupSocialLoginButtons(bitloginCache.config, rootRef, data, host);
10166 
10167   let divider;
10168 
10169   if (!data.hideDivider) {
10170     divider = document.createElement("div");
10171     const dividerStyle = "text-align:center;margin-block:16px";
10172     divider.setAttribute("style", dividerStyle);
10173     divider.innerHTML = data.dividerText;
10174   }
10175 
10176   if (data.position === "bottom") {
10177     if (divider) {
10178       formRef.appendChild(divider);
10179     }
10180     formRef.appendChild(rootRef);
10181   } else if (data.position === "top") {
10182     if (divider) {
10183       formRef.prepend(divider);
10184     }
10185     formRef.prepend(rootRef);
10186   }
10187 }
10188 
10189 
10190 async function onClickSocialLogin({ provider, host }) {
10191   const rand = Math.random().toString();
10192 
10193   const locationQueryString = bitloginCache.location
10194     ? `&${objectToQueryString(bitloginCache.location)}`
10195     : "";
10196 
10197   const width = 800;
10198   const height = 600;
10199   const left = (window.screen.width / 2) - (width / 2);
10200   const top = (window.screen.height / 2) - (height / 2) - 50;
10201 
10202   if(provider === 'whatsapp') {
10203     window.open(
10204       `/apps/bitlogin/whatsapp${locationQueryString ? `?${locationQueryString}` : ''}`,
10205       "mywindow",
10206       `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}`
10207     );
10208   } else {
10209     window.open(
10210       `${apiUrl}/login/${provider}?referrerId=${rand}&shop=${host}${locationQueryString}`,
10211       "mywindow",
10212       `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}`
10213     );
10214   }
10215 }
10216 
10217 function objectToQueryString(obj) {
10218   return Object.keys(obj)
10219     .map((key) => {
10220       return encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]);
10221     })
10222     .join("&");
10223 }
10224 
10225 async function getLocation() {
10226   if (locationCacheSet) return;
10227 
10228   try {
10229     const response = await fetch("https://ipapi.co/json/");
10230 
10231     if (!response.ok) {
10232       console.error(`error retrieving location...`, response.status);
10233       errorLocation = true;
10234     } else {
10235       const data = await response.json();
10236 
10237       const { city, region, country_name, country_code } = data;
10238 
10239       const formattedLocationData = {
10240         city,
10241         region,
10242         country_name,
10243         country_code,
10244       };
10245 
10246       bitloginCache.location = formattedLocationData;
10247       locationCacheSet = true;
10248       errorLocation = false;
10249     }
10250   } catch (err) {
10251     console.error(`error fetching location`, err);
10252     errorLocation = true;
10253   }
10254 }
10255 
10256 function post(params) {
10257   // The rest of this code assumes you are not using a library.
10258   // It can be made less verbose if you use one.
10259   const form = document.createElement("form");
10260   form.method = "post";
10261   form.action = `/account/login`;
10262   form.acceptCharset = "UTF-8";
10263   form.setAttribute("data-login-with-shop-sign-in", "true");
10264   form.setAttribute("novalidate", "novalidate");
10265 
10266   for (const key in params) {
10267     if (params.hasOwnProperty(key)) {
10268       const hiddenField = document.createElement("input");
10269       hiddenField.type = "hidden";
10270       hiddenField.name = key;
10271       hiddenField.value = params[key];
10272 
10273       form.appendChild(hiddenField);
10274     }
10275   }
10276 
10277   document.body.appendChild(form);
10278   form.submit();
10279 }
10280 
10281 async function setupOneTap({ host, checkoutUrl }) {
10282   if (oneTapSet) return;
10283 
10284   const redirectOneTapDesktop = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapDesktop || '[]'));
10285   const redirectOneTapMobile = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapMobile || '[]'));
10286 
10287   const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
10288   const redirectList = JSON.parse(isMobile ? redirectOneTapMobile : redirectOneTapDesktop);
10289 
10290   const currentPath = window.location.pathname.toLowerCase();
10291   const currentUrl = window.location.href.toLowerCase();
10292 
10293   const shouldHideGoogleOneTap = redirectList.some(({ value }) => {
10294     switch (value) {
10295       case 'home':
10296         return currentPath === '/';
10297       case 'product':
10298         return currentPath.startsWith('/products/');
10299       case 'collections':
10300         return currentPath.startsWith('/collections');
10301       case 'cart':
10302         return currentPath === '/cart';
10303       case 'checkout':
10304         return currentPath.startsWith('/checkouts') && !currentPath.includes('thank_you');
10305       case 'thank_you':
10306         return currentPath.includes('/thank_you');
10307       case 'account':
10308         return currentPath.startsWith('/account');
10309       case 'pages':
10310         return currentPath.startsWith('/pages');
10311       case 'blogs':
10312         return currentPath === '/blogs' || currentPath === '/blogs/news';
10313       case 'blog_post':
10314         return currentPath.startsWith('/blogs/') && currentPath.split('/').length > 3;
10315       default:
10316         return false;
10317     }
10318   });
10319 
10320   if (shouldHideGoogleOneTap) return;
10321 
10322   const oneTapClientId = bitloginCache.config.find(
10323     (config) => config.provider === "GOOGLE"
10324   )?.clientId;
10325 
10326   const isLoggedIn = false;
10327 
10328   if (bitloginCache.appearance.googleOneTap && oneTapClientId && !isLoggedIn) {
10329     const googleOneTapButton = document.createElement("div");
10330     googleOneTapButton.setAttribute("id", "g_id_onload");
10331     googleOneTapButton.setAttribute("data-client_id", oneTapClientId);
10332     googleOneTapButton.setAttribute("data-context", "signin");
10333     googleOneTapButton.setAttribute(
10334       "data-callback",
10335       "handleGoogleOneTapResponse"
10336     );
10337     googleOneTapButton.setAttribute("data-itp_support", "true");
10338 
10339     const googleOneTapScript = document.createElement("script");
10340 
10341     googleOneTapScript.innerHTML += `
10342           function handleGoogleOneTapResponse(response) {
10343               if (response.credential) {
10344                   const idToken = response.credential;
10345                   fetch('${bitLoginBaseUrl}/bitlogin/api/login/google-one-tap', {
10346                       method: 'POST',
10347                       headers: { 'Content-Type': 'application/json' },
10348                       body: JSON.stringify({ idToken, shop: "${host}", ...bitloginCache.location })
10349                   }).then(response => {
10350                       response.json().then((data) => {
10351                         post(
10352                           JSON.parse(
10353                             JSON.stringify({
10354                               "customer[email]": data.email,
10355                               "customer[password]": data.password,
10356                               form_type: "customer_login",
10357                               utf8: "✓",
10358                               return_url: redirectUrl,
10359                             })
10360                           )
10361                         );
10362                       });  
10363                   }).catch(error => {
10364                       console.error('Error occurred:', error);
10365                   });
10366               } else {
10367                   console.error('No credential available');
10368               }
10369           }
10370        `;
10371 
10372     document.body.append(googleOneTapButton);
10373     document.body.append(googleOneTapScript);
10374   }
10375 
10376   oneTapSet = true;
10377 }
10378 
10379 const googleLoginIcon = (
10380   theme,
10381   customColor
10382 ) => `
10383 ${
10384   theme === "match" || theme === "matchOutline" || theme === "custom"
10385     ? `<svg
10386     xmlns='https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk'
10387     xmlns:v='https://vecta.io/nano'
10388     width='24'
10389     height='24'
10390     viewBox='0 0 186.69 190.5'
10391   >
10392     <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="${
10393       theme === "custom" ? customColor : "#4285f4"
10394     }"/><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="${
10395         theme === "custom" ? customColor : "#34a853"
10396       }"/><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="${
10397         theme === "custom" ? customColor : "#fbbc05"
10398       }"/><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="${
10399         theme === "custom" ? customColor : "#ea4335"
10400       }" clip-path="none" mask="none"/></g>
10401   </svg>`
10402     : `<svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="25" height="25" viewBox="0 0 25 25" fill="none">
10403 <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="${
10404         theme !== "black" ? "black" : "white"
10405       }"/>
10406 <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="${
10407         theme !== "black" ? "black" : "white"
10408       }"/>
10409 <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="${
10410         theme !== "black" ? "black" : "white"
10411       }"/>
10412 <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="${
10413         theme !== "black" ? "black" : "white"
10414       }"/>
10415 </svg>`
10416 }`;
10417 
10418 const appleLoginIcon = (
10419   theme,
10420   customColor
10421 ) => `<svg width="24" height="24" viewBox="0 0 19 24" fill="none" xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
10422 <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="${
10423   theme === "custom"
10424     ? customColor
10425     : theme === "match" || theme === "black"
10426     ? "white"
10427     : "black"
10428 }"/>
10429 </svg>`;
10430 
10431 const facebookLoginIcon = (
10432   theme,
10433   customColor
10434 ) => `
10435 ${
10436   theme === "match" || theme === "matchOutline" || theme === "custom"
10437     ? `<svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="25" viewB
10437ox="0 0 24 25" fill="none">
10438     <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="${
10439       theme === "custom" ? customColor : theme === "match" ? "white" : "#1977F3"
10440     }"/>
10441     <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="${
10442       theme === "match" ? "#1778f2" : "transparent"
10443     }"/>
10444     </svg>`
10445     : `<svg xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk" width="24" height="25" viewBox="0 0 24 25" fill="none">
10446 <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="${
10447         theme === "black" ? "white" : "black"
10448       }"/>
10449 <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="${
10450         theme === "black" ? "black" : "white"
10451       }"/>
10452 </svg>`
10453 }`;
10454 
10455 const whatsappLoginIcon = (
10456   theme,
10457   customColor
10458 ) => `<svg
10459   viewBox="0 0 24 24"
10460   fill="none"
10461   width="24"
10462   height="25"
10463   xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"
10464 >
10465   <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
10466   <g
10467     id="SVGRepo_tracerCarrier"
10468     stroke-linecap="round"
10469     stroke-linejoin="round"
10470   ></g>
10471   <g id="SVGRepo_iconCarrier">
10472     <path
10473       fill-rule="evenodd"
10474       clip-rule="evenodd"
10475       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"
10476       fill="${
10477         theme === "match" || theme === "black"
10478           ? "#ffffff"
10479           : theme === "white"
10480           ? "#000000"
10481           : theme === "matchOutline"
10482           ? "#25d366"
10483           : customColor
10484       }"
10485     ></path>
10486   </g>
10487 </svg>`;
10488 
10489 const microsoftLoginIcon = (
10490   theme,
10491   customColor
10492 ) => `<svg
10493 xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"
10494 width="25"
10495 height="25"
10496 viewBox="0 0 48 48">
10497 <path fill="${
10498   theme === "match" || theme == "matchOutline"
10499     ? "#ff5722"
10500     : theme === "black"
10501     ? "#ffffff"
10502     : theme === "white"
10503     ? "#000000"
10504     : customColor
10505 }" d="M6 6H22V22H6z" transform="rotate(-180 14 14)"></path>
10506 <path
10507   fill="${
10508     theme === "match" || theme == "matchOutline"
10509       ? "#4caf50"
10510       : theme === "black"
10511       ? "#ffffff"
10512       : theme === "white"
10513       ? "#000000"
10514       : customColor
10515   }"
10516   d="M26 6H42V22H26z"
10517   transform="rotate(-180 34 14)"></path>
10518 <path
10519   fill="${
10520     theme === "match" || theme == "matchOutline"
10521       ? "#ffc107"
10522       : theme === "black"
10523       ? "#ffffff"
10524       : theme === "white"
10525       ? "#000000"
10526       : customColor
10527   }"
10528   d="M26 26H42V42H26z"
10529   transform="rotate(-180 34 34)"></path>
10530 <path fill="${
10531   theme === "match" || theme == "matchOutline"
10532     ? "#03a9f4"
10533     : theme === "black"
10534     ? "#ffffff"
10535     : theme === "white"
10536     ? "#000000"
10537     : customColor
10538 }" d="M6 26H22V42H6z" transform="rotate(-180 14 34)"></path>
10539 </svg>`;
10540 
10541 const twitterLoginIcon = (
10542   theme,
10543   customColor
10544 ) => `<svg
10545 xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"
10546 width="25"
10547 height="25"
10548 viewBox="0 0 48 48">
10549 <polygon fill="${
10550   theme === "match" || theme === "black"
10551     ? "#ffffff"
10552     : theme === "matchOutline" || theme === "white"
10553     ? "#000000"
10554     : customColor
10555 }" points="41,6 9.929,42 6.215,42 37.287,6"></polygon>
10556 <polygon
10557   fill="${
10558     theme === "match" || theme === "black"
10559       ? "#000000"
10560       : theme === "matchOutline" || theme === "white"
10561       ? "#ffffff"
10562       : customColor
10563   }"
10564   fill-rule="evenodd"
10565   points="31.143,41 7.82,7 16.777,7 40.1,41"
10566   clip-rule="evenodd"></polygon>
10567 <path
10568   fill="${
10569     theme === "match" || theme === "black"
10570       ? "#ffffff"
10571       : theme === "matchOutline" || theme === "white"
10572       ? "#000000"
10573       : customColor
10574   }"
10575   d="M15.724,9l20.578,30h-4.106L11.618,9H15.724 M17.304,6H5.922l24.694,36h11.382L17.304,6L17.304,6z"></path>
10576 </svg>`;
10577 
10578 const amazonLoginIcon = (theme, customColor) => `
10579  <svg
10580       xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"
10581       x="0px"
10582       y="0px"
10583       width="25"
10584       height="25"
10585       viewBox="0 0 50 50"
10586     >
10587       <path
10588         fill="${
10589           theme === "black"
10590             ? "#ffffff"
10591             : theme === "matchOutline"
10592             ? "#00BFFF"
10593             : theme === "white" || theme === "match"
10594             ? "#000000"
10595             : customColor
10596         }"
10597         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"
10598       ></path>
10599     </svg>`;
10600 
10601 const instagramLoginIcon= (theme, customColor) => `
10602     <svg
10603       width="25"
10604       height="25"
10605       viewBox="0 0 25 24"
10606       fill="none"
10607       xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk">
10608       <path
10609         fill-rule="evenodd"
10610         clip-rule="evenodd"
10611         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.
1061164321C8.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"
10612         fill="url(#paint0_radial_378_3535)" />
10613       <path
10614         fill-rule="evenodd"
10615         clip-rule="evenodd"
10616         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"
10617         fill="url(#paint0_radial_378_3535)" />
10618       <path
10619         fill-rule="evenodd"
10620         clip-rule="evenodd"
10621         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.
1062164321C8.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"
10622         fill="url(#paint0_radial_378_3535)" />
10623       <path
10624         fill-rule="evenodd"
10625         clip-rule="evenodd"
10626         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"
10627         fill="url(#paint1_radial_378_3535)" />
10628       <defs>
10629         <radialGradient
10630           id="paint0_radial_378_3535"
10631           cx="0"
10632           cy="0"
10633           r="1"
10634           gradientUnits="userSpaceOnUse"
10635           gradientTransform="translate(17.4 22.7) rotate(-115.776) scale(27.2737 40.5665)">
10636           <stop offset="0.24392" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF1B90' : customColor}" />
10637           <stop offset="0.436673" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#F80261' : customColor}" />
10638           <stop offset="0.688476" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#ED00C0' : customColor}" />
10639           <stop offset="0.776787" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#C500E9' : customColor}" />
10640           <stop offset="0.893155" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#7017FF' : customColor}" />
10641         </radialGradient>
10642         <radialGradient
10643           id="paint1_radial_378_3535"
10644           cx="0"
10645           cy="0"
10646           r="1"
10647           gradientUnits="userSpaceOnUse"
10648           gradientTransform="translate(7.75 19.31) rotate(-57.4396) scale(11.8174 12.2918)">
10649           <stop stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FFD600' : customColor}" />
10650           <stop offset="0.484375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF6930' : customColor}" />
10651           <stop offset="0.734375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" />
10652           <stop offset="1" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" stop-opacity="0" />
10653         </radialGradient>
10654       </defs>
10655     </svg>`;
10656 
10657 const magicLinkLoginIcon = (theme, customColor) => `
10658   <svg
10659     xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"
10660     width="25"
10661     height="25"
10662     fill="none"
10663     viewBox="0 0 25 25"
10664   >
10665     <path
10666       fill="${
10667         theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' || theme === 'white' ? '#000000' : customColor
10668       }"
10669       fillRule="evenodd"
10670       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"
10671       clipRule="evenodd"
10672     ></path>
10673   </svg>`;
10674 
10675 const mobileAppLoginIcon = (theme, customColor) => `
10676   <svg
10677     width="20"
10678     height="24"
10679     viewBox="0 0 12 16"
10680     fill="none"
10681     xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"
10682   >
10683     <path
10684       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"
10685       fill=${
10686         theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#FD823E' : theme === 'white' ? '#000000' : customColor
10687       }
10688     />
10689   </svg>
10690 `;
10691 
10692 const linkedinLoginIcon = (theme, customColor) => `
10693   <svg
10694     xmlns="https://blogger.googleusercontent.com/img/a/AVvXsEgxWjqSHuPrhT8sqrdIiyb8QeMwImK9Kl3hplU-XjfnY6aulrYLnbUFXJZu--oEAKGZracbzIp2OytBoXpbCx_Phgze_NnJOOMyPxdfjHSml9vRj79JpSW3wzCB0z94zxRsPNpFTzMW2BhffmdZb0JxooRX0acRmdzfE1HlTVwskUI3eV686nbhWU9VfHk"
10695     width="25"
10696     height="24"
10697     viewBox="0 0 25 24"
10698     fill="none"
10699   >
10700     <path
10701       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"
10702       fill=${
10703         theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#0A66C2' : theme === 'white' ? '#000000' : customColor
10704       }
10705     />
10706   </svg>
10707 `;
10708 
10709 function isElementVisible(element) {
10710   return (
10711     document.body.contains(element) &&
10712     getComputedStyle(element).display !== "none" &&
10713     getComputedStyle(element).visibility !== "hidden" &&
10714     getComputedStyle(element).opacity !== "0" &&
10715     !element.hasAttribute("hidden") &&
10716     !isAncestorHidden(element)
10717   );
10718 }
10719 
10720 function isAncestorHidden(element) {
10721   let parent = element.parentElement;
10722   while (parent) {
10723     if (
10724       getComputedStyle(parent).display === "none" ||
10725       getComputedStyle(parent).visibility === "hidden" ||
10726       getComputedStyle(parent).opacity === "0" ||
10727       parent.hasAttribute("hidden")
10728     ) {
10729       return true;
10730     }
10731     parent = parent.parentElement;
10732   }
10733   return false;
10734 }
10735 
10736 function showAlert(message) {
10737   const alertBox = document.createElement("div");
10738   alertBox.textContent = message;
10739   alertBox.style.position = "fixed";
10740   alertBox.style.top = "20px";
10741   alertBox.style.right = "-300px"; // Start off-screen
10742   alertBox.style.backgroundColor = "#000000"; // Black background
10743   alertBox.style.color = "#ffffff"; // White text
10744   alertBox.style.padding = "15px";
10745   alertBox.style.borderRadius = "8px";
10746   alertBox.style.zIndex = "1000";
10747   alertBox.style.transition =
10748     "right 0.5s ease-in-out, opacity 0.5s ease-in-out"; // Transition for sliding and fading
10749   alertBox.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)"; // Optional shadow for depth
10750 
10751   document.body.appendChild(alertBox);
10752 
10753   // Slide in
10754   requestAnimationFrame(() => {
10755     alertBox.style.right = "20px"; // Move into view
10756     alertBox.style.opacity = "1"; // Ensure opacity is set to 1
10757   });
10758 
10759   // Slide out and remove the alert after a few seconds
10760   setTimeout(() => {
10761     alertBox.style.opacity = "0"; // Fade out
10762     alertBox.style.right = "-300px"; // Move out of view
10763 
10764     // Wait for the transition to finish before removing the element
10765     setTimeout(() => {
10766       document.body.removeChild(alertBox);
10767     }, 500); // Match this duration with the exit transition duration
10768   }, 3000);
10769 }
10770 </script>
10770
10771 
10772 <style>
10773     .daftarku-fixed-footer {
10774             display: flex;
10775             justify-content: space-around;
10776             position: fixed;
10777             background: linear-gradient(to bottom, #000000 0%, #3d3d3d, #000000 100%);
10778             box-shadow: 0 0 12px #00BFFF;
10779             outline: none;
10780             padding: 5px 0;
10781             box-shadow: 0 0 0 0 2px 2px #198f01;
10782             left: 0;
10783             right: 0;
10784             bottom: 0;
10785             z-index: 99;
10786             border-radius: 40px 40px 0px 0px;
10787             border-style:dashed;
10788             
10789         }
10790 
10791         .daftarku-fixed-footer a {
10792             flex-basis: calc((100% - 15px*6)/ 5);
10793             text-decoration: none;
10794             display: flex;
10795             flex-direction: column;
10796             justify-content: center;
10797             align-items: center;
10798             color: #fff;
10799             max-width: 75px;
10800             font-size: 12px;
10801             font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
10802         }
10803 
10804         .daftarku-fixed-footer a:hover {
10805             font-weight: bold;
10806         }
10807 
10808         .daftarku-fixed-footer .center {
10809             transform: scale(1.5) translateY(-5px);
10810             background: center no-repeat;
10811             background-size: contain;
10812             background-color: inherit;
10813             border-radius: 50%;
10814         }
10815 
10816         .daftarku-fixed-footer img {
10817             max-width: 20px;
10818             margin-bottom: 0;
10819             max-height: 20px;
10820         }
10821 </style>
10822     
10823     <div class="daftarku-fixed-footer">
10824     <a href="https://www.juventudefsm.org/football-club/" rel="nofollow noopener" target="_blank">
10825         <img layout="intrinsic" height="20px" width="20px" src="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4" alt="PROMOSI">
10826         PROMO
10827     </a>
10828     <a href="https://www.juventudefsm.org/football-club/" rel="nofollow noopener" target="_blank">
10829         <img layout="intrinsic" height="20px" width="20px" src="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4" alt="LOGIN">
10830         LOGIN
10831     </a>
10832     <a href="https://www.juventudefsm.org/football-club/" rel="nofollow noopener" target="_blank" class="tada">
10833         <img layout="intrinsic" height="20px" width="20px" src="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4" alt="DAFTAR">
10834         DAFTAR
10835     </a>
10836     <a href="https://www.juventudefsm.org/football-club/" rel="nofollow noopener" target="_blank">
10837         <img layout="intrinsic" height="20px" width="20px" src="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4" alt="TELEGRAM">
10838         TELEGRAM
10839     </a>
10840     <a href="https://www.juventudefsm.org/football-club/" rel="nofollow noopener" target="_blank"
10841         class="js_live_chat_link live-chat-link">
10842         <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px" src="https://blogger.googleusercontent.com/img/a/AVvXsEhWjQfl_rb5ADEL9DiTXh_GrtdNOVNm3qxDOV4HYCKKHQkPN3Q3JME3CU3uYLSZGHehu3Fg3UlTTn1Rjt5Vig9IJolX709p-f9gEfF95-tue4kJT2ITx1lWOodPQNRTW7jUi9GrFaQ_-5SiiUjWRLw4GF1ozGouPVXQQo0FVUBN0LfDJWJWM9tDVC3zoQ4" alt="Live Chat">
10843         Live Chat
10844     </a>
10845 </div>
10846 </div>
10847<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"763fca75b50944bcaabe80d96cf62e10","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10847
10847
10848<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0696dad484dd4377bd3c6657187c9a10","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10848
10848
10849<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0696dad484dd4377bd3c6657187c9a10","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10849
10849
10850<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0696dad484dd4377bd3c6657187c9a10","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10850
10850
10851<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0696dad484dd4377bd3c6657187c9a10","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10851
10851
10852<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v3d52b47920f24c319d37e2661827c42b1787588026925" integrity="sha512-d9sL6GJLXn6fInD1+TVXhTcQOsmxeHfmHAvwGDIxp5TO+uo1fiWW7mHomMj4MLRlCsJDTqXzWLHJFFlPCEIj/A==" data-cf-beacon='{"version":"2024.11.0","token":"f383311b8fc14080b15d7552a35be826","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10852
10852
10853<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f155a1ee62cf4a69aa5aa0d9896a1c1b","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10853
10853
10854<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bf83155291f74a6a8120b3131b13f43e","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10854
10854
10855<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bf83155291f74a6a8120b3131b13f43e","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10855
10855
10856<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"29a06b40e4e9489496f121880d3c2bba","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10856
10856
10857<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"abbc8864bba443078188f20d08a38859","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10857
10857
10858<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5882cef9ce9a498d87b6fd0574cbfee4","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10858
10858
10859<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"6e5ce87841de43ec8bdc0f8dc878fe7d","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 10859
10859
10860<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"67b705063bf04705b209f0e00dee0164","r":1,"spa":2}' crossorigin="anonymous"></script>
10860
10861</body>
10862 </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.