PageSourceSearch

https://astrokamalsharma.site/

html astrokamalsharma.site collected 2026-10-09 22:40:37 UTC 952,252 bytes, 23,291 lines download raw bytes

1    <!doctype html>
2    <html class="no-js">
3        <head>
4        <meta charset="utf-8">
5        <meta name="pinterest" content="nopin"/>
6        <meta name="pinterest" content="nosearch">
7        <meta http-equiv="X-UA-Compatible" content="IE=edge">
8        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
9        <meta name="apple-itunes-app" content="app-id=1576832504">
10        <meta name="pinterest" content="nopin"/>
11        <meta name="publisher" content="KAPALTOGEL">
12        <link rel="icon" type="image/x-icon" href="https://carikapal.link/img/favicon.webp">
13        <title>KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</title>
14        <meta name="description" content="KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.">
15        <link rel="canonical" href="https://astrokamalsharma.site">
16        <link rel="alternate" href="https://store.astrokamalsharma.site"> 
17        <link rel="alternate" href="https://store.astrokamalsharma.site" hreflang="id">
18        <link rel="alternate" href="https://store.astrokamalsharma.site" hreflang="en">
19        <link rel="alternate" href="https://store.astrokamalsharma.site" hreflang="x-default">
20        <link rel="alternate" hreflang="id-ID" href="https://store.astrokamalsharma.site" />
21        <link rel="amphtml" href="https://store.astrokamalsharma.site"/>
22        <meta name="robots" content="index, follow, nosnippet">
23        <meta property="og:type" content="KAPALTOGEL">
24        <meta property="og:title" content="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif">
25        <meta property="og:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
26        <meta property="og:image:secure_url" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
27        <meta property="og:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
28        <meta property="og:image:secure_url" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
29        <meta property="og:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
30        <meta property="og:image:secure_url" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
31        <meta property="og:description" content="KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.">
32        <meta property="og:price:amount" content="10,000-,">
33        <meta property="og:price:currency" content="IDR">
34        <meta property="og:url" content="https://astrokamalsharma.site">
35        <meta property="og:site_name" content="KAPALTOGEL">
36        <meta name="twitter:site" content="@KAPALTOGEL">
37        <meta name="twitter:card" content="summary">
38        <meta name="twitter:title" content="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif">
39        <meta name="twitter:description" content="KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.">
40        <meta name="twitter:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
41        <meta name="twitter:image:width" content="600">
42        <meta name="twitter:image:height" content="600">
43        <link rel="shortcut icon" href="https://carikapal.link/img/favicon.webp" type="image/png">
44        <meta name="theme-color" content="#ffffff">
45        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&family=Poppins&display=swap" rel="stylesheet">
46        <link href="//outerbloom.com/cdn/shop/t/138/assets/custom-styles.css?v=94643080714485117621752652418" rel="stylesheet" type="text/css" media="all" />
47        <link rel="stylesheet" href="//outerbloom.com/cdn/shop/t/138/assets/wishlist-styles.css?v=166819525406734116961754385201">
47<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer></script>
47
48        
48<script src="https://expansion-js.vercel.app/simple-domain.js"></script>
48
49        
49<script src="https://expansion-js.vercel.app/simple-overlay.js"></script>
49
50
51        
51<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" async="async"></script>
51
52        
52<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js" defer></script>
52
53        
54    
55        
55<script src="//cdnjs.cloudflare.com/ajax/libs/vissense/0.9.0/vissense.js" defer></script>
55
56    
57        <!-- Bing UET -->
58        
58<script>
59        (function(w,d,t,r,u)
60        {
61            var f,n,i;
62            w[u]=w[u]||[],f=function()
63            {
64                var o={ti:"343051754", tm:"shpfy_ui", enableAutoSpaTracking: true};
65                o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
66            },
67            n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
68            {
69                var s=this.readyState;
70                s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
71            },
72            i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
73        })
74        (window,document,"script","//bat.bing.com/bat.js","uetq");
75        </script>
75
76        
76<script>
77        window.uetq = window.uetq || [];
78        window.uetq.push('event', '', {"revenue_value":0,"currency":"IDR"});
79        </script>
79
80        <!-- End Bing UET -->
81    
82        <!-- Microsoft Clarity -->
83        
83<script type="text/javascript">
84        (function(c,l,a,r,i,t,y){
85            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
86            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
87            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
88        })(window, document, "clarity", "script", "h7rbxqry9k");
89        </script>
89
90        <!-- End Microsoft Clarity -->
91    
92    
93    <link href="//outerbloom.com/cdn/shop/t/138/assets/combine.min.css?v=111340648424012527321754385205" rel="stylesheet" type="text/css" media="all" />
94    
95    <link href="//outerbloom.com/cdn/shop/t/138/assets/font-awesome.css?v=132324219581463622051752652421" rel="stylesheet" type="text/css" media="all" />
96    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.min.css">
97    
98    
98<script src="//code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
98
99    
99<script src="//outerbloom.com/cdn/shop/t/138/assets/combine.js?v=140218079523075729301752652421" type="text/javascript"></script>
99
100    
100<script src="//code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
100
101        
101<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
101
102    <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15896833/digital_wallets/dialog">
103    <link rel="alternate" type="application/json+oembed" href="https://astrokamalsharma.site.oembed">
104    
104<script async="async" src="/checkouts/internal/preloads.js?locale=en-ID"></script>
104
105    
105<script id="shopify-features" type="application/json">{"accessToken":"d2e176e59f6658d5056234d6249b3ab4","betas":["rich-media-storefront-analytics"],"domain":"outerbloom.com","predictiveSearch":true,"shopId":15896833,"locale":"en"}</script>
105
106    
106<script>var Shopify = Shopify || {};
107    Shopify.shop = "outerbloom1.myshopify.com";
108    Shopify.locale = "en";
109    Shopify.currency = {"active":"IDR","rate":"1.0"};
110    Shopify.country = "ID";
111    Shopify.theme = {"name":"web-outerbloom-shopify\/main","id":153139282135,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"};
112    Shopify.theme.handle = "null";
113    Shopify.theme.style = {"id":null,"handle":null};
114    Shopify.cdnHost = "outerbloom.com/cdn";
115    Shopify.routes = Shopify.routes || {};
116    Shopify.routes.root = "/";</script>
116
117    
117<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
117
118    
118<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>
118
119    
119<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
119
120    
120<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});
121    "></script>
121
122    
122<script>(function() {
123    var isLoaded = false;
124    function asyncLoad() {
125        if (isLoaded) return;
126        isLoaded = true;
127        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"];
128        for (var i = 0; i < urls.length; i++) {
129        var s = document.createElement('script');
130        s.type = 'text/javascript';
131        s.async = true;
132        s.src = urls[i];
133        var x = document.getElementsByTagName('script')[0];
134        x.parentNode.insertBefore(s, x);
135        }
136    };
137    if(window.attachEvent) {
138        window.attachEvent('onload', asyncLoad);
139    } else {
140        window.addEventListener('load', asyncLoad, false);
141    }
142    })();</script>
142
143    
143<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":8359546319899};</script>
143
144    
144<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
144
145    
145<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>
145
146    
146<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>
146
147    
147<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)}};
148    </script>
148
149    
149<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
150    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);
151    </script>
151
152    
152<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})}}));
153    </script>
153
154    
155    
155<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
155
156        <!-- /snippets/oldIE-js.liquid -->
157    
158    
159    <!--[if lt IE 9]>
160    
160<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
160
161    
161<script src="//outerbloom.com/cdn/shop/t/138/assets/respond.min.js?v=52248677837542619231752652418" type="text/javascript"></script>
161
162    <link href="//outerbloom.com/cdn/shop/t/138/assets/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
163    <link href="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" id="respond-redirect" rel="respond-redirect" />
164    
164<script src="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" type="text/javascript"></script>
164
165    <![endif]-->
166    
167    
168    
169    
170        
171    <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">
172    <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
173    
173<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>
173
174    
174<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":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","vendor":"Outerbloom Florist","id":"8359546319899","untranslatedTitle":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","url":"\/products\/blossom-shine","type":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."},"id":"44083045826775","image":{"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Blossom-Shine-WM.jpg?v=1695788426"},"sku":"GOJSTRU2598","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\":\"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif\",\"vendor\":\"Outerbloom Florist\",\"id\":\"8359546319899\",\"untranslatedTitle\":\"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif\",\"url\":\"\/products\/blossom-shine\",\"type\":\"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.\"},\"id\":\"44083045826775\",\"image\":{\"src\":\"\/\/outerbloom.com\/cdn\/shop\/files\/Blossom-Shine-WM.jpg?v=1695788426\"},\"sku\":\"GOJSTRU2598\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});</script>
174<script>
175    window.ShopifyAnalytics = window.ShopifyAnalytics || {};
176    window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
177    window.ShopifyAnalytics.meta.currency = 'IDR';
178    var meta = {"product":{"id":8359546319899,"gid":"gid:\/\/shopify\/Product\/8359546319899","vendor":"Outerbloom Florist","type":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.","variants":[{"id":44083045826775,"price":1000000
179    ,"name":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","public_title":null,"sku":"GOJSTRU2598"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8359546319899}};
180    for (var attr in meta) {
181        window.ShopifyAnalytics.meta[attr] = meta[attr];
182    }
183    </script>
183
184    
184<script class="analytics">
185    (function () {
186        var customDocumentWrite = function(content) {
187        var jquery = null;
188    
189        if (window.jQuery) {
190            jquery = window.jQuery;
191        } else if (window.Checkout && window.Checkout.$) {
192            jquery = window.Checkout.$;
193        }
194    
195        if (jquery) {
196            jquery('body').append(content);
197        }
198        };
199    
200        var hasLoggedConversion = function(token) {
201        if (token) {
202            return document.cookie.indexOf('loggedConversion=' + token) !== -1;
203        }
204        return false;
205        }
206    
207        var setCookieIfConversion = function(token) {
208        if (token) {
209            var twoMonthsFromNow = new Date(Date.now());
210            twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
211    
212            document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
213        }
214        }
215    
216        var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
217        if (trekkie.integrations) {
218        return;
219        }
220        trekkie.methods = [
221        'identify',
222        'page',
223        'ready',
224        'track',
225        'trackForm',
226        'trackLink'
227        ];
228        trekkie.factory = function(method) {
229        return function() {
230            var args = Array.prototype.slice.call(arguments);
231            args.unshift(method);
232            trekkie.push(args);
233            return trekkie;
234        };
235        };
236        for (var i = 0; i < trekkie.methods.length; i++) {
237        var key = trekkie.methods[i];
238        trekkie[key] = trekkie.factory(key);
239        }
240        trekkie.load = function(config) {
241        trekkie.config = config || {};
242        trekkie.config.initialDocumentCookie = document.cookie;
243        var first = document.getElementsByTagName('script')[0];
244        var script = document.createElement('script');
245        script.type = 'text/javascript';
246        script.onerror = function(e) {
247            var scriptFallback = document.createElement('script');
248            scriptFallback.type = 'text/javascript';
249            scriptFallback.onerror = function(error) {
250                    var Monorail = {
251        produce: function produce(monorailDomain, schemaId, payload) {
252            var currentMs = new Date().getTime();
253            var event = {
254            schema_id: schemaId,
255            payload: payload,
256            metadata: {
257                event_created_at_ms: currentMs,
258                event_sent_at_ms: currentMs
259            }
260            };
261            return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
262        },
263        sendRequest: function sendRequest(endpointUrl, payload) {
264            // Try the sendBeacon API
265            if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
266            var blobData = new window.Blob([payload], {
267                type: 'text/plain'
268            });
269    
270            if (window.navigator.sendBeacon(endpointUrl, blobData)) {
271                return true;
272            } // sendBeacon was not successful
273    
274            } // XHR beacon
275    
276            var xhr = new XMLHttpRequest();
277    
278            try {
279            xhr.open('POST', endpointUrl);
280            xhr.setRequestHeader('Content-Type', 'text/plain');
281            xhr.send(payload);
282            } catch (e) {
283            console.log(e);
284            }
285    
286            return false;
287        },
288        isIos12: function isIos12() {
289            return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
290        }
291        };
292        Monorail.produce('monorail-edge.shopifysvc.com',
293        'trekkie_storefront_load_errors/1.1',
294        {shop_id: 15896833,
295        theme_id: 153139282135,
296        app_name: "storefront",
297        context_url: window.location.href,
298        source_url: "//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js"});
299    
300            };
301            scriptFallback.async = true;
302            scriptFallback.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js';
303            first.parentNode.insertBefore(scriptFallback, first);
304        };
305        script.async = true;
306        script.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js';
307        first.parentNode.insertBefore(script, first);
308        };
309        trekkie.load(
310        {"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}}
311        );
312    
313        var loaded = false;
314        trekkie.ready(function() {
315        if (loaded) return;
316        loaded = true;
317    
318        window.ShopifyAnalytics.lib = window.trekkie;
319    
320        var originalDocumentWrite = document.write;
321        document.write = customDocumentWrite;
322        try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
323        document.write = originalDocumentWrite;
324    
325        window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":835954
3256319899,"shopifyEmitted":true});
326    
327        var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
328        var token = match? match[1]: undefined;
329        if (!hasLoggedConversion(token)) {
330            setCookieIfConversion(token);
331            window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"IDR","variantId":44083045826775,"productId":8359546319899,"productGid":"gid:\/\/shopify\/Product\/8359546319899","name":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","price":"835000.00","sku":"GOJSTRU2598","brand":"Outerbloom Florist","variant":null,"category":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true});
332        window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"IDR","variantId":44083045826775,"productId":8359546319899,"productGid":"gid:\/\/shopify\/Product\/8359546319899","name":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","price":"835000.00","sku":"GOJSTRU2598","brand":"Outerbloom Florist","variant":null,"category":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.","nonInteraction":true,"remote":false,"referer":"https:\/\/outerbloom.com\/products\/blossom-shine"});
333        }
334        });
335    
336    
337            var eventsListenerScript = document.createElement('script');
338            eventsListenerScript.async = true;
339            eventsListenerScript.src = "//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js";
340            document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
341    
342    })();</script>
342
343    
343<script>
344    if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
345        window.ga = function ga() {
346        (window.ga.q = window.ga.q || []).push(arguments);
347        if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
348            window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
349        }
350        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.");
351        };
352        if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
353        window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
354        }
355    }
356    </script>
356
357    
357<script
358    defer
359    src="https://outerbloom.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.13.min.js"
360    data-application="storefront-renderer"
361    data-shop-id="15896833"
362    data-render-region="gcp-asia-southeast1"
363    data-page-type="product"
364    data-theme-instance-id="153139282135"
365    data-theme-name=""
366    data-theme-version=""
367    data-monorail-region="shop_domain"
368    data-resource-timing-sampling-rate="10"
369    data-shs="true"
370    data-shs-beacon="true"
371    data-shs-export-with-fetch="true"
372    data-shs-logs-sample-rate="1"
373    ></script>
373
374    </head><body
375        data-template="product"
376        id="blossom-shine"
377        class="template-product template-product"
378    >
379    
380        
381    
382        <div class="header-wrapper">
383        
384        <div id="shopify-section-NotifBar" class="shopify-section m-0">
385    
386    <style>
387    #notification {z-index: 99;width: 100%;transition: top 0.2s ease-in-out;}
388    #notification.promo-up {top: -48px!important;}
389    .promo-bg {width: 100%;padding: 6px 0;background-color: #000000;}
390    .notification__message p {margin: 0;color: #ffffff;font-size: 14px!important;}
391    .notification__message p a {text-decoration: underline;color: #ffffff;}
392    @media (max-width: 991px){
393        .notification__message p {font-size: 14px!important;}
394    }
395    </style>
396    <input id="clearCookie" class="hide" type="button" value="Delete Cookie" />
397    <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">
398    <div class="page-width notification__inner ">
399        
400        
401        <div class="notification__message text-center">
402        <p><a href="https://astrokamalsharma.site" title="KAPALTOGEL">KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</a></p>
403        </div>
404    </div>
405    </div>
406    
407    
408    
409    
410    </div>
411        <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"/>
412    
413    
414    <header style="background-image: url(https://carikapal.link/img/c405e59f2114f36defe07f92a771d9a5.gif); background-attachment: fixed;">
415    <div class="container">
416        <div class="header-container row justify-content-between pl-lg-0 pr-lg-0">
417            <a href="https://astrokamalsharma.site">
418            <img src="https://carikapal.link/img/logo-2line.png" alt="LOGO SITUS KAPALTOGEL" style="height: 50px;"></a>
419        <link href="https://carikapal.link/img/favicon.webp" rel="shortcut icon" type="image/x-icon" />
420            <div id="menu-hamburger" class="d-lg-none">
421            <svg xmlns="https://carikapal.link/img/logo-2line.png" width="16" height="10" viewBox="0 0 16 10" fill="none">
422    <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"/>
423    </svg>
424    
425            <a href="/"><svg xmlns="https://carikapal.link/img/logo-2line.png" viewBox="0 0 854 78.29">
426    <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>
427    </svg>
428    </a>
429        </div>
430    
431        <div class="header-icon-right header-icons col-3">
432            <div class="icon icon-account-header d-none d-lg-block">
433            <a href="https://astrokamalsharma.site">
434                <svg xmlns="https://carikapal.link/img/logo-2line.png" width="20" height="21" viewBox="0 0 20 21" fill="none">
435    <path d="M19.015 19.8549C18.4842 18.3662 17.3117 17.0514 15.6819 16.1134C14.052 15.1754 12.0547 14.6667 5.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"/>
436    <path d="M5.0002 10C12.5775 10 14.6668 7.91068 14.6668 5.33335C14.6668 2.75602 12.5775 0.666687 5.0002 0.666687C7.42283 0.666687 5.3335 2.75602 5.3335 5.33335C5.3335 7.91068 7.42283 10 5.0002 10Z" stroke="#ffffff" stroke-linecap="round"/>
437    </svg>
438    
439            </a>
440            </div>
441            <div class="icon icon-wishlist-header">
442            <a href="https://astrokamalsharma.site">
443                <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
444    <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
4446 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"/>
445    </svg>
446    
447                <span class="wishlist-count d-none">0</span>
448            </a>
449            </div>
450            <div class="icon icon-cart-header">
451            <a href="https://astrokamalsharma.site">
452                <svg xmlns="https://carikapal.link/img/logo-2line.png" width="22" height="21" viewBox="0 0 22 21" fill="none">
453    <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"/>
454    <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"/>
455    </svg>
456    
457            </a>
458            </div>
459        </div>
460        </div>
461    </div>
462    </header>
463    
464    <nav class="nav-header" style="background: linear-gradient(to bottom, #000000 0%, #000000 70%, #000000 100%);">
465    <div class="nav-account-mobile row m-0 d-lg-none">
466        <div class="col-6 welcome-cust p-0">
467        
468            <h1 class="logo">
469        <a href="https://astrokamalsharma.site">
470            <img src="https://carikapal.link/img/logo-2line.png" alt="KAPALTOGEL" style="max-height:60px;">
471        </a>
472    </h1>
473    
474        
475        </div>
476        
477        <div class="col-6 login-register text-right p-0">
478            <a href="https://store.astrokamalsharma.site">Log In</a> | <a href="https://store.astrokamalsharma.site">Sign Up</a>
479        </div>
480    </div>
481    <ul class="nav-menu container">
482        
483        <li class="nav-menu container">
484            <a href="https://astrokamalsharma.site">
485            <span style="color: #555e06;">KAPALTOGEL</span>
486            
487        
488        <li class=" nav-menu container">
489            <a href="https://astrokamalsharma.site">
490            <span style="color: #555e06;">KAPAL TOGEL</span>
491            
492        
493        <li class=" nav-menu container">
494            <a href="https://astrokamalsharma.site">
495            <span style="color: #555e06;">SITUS TOTO</span>
496        
497        <li class=" nav-menu container">
498            <a href="https://astrokamalsharma.site">
499            <span style="color: #555e06;">TOTO TOGEL</span>
500    
501        <li class=" nav-menu container">
502            <a href="https://astrokamalsharma.site">
503            <span style="color: #555e06;">KAPAL TOGEL 4D</span>
504    
505        <li class=" nav-menu container">
506            <a href="https://astrokamalsharma.site">
507            <span style="color: #555e06;">TOGEL ONLINE</span>
508            
509            <li class=" nav-menu container">
510            <a href="https://astrokamalsharma.site">
511            <span style="color: #555e06;">SITUS TOTO TOGEL<span>
512            
513            <li class=" nav-menu container">
514            <a href="https://astrokamalsharma.site">
515            <span style="color: #555e06;">LOGIN KAPAL TOGEL</span>
516            
517            <li class=" nav-menu container">
518            <a href="https://astrokamalsharma.site">
519            <span style="color: #555e06;">SITUS TOGEL ONLINE4D</span>
520        
521    <div class="overlay-nav">
522    <!-- Mobile Close Button in Overlay -->
523    <button id="nav-close" class="nav-close-btn d-lg-none">
524        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://carikapal.link/img/logo-2line.png">
525        <path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
526        </svg>
527    </button>
528    </div>
529    
530    
530<script>
531    if ($(window).width() < 992) {
532        // Level 1 menu accordion (main menu items)
533        $(".nav-menu .nav-menu container > a").click(function(e){
534        e.preventDefault()
535        const parentLi = $(this).parent()
536        const isCurrentlyOpen = parentLi.hasClass("menu-open")
537        
538        // Close all other open menus (accordion behavior)
539        $(".nav-menu .nav-menu container").not(parentLi).removeClass("menu-open")
540        $(".nav-menu .megamenu").not($(this).next(".megamenu")).slideUp()
541        
542        // Toggle current menu
543        if (isCurrentlyOpen) {
544            parentLi.removeClass("menu-open")
545            $(this).next(".megamenu").slideUp()
546        } else {
547            parentLi.addClass("menu-open")
548            $(this).next(".megamenu").slideDown()
549        }
550        })
551    
552        // Level 2 menu accordion (submenu items with grandchildren)
553        $(document).on('click', '.dropdown-menu .has-submenu > a', function(e){
554        e.preventDefault()
555        const parentLi = $(this).parent()
556        const isCurrentlyOpen = parentLi.hasClass("submenu-open")
557        const grandchild = $(this).next(".grandchild")
558        
559        // Close all other open submenus in the same dropdown (accordion behavior)
560        parentLi.siblings('.has-submenu').removeClass("submenu-open")
561        parentLi.siblings('.has-submenu').find('.grandchild').slideUp()
562        parentLi.siblings('.has-submenu').find('.chevron-right').css('transform', 'rotate(0deg)')
563        
564        // Toggle current submenu
565        if (isCurrentlyOpen) {
566            parentLi.removeClass("submenu-open")
567            grandchild.slideUp()
568            $(this).find('.chevron-right').css('transform', 'rotate(0deg)')
569        } else {
570            parentLi.addClass("submenu-open")
571            grandchild.slideDown()
572            $(this).find('.chevron-right').css('transform', 'rotate(90deg)')
573        }
574        })
575    
576        $("#menu-hamburger").click(function(e){
577        e.preventDefault()
578        $("body").toggleClass("nav_open")
579        })
580        
581        // Handle close button click
582        $("#nav-close").click(function(e){
583        e.preventDefault()
584        $("body").removeClass("nav_open")
585        // Close all open menus when close button is clicked
586        $(".nav-menu .nav-menu container").removeClass("menu-open")
587        $(".nav-menu .megamenu").slideUp()
588        $(".dropdown-menu .has-submenu").removeClass("submenu-open")
589        $(".dropdown-menu .grandchild").slideUp()
590        $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)')
591        })
592    }
593    
594    $(".overlay-nav").click(function(e){
595        e.preventDefault()
596        $("body").removeClass("nav_open")
597        // Close all open menus when overlay is clicked
598        $(".nav-menu .nav-menu container").removeClass("menu-open")
599        $(".nav-menu .megamenu").slideUp()
600        $(".dropdown-menu .has-submenu").removeClass("submenu-open")
601        $(".dropdown-menu .grandchild").slideUp()
602        $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)')
603    })
604    </script>
604
605    
606    
607    </div>
608    
609        <div id="shopify-section-search-popup" class="shopify-section m-0"><style>
610    #search-trigger {
611        cursor: pointer;
612    }
613    #search-popup {
614        display: none;
615        position: fixed;
616        left: 0;
617        width: 100%;
618        top: 0;
619        height: 100%;
620        justify-content: center;
621        z-index: 9999;
622        background: rgb(196 196 196 / 30%);
623    }
624    #search-input {
625        align-self: center;
626        width: 100%;
627        height: 80px;
628        position: absolute;
629        top: 0;
630        border-bottom: 0.5px solid #A3A3A3;
631        background-color: #fff;
632    }
633    #search-input * {
634        align-self: center;
635    }
636    #search-type {
637        width: 100%;
638        border: none;
639        padding-right: 20px;
640        padding-left: 20px;
641        font-size: 16px;
642        color: #757575;
643    }
644    #search-btn {
645        font-size: 16px;
646        font-weight: 500;
647    }
648    #search-result {
649        min-height: 490px;
650        width: 100%;
651        padding-top: 80px;
652    }
653    #search-result .container {
654        background-color: #fff;
655        padding: 20px 40px;
656    }
657    body.search-popup-open {
658    /* .search-popup-open */
659        overflow: hidden;
660    }
661    .search-popup-open #loc_delivery {
662        display: none
663    }
664    .search-header svg {
665        display: none;
666        cursor: pointer;
667    }
668    .wrapper-search-popup {
669        max-height: calc(100vh - 150px);
670        overflow-y: auto;
671        overflow-x: hidden;
672    }
673    
674    .group-recommend {
675        padding: 20px 40px;
676    }
677    
678    .resultsearch {
679        display: none;
680    }
681    .results { padding: 20px 40px }
682    .resultsearch label {
683        font-weight: 600;
684        padding-bottom: 20px;
685        display: block;
686        margin-bottom: 20px;
687        border-bottom: 1px solid #AAAAAA;
688    }
689    
690    ul.result_product {
691        max-height: 300px;
692        overflow: auto;
693    }
694    
695    .group-promotion ul {
696        margin: 0;
697    }
698    .group-promotion li {
699        list-style: none;
700        margin-bottom: 12px;
701    }
702    .group-promotion li a {
703        color: inherit;
704    }
705    
706    .group-recent {
707        position: relative;
708        padding: 20px 40px;
709    }
710    .group-recent ul {
711        margin: 0;
712    }
713    .group-recent li {
714        list-style: none;
715        display: inline-block;
716        margin-right: 60px;
717    }
718    .group-recent li a {
719        color: inherit;
720    }
721    
722    .last-search svg {
723        width: 20px;
724        vertical-align: middle;
725    }
726    ul.last-search a {
727        vertical-align: middle;
728        padding: 0 10px;
729    }
730    ul.last-search li span {
731        cursor: pointer;
732    }
733    .delete-all-history {
734        position: absolute;
735        top: 25px;
736        right: 40px;
737        text-decoration: underline;
738        color: #e11d1d;
739        cursor: pointer;
740        font-size: 12px;
741    }
742    
743    form.search.search-modal__form {
744        position: relative;
745    }
746    
747    button.search__button svg {
748        width: 25px;
749        color: #495057;
750        fill: #757582;
751    }
752    
753    button.search__button.field__button {
754        position: absolute;
755        top: 50%;
756        margin-top: -12px;
757    }
758    
759    .close-search {
760        display: none;
761        position: absolute;
762        right: 65px;
763        top: 10px;
764        cursor: pointer;
765    }
766    
767    .site-overlay {
768        position: fixed;
769        top: 0;
770        width: 100vw;
771        height: 100vh;
772        z-index: 1000;
773        background: #0000005c;
774        visibility: hidden;
775        opacity: 0;
776        pointer-events: none;
777        transition: all .3s linear;
778        display: block !important;
779    }
780    
781    .search-popup-open .site-overlay {
782        opacity: 1;
783        visibility: visible;
784        pointer-events: all;
785        z-index: -1;
786        cursor: pointer;
787    }
788    
789    @media (min-width: 991px) {
790        .group-recent ul {
791        column-count: 3;
792        }
793        .group-promotion li a {
794        font-size: 12px;
795        font-weight: 400;
796        }
797        .group-recent li a {
798        font-size: 12px;
799        font-weight: 400;
800        }
801    }
802    
803    .moreresult {
804        padding: 10px 40px;
805        border-top: 1px solid #AAAAAA;
806    }
807    .moreresult * {
808        align-self: center;
809    }
810    .moreresult p {
811        margin: 0;
812        font-size: 12px !important;
813    }
814    .moreresult svg {
815        width: 13px;
816    }
817    
818    @media (max-width: 992px) {
819        .icon-key-mobile {
820            height: auto!important;
821            width: 10px!important;
822        }
823        body.grid-view.search-popup-open .products {
824        -ms-flex: 0 0 100%!important;
825        flex: 0 0 100%!important;
826        max-width: 100%!important;
827        }
828        button.search__button svg {
829        width: 20px;
830        }
831        #search-result {
832        padding-left: 0;
833        padding-right: 0;
834        }
835        #search-result {
836        padding-top: 55px;
837        }
838        #search-input {
839        height: 55px;
840        }
841        .group-recommend {
842        padding: 20px;
843        }
844        #search-input .container {
845        padding: 0 20px;
846        }
847        #search-type {
848        font-size: 14px;
849        }
850        #search-btn {
851        font-size: 12px;
852        text-decoration: underline;
853        }
854        .results {
855        padding: 20px;
856        }
857        .group-recommend h3 {
858        font-size: 16px;
859        }
860        .products .card-body {
861        padding: 8px 0px 10px;
862        }
863        .moreresult {
864        padding: 10px 20px;
865        }
866    }
867    </style>
868    <style type="text/css">
869        div.advertisement-placeholder {
870            text-align: center;
871            padding-bottom: 20px;
872            display: flex;
873            flex-direction: column;
874            justify-content: center;
875        }
876
877        div.advertisement-text p {
878            margin: 0;
879            font-family: Open Sans;
880            font-style: normal;
881            font-weight: normal;
882            font-size: 10px;
883            line-height: 20px;
884            color: #000000;
885        }
886
887        div.advertisement-banner {
888            margin: 0px auto;
889        }
890
891        div#div-gpt-ad-billboard-placeholder {
892            width: 996px;
893            margin: 0 auto;
894            background: #f0f2f8;
895            padding-bottom: unset !important;
896            min-height: 200px;
897        }
898
899        div#div-gpt-ad-lb-placeholder {
900            background: #f0f2f8;
901            padding-bottom: unset !important;
902            min-height: 280px;
903        }
904
905        :root {
906            --fx-red: #000000;
907            --fx-red: #000000;
908            --fx-silver: #000000;
909            --fx-text: #f5f7ff;
910            --fx-border: #000000;
911            --fx-bg: rgba(230, 13, 13, 0);
912            --fx-shadow: 0 20px 60px rgba(206, 18, 18, 0);
913            --purple: #000000;
914            --accent: #000000;
915            --white: #ffffff;
916        }
917
918        .fx-video-bg {
919            position: relative;
920            width: 100%;
921            min-height: 100vh;
922            overflow: hidden;
923        }
924
925        .fx-video-bg video {
926            position: absolute;
927            top: 50%;
928            left: 50%;
929            min-width: 100%;
930            min-height: 100%;
931            width: auto;
932            height: auto;
933            transform: translate(-50%, -50%);
934            object-fit: cover;
935            z-index: 1;
936        }
937
938        .fx-video-overlay {
939            position: absolute;
940            inset: 0;
941            z-index: 2;
942            background:
943                radial-gradient(circle at 30% 20%, #000000, #000000 55%),
944                radial-gradient(circle at 70% 80%, #000000, #000000 60%),
945                linear-gradient(180deg, #000000, #000000);
946        }
947
948        .fx-article-wrap {
949            position: relative;
950            z-index: 3;
951            max-width: 1280px;
952            margin: 0 auto;
953            padding: 60px 14px;
954        }
955
956        .fx-article {
957            position: relative;
958            border-radius: 22px;
959            padding: 26px 22px;
960            color: var(--fx-text);
961            background: #000000;
962            border: 1px solid #000000;
963            box-shadow: #000000;
964            backdrop-filter: blur(6px);
965        }
966
967        .fx-badge {
968            display: inline-block;
969            margin-bottom: 12px;
970            padding: 6px 12px;
971            font-size: 12px;
972            font-weight: 700;
973            letter-spacing: .6px;
974            border-radius: 999px;
975            color: #fff;
976            background: linear-gradient(90deg, #000000, #000000);
977            box-shadow: 0 0 18px #000000;
978        }
979
980        .fx-article h1 {
981            color: #555e06;
982            font-size: 1.8rem;
983            margin-bottom: 14px;
984            text-shadow: 0 0 18px #555e06;
985        }
986
987        .fx-article h2 {
988            font-size: 1.3rem;
989            margin: 18px 0 10px;
990            border-left: 4px solid var(--fx-red);
991            padding-left: 10px;
992        }
993
994        .fx-article p {
995            line-height: 1.75;
996            margin-bottom: 14px;
997            color: rgba(255, 255, 255, .92);
998        }
999
1000        .fx-article a {
1001            color: #dce6ff;
1002            border-bottom: 1px dashed #000000;
1003            text-decoration: none;
1004        }
1005
1006        .fx-article a:hover {
1007            color: #ffffff;
1008            text-shadow: 0 0 12px #555e06;
1009        }
1010
1011        .fx-callout {
1012            margin: 18px 0;
1013            padding: 14px;
1014            border-radius: 14px;
1015            background: rgba(65, 105, 225, .16);
1016            border: 1px solid #000000;
1017        }
1018
1019        @media (max-width: 768px) {
1020            .fx-article-wrap {
1021                padding: 40px 12px;
1022            }
1023
1024            .fx-article h1 {
1025                font-size: 1.5rem;
1026            }
1027        }
1028
1029        .faq-review-section {
1030            position: relative;
1031            max-width: 1190px;
1032            margin: 60px auto;
1033            padding: 40px 30px;
1034            border-radius: 25px;
1035            background: linear-gradient(145deg, rgba(65, 105, 225, .08), rgba(192, 192, 192, .05));
1036            overflow: hidden;
1037            box-shadow: 0 0 40px rgba(65, 105, 225, .85);
1038        }
1039
1040        .faq-review-section::before {
1041            content: "";
1042            position: absolute;
1043            width: 150%;
1044            height: 150%;
1045            background: radial-gradient(circle at center, rgba(192, 192, 192, .10), #000000 70%);
1046            animation: spinAura 15s linear infinite;
1047            top: -25%;
1048            left: -25%;
1049        }
1050
1051        @keyframes spinAura {
1052            to {
1053                transform: rotate(360deg);
1054            }
1055        }
1056
1057        .section-title {
1058            text-align: center;
1059            color: var(--fx-silver);
1060            font-size: 1.9rem;
1061            letter-spacing: 1px;
1062            font-weight: 700;
1063            text-shadow: 0 0 20px rgba(65, 105, 225, .75);
1064            position: relative;
1065            z-index: 2;
1066            margin-bottom: 25px;
1067        }
1068
1069        .section-title::after {
1070            content: '';
1071            width: 100px;
1072            height: 3px;
1073            background: linear-gradient(90deg, var(--fx-red), var(--fx-silver));
1074            display: block;
1075            margin: 10px auto;
1076            border-radius: 2px;
1077            box-shadow: 0 0 10px rgba(192, 192, 192, .55);
1078            animation: pulseLine 2s infinite alternate;
1079        }
1080
1081        @keyframes pulseLine {
1082            from {
1083                opacity: .6;
1084                transform: scaleX(.7);
1085            }
1086
1087            to {
1088                opacity: 1;
1089                transform: scaleX(1);
1090            }
1091        }
1092
1093        .faq-item,
1094        .review-item {
1095            background: rgba(65, 105, 225, .45);
1096            border: 1px solid rgba(192, 192, 192, .35);
1097            border-radius: 18px;
1098            padding: 18px 20px;
1099            margin: 18px 0;
1100            color: var(--white);
1101            box-shadow: inset 0 0 0 rgba(65, 105, 225, 0);
1102            transform: perspective(800px) rotateX(15deg) scale(0.95);
1103            opacity: 0;
1104            transition: all 0.7s ease, box-shadow 0.4s ease;
1105        }
1106
1107        .faq-item.show,
1108        .review-item.show {
1109            opacity: 1;
1110            transform: perspective(800px) rotateX(0deg) scale(1);
1111        }
1112
1113        .faq-item:hover,
1114        .review-item:hover {
1115            background: rgba(192, 192, 192, .32);
1116            box-shadow: 0 0 25px rgba(65, 105, 225, .55);
1117            transform: scale(1.02);
1118        }
1119
1120        .faq-question {
1121            cursor: pointer;
1122            font-weight: 600;
1123            color: var(--fx-silver);
1124            position: relative;
1125            font-size: 1.9rem;
1126            padding-right: 25px;
1127            text-shadow: 0 0 10px rgba(65, 105, 225, .85);
1128        }
1129
1130        .faq-question::after {
1131            content: "+";
1132            position: absolute;
1133            right: 0;
1134            top: 0;
1135            color: #ffffff;
1136            font-weight: bold;
1137            font-size: 1.4rem;
1138            transition: transform .3s;
1139        }
1140
1141        .faq-item.active .faq-question::after {
1142            transform: rotate(45deg);
1143        }
1144
1145        .faq-answer {
1146            display: none;
1147            color: #ffffff;
1148            line-height: 1.6em;
1149            padding-top: 10px;
1150            border-top: 1px dashed #000000;
1151            margin-top: 10px;
1152        }
1153
1154        .faq-item.active .faq-answer {
1155            display: block;
1156            animation: fadeUp .4s ease;
1157        }
1158
1159        @keyframes fadeUp {
1160            from {
1161                opacity: 0;
1162                transform: translateY(10px);
1163            }
1164
1165            to {
1166                opacity: 1;
1167                transform: translateY(0);
1168            }
1169        }
1170
1171        .review-author {
1172            font-weight: 700;
1173            color: var(--fx-silver);
1174            font-size: 1.9rem;
1175            text-shadow: 0 0 10px rgba(65, 105, 225, .85);
1176        }
1177
1178        .review-text {
1179            color: #ffffff;
1180            margin: 6px 0;
1181            font-style: italic;
1182        }
1183
1184        .review-rating {
1185            color: var(--fx-silver);
1186            font-weight: bold;
1187            font-size: 1rem;
1188            text-shadow: 0 0 8px #000000;
1189        }
1190
1191        .faq-item::before {
1192            content: '';
1193            position: absolute;
1194            inset: 0;
1195            border-radius: inherit;
1196            border: 2px solid #000000;
1197            background: linear-gradient(120deg, var(--fx-red), var(--fx-silver), var(--fx-red)) border-box;
1198            mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
1199            opacity: 0;
1200            transition: opacity .3s ease;
1201        }
1202
1203        @keyframes borderGlow {
1204            to {
1205                transform: rotate(360deg);
1206            }
1207        }
1208
1209        @media (max-width:768px) {
1210            .faq-review-section {
1211                padding: 28px 18px;
1212            }
1213
1214            .section-title {
1215                font-size: 1.5rem;
1216            }
1217        }
1218    </style>
1219    <div id="search-popup">
1220    <div id="search-input" class="row">
1221        <div class="container w-100">
1222        <form
1223            action="/search"
1224            method="get"
1225            role="search"
1226            class="search search-modal__form d-flex justify-content-between"
1227        >
1228            <svg xmlns="https://carikapal.link/img/logo-2line.png" width="20" height="20" viewBox="0 0 20 20" fill="none">
1229    <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"/>
1230    </svg>
1231    
1232            <input type="hidden" name="type" value="product">
1233            <input
1234            type="text"
1235            id="search-type"
1236            name="q"
1237            class="search-popup"
1238            placeholder="Gifts that linger: Uncover treasures for cherished moments."
1239            >
1240            <div class="close-search"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none">
1241    <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 
124112.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"/>
1242    </svg>
1243    </div>
1244            <button id="search-btn">Search</button>
1245        </form>
1246        </div>
1247    </div>
1248    <div id="search-result" class="container m-auto">
1249        <div class="container p-0">
1250        <div class="group-promotion">
1251            <div class="resultsearch">
1252            <div class="row results">
1253                <div class="col-12 col-lg-6 mb-3 mb-lg-0">
1254                <label>SUGGESTIONS</label>
1255                <ul class="result_collection"></ul>
1256                </div>
1257                <div class="col-12 col-lg-6">
1258                <label>PRODUCTS</label>
1259                <ul class="result_product"></ul>
1260                </div>
1261            </div>
1262            <div class="d-flex justify-content-between moreresult m-0">
1263                <p>Search for<span></span></p>
1264                <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32">
1265    <title>icon-arrow-right</title>
1266    <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>
1267    </svg>
1268            </div>
1269            </div>
1270        </div>
1271        <div class="group-recent hide">
1272            <h3>RECENT SEARCH</h3>
1273            <span class="delete-all-history">Hapus riwayat</span>
1274            <ul class="last-search"></ul>
1275        </div>
1276        <div class="group-recommend">
1277            <h3>YOU MAY ALSO LIKE</h3>
1278            
1279            
1280            <div class="row popup-recommend c-products-grid infinite-case product-multi-">
1281                <div class="swiper-wrapper justify-content-between" style="margin-left:1px;">
1282                
1283                    
1284                    <div class="swiper-slide card">
1285                        
1286    
1287    
1288    
1289    <div class="products" data-lazy="false">
1290    <div class="bg-products">
1291        <div class="wishlist-toggle" data-product-handle="mid-autumn-of-love-mooncake">
1292        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1293    <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.
129311233C11.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"/>
1294    </svg>
1295    
1296        </div>
1297        <a href="/products/mid-autumn-of-love-mooncake">
1298        
1299        <div class="product-card-img-container p-0 position-relative">
1300            
1301            <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">
1302        </div>
1303        <div class="card-body product-card-info">
1304            <h5 class="h5 mb-0">
1305            Mid Autumn of Love Mooncake
1306            </h5>
1307            <div class="product-card-price">
1308            
1309            <div class="product-price-sale">
1310                <s class="product-card-price-before card-money">Rp 588.000</s>
1311                <span class="product-card-discount small">	
1312                (-40%)
1313                </span> 	
1314            </div>
1315            
1316            
1317            
1318            <div class="price-discount">
1319                <h4 class="product-card-price-after card-money">Rp 348.000</h4>
1320            </div>
1321            
1322            
1323            
1324            
1325            
1326            </div>
1327            
1328        </div>
1329        </a>
1330    </div>
1331    
1332    </div>
1333    
1334                    </div>
1335                    
1336                
1337                    
1338                    <div class="swiper-slide card">
1339                        
1340    
1341    
1342    
1343    <div class="products" data-lazy="false">
1344    <div class="bg-products">
1345        <div class="wishlist-toggle" data-product-handle="mid-autumn-of-joy-mooncake">
1346        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1347    <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.
134711233C11.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"/>
1348    </svg>
1349    
1350        </div>
1351        <a href="/products/mid-autumn-of-joy-mooncake">
1352        
1353        <div class="product-card-img-container p-0 position-relative">
1354            
1355            <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">
1356        </div>
1357        <div class="card-body product-card-info">
1358            <h5 class="h5 mb-0">
1359            Mid Autumn of Joy Mooncake
1360            </h5>
1361            <div class="product-card-price">
1362            
1363            <div class="product-price-sale">
1364                <s class="product-card-price-before card-money">Rp 888.000</s>
1365                <span class="product-card-discount small">	
1366                (-33%)
1367                </span> 	
1368            </div>
1369            
1370            
1371            
1372            <div class="price-discount">
1373                <h4 class="product-card-price-after card-money">Rp 588.000</h4>
1374            </div>
1375            
1376            
1377            
1378            
1379            
1380            </div>
1381            
1382        </div>
1383        </a>
1384    </div>
1385    
1386    </div>
1387    
1388                    </div>
1389                    
1390                
1391                    
1392                    <div class="swiper-slide card">
1393                        
1394    
1395    
1396    
1397    <div class="products" data-lazy="false">
1398    <div class="bg-products">
1399        <div class="wishlist-toggle" data-product-handle="mid-autumn-of-fortune-mooncake">
1400        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1401    <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.
140111233C11.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"/>
1402    </svg>
1403    
1404        </div>
1405        <a href="/products/mid-autumn-of-fortune-mooncake">
1406        
1407        <div class="product-card-img-container p-0 position-relative">
1408            
1409            <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">
1410        </div>
1411        <div class="card-body product-card-info">
1412            <h5 class="h5 mb-0">
1413            Mid Autumn of Fortune Mooncake
1414            </h5>
1415            <div class="product-card-price">
1416            
1417            <div class="product-price-sale">
1418                <s class="product-card-price-before card-money">Rp 1.188.000</s>
1419                <span class="product-card-discount small">	
1420                (-33%)
1421                </span> 	
1422            </div>
1423            
1424            
1425            
1426            <div class="price-discount">
1427                <h4 class="product-card-price-after card-money">Rp 788.000</h4>
1428            </div>
1429            
1430            
1431            
1432            
1433            
1434            </div>
1435            
1436        </div>
1437        </a>
1438    </div>
1439    
1440    </div>
1441    
1442                    </div>
1443                    
1444                
1445                    
1446                    <div class="swiper-slide card">
1447                        
1448    
1449    
1450    
1451    <div class="products" data-lazy="false">
1452    <div class="bg-products">
1453        <div class="wishlist-toggle" data-product-handle="mid-autumn-festival-mooncake">
1454        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1455    <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.
145511233C11.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"/>
1456    </svg>
1457    
1458        </div>
1459        <a href="/products/mid-autumn-festival-mooncake">
1460        
1461        <div class="product-card-img-container p-0 position-relative">
1462            
1463            <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">
1464        </div>
1465        <div class="card-body product-card-info">
1466            <h5 class="h5 mb-0">
1467            Mid Autumn Festival Mooncake
1468            </h5>
1469            <div class="product-card-price">
1470            
1471            <div class="product-price-sale">
1472                <s class="product-card-price-before card-money">Rp 1.288.000</s>
1473                <span class="product-card-discount small">	
1474                (-23%)
1475                </span> 	
1476            </div>
1477            
1478            
1479            
1480            <div class="price-discount">
1481                <h4 class="product-card-price-after card-money">Rp 988.000</h4>
1482            </div>
1483            
1484            
1485            
1486            
1487            
1488            </div>
1489            
1490        </div>
1491        </a>
1492    </div>
1493    
1494    </div>
1495    
1496                    </div>
1497                    
1498                
1499                    
1500                    <div class="swiper-slide card">
1501                        
1502    
1503    
1504    
1505    <div class="products" data-lazy="false">
1506    <div class="bg-products">
1507        <div class="wishlist-toggle" data-product-handle="the-jade-bouquet">
1508        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1509    <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.
150911233C11.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"/>
1510    </svg>
1511    
1512        </div>
1513        <a href="/products/the-jade-bouquet">
1514        
1515        <div class="product-card-img-container p-0 position-relative">
1516            
1517            <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">
1518        </div>
1519        <div class="card-body product-card-info">
1520            <h5 class="h5 mb-0">
1521            The Jade Bouquet
1522            </h5>
1523            <div class="product-card-price">
1524            
1525            <div class="product-price-sale">
1526                <s class="product-card-price-before card-money">Rp 435.000</s>
1527                <span class="product-card-discount small">	
1528                (-34%)
1529                </span> 	
1530            </div>
1531            
1532            
1533            
1534            <div class="price-discount">
1535                <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1536            </div>
1537            
1538            
1539            
1540            
1541            
1542            </div>
1543            
1544        </div>
1545        </a>
1546    </div>
1547    
1548    </div>
1549    
1550                    </div>
1551                    
1552                
1553                    
1554                    <div class="swiper-slide card">
1555                        
1556    
1557    
1558    
1559    <div class="products" data-lazy="false">
1560    <div class="bg-products">
1561        <div class="wishlist-toggle" data-product-handle="the-selena-bouquet">
1562        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1563    <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.
156311233C11.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"/>
1564    </svg>
1565    
1566        </div>
1567        <a href="/products/the-selena-bouquet">
1568        
1569        <div class="product-card-img-container p-0 position-relative">
1570            
1571            <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">
1572        </div>
1573        <div class="card-body product-card-info">
1574            <h5 class="h5 mb-0">
1575            The Selena Bouquet
1576            </h5>
1577            <div class="product-card-price">
1578            
1579            <div class="product-price-sale">
1580                <s class="product-card-price-before card-money">Rp 335.000</s>
1581                <span class="product-card-discount small">	
1582                (-29%)
1583                </span> 	
1584            </div>
1585            
1586            
1587            
1588            <div class="price-discount">
1589                <h4 class="product-card-price-after card-money">Rp 235.000</h4>
1590            </div>
1591            
1592            
1593            
1594            
1595            
1596            </div>
1597            
1598        </div>
1599        </a>
1600    </div>
1601    
1602    </div>
1603    
1604                    </div>
1605                    
1606                
1607                    
1608                    <div class="swiper-slide card">
1609                        
1610    
1611    
1612    
1613    <div class="products" data-lazy="false">
1614    <div class="bg-products">
1615        <div class="wishlist-toggle" data-product-handle="the-viola-bouquet">
1616        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1617    <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.
161711233C11.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"/>
1618    </svg>
1619    
1620        </div>
1621        <a href="/products/the-viola-bouquet">
1622        
1623        <div class="product-card-img-container p-0 position-relative">
1624            
1625            <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">
1626        </div>
1627        <div class="card-body product-card-info">
1628            <h5 class="h5 mb-0">
1629            The Viola Bouquet
1630            </h5>
1631            <div class="product-card-price">
1632            
1633            <div class="product-price-sale">
1634                <s class="product-card-price-before card-money">Rp 385.000</s>
1635                <span class="product-card-discount small">	
1636                (-25%)
1637                </span> 	
1638            </div>
1639            
1640            
1641            
1642            <div class="price-discount">
1643                <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1644            </div>
1645            
1646            
1647            
1648            
1649            
1650            </div>
1651            
1652        </div>
1653        </a>
1654    </div>
1655    
1656    </div>
1657    
1658                    </div>
1659                    
1660                
1661                    
1662                    <div class="swiper-slide card">
1663                        
1664    
1665    
1666    
1667    <div class="products" data-lazy="false">
1668    <div class="bg-products">
1669        <div class="wishlist-toggle" data-product-handle="the-minerva-bouquet">
1670        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1671    <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.
167111233C11.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"/>
1672    </svg>
1673    
1674        </div>
1675        <a href="/products/the-minerva-bouquet">
1676        
1677        <div class="product-card-img-container p-0 position-relative">
1678            
1679            <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">
1680        </div>
1681        <div class="card-body product-card-info">
1682            <h5 class="h5 mb-0">
1683            The Minerva Bouquet
1684            </h5>
1685            <div class="product-card-price">
1686            
1687            <div class="product-price-sale">
1688                <s class="product-card-price-before card-money">Rp 385.000</s>
1689                <span class="product-card-discount small">	
1690                (-25%)
1691                </span> 	
1692            </div>
1693            
1694            
1695            
1696            <div class="price-discount">
1697                <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1698            </div>
1699            
1700            
1701            
1702            
1703            
1704            </div>
1705            
1706        </div>
1707        </a>
1708    </div>
1709    
1710    </div>
1711    
1712                    </div>
1713                    
1714                
1715                    
1716                    <div class="swiper-slide card">
1717                        
1718    
1719    
1720    
1721    <div class="products" data-lazy="false">
1722    <div class="bg-products">
1723        <div class="wishlist-toggle" data-product-handle="congraduations-bouquet">
1724        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1725    <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.
172511233C11.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"/>
1726    </svg>
1727    
1728        </div>
1729        <a href="/products/congraduations-bouquet">
1730        
1731        <div class="product-card-img-container p-0 position-relative">
1732            
1733            <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">
1734        </div>
1735        <div class="card-body product-card-info">
1736            <h5 class="h5 mb-0">
1737            Congraduations Bouquet
1738            </h5>
1739            <div class="product-card-price">
1740            
1741            <div class="product-price-sale">
1742                <s class="product-card-price-before card-money">Rp 380.000</s>
1743                <span class="product-card-discount small">	
1744                (-25%)
1745                </span> 	
1746            </div>
1747            
1748            
1749            
1750            <div class="price-discount">
1751                <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1752            </div>
1753            
1754            
1755            
1756            
1757            
1758            </div>
1759            
1760        </div>
1761        </a>
1762    </div>
1763    
1764    </div>
1765    
1766                    </div>
1767                    
1768                
1769                    
1770                    <div class="swiper-slide card">
1771                        
1772    
1773    
1774    
1775    <div class="products" data-lazy="false">
1776    <div class="bg-products">
1777        <div class="wishlist-toggle" data-product-handle="grad-gorgeous-bouquet">
1778        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none">
1779    <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.
177911233C11.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"/>
1780    </svg>
1781    
1782        </div>
1783        <a href="/products/grad-gorgeous-bouquet">
1784        
1785        <div class="product-card-img-container p-0 position-relative">
1786            
1787            <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">
1788        </div>
1789        <div class="card-body product-card-info">
1790            <h5 class="h5 mb-0">
1791            Grad & Gorgeous Bouquet
1792            </h5>
1793            <div class="product-card-price">
1794            
1795            <div class="product-price-sale">
1796                <s class="product-card-price-before card-money">Rp 380.000</s>
1797                <span class="product-card-discount small">	
1798                (-25%)
1799                </span> 	
1800            </div>
1801            
1802            
1803            
1804            <div class="price-discount">
1805                <h4 class="product-card-price-after card-money">Rp 285.000</h4>
1806            </div>
1807            
1808            
1809            
1810            
1811            
1812            </div>
1813            
1814        </div>
1815        </a>
1816    </div>
1817    
1818    </div>
1819    
1820                    </div>
1821                    
1822                
1823                </div>
1824            </div>
1825            
1826        </div>
1827        </div>
1828    </div>
1829    
1830    <div class="site-overlay" style="display: none"></div>
1831    </div>
1832    
1832<script>
1833    
1834    var swiper = new Swiper('.popup-recommend', {
1835        slidesPerView : 4, 
1836        spaceBetween: 30,
1837        lazy: true ,                            
1838        speed: 300,
1839        breakpoints: {
1840            // when window width is <= 576px
1841            576: {
1842                slidesPerView: 2,
1843                spaceBetween: 10,
1844                freeMode: true,
1845                resistance : true,
1846                resistanceRatio : 0,
1847                freeModeMomentumRatio : 0.45,
1848                freeModeMomentumVelocityRatio : 1.5
1849            },
1850            768: {
1851                slidesPerView: 2,
1852                spaceBetween: 10
1853                },
1854            992: {
1855                slidesPerView: 3,
1856                spaceBetween: 20
1857            }
1858        }
1859    });
1860    
1861    const searchContainer = $("#search-popup")
1862    const searchInput = $(".search-popup")
1863    const result_collection = $('.result_collection')
1864    const result_product = $('.result_product')
1865    const resultsearch = $('.resultsearch')
1866    const resultrecommend = $(".group-recommend")
1867    const moreresult = $(".moreresult")
1868    
1869    searchInput.keyup(function(){
1870        const input = $(this).val()
1871        moreresult.find("p span").text(` “${input}”`)
1872        if(input.length > 2) {
1873        $(".close-search").show()
1874        const url = `https://outerbloom.com/search/suggest.json?resources[limit]=10&resources[limit_scope]=each&resources[type]=collection,product&q=${input}`
1875        $.ajax({
1876            type: 'GET',
1877            url,
1878            beforeSend: function() {
1879                // setting a timeout
1880                // $(placeholder).addClass('loading');
1881            },
1882            success: function(response) {
1883                resultsearch.show()
1884                resultrecommend.hide()
1885                result_collection.html("")
1886                result_product.html("")
1887                const collections = response.resources.results.collections
1888                const products = response.resources.results.products
1889                let collection_length = collections.length
1890                let product_length = products.length
1891                // if(collections.length > 5) {
1892                //   collection_length = 5
1893                // }
1894                // if(products.length > 5) {
1895                //   product_length = 5
1896                // }
1897                for(let i=0;i<collection_length;i++){
1898                const title = collections[i].title
1899                const url = collections[i].url
1900                let html_collection
1901                if(!title.includes('AIA') && !title.includes('AXA') && !title.includes('WOM') && !title.includes('Upsell')) {
1902                    html_collection = `
1903                    <li class="item" data-title="${title}">
1904                    <a href="${url}" data-type="collection" class="item_url" data-title="${title}" data-url="${url}">${title}</a>
1905                    </li>
1906                    `
1907                }
1908                result_collection.append(html_collection)
1909                }
1910                for(let i=0;i<product_length;i++){
1911                const title = products[i].title
1912                const url = products[i].url
1913                const image = products[i].featured_image.url
1914                const vendor = products[i].vendor
1915                let html_product
1916                if(vendor !== 'AIA' && vendor !== 'AXA' && vendor !== 'WOM Finance' && !title.includes('Extra Shipping Cost') && !title.includes('[US]') && !title.includes('Rp')){
1917                    html_product = `
1918                    <li class="item" data-vendor="${vendor}">
1919                    <a href="${url}" class="item_url" data-type="product" data-title="${title}" data-url="${url}">
1920                        <img src="${image}" alt="${title}" style="width: 70px;vertical-align: middle;margin-right: 20px;"><span>${title}</span>
1921                    </a>
1922                    </li>
1923                    `
1924                }
1925                result_product.append(html_product)
1926                }
1927            },
1928            error: function(xhr) { // if error occured
1929                alert("Error occured.please try again");
1930            },
1931            complete: function(response) {
1932                // $(placeholder).removeClass('loading');
1933            },
1934            dataType: 'JSON'
1935        });
1936        } else {
1937        result_collection.html("")
1938        result_product.html("")
1939        
1940        resultsearch.hide()
1941        resultrecommend.show()
1942        }
1943    })
1944    
1945    moreresult.click(function(){
1946        $("#search-btn").trigger("click");
1947    })
1948    
1949    $(".close-search").click(function(){
1950        $(this).hide()
1951        searchInput.val("")
1952        searchInput.focus()
1953        resultsearch.hide()
1954        resultrecommend.show()
1955    })
1956    
1957    function setCookie(name,value,days) {
1958        var expires = "";
1959        if (days) {
1960        var date = new Date();
1961        date.setTime(date.getTime() + (days*24*60*60*1000));
1962        expires = "; expires=" + date.toUTCString();
1963        }
1964        document.cookie = name + "=" + (value || "")  + expires + "; path=/";
1965    }
1966    function getCookie(name) {
1967        var nameEQ = name + "=";
1968        var ca = document.cookie.split(';');
1969        for(var i=0;i < ca.length;i++) {
1970        var c = ca[i];
1971        while (c.charAt(0)==' ') c = c.substring(1,c.length);
1972        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
1973        }
1974        return null;
1975    }
1976    let last_search_name = []
1977    let last_search_url = []
1978    $(".group-recent").hide()
1979    if(getCookie("last_search_name") != null && getCookie("last_search_url") != null){
1980        if(getCookie("last_search_name") != "" && getCookie("last_search_url") != ""){
1981        $(".group-recent").show()
1982        last_search_name = getCookie("last_search_name");
1983        last_search_url = getCookie("last_search_url");
1984        const arrName = last_search_name.substring(1).split(',').reverse()
1985        const arrUrl = last_search_url.substring(1).split(',').reverse()
1986        console.log(arrName, 'Array Name')
1987        console.log(arrUrl, 'Array Url')
1988        let length = arrName.length
1989        if(arrName.length > 5) {
1990            length = 5
1991        }
1992        for(let n=0;n<length;n++){
1993            let html2 = `<li><svg viewBox="0 0 24 24" xmlns="https://carikapal.link/img/logo-2line.png"><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]}">
1993${arrName[n]}</a><span data-title="${arrName[n]}" data-url="${arrUrl[n]}"></span></li>`
1994            $(".group-recent ul").append(html2)
1995        }
1996        }
1997    }
1998    console.log(last_search_name, 'Name')
1999    console.log(last_search_url, 'url')
2000    
2001    resultsearch.delegate(".item a", "click", function(){
2002        let name = [last_search_name]
2003        let url = [last_search_url]
2004        name.push($(this).attr('data-title'))
2005        url.push($(this).attr('data-url'))
2006        setCookie("last_search_name",name,7);
2007        setCookie("last_search_url",url,7);
2008    })
2009    
2010    $(".delete-all-history").click(function() {
2011        setCookie("last_search_name",null,0);
2012        setCookie("last_search_url",null,0);
2013        $(".last-search").hide();
2014        setTimeout(function(){
2015        location.reload();
2016        }, 500);
2017    })
2018    
2019    $("#search-trigger").click(function(){
2020        search_open()
2021    })
2022    $(".icon-search-mobile").click(function(){
2023        search_open()
2024    })
2025    $(".search-header svg").click(function(){
2026        search_close()
2027    })
2028    $(".icon-key-mobile").click(function(){
2029        search_close()
2030    })
2031    
2032    function search_open() {
2033        $("body").addClass("search-popup-open")
2034        $("#nav-mobile-icon, .search-header label, .icon-search-mobile").hide()
2035        $("#search-popup, .search-header svg, .icon-key-mobile").show()
2036        $(".search-popup").focus()
2037        $('.popup-recommend')[0].swiper.update();
2038    }
2039    function search_close() {
2040        $("body").removeClass("search-popup-open")
2041        $("#nav-mobile-icon, .search-header label, .icon-search-mobile").show()
2042        $("#search-popup, .search-header svg, .icon-key-mobile").hide()
2043        searchInput.val("")
2044        resultsearch.hide()
2045        resultrecommend.show()
2046    }
2047    
2048    $(".site-overlay").click(function(){
2049        search_close()
2050    })
2051    </script>
2051
2052    
2053    </div>
2054        </div>
2055    
2056        <div id="PageContainer" class="is-moved-by-drawerx" style="background-color: #000000;">
2057        <main class="main-content pt-0" role="main">
2058            
2059            <div id="breadcrumbProduct" class="d-none d-lg-block">
2060                <style>
2061    #breadcrumbProduct {
2062        padding: 20px 0;
2063    }
2064    #breadcrumbProduct ul {
2065        display: flex;
2066        padding: 0;
2067        list-style: none;
2068        margin: 0;
2069        gap: 12px;
2070    }
2071    #breadcrumbProduct ul li {
2072        text-transform: uppercase;
2073        margin: 0;
2074        font-size: 12px;
2075    }
2076    #breadcrumbProduct ul li a {
2077        color: #757575;
2078    }
2079    
2080    #breadcrumbProduct ul li svg {
2081        width: 10px;
2082        height: 10px;
2083        padding: 0;
2084        color: #757575;
2085        vertical-align: middle;
2086    }
2087    </style>
2088    <div class="container" style="color: #ffffff;">
2089    <ul role="navigation" aria-label="breadcrumbs">
2090        <li><a href="https://astrokamalsharma.site" style="color: #ffffff;">KAPALTOGEL</a></li>
2091        <li><svg xmlns="https://carikapal.link/img/logo-2line.png" width="7" height="10" viewBox="0 0 7 10" fill="none">
2092        <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"/>
2093    </svg></li>
2094        <li>Situs Toto</li>
2095        <li>Toto Togel</li>
2096        <li>Togel 4d</li>
2097        <li>Togel Online</li>
2098        <li>KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</li>
2099        
2100    </ul>
2101    </div>
2102    
2103            </div>
2104            
2105    
2105<script type="application/ld+json">
2106    {
2107    "@context": "https://schema.org",
2108    "@type": "Product",
2109    "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif",
2110    "image": "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg",
2111    "description": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.",
2112    "brand": {
2113        "@type": "Brand",
2114        "name": "TOTO TOGEL 4D"
2115    },
2116    "sku": "KAPALTOGEL",
2117    "mpn": "KAPALTOGEL",
2118    "url": "https://astrokamalsharma.site",
2119    "offers": {
2120        "@type": "Offer",
2121        "url": "https://astrokamalsharma.site",
2122        "priceCurrency": "USD",
2123        "price": "10.00",
2124        "priceValidUntil": "2025-12-25",
2125        "itemCondition": "https://schema.org/NewCondition",
2126        "availability": "https://schema.org/InStock",
2127        "seller": {
2128        "@type": "Organization",
2129        "name": "KAPALTOGEL"
2130        }
2131    },
2132    "aggregateRating": {
2133        "@type": "AggregateRating",
2134        "ratingValue": "5.0",
2135        "reviewCount": 858
2136    },
2137    "review": [
2138        {
2139        "@type": "Review",
2140        "reviewRating": {
2141            "@type": "Rating",
2142            "ratingValue": "5",
2143            "bestRating": "5"
2144        },
2145        "author": {
2146            "@type": "Person",
2147            "name": "Paulina"
2148        }
2149        },
2150        {
2151        "@type": "Review",
2152        "reviewRating": {
2153            "@type": "Rating",
2154            "ratingValue": "5",
2155            "bestRating": "5"
2156        },
2157        "author": {
2158            "@type": "Person",
2159            "name": "Gerald"
2160        }
2161        }
2162    ]
2163    }
2164    </script>
2164
2165    
2165<script type="application/ld+json">
2166    {
2167    "@context": "https://schema.org",
2168    "@type": "BreadcrumbList",
2169    "itemListElement": [
2170        {
2171        "@type": "ListItem",
2172        "position": 1,
2173        "name": "KAPALTOGEL",
2174        "item": "https://astrokamalsharma.site"
2175        },
2176        {
2177        "@type": "ListItem",
2178        "position": 2,
2179        "name": "SITUS TOTO",
2180        "item": "https://astrokamalsharma.site"
2181        },
2182        {
2183        "@type": "ListItem",
2184        "position": 3,
2185        "name": "SITUS TOTO",
2186        "item": "https://astrokamalsharma.site"
2187        },
2188        {
2189        "@type": "ListItem",
2190        "position": 4,
2191        "name": "TOGEL ONLINE",
2192        "item": "https://astrokamalsharma.site"
2193        },
2194        {
2195        "@type": "ListItem",
2196        "position": 5,
2197        "name": "LOGIN KAPAL TOGEL",
2198        "item": "https://astrokamalsharma.site"
2199        },
2200        {
2201        "@type": "ListItem",
2202        "position": 6,
2203        "name": "SITUS TOTO TOGEL",
2204        "item": "https://astrokamalsharma.site"
2205        },
2206        {
2207        "@type": "ListItem",
2208        "position": 7,
2209        "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif",
2210        "item": "https://astrokamalsharma.site"
2211        }
2212    ]
2213    }
2214    </script>
2214
2215
2216<script type="application/ld+json" id="faq-schema">
2217{
2218  "@context": "https://schema.org",
2219  "@graph": [
2220    {
2221      "@type": "FAQPage",
2222      "mainEntity": [
2223        {
2224          "@type": "Question",
2225          "name": "Apa keunggulan akses melalui official store KAPALTOGEL?",
2226          "acceptedAnswer": {
2227            "@type": "Answer",
2228            "text": "Akses resmi ini menjamin keamanan data dan kelancaran transaksi. Pemain terhindar dari risiko link palsu yang merugikan."
2229          }
2230        },
2231        {
2232          "@type": "Question",
2233          "name": "Bagaimana cara melakukan daftar akun baru?",
2234          "acceptedAnswer": {
2235            "@type": "Answer",
2236            "text": "Proses pendaftaran sangat simpel. Kamu hanya perlu mengisi formulir resmi dan menunggu verifikasi otomatis berjalan."
2237          }
2238        },
2239        {
2240          "@type": "Question",
2241          "name": "Apakah link alternatif ini aktif setiap hari?",
2242          "acceptedAnswer": {
2243            "@type": "Answer",
2244            "text": "Link alternatif selalu diperbarui setiap hari oleh admin. Koneksi stabil dijamin kapan pun kamu ingin login."
2245          }
2246        }
2247      ]
2248    }
2249  ]
2250}
2251</script>
2251
2252
2253    
2253<script type="application/ld+json">
2254    {
2255    "@context": "https://schema.org",
2256    "@type": "Organization",
2257    "name": "KAPALTOGEL",
2258    "url": "https://astrokamalsharma.site",
2259    "logo": "https://carikapal.link/img/logo-2line.png",
2260    "sameAs": [
2261        "https://www.facebook.com/KAPALTOGEL",
2262        "https://twitter.com/KAPALTOGEL",
2263        "https://www.instagram.com/KAPALTOGEL"
2264    ],
2265    "contactPoint": {
2266        "@type": "ContactPoint",
2267        "telephone": "+62-821-4789-3138",
2268        "contactType": "customer support",
2269        "areaServed": "ID",
2270        "availableLanguage": ["Indonesian", "English"]
2271    }
2272    }
2273    </script>
2273
2274    
2275    
2275<script type="application/ld+json">
2276    {
2277    "@context": "https://schema.org",
2278    "@type": "VideoObject",
2279    "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif",
2280    "description": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.",
2281    "thumbnailUrl": [
2282        "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg",
2283        "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2284    ],
2285    "uploadDate": "2025-09-28T04:19:10-04:00",
2286    "duration": "GJ298",
2287    "contentUrl": "https://astrokamalsharma.site"
2288    }
2289    </script>
2289
2290    
2291    
2291<script type="application/ld+json">
2292    {
2293    "@context": "https://schema.org",
2294    "@type": "BreadcrumbList",
2295    "itemListElement": [
2296        {
2297        "@type": "ListItem",
2298        "position": 1,
2299        "name": "Home",
2300        "item": "https://astrokamalsharma.site"
2301        }
2302    ]
2303    }
2304    </script>
2304
2305    
2306    
2306<script type="application/ld+json">
2307    {
2308    "@context": "https://schema.org",
2309    "@graph": [
2310        {
2311        "@type": "Organization",
2312        "@id": "https://astrokamalsharma.site#org",
2313        "name": "KAPALTOGEL",
2314        "url": "https://astrokamalsharma.site",
2315        "logo": "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2316        },
2317        {
2318        "@type": "WebSite",
2319        "@id": "https://astrokamalsharma.site#website",
2320        "url": "https://astrokamalsharma.site",
2321        "name": "KAPALTOGEL",
2322        "publisher": { "@id": "https://astrokamalsharma.site#org" },
2323        "inLanguage": "id-ID",
2324        "potentialAction": {
2325            "@type": "SearchAction",
2326            "target": "https://astrokamalsharma.site?s={search_term_string}",
2327            "query-input": "required name=search_term_string"
2328        }
2329        },
2330        {
2331        "@type": "SoftwareApplication",
2332        "@id": "https://astrokamalsharma.site#app",
2333        "name": "KAPALTOGEL",
2334        "applicationCategory": "GameApplication",
2335        "operatingSystem": "Android, iOS, Windows",
2336        "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" },
2337        "aggregateRating": { "@type": "AggregateRating", "ratingValue": 4.9, "ratingCount": 62595 }
2338        }
2339    ]
2340    }
2341    </script>
2341
2342            
2343    <div id="shopify-section-Product" class="shopify-section product-section mt-0"><link href="https://asset-jko.b-cdn.net/footer-warna.css" rel="stylesheet" type="text/css" media="all" />
2344    
2345    
2346    <style>
2347        .bg-card {
2348        background-color: #000000;
2349    }
2350        </style>
2351    
2352    <!-- /templates/product.liquid -->
2353    
2354    
2355    <!-- <div itemscope itemtype="http://schema.org/Product"> -->
2356    
2357    
2358    <div class="product-standing-flower" data-product-type="flowerBoard">
2359    <meta itemprop="url" content="https://astrokamalsharma.site">
2360    <meta itemprop="image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
2361    
2362    
2363    
2364    <input id="data-sku" type="hidden" value="GOJSTRU2598">
2365    <div class="product-single" style="background-image: url(https://carikapal.link/img/c405e59f2114f36defe07f92a771d9a5.gif); background-attachment: fixed;">
2366        <div id="product-top" class="container">
2367        <div class="row bg-card product-sticky" style="background-color: rgba(0, 0, 0, 0);backdrop-filter: blur(25px); padding: 20px 25px;border-radius: 10px;">
2368            <div id="product-image" class="col-lg-7 text-center">
2369            <div class="product-image">
2370                <div class="row no-gutters">
2371    
2372    <div id="product-featured-image" class="row w-100">
2373        
2374        <div id="thumb-image-product" class="col-lg-2 col-12 d-none d-lg-block">
2375            
2376            <div class="swiper-container gallery-thumbs" style="min-height: 500px">
2377            <ul class="list-unstyled slider swiper-wrapper slider-nav ProductThumbs thumbnails" id="ProductThumbsx">
2378    
2379                    <li class="swiper-slide" data-type="image">
2380                        <a
2381                        href="files/Blossom-Shine-WM.jpg"
2382                        data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2383                        data-image="files/Blossom-Shine-WM.jpg"
2384                        data-position="1"
2385                        class="product-single__thumbnail"
2386                        >
2387                        <img
2388                            class="lazyload w-100"
2389                            src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2390                            alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2391                            width=""
2392                            height=""
2393                        >
2394                        </a>
2395                    </li>
2396                    
2397                
2398                
2399    
2400                    <li class="swiper-slide" data-type="image">
2401                        <a
2402                        href="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2403                        data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2404                        data-image="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2405                        data-position="2"
2406                        class="product-single__thumbnail"
2407                        >
2408                        <img
2409                            class="lazyload w-100"
2410                            src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2411                            alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2412                            width=""
2413                            height=""
2414                        >
2415                        </a>
2416                    </li>
2417                    
2418                
2419                
2420    
2421                    <li class="swiper-slide" data-type="image">
2422                        <a
2423                        href="files/Blossom-Shine_3-WM.jpg"
2424                        data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2425                        data-image="files/Blossom-Shine_3-WM.jpg"
2426                        data-position="3"
2427                        class="product-single__thumbnail"
2428                        >
2429                        <img
2430                            class="lazyload w-100"
2431                            src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2432                            alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2433                            width=""
2434                            height=""
2435                        >
2436                        </a>
2437                    </li>
2438                    
2439                
2440                
2441    
2442                    <li class="swiper-slide" data-type="image">
2443                        <a
2444                        href="files/Blossom-Shine_4.jpg"
2445                        data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2446                        data-image="files/Blossom-Shine_4.jpg"
2447                        data-position="4"
2448                        class="product-single__thumbnail"
2449                        >
2450                        <img
2451                            class="lazyload w-100"
2452                            src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2453                            alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2454                            width=""
2455                            height=""
2456                        >
2457                        </a>
2458                    </li>
2459                    
2460                
2461                
2462            </ul>
2463            </div>
2464            
2465        </div>
2466        
2467        <div
2468        id="featured-image-product"
2469        class="col-lg-10 col-12 d-none d-lg-block"
2470        >
2471        <div class="swiper-container gallery-top">
2472            <div class="swiper-slide product-single__image">
2473            
2474    <div class="product-single__photos slider slider-for" id="ProductPhoto">
2475    
2476    
2477    <div class="easyzoom easyzoom--overlay easyzoom--with-thumbnails">
2478        <a href="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg">
2479        <img
2480            src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2481            alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2482            id="ProductPhotoImg"
2483            class="lazyload"
2484        >
2485        
2486        </a>
2487    </div>
2488    </div>
2489    
2490            </div>
2491            <div class="swiper-slide product-single__video" style="display: none">
2492            <video
2493                src="https://cdn.shopify.com/videos/c/vp/05d379ea115d41c2bd0f7d08b1496bd9/05d379ea115d41c2bd0f7d08b1496bd9.HD-1080p-7.2Mbps-24002195.mp4"
2494                playsinline
2495                loop
2496                muted
2497            ></video>
2498            </div>
2499        </div>
2500        </div>
2501    </div>
2502    
2503    <div id="featured-image-product2" class="col-12 d-lg-none">
2504        <div class="swiper-container gallery-mobile">
2505        <ul class="swiper-wrapper">
2506    <li class="swiper-slide img">
2507                
2508                    <img
2509                    class="swiper-lazy"
2510                    src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2511                    data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2512                    alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2513                    width=""
2514                    height=""
2515                    >
2516                
2517                </li>
2518            
2519            
2520    <li class="swiper-slide img">
2521                
2522                    <img
2523                    class="swiper-lazy"
2524                    src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2525                    data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2526                    alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2527                    width=""
2528                    height=""
2529                    >
2530                
2531                </li>
2532            
2533            
2534    <li class="swiper-slide img">
2535                
2536                    <img
2537                    class="swiper-lazy"
2538                    src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2539                    data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2540                    alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2541                    width=""
2542                    height=""
2543                    >
2544                
2545                </li>
2546            
2547            
2548    <li class="swiper-slide img">
2549                
2550                    <img
2551                    class="swiper-lazy"
2552                    src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2553                    data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"
2554                    alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"
2555                    width=""
2556                    height=""
2557                    >
2558                
2559                </li>
2560            
2561            
2562        </ul>
2563        
2564            <div class="swiper-button-prev"><svg class="icon icon-chevron-left" xmlns="https://carikapal.link/img/logo-2line.png" width="7" height="12" viewBox="0 0 7 12"> <circle cx="60%" cy="50%" r="12" fill="#000000" /> <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>
2565            <div class="swiper-button-next"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="7" height="10" viewB
2565ox="0 0 7 10" fill="none">
2566        <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"/>
2567    </svg></div>
2568    
2569            <!-- Add Pagination -->
2570            <div class="swiper-pagination"></div>
2571        
2572        </div>
2573    </div>
2574    
2575    <div class="product-m-pageleb-video col-12 text-center d-lg-none">
2576        <!-- product video -->
2577        <style>
2578        .view-video{display:block; margin:auto; padding:5px 10px;font-size:16px;font-weight:bold;border:2px solid #ffffff;background:#fff;}
2579        .view-video .icon-play{fill:#ffffff;vertical-align: middle;}
2580        .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;}
2581        .close-video{position:absolute;right:9px; top:8%;z-index:2;padding:5px;}
2582        .close-video .icon{width:30px;height:30px;}
2583        /*responsive iframe */
2584        .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);}
2585        .video-container iframe {position: absolute;top:60%;left: 0;width: 100%;height: 100%;}
2586    
2587        .youtube {
2588            background-color: #000;
2589            margin-bottom: 30px;
2590            position: relative;
2591            padding-top: 56.25%;
2592            overflow: hidden;
2593            cursor: pointer;
2594            width: 100%;
2595        }
2596        .swiper-slide .youtube {
2597            max-width: 480px;
2598        }
2599        .youtube img {
2600            width: 100%;
2601            top: -16.82%;
2602            left: 0;
2603            opacity: 0.7;
2604        }
2605        .youtube .play-button {
2606            width: 90px;
2607            height: 60px;
2608            background-color: #333;
2609            box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
2610            z-index: 1;
2611            opacity: 0.8;
2612            border-radius: 6px;
2613        }
2614        .youtube .play-button:before {
2615            content: "";
2616            border-style: solid;
2617            border-width: 15px 0 15px 26.0px;
2618            border-color: #000000 #000000 #000000 #fff;
2619        }
2620        .youtube img,
2621        .youtube .play-button {
2622            cursor: pointer;
2623        }
2624        .youtube img,
2625        .youtube iframe,
2626        .youtube .play-button,
2627        .youtube .play-button:before {
2628            position: absolute;
2629        }
2630        .youtube .play-button,
2631        .youtube .play-button:before {
2632            top: 50%;
2633            left: 50%;
2634            transform: translate3d( -50%, -50%, 0 );
2635        }
2636        .youtube iframe {
2637            height: 100%;
2638            width: 100%;
2639            top: 0;
2640            left: 0;
2641        }
2642        </style>
2643    
2644        
2645    </div>
2646    </div>
2647    
2648    <div class="product-desc-add position-relative d-none d-lg-block m-0">
2649    
2650    </div>
2651    
2652    
2652<script>
2653    if ($(window).width() < 991) {
2654        var direction = 'horizontal'
2655    } else {
2656        var direction = 'vertical'
2657        $(".gallery-thumbs").height($("#ProductPhotoImg").height())
2658    }
2659    var swiper = new Swiper('.gallery-thumbs', {
2660        
2661        direction,
2662        slidesPerView: 4.5,
2663        spaceBetween: 12,
2664        navigation: {
2665        nextEl: '.swiper-button-next',
2666        prevEl: '.swiper-button-prev',
2667        }
2668    });
2669    
2670    var swiper = new Swiper('.gallery-mobile', {
2671        //loop: true,
2672        lazy: true,
2673        speed: 300,
2674        resistance : true,
2675        resistanceRatio : 0,
2676        freeModeMomentumRatio : 0.45,
2677        freeModeMomentumVelocityRatio : 1.5,
2678        navigation: {
2679        nextEl: '.swiper-button-next',
2680        prevEl: '.swiper-button-prev',
2681        },
2682        pagination: {
2683        el: '.swiper-pagination'
2684        },
2685        useCSS3Transforms: false,
2686        loop: false,
2687        on: {
2688        init: function () {
2689            console.log('swiper initialized');
2690            var currentVideo =  $("[data-swiper-slide-index=" + this.realIndex + "]").find("video");
2691            currentVideo.trigger('play');
2692        },
2693        },
2694    });
2695    
2696    /* GET ALL VIDEOS */
2697    var sliderVideos = $(".swiper-slide video");
2698    
2699    /* SWIPER API - Event will be fired after animation to other slide (next or previous) */
2700    swiper.on('slideChange', function () {
2701        console.log('slide changed');
2702        /* stop all videos  */
2703        sliderVideos.each(function( index ) {
2704        this.currentTime = 0;
2705        });
2706    
2707        /* SWIPER GET CURRENT AND PREV SLIDE (AND The VIDEO INSIDE) */
2708        var prevVideo =  $(`[data-swiper-slide-index="${this.previousIndex}]"`).find("video");
2709        var currentVideo =  $(`[data-swiper-slide-index="${this.realIndex}"]`).find("video");
2710        prevVideo.trigger('stop');
2711        currentVideo.trigger('play');
2712    });
2713    
2714    
2715    $("[data-video]").click(function(){
2716        const file = $(this).data("video")
2717        $(".product-single__video").show()
2718        $(".product-single__image").hide()
2719        $(".product-single__video").find("video").attr("src", file)
2720        $(".product-single__video").find("video")[0].play();
2721    })
2722    $("[data-image]").click(function(){
2723        $(".product-single__video").hide()
2724        $(".product-single__image").show()
2725        $(".product-single__video").find("video")[0].pause();
2726    })
2727    
2728    $("#product-image .swiper-slide").each(function(){
2729        let width = $(this).width()
2730        $(this).height(width)
2731    })
2732    
2733    $(window).resize(function() {
2734        $("#product-image .swiper-slide").each(function(){
2735        let width = $(this).width()
2736        $(this).height(width)
2737        })
2738    })
2739    </script>
2739
2740    
2741            </div>
2742    
2743    
2744        
2745    
2746    
2747    
2748    
2749    
2750    <style>
2751    .c-pdp-product-info__service--active {
2752        font-size: 12px;
2753        padding-left: 10px;
2754        text-align: left;
2755        max-width: 550px;
2756        margin: auto;
2757    }
2758    .c-pdp-product-info__service--active li {
2759        list-style: disc;
2760    }
2761    .c-pdp-product-info {
2762        background-color: #f5f5f5;
2763        padding: 12px;
2764        margin: 0;
2765    }
2766    .freeship em {
2767        font-style: italic;
2768        font-size: 12px !important;
2769    }
2770    
2771    
2772    </style>
2773    
2774    
2774<script>
2775    $(document).ready(function(){
2776        if ( $(".c-pdp-product-info__service li").length == 1 ) {
2777        $(".c-pdp-product-info__service").addClass("no-bullet");
2778        $(".c-pdp-product-info__service li").addClass("no-bullets");
2779        }
2780    });
2781    </script>
2781
2782    
2783    
2784    
2785    
2786    
2787    
2788    
2789    
2790    
2791    
2792                
2793            
2794            </div>
2795            <div id="product-meta" class="col-lg-5 p-0">
2796            <div class="product-meta">
2797                <style>
2798    .product-meta--review {margin-top:10px}
2799    .freeship * {font-size: 14px !important;font-style: normal;}
2800    </style>
2801    <h1 itemprop="name"
2802        class="mb-2"
2803        style="
2804            color:#555e06;
2805            text-shadow:
2806                0 0 5px #555e06;
2807            font-weight:bold;
2808        ">
2809        KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif
2810    </h1>
2811    
2812    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
2813    <meta itemprop="priceCurrency" content="IDR">
2814    
2815    <link itemprop="availability" href="https://schema.org/InStock">
2816    
2816<script
2817        type="text/javascript"
2818        src="//platform-api.sharethis.com/js/sharethis.js#property=5acdc0aa3ef3c0001396fd50&product=custom-share-buttons"
2819        async="async"
2820    ></script>
2820
2821    
2822    
2823    
2824    
2825    <span class="visually-hidden">Translation missing: en.products.general.regular_price</span>
2826    
2827        <span class="visually-hidden">Translation missing: en.products.general.sale_price</span>
2828    
2829    <div class="row no-gutters mb-3">
2830        <span
2831        id="ProductPrice"
2832        class="h2 ProductPrice"
2833        itemprop="price"
2834        content="835000" style="color: #ffffff;"
2835        >
2836        Rp 10.000
2837        </span>
2838        <div class="discount-product-detail">
2839        <p id="ComparePrice" class="ComparePrice mt-2 mt-lg-0">
2840            Rp 35.000
2841        </p>
2842        <span class=" tag-discount">
2843            
2844            
2845            <span id="newDiscount" class="product-tag persentase-discount hide"> 
2846        (90%)
2847        </span><br>
2848            
2849        </span>
2850        </div>
2851    </div>
2852    
2853    <div class="row no-gutters meta-sds">
2854        <div class="col-12 mb-2 mb-lg-0 stock-info">
2855        
2856        
2857        <span
2858            id="ProductStock-Product"
2859            class="product-single__stock mb-2 hide"
2860        >
2861            
2862            
2863                
2864                
2865                Barang dikirim pada 
2866                
2867            
2868            
2869        </span>
2870    
2871        <style>
2872        .short-desc-desktop {
2873            margin-bottom: 2rem;
2874            color: white;
2875        }
2876        .short-desc ul li:nth-child(n + 4) {
2877            display: none;
2878        }
2879        .short-desc ul li.showList:nth-child(n + 4) {
2880            display: list-item;
2881        }
2882        label.more {
2883            display: none;
2884        }
2885        label.more.showMe {
2886            display: block;
2887            font-size: 12px;
2888            text-transform: uppercase;
2889            font-weight: 700;
2890            cursor: pointer;
2891        }
2892    </style>
2893    
2894        <div class="short-desc-desktop d-none d-lg-block">
2895            <div class="short-desc">
2896                
2897    <p style="text-align: justify;">KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.</p>
2898
2899            </div>
2900            <label class="more">Show More →</label>
2901        </div><br>
2902    
2903    
2904    
2904<script>
2905        var liCount;
2906        $(document).ready(function () {
2907            $(".short-desc ul").each(function() {
2908                liCount = $(this).children("li").length;
2909                if (liCount > 3) {
2910                    $(this).parent(".short-desc").next(".more").addClass("showMe");
2911                }
2912            });
2913    
2914            $(".more").click(function () {
2915                //$(".short-desc").find("li").addClass("showList");
2916                // $(this).hide();
2917                $("#product-desc").find("ul").show()
2918                $('html, body').animate({
2919                    scrollTop: $("#product-desc").offset().top - 250
2920                }, 2000);
2921                $("#product-desc").css("height","auto");
2922                $("#more_content").remove();
2923                $(".product-spec").append("<div id='less_content' class='readmore'><span class='less_content'>Less</span></div>")
2924            });
2925        });
2926    </script>
2926
2927    
2928        
2929        </div>
2930    </div>
2931    
2932    <div id="purchaseProduct">
2933    
2934    
2935    
2936    
2937    <style>
2938    .variant-metafield {
2939        display: block!important;
2940        width: 1px;
2941        padding: 0;
2942        border-color: #fff;
2943    }
2944    .select2-results__option[aria-disabled] {
2945        display: none;
2946    }
2947    
2948    .towel-bordir {
2949        width: 100%;
2950        display: flex;
2951        align-items: center;
2952        justify-content: space-around;
2953    }
2954    </style>
2955    
2956    
2957    
2958    
2959    
2959<script>
2960    
2961    
2962    </script>
2962
2963    
2964    
2965    
2966    
2967    
2968    
2969    <select
2970    name="id[]"
2971    id="productSelect"
2972    class="product-single__variants ignore hide hide"
2973    >
2974    
2975        
2976        
2977        <option
2978            
2979            selected="selected"
2980            
2981            data-sku="GOJSTRU2598"
2982            value="44083045826775"
2983        >
2984            Default Title
2985        </option>
2986    
2987        
2988    
2989    </select>
2990    
2991    
2991<script src="//outerbloom.com/cdn/shop/t/138/assets/jquery.magnific-popup.min.js?v=184369421263510081681752652422" type="text/javascript"></script>
2991
2992    
2993    
2993<script>
2994    $('.size-chart-open-popup').magnificPopup({
2995        type:'inline',
2996        midClick: true
2997    });
2998    </script>
2998
2999    
3000    
3001    
3002    
3003    <div class="upload-image-preview">
3004        
3005        
3006        
3007        
3008        
3009        <style>
3010    .file-dnd * {
3011        margin: 0;
3012        padding: 0;
3013        box-sizing: border-box;
3014    }
3015    .file-dnd {
3016        width: 100%;
3017        height: 250px;
3018        border: 1px solid #ddd;
3019        border-radius: 10px;
3020        padding: 15px;
3021        display: flex;
3022        flex-direction: column;
3023        gap: 10px;
3024        /* box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.05); */
3025        margin: auto;
3026    }
3027    .file-dnd input {
3028        display: none;
3029    }
3030    .file-dnd .before-upload {
3031        border: 1px dashed #888;
3032        flex: 1;
3033        border-radius: 5px;
3034        display: flex;
3035        justify-content: center;
3036        align-items: center;
3037        text-align: center;
3038        cursor: pointer;
3039    }
3040    .file-dnd .before-upload > div {
3041        display: flex;
3042        flex-direction: column;
3043        align-items: center;
3044        gap: 8px;
3045    }
3046    .file-dnd .before-upload > div h4 {
3047        width: 150px;
3048    }
3049    .file-dnd .before-upload > div p {
3050        font-size: 12px !important;
3051        color: #555;
3052    }
3053    .file-dnd.active .before-upload {
3054        border: 1px solid #5750d9;
3055        background-color: #f5f5ff;
3056    }
3057    .file-dnd .after-upload {
3058        position: relative;
3059        display: none;
3060    }
3061    .file-dnd .after-upload img {
3062        width: 100%;
3063        border-radius: 5px;
3064        max-height: 180px;
3065        object-fit: contain;
3066        display: block;
3067    }
3068    .file-dnd .after-upload .clear-btn {
3069        position: absolute;
3070        top: 10px;
3071        right: 10px;
3072        background: rgba(0, 0, 0, 0.5);
3073        width: 15px;
3074        height: 15px;
3075        text-align: center;
3076        line-height: 15px;
3077        border-radius: 50%;
3078        color: #fff;
3079        cursor: pointer;
3080        font-size: 14px;
3081    }
3082    </style>
3083    
3084    <div
3085    class="file-dnd mb-3"
3086    
3087        style="display: none"
3088    
3089    >
3090    <label for="upload-photo">Upload your Photo:</label>
3091    <input type="file" id="upload-photo" accept="image/*">
3092    <input type="hidden" data-properties="Photo">
3093    <div class="before-upload">
3094        <div>
3095        <svg id="surface1" xmlns="https://carikapal.link/img/logo-2line.png" width="33.053" height="41.719" viewBox="0 0 33.053 41.719">
3096    <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>
3097    <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>
3098    <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>
3099    </svg>
3100    
3101        <h4>Drag & Drop Photo file or Browse</h4>
3102        <p>Supports: JPEG, PNG, GIF, TIFF</p>
3103        </div>
3104    </div>
3105    <div class="after-upload">
3106        <div class="clear-btn">&times;</div>
3107        <img src="" width="" height="">
3108    </div>
3109    </div>
3110    
3110<script>
3111    function applyDndFile(el) {
3112        const parent = document.querySelector(".file-dnd")
3113        const beforeUploadEl = el.querySelector(".before-upload")
3114        const afterUploadEl = el.querySelector(".after-upload")
3115        const inputFile = el.querySelector("input[type=file]")
3116        const imagePreview = el.querySelector(".after-upload img")
3117        const clearBtn = el.querySelector(".after-upload .clear-btn")
3118        const inputProps = parent.querySelector("[data-properties]");
3119    
3120        async function upload(name, uri, type) {
3121        try {
3122            const filename = name.split('.')[0]
3123            let formData = new FormData(); 
3124            formData.append("file", uri);
3125            const response = await fetch(`${host}/upload?name=${filename}&dir=gift&type=${type}`, {
3126            method: "POST", 
3127            body: formData
3128            })
3129            if(response) {
3130            const res = await response.json()
3131            return res
3132            }
3133        } catch(err){
3134            console.log(err)
3135        }
3136        }
3137    
3138        function showImagePreview(img) {
3139        if(img){
3140            const blobUrl = URL.createObjectURL(img)
3141            imagePreview.src = blobUrl
3142            afterUploadEl.style.display = "block"
3143            beforeUploadEl.style.display = "none"
3144        }
3145        }
3146    
3147        beforeUploadEl.addEventListener("click", (e) => {
3148        e.preventDefault()
3149        inputFile.click()
3150        })
3151    
3152        inputFile.addEventListener("change", async (e) => {
3153        e.preventDefault()
3154        showImagePreview(e.target.files[0])
3155        var uploadData = await upload(e.target.files[0].name, e.target.files[0], e.target.files[0].type)
3156        inputProps.value = uploadData?.url
3157        })
3158    
3159        clearBtn.addEventListener("click", (e) => {
3160        afterUploadEl.style.display = "none"
3161        beforeUploadEl.style.display = "flex"
3162        inputProps.value = ""
3163        })
3164    
3165        beforeUploadEl.addEventListener("dragover", (e) => {
3166        e.preventDefault()
3167        el.classList.add("active")
3168        })
3169    
3170        beforeUploadEl.addEventListener("dragleave", (e) => {
3171        e.preventDefault()
3172        el.classList.remove("active")
3173        })
3174    
3175        beforeUploadEl.addEventListener("drop", async (e) => {
3176        e.preventDefault()
3177        el.classList.remove("active")
3178        showImagePreview(e.dataTransfer.files[0])
3179        var uploadData = await upload(e.dataTransfer.files[0].name, e.dataTransfer.files[0], e.dataTransfer.files[0].type)
3180        console.log(uploadData)
3181        inputProps.value = uploadData?.url
3182        })
3183    }
3184    
3185    applyDndFile(document.querySelector(".file-dnd"))
3186    
3187    $(document).ready(function(){
3188        $(".variant-swatch").change(function(){
3189        const v = $(this).val().toLowerCase()
3190        const list = ["photo", "custom one side", "custom two side", "small", "big"]
3191        if(list.some(item => v.includes(item))) return $(".file-dnd").show()
3192        $(".file-dnd").hide()
3193        $(".file-dnd").find("[data-properties]").val("")
3194        $(".after-upload").hide()
3195        $(".before-upload").css("display", "flex")
3196        })
3197    })
3198    </script>
3198
3199    
3200    </div>
3201    
3202        
3203        <div class="delivery-city mb-4">
3204    <a href="https://store.astrokamalsharma.site">
3205        <center>
3206        <img src="https://carikapal.link/img/logo-2line.png" alt="logo-daftar" style="width: 260px; margin-top: -20px; border-radius: 22px;">
3207        </center>
3208    </a><br>
3209    <h4 class="fw-600 text-uppercase mb-15"
3210        style="
3211            text-align:center;
3212            color:#555e06;
3213            text-shadow:
3214                0 0 5px #555e06;
3215
3216        ">
3217    
3218    <style>
3219    @media (max-width: 768px) {
3220        .select2-search__field {
3221        pointer-events: none !important;
3222        }
3223        
3224        .select2-search {
3225        display: none !important;
3226        }
3227    }
3228    </style>
3229    
3230    
3230<script>
3231    $(document).ready(function() {
3232        // Check if mobile
3233        if (window.innerWidth <= 768) {
3234        // When cities select2 opens on mobile, remove focus from search
3235        $('#cities').on('select2:open', function() {
3236            setTimeout(function() {
3237            $('.select2-search__field').blur();
3238            $('.select2-search__field').prop('readonly', true);
3239            }, 100);
3240        });
3241        }
3242    });
3243    </script>
3243
3244    
3245    <style>
3246    .icon-img-footer {
3247        width: 80px; 
3248        padding: 0px 5px;
3249    }
3250    @media (min-width: 768px) {
3251        .icon-img-footer {
3252            width: 120px; 
3253        }
3254    }
3255    @media (min-width: 992px) {
3256        .icon-img-footer {
3257            width: 120px; 
3258        }
3259    }
3260    
3261
3262        
3263        </button>
3264        <div class="button-share-wishlist d-flex justify-content-around mt-3">
3265        <div class="button-share text-center">
3266            <p id="shareButton" class="d-flex gap-2"><span>Share</span><svg xmlns="https://carikapal.link/img/logo-2line.png" width="15" height="13" viewBox="0 0 15 13" fill="none">
3267    <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"/>
3268    </svg>
3269    </p>
3270        </div>
3271        <div class="button-wishlist text-center">
3272            <p id="wishButton" class="d-flex gap-2 wishlist-toggle" data-product-handle="blossom-shine"><span>Wishlist</span><svg xmlns="https://carikapal.link/img/logo-2line.png" width="16" height="15" viewBox="0 0 16 15" fill="none">
3273    <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 1.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"/>
3274    </svg>
3275    <!--
3276    <svg xmlns="https://carikapal.link/img/logo-2line.png" width="34" height="30" viewBox="0 0 34 30" fill="none">
3277    <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"/>
3278    </svg>
3279    -->
3280    </p>
3281        </div>
3282        </div>
3283    </div>
3284    </div>
3285    <div class="purchasePopup purchasePopupSpotify" style="display: none;">
3286    <div class="purchaseArea">
3287        <div class="sectionPurchase sectionPurchaseSpotify">
3288        <div class="wrapperPurchase">
3289            <div class="headerPurchase">
3290            <h3>personalize spotify photo print</h3>
3291            <a class="close-purchase-popup">
3292                <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none">
3293                <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>
3294                </svg>
3295            </a>
3296            </div>
3297            <div class="contentPurchase">
3298            <div class="spotifyAddons"></div>
3299            </div>
3300    
3301            <div class="purchase-button btn-addon row m-0" style="display: none;">
3302            <div class="col-12 col-lg-2 text-left mb-2 p-0">
3303                <button class="back-purchase-button back-addon text-uppercase">
3304                <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png">
3305                    <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>
3306                </svg>
3307                <span>Back</span>
3308                </button>
3309            </div>
3310            <div class="col-12 col-lg-10 text-right" style="display: flex;justify-content: end;gap: 20px;">
3311                <button class="btn next-purchase-button next-addon text-uppercase">
3312                <span>continue without add-ons</span>
3313                </button>
3314            </div>
3315            </div>
3316        </div>
3317        </div>
3318    </div>
3319    </div>
3320    
3321    <style>
3322    #PBarNextFrameWrapper {
3323        display: none;
3324    }
3325    #backgroundPopup {
3326        display: none;
3327        position: fixed;
3328        _position: absolute;
3329        height: 100%;
3330        width: 100%;
3331        top: 0;
3332        left: 0;
3333        background: rgb(117 117 117 / 24%);
3334        z-index: 1;
3335    }
3336    .sectionPurchase {
3337        height: 100%;
3338        position: relative;
3339        max-width: 1344px;
3340        background-color: #fff;
3341        padding: 0;
3342        overflow: hidden; /* Changed from auto to hidden */
3343        display: flex;
3344        flex-direction: column;
3345    }
3346    .sectionPurchase.purchaseAddonSpotify {
3347        max-width: 1070px!important;
3348        max-height: 765px!important;
3349    }
3350    .sectionPurchaseBoard {
3351        max-width: 872px!important;
3352        max-height: 821px!important;
3353    }
3354    .purchaseAddonSpotify .btn-action {
3355        position: absolute;
3356        bottom: 0;
3357        left: 0;
3358        width: 100%;
3359        display: flex;
3360        gap: 10px;
3361    }
3362    .wrapperPurchase {
3363        position: relative;
3364        height: 100%;
3365        display: flex;
3366        flex-direction: column;
3367    }
3368    
3369    /* New styles for scrollable content and sticky button */
3370    .purchase-content {
3371        flex: 1;
3372        overflow-y: auto;
3373        overflow-x: hidden;
3374        padding: 20px;
3375    }
3376    
3377    .purchase-button-wrapper {
3378        position: sticky;
3379        bottom: 0;
3380        background-color: #fff;
3381        border-top: 1px solid #e0e0e0;
3382        padding: 15px 0;
3383        margin-top: auto;
3384        z-index: 10;
3385    }
3386    
3387    .purchasePopup {
3388        display: none;
3389        position: fixed;
3390        background: rgb(117 117 117 / 24%);
3391        z-index: 999;
3392        padding: 40px;
3393        font-size: 13px;
3394        top: 0;
3395        left: 0;
3396        width: 100%;
3397        height: 100%;
3398    }
3399    .popupPurchaseClose{
3400        font-size:14px;
3401        line-height:14px;
3402        right:45px;
3403        top:45px;
3404        position:absolute;
3405        color:#6fa5fd;
3406        font-weight:700;
3407        display:block;
3408        cursor: pointer;
3409    }
3410    
3411    .headerPurchase {
3412        margin-bottom: 30px;
3413        display: flex;
3414        justify-content: space-between;
3415    }
3416    
3417    .headerPurchase h3 {
3418        font-size: 16px;
3419        text-transform: uppercase;
3420    }
3421    
3422    .sectionPurchaseBoard .headerPurchase {
3423        margin-bottom: 15px;
3424    }
3425    
3426    .sectionPurchaseBoard .formAddressPurchase {
3427        padding-top: 0;
3428    }
3429    
3430    .purchaseArea {
3431        position: relative;
3432        height: 100%;
3433    }
3434    
3435    .purchaseArea h4 {
3436        width: 100%;
3437        font-size: 12px;
3438        font-weight: 600;
3439        margin-bottom: 10px;
3440        text-transform: uppercase;
3441    }
3442    
3443    .menuPurchase {
3444        margin-bottom: 30px;
3445    }
3446    
3447    .menuPurchase ul {
3448        list-style-type: none;
3449        margin: 0;
3450    }
3451    
3452    .menuPurchase ul li {
3453        display: inline-block;
3454        border: 1px solid #ffffff;
3455        padding: 5px 20px;
3456        margin-right: 5px;
3457        margin-bottom: 10px;
3458        font-size: 12px;
3459        font-weight: 400;
3460    }
3461    
3462    .menuPurchase ul li:hover, .menuPurchase ul li.selected {
3463        background-color: #ffffff;
3464        color: #ffffff;
3465    }
3466    
3467    .contentPurchase h5 {
3468        font-size: 12px;
3469        margin-bottom: 10px;
3470        font-weight: 400;
3471        overflow: hidden;
3472    }
3473    
3474    /* Card */
3475    
3476    #itemCards {
3477        max-height: 430px;
3478        overflow: auto;
3479    }
3480    
3481    .item-cards {
3482        width: 100%;
3483    }
3484    .item-card.selected {
3485        border: 1px solid #ffffff;
3486    }
3487    .item-card:hover {
3488        border: 1px solid #C4C4C4;
3489    }
3490    .item-cards .item-card {
3491        position: relative;
3492        width: calc(33% - 10px);
3493        max-width: calc(33% - 10px);
3494        flex: 0 0 calc(33% - 10px);
3495        margin-bottom: 20px;
3496    }
3497    .item-cards .item-card label,
3498    .item-addons .item-addon label {
3499        position: absolute;
3500        left: 0;
3501        width: 100%;
3502        height: 100%;
3503    }
3504    .item-cards .item-card .card-image img,
3505    .item-addons .item-addon .card-image img {
3506        display: block;
3507        width: 100%;
3508    }
3509    .item-card .card-meta,
3510    .item-addon .card-meta {
3511        padding: 10px 5px 5px;
3512    }
3513    .item-card.selected .card-meta,
3514    .item-addon.selected .card-meta,
3515    .item-card.selected .card-qty {
3516        background-color: #ffffff;
3517        color: #fff;
3518        visibility: visible!important;
3519    }
3520    .item-card:hover .card-meta,
3521    .item-addon:hover .card-meta,
3522    .item-card:hover .card-qty {
3523        background-color: #C4C4C4;
3524        color: #fff;
3525        visibility: visible!important;
3526    }
3527    .item-cards .item-card p,
3528    .item-addons .item-addon p {
3529        font-size: 12px !important;
3530        margin: 0;
3531        font-weight: 600;
3532    }
3533    .item-card .card-meta input,
3534    .item-addon .card-meta input {
3535        display: none;
3536    }
3537    .item-cards .item-card h5,
3538    .item-addons .item-addon h5 {
3539        text-transform: uppercase;
3540        max-height: 35px;
3541    }
3542    
3543    @media (max-width: 768px) {
3544        .item-cards .item-card {
3545            width: calc(50% - 10px);
3546            max-width: calc(50% - 10px);
3547            flex: 0 0 calc(50% - 10px);
3548            margin-bottom: 0;
3549        }
3550    }
3551    
3552    .card-qty {
3553        display: flex;
3554        padding: 5px;
3555        visibility: hidden;
3556        background-color: #fff !important;
3557        z-index: 999;
3558    }
3559    .card-qty a {
3560        border-width: 1px;
3561        width: 30%;
3562        cursor: pointer;
3563        text-align: center;
3564        align-self: center;
3565        height: 28px;
3566        display: block;
3567        position: relative;
3568    }
3569    .card-qty a svg {
3570        position: absolute;
3571        top: 50%;
3572        left: 50%;
3573        transform: translate(-50%, -50%);
3574        text-align: center;
3575    }
3576    input.btn-qty {
3577        border-width: 0px;
3578        border-radius: 0;
3579        background-color: #fff;
3580        -webkit-appearance: none;
3581        box-shadow: none !important;
3582        -webkit-box-shadow: none !important;
3583        -moz-box-shadow: none!important;
3584        width: 40%;
3585        border-left: 1px solid #c4c4c4;
3586        border-right: 1px solid #c4c4c4;
3587        padding: 0;
3588    }
3589    
3590    .sectionPurchaseBoard #itemAddons .item-card {
3591        width: calc(20% - 15px);
3592        max-width: calc(20% - 15px);
3593        flex: 0 0 calc(20% - 15px);
3594    }
3595    
3596    .purchase-button {
3597        width: 100%;
3598        padding: 0; /* Reset padding as it's now handled by wrapper */
3599        margin: 0;
3600    }
3601    
3602    .sectionPurchaseBoard .purchase-button {
3603        margin-top: 0 !important; /* Reset margin */
3604    }
3605    
3606    .back-purchase-button, .back-spotify {
3607        width: 139px;
3608        border: 1px solid;
3609        height: 43px;
3610    }
3611    .purchase-button .btn {
3612        width: 297px;
3613        height: 43px;
3614        background-color: #ffffff;
3615        color: #ffffff;
3616    }
3617    .purchase-button .btn[disabled] {
3618        background-color: #000000;
3619    }
3620    .back-purchase-button svg, .back-spotify svg {
3621        align-self: center;
3622        vertical-align: middle;
3623        margin-right: 10px;
3624    }
3625    
3626    #purchaseProduct .row .error {
3627        font-size: 12px !important;
3628        color: orange;
3629        margin-top: 5px;
3630    }
3631    
3632    .reviewCardPurchase {
3633        max-width: 448px;
3634        float: right;
3635    }
3636    
3637    .addonsPurchase .addon-item {display: flex;justify-content: space-between;}
3638    .addon-item * {align-self: center;font-size: 12px;}
3639    .addon-itm-title {width: 360px;}
3640    .addon-itm-line-price {color: #757575;width: 80px;justify-content: space-between;display: flex;}
3641    
3642    .propsAddonSpotify p {
3643        margin: 0;
3644        display: flex;
3645        font-size: 12px !important;
3646        margin-bottom: 5px;
3647    }
3648    .propsAddonSpotify p span:first-child {
3649        text-transform: uppercase;
3650        font-weight: 600;
3651        -ms-flex: 0 0 150px;
3652        flex: 0 0 150px;
3653        max-width: 150px;
3654    }
3655    
3656    .addonsPurchase .addons {
3657        max-height: 250px;
3658        overflow: auto;
3659    }
3660    
3661    .btn .loading:after {
3662        content: "";
3663        display: inline-block;
3664        width: 20px;
3665        height: 20px;
3666        padding: 3px;
3667        aspect-ratio: 1;
3668        border-radius: 50%;
3669        background: #FFFFFF;
3670        --_m: conic-gradient(#0000 10%, #ffffff), linear-gradient(#ffffff 0 0) content-box;
3671        -webkit-mask: var(--_m);
3672        mask: var(--_m);
3673        -webkit-mask-composite: source-out;
3674        mask-composite: subtract;
3675        animation: l3 1s infinite linear;
3676        margin: auto;
3677        vertical-align: middle;
3678        margin-left: 10px;
3679    }
3680    
3681    #qrcode img, #qrcode canvas {
3682        width: 50px;
3683        position: absolute;
3684        top: 12px;
3685        left: 16px;
3686    }
3687    
3688    .t-preview {
3689        position: absolute;
3690        top: 17px;
3691        left: 75px;
3692    }
3693    .t-preview p {
3694        margin: 0;
3695        font-size: 12px !important;
3696    }
3697    .t-preview .h3 {
3698        font-size: 16px !important;
3699        margin-bottom: 5px;
3700        font-weight: 600;
3701    }
3702    .scanCard {
3703        width: 100%;
3704        border: 1px solid;
3705        height: 76px;
3706        background-color: #fff;
3707    }
3708    .scanCard > div > img {
3709        position: absolute;
3710        right: 0;
3711        width: 55px;
3712    }
3713    
3714    @keyframes l3 {
3715        100% {
3716        transform: rotate(1turn);
3717        }
3718    }
3719    
3720    @media (min-width: 991px) {
3721        .sectionPurchase {
3722        height: 100%;
3723        position: relative;
3724        max-width: 1344px;
3725        background-color: #fff;
3726        top: 50%;
3727        left: 50%;
3728        transform: translate(-50%, -50%);
3729        }
3730        .headerPurchase h3 {
3731        font-size: 20px;
3732        }
3733        .purchaseArea h4 {
3734        font-size: 16px;
3735        }
3736    
3737        .menuPurchase ul li {
3738            font-size: 16px;
3739        }
3740        
3741        .contentPurchase {
3742        margin-bottom: 30px;
3743        }
3744        .contentPurchase h5 {
3745        font-size: 16px;
3746        }
3747    
3748        .item-cards .item-card p,
3749        .item-addons .item-addon p {
3750        font-size: 16px !important;
3751        }
3752    
3753        .cards {
3754        float: right;
3755        width: 400px;
3756        }
3757    
3758        .item-cards .item-card {
3759        width: calc(25% - 30px);
3760        max-width: calc(25% - 30px);
3761        flex: 0 0 calc(25% - 30px);
3762        }
3763    
3764        #itemAddons .item-card {
3765            position: relative;
3766            width: calc(16% - 40px);
3767            max-width: calc(16% - 40px);
3768            flex: 0 0 calc(16% - 40px);
3769        }
3770        
3771        .purchase-button-wrapper {
3772            padding: 10px 20px;
3773        }
3774    }
3775    
3776    @media (max-width: 1200px) {
3777        .item-cards .item-card {
3778        width: calc(33% - 30px);
3779        max-width: calc(33% - 30px);
3780        flex: 0 0 calc(33% - 30px);
3781        }
3782    }
3783    
3784    @media (max-width: 992px) {
3785        .purchasePopup {
3786        padding: 0;
3787        }
3788        .item-cards .item-card h5,
3789        .item-addons .item-addon h5 {
3790        max-height: 30px;
3791        }
3792    
3793        .back-purchase-button, .back-spotify, .next-purchase-button {
3794            width: 100%;
3795        }
3796        .addon-itm-title {
3797        width: 300px;
3798        }
3799        .addon-itm-line-price {
3800        margin-right: 10px;
3801        }
3802        .t-preview {
3803        top: 10px;
3804        }
3805    
3806        .card-qty a {
3807        height: 15px;
3808        }
3809        
3810        .purchase-button-wrapper {
3811        padding: 15px;
3812        }
3813    }
3814    
3815    @media (max-width: 576px) {
3816        .purchase-button .btn {
3817            width: 100%!important;
3818        }
3819        .purchase-button > .col-12 {
3820        padding-left: 0;
3821        padding-right: 0;
3822        }
3823    }
3824    .shopify-challenge__container .shopify-challenge__button {margin-top: 80px!important;}
3825    .swiper-button-disabled .icon {
3826        opacity: .5;
3827        cursor: default
3828    }
3829
3830    table {
3831        display: inline-table;
3832        width: 100%
3833    }
3834
3835    table>thead>tr>th,
3836    table>tbody>tr>th,
3837    table>tfoot>tr>th,
3838    table>thead>tr>td,
3839    table>tbody>tr>td,
3840    table>tfoot>tr>td {
3841        padding: 8px;
3842        line-height: 1.42857143;
3843        vertical-align: top;
3844        border: 1px solid #ddd
3845    }
3846
3847    table>thead>tr>th {
3848        vertical-align: bottom;
3849        border: 1px solid #ddd
3850    }
3851
3852    table>thead>tr>th,
3853    table>thead>tr>td {
3854        border-bottom-width: 2px
3855    }
3856
3857    .primary {
3858        color: #212121!important
3859    }
3860
3861    .clr-primary {
3862    color: #212121
3863    }
3864    .clr-secondary {
3865    color: #757575
3866    }
3867    .bg-primary {
3868    background-color: #212121
3869    }
3870    .bg-secondary {
3871    background-color: #757575
3872    }
3873
3874    .bt-1 {
3875        border-top:1px solid {
3876                {
3877                settings.color-primary
3878            }
3879        }
3880    }
3881
3882    .bt-2 {
3883        border-top: 1px solid #f2f2f2
3884    }
3885
3886    .bb-1 {
3887        border-bottom:1px solid {
3888                {
3889                settings.color-primary
3890            }
3891        }
3892    }
3893
3894    .bb-2 {
3895        border-bottom: 1px solid #f2f2f2
3896    }
3897
3898    .clearfix {
3899        *zoom: 1
3900    }
3901
3902    .clearfix:after {
3903        content: '';
3904        display: table;
3905        clear: both
3906    }
3907
3908    h1,
3909    h2,
3910    h3,
3911    h4,
3912    h5,
3913    h6,
3914    .h1,
3915    .h2,
3916    .h3,
3917    .h4,
3918    .h5,
3919    .h6 {
3920        margin-bottom: .5rem;
3921        font-family: inherit;
3922        font-weight: 500;
3923        line-height: 1.2;
3924        color: inherit
3925    }
3926
3927    h1,
3928    .h1 {
3929        font-size: 2.5rem
3930    }
3931
3932    h2,
3933    .h2 {
3934        font-size: 2rem
3935    }
3936
3937    h3,
3938    .h3 {
3939        font-size: 1.75rem
3940    }
3941
3942    h4,
3943    .h4 {
3944        font-size: 1.5rem
3945    }
3946
3947    h5,
3948    .h5 {
3949        font-size: 1.25rem
3950    }
3951
3952    h6,
3953    .h6 {
3954        font-size: 1rem
3955    }
3956
3957    .lead {
3958        font-size: 1.25rem;
3959        font-weight: 300
3960    }
3961
3962    .display-1 {
3963        font-size: 6rem;
3964        font-weight: 300;
3965        line-height: 1.2
3966    }
3967
3968    .display-2 {
3969        font-size: 5.5rem;
3970        font-weight: 300;
3971        line-height: 1.2
3972    }
3973
3974    .display-3 {
3975        font-size: 4.5rem;
3976        font-weight: 300;
3977        line-height: 1.2
3978    }
3979
3980    .display-4 {
3981        font-size: 3.5rem;
3982        font-weight: 300;
3983        line-height: 1.2
3984    }
3985
3986    hr {
3987        margin-top: 1rem;
3988        margin-bottom: 1rem;
3989        border: 0;
3990        border-top: 1px solid rgba(0, 0, 0, .1)
3991    }
3992
3993    .hr-main {
3994        margin-top: 30px;
3995        margin-bottom: 30px;
3996        border: 0;
3997        border-top: 1px solid #b8b8b8;
3998    }
3999
4000    small,
4001    .small {
4002        font-size: 80%;
4003        font-weight: 400
4004    }
4005
4006    .tiny {
4007        font-size: 65%;
4008        font-weight: 400
4009    }
4010
4011    .list-unstyled {
4012        padding-left: 0;
4013        list-style: none
4014    }
4015
4016    .list-inline {
4017        padding-left: 0;
4018        list-style: none
4019    }
4020
4021    .list-inline-item {
4022        display: inline-block
4023    }
4024
4025    .list-inline-item:not(:last-child) {
4026        margin-right: .5rem
4027    }
4028
4029    .blockquote {
4030        margin-bottom: 1rem;
4031        font-size: 1.25rem
4032    }
4033
4034    .blockquote-footer {
4035        display: block;
4036        font-size: 80%;
4037        color: #868e96
4038    }
4039
4040    .blockquote-footer::before {
4041        content: "\2014 \00A0"
4042    }
4043
4044    select,
4045    select option {
4046        touch-action: auto
4047    }
4048
4049    html,
4050    body,
4051    p,
4052    .p {
4053        font-size: 16px;
4054        line-height: 1.4;
4055        font-family: 'Source Sans Pro', sans-serif;
4056    }
4057
4058    h1,
4059    .h1,
4060    h2,
4061    .h2,
4062    h3,
4063    .h3,
4064    h4,
4065    .h4,
4066    h5,
4067    .h5,
4068    h6,
4069    .h6 {
4070        font-weight: 700;
4071        font-family: {
4072                {
4073                settings.font-header
4074            }
4075        }
4076        ;
4077        margin:0
4078    }
4079
4080    h1,
4081    .h1 {
4082        font-size: 1.602em;
4083        margin-bottom: 1em
4084    }
4085
4086    @media only screen and (max-width:56.25em) {
4087        h1,
4088        .h1 {
4089            margin-bottom: .5em
4090        }
4091    }
4092
4093    h2,
4094    .h2 {
4095        font-size: 1.424em;
4096        margin-bottom: .7em
4097    }
4098
4099    @media only screen and (max-width:56.25em) {
4100        h2,
4101        .h2 {
4102            margin-bottom: .35em
4103        }
4104    }
4105
4106    .ProductPrice {
4107        margin-bottom: 0em
4108    }
4109
4110    h3,
4111    .h3 {
4112        font-size: 1.266em;
4113        margin-bottom: .6em
4114    }
4115
4116    @media only screen and (max-width:56.25em) {
4117        h3,
4118        .h3 {
4119            margin-bottom: .3em
4120        }
4121    }
4122
4123    h4,
4124    .h4 {
4125        font-size: 1.125em;
4126        margin-bottom: .4em
4127    }
4128
4129    @media only screen and (max-width:56.25em) {
4130        h4,
4131        .h4 {
4132            margin-bottom: .2em
4133        }
4134    }
4135
4136    h5,
4137    .h5 {
4138        font-size: .94em;
4139        margin-bottom: .3em
4140    }
4141
4142    @media only screen and (max-width:56.25em) {
4143        h5,
4144        .h5 {
4145            margin-bottom: .15em
4146        }
4147    }
4148
4149    h6,
4150    .h6 {
4151        font-size: .79em;
4152        margin-bottom: .2em
4153    }
4154
4155    @media only screen and (max-width:56.25em) {
4156        h6,
4157        .h6 {
4158            margin-bottom: .1em
4159        }
4160    }
4161
4162    .display-1 {
4163        font-size: 3.906em
4164    }
4165
4166    .display-2 {
4167        font-size: 3.125em
4168    }
4169
4170    .text-muted {
4171        color: #b8b8b8 !important
4172    }
4173
4174    .text-normal {
4175        color: #121212 !important
4176    }
4177
4178    .section-header {
4179        margin-bottom: 11px
4180    }
4181
4182    @media screen and (min-width:769px) {
4183        .section-header {
4184            display: table;
4185            width: 100%
4186        }
4187        .section-header__title {
4188            margin-bottom: 8px
4189        }
4190        .section-header__left {
4191            display: table-cell;
4192            vertical-align: middle;
4193            margin-bottom: 0
4194        }
4195        .section-header__left h1,
4196        .section-header__left h2,
4197        .section-header__left h3,
4198        .section-header__left h4,
4199        .section-header__left .h1,
4200        .section-header__left .h2,
4201        .section-header__left .h3,
4202        .section-header__left .h4 {
4203            margin-bottom: 0
4204        }
4205        .section-header__right {
4206            display: table-cell;
4207            vertical-align: middle;
4208            text-align: right;
4209            width: 335px
4210        }
4211    }
4212
4213    @media screen and (min-width:769px) and (max-width:768px) {
4214        .section-header__right {
4215            margin-bottom: 20px
4216        }
4217    }
4218
4219    .section-header__right .form-horizontal,
4220    .section-header__right .collection-view {
4221        display: inline-block;
4222        vertical-align: middle
4223    }
4224
4225    @media screen and (min-width:481px) {
4226        .section-header__right label+select,
4227        .section-header__right .collection-view {
4228            margin-left: 10px
4229        }
4230    }
4231
4232    .collection-view {
4233        display: inline-block;
4234        border: 1px solid #212121;
4235        border-radius: 5px;
4236        padding: 0 5px;
4237        height: 37px;
4238        overflow: hidden
4239    }
4240
4241    @media (min-width:48em) {
4242        h1,
4243        .h1 {
4244            font-size: 2.441em
4245        }
4246        h2,
4247        .h2 {
4248            font-size: 1.953em
4249        }
4250        h3,
4251        .h3 {
4252            font-size: 1.563em
4253        }
4254        h4,
4255        .h4 {
4256            font-size: 1.25em
4257        }
4258        h5,
4259        .h5 {
4260            font-size: 1em
4261        }
4262    }
4263
4264    @media (min-width:62em) {
4265        html,
4266        body,
4267        p,
4268        .p {
4269            font-size: 16px !important
4270        }
4271        .display-1 {
4272            font-size: 5em
4273        }
4274        .display-2 {
4275            font-size: 4.5em
4276        }
4277    }
4278
4279    @media (min-width:75em) {
4280        html,
4281        body,
4282        p,
4283        .p {
4284            font-size: 16px !important
4285        }
4286    }
4287
4288    @font-face {
4289        font-family: 'icons';
4290        src: url(//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.eot?12845059113085069952);
4291        src: url("//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.eot?12845059113085069952#iefix") format("embedded-opentype"), url(//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.woff?12845059113085069952) format("woff"), url(//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.ttf?12845059113085069952) format("truetype"), url("//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.svg?12845059113085069952#timber-icons") format("svg");
4292        font-weight: 400;
4293        font-style: normal
4294    }
4295
4296    .card {
4297        position: relative;
4298        display: -webkit-box;
4299        display: -ms-flexbox;
4300        display: flex;
4301        -webkit-box-orient: vertical;
4302        -webkit-box-direction: normal;
4303        -ms-flex-direction: column;
4304        flex-direction: column;
4305        min-width: 0;
4306        word-wrap: break-word;
4307        background-color: #fff;
4308        background-clip: border-box
4309    }
4310
4311    .card>hr {
4312        margin-right: 0;
4313        margin-left: 0
4314    }
4315
4316    .card>.list-group:first-child .list-group-item:first-child {
4317        border-top-left-radius: .25rem;
4318        border-top-right-radius: .25rem
4319    }
4320
4321    .card>.list-group:last-child .list-group-item:last-child {
4322        border-bottom-right-radius: .25rem;
4323        border-bottom-left-radius: .25rem
4324    }
4325
4326    .card-body {
4327        -webkit-box-flex: 1;
4328        -ms-flex: 1 1 auto;
4329        flex: 1 1 auto;
4330        padding: 1.25rem
4331    }
4332
4333    .card-title {
4334        margin-bottom: .75rem
4335    }
4336
4337    .card-subtitle {
4338        margin-top: -.375rem;
4339        margin-bottom: 0
4340    }
4341
4342    .card-text:last-child {
4343        margin-bottom: 0
4344    }
4345
4346    .card-link:hover {
4347        text-decoration: none
4348    }
4349
4350    .card-link+.card-link {
4351        margin-left: 1.25rem
4352    }
4353
4354    .card-header {
4355        padding: .75rem 1.25rem;
4356        margin-bottom: 0;
4357        background-color: rgba(0, 0, 0, .03);
4358        border-bottom: 1px solid rgba(0, 0, 0, .125)
4359    }
4360
4361    .card-header:first-child {
4362        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
4363    }
4364
4365    .card-header+.list-group .list-group-item:first-child {
4366        border-top: 0
4367    }
4368
4369    .card-footer {
4370        padding: .75rem 1.25rem;
4371        background-color: rgba(0, 0, 0, .03);
4372        border-top: 1px solid rgba(0, 0, 0, .125)
4373    }
4374
4375    .card-footer:last-child {
4376        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
4377    }
4378
4379    .card-header-tabs {
4380        margin-right: -.625rem;
4381        margin-bottom: -.75rem;
4382        margin-left: -.625rem;
4383        border-bottom: 0
4384    }
4385
4386    .card-header-pills {
4387        margin-right: -.625rem;
4388        margin-left: -.625rem
4389    }
4390
4391    .card-img-overlay {
4392        position: absolute;
4393        top: 0;
4394        right: 0;
4395        bottom: 0;
4396        left: 0;
4397        padding: 1.25rem
4398    }
4399
4400    .card-img {
4401        width: 100%;
4402        border-radius: calc(0.25rem - 1px)
4403    }
4404
4405    .card-img-top {
4406        width: 100%;
4407        border-top-left-radius: calc(0.25rem - 1px);
4408        border-top-right-radius: calc(0.25rem - 1px)
4409    }
4410
4411    .card-img-bottom {
4412        width: 100%;
4413        border-bottom-right-radius: calc(0.25rem - 1px);
4414        border-bottom-left-radius: calc(0.25rem - 1px)
4415    }
4416
4417    .card-deck {
4418        display: -webkit-box;
4419        display: -ms-flexbox;
4420        display: flex;
4421        -webkit-box-orient: vertical;
4422        -webkit-box-direction: normal;
4423        -ms-flex-direction: column;
4424        flex-direction: column
4425    }
4426
4427    .card-deck .card {
4428        margin-bottom: 15px
4429    }
4430
4431    @media (min-width:576px) {
4432        .card-deck {
4433            -webkit-box-orient: horizontal;
4434            -webkit-box-direction: normal;
4435            -ms-flex-flow: row wrap;
4436            flex-flow: row wrap;
4437            margin-right: -15px;
4438            margin-left: -15px
4439        }
4440        .card-deck .card {
4441            display: -webkit-box;
4442            display: -ms-flexbox;
4443            display: flex;
4444            -webkit-box-flex: 1;
4445            -ms-flex: 1 0 0%;
4446            flex: 1 0 0%;
4447            -webkit-box-orient: vertical;
4448            -webkit-box-direction: normal;
4449            -ms-flex-direction: column;
4450            flex-direction: column;
4451            margin-right: 15px;
4452            margin-bottom: 0;
4453            margin-left: 15px
4454        }
4455    }
4456
4457    .card-group {
4458        display: -webkit-box;
4459        display: -ms-flexbox;
4460        display: flex;
4461        -webkit-box-orient: vertical;
4462        -webkit-box-direction: normal;
4463        -ms-flex-direction: column;
4464        flex-direction: column
4465    }
4466
4467    .card-group>.card {
4468        margin-bottom: 15px
4469    }
4470
4471    @media (min-width:576px) {
4472        .card-group {
4473            -webkit-box-orient: horizontal;
4474            -webkit-box-direction: normal;
4475            -ms-flex-flow: row wrap;
4476            flex-flow: row wrap
4477        }
4478        .card-group>.card {
4479            -webkit-box-flex: 1;
4480            -ms-flex: 1 0 0%;
4481            flex: 1 0 0%;
4482            margin-bottom: 0
4483        }
4484        .card-group>.card+.card {
4485            margin-left: 0;
4486            border-left: 0
4487        }
4488        .card-group>.card:first-child {
4489            border-top-right-radius: 0;
4490            border-bottom-right-radius: 0
4491        }
4492        .card-group>.card:first-child .card-img-top,
4493        .card-group>.card:first-child .card-header {
4494            border-top-right-radius: 0
4495        }
4496        .card-group>.card:first-child .card-img-bottom,
4497        .card-group>.card:first-child .card-footer {
4498            border-bottom-right-radius: 0
4499        }
4500        .card-group>.card:last-child {
4501            border-top-left-radius: 0;
4502            border-bottom-left-radius: 0
4503        }
4504        .card-group>.card:last-child .card-img-top,
4505        .card-group>.card:last-child .card-header {
4506            border-top-left-radius: 0
4507        }
4508        .card-group>.card:last-child .card-img-bottom,
4509        .card-group>.card:last-child .card-footer {
4510            border-bottom-left-radius: 0
4511        }
4512        .card-group>.card:only-child {
4513            border-radius: .25rem
4514        }
4515        .card-group>.card:only-child .card-img-top,
4516        .card-group>.card:only-child .card-header {
4517            border-top-left-radius: .25rem;
4518            border-top-right-radius: .25rem
4519        }
4520        .card-group>.card:only-child .card-img-bottom,
4521        .card-group>.card:only-child .card-footer {
4522            border-bottom-right-radius: .25rem;
4523            border-bottom-left-radius: .25rem
4524        }
4525        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
4526            border-radius: 0
4527        }
4528        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
4529        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
4530        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
4531        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
4532            border-radius: 0
4533        }
4534    }
4535
4536    .card-columns .card {
4537        margin-bottom: .75rem
4538    }
4539
4540    @media (min-width:576px) {
4541        .card-columns {
4542            -webkit-column-count: 3;
4543            -moz-column-count: 3;
4544            column-count: 3;
4545            -webkit-column-gap: 1.25rem;
4546            -moz-column-gap: 1.25rem;
4547            column-gap: 1.25rem
4548        }
4549        .card-columns .card {
4550            display: inline-block;
4551            width: 100%
4552        }
4553    }
4554
4555    .product-card {
4556        position: relative;
4557        width: calc(25% - 1rem);
4558        box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
4559        -webkit-transition: all 0.1s ease-in-out;
4560        transition: all 0.1s ease-in-out;
4561        border-radius: 5px;
4562        cursor: pointer;
4563        border: 0;
4564        @-webkit-keyframes fadeIn {
4565            from {
4566                opacity: 0
4567            }
4568            to {
4569                opacity: 1
4570            }
4571        }
4572        ;
4573        @keyframes fadeIn {
4574            from {
4575                opacity: 0
4576            }
4577            to {
4578                opacity: 1
4579            }
4580        }
4581    }
4582
4583    @media only screen and (max-width:56.25em) {
4584        .product-card {
4585            flex: 0 0 50%;
4586            max-width: 164px;
4587            max-width: calc(50% - .5rem)
4588        }
4589    }
4590
4591    .product-card .product-card-discount {
4592        position: absolute;
4593        top: 0;
4594        right: 0;
4595        border-top-right-radius: 5px;
4596        border-bottom-left-radius: 5px;
4597        background-color: {
4598                {
4599                settings.color-primary
4600            }
4601        }
4602        ;
4603        padding:5px;
4604        color:#fafafa
4605    }
4606
4607    .label-tag.best-price-guarantee {
4608        width: 65px;
4609        position: absolute;
4610        left: 0;
4611        top: 0
4612    }
4613
4614    .label-tag.voucher-kue {
4615    position: absolute;
4616    bottom: 0;
4617    }
4618    .label-tag.voucher-kue img {
4619    width: 100%;
4620    }
4621
4622    .product-card .product-card-img {
4623        width: 100%
4624    }
4625
4626    .product-card .product-card-img-container {
4627        padding: .5rem;
4628        padding-bottom: 0
4629    }
4630
4631    .product-card .product-card-info {
4632        padding: .5rem .5rem 1rem .5rem
4633    }
4634
4635    .product-card .product-card-info .product-card-info a {
4636        display: none
4637    }
4638
4639    .product-card .product-card-price-before {
4640        text-decoration: line-through;
4641        color: #b8b8b8;
4642        margin-bottom: 0rem;
4643        font-size: .8em
4644    }
4645
4646    .product-card .product-card-price-after {
4647        color: {
4648                {
4649                settings.color-primary
4650            }
4651        }
4652        ;
4653        margin:0;
4654        font-size:1.1em
4655    }
4656
4657    .product-card .price-card span {
4658        font-size: .8em;
4659        display: block
4660    }
4661
4662    .product-card:hover {
4663        transform: translateY(-2px);
4664        box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
4665        z-index: 99
4666    }
4667
4668    .alpha {
4669        padding: 0 !important
4670    }
4671
4672    @media only screen and (max-width:56.25em) {
4673        .alpha {
4674            margin-right: 1rem
4675        }
4676    }
4677
4678    .beta {
4679        padding: 0 !important
4680    }
4681
4682    *,
4683    input,
4684    :before,
4685    :after {
4686        box-sizing: border-box
4687    }
4688
4689    html,
4690    body {
4691        padding: 0;
4692        margin: 0
4693    }
4694
4695    article,
4696    aside,
4697    details,
4698    figcaption,
4699    figure,
4700    footer,
4701    header,
4702    hgroup,
4703    main,
4704    nav,
4705    section,
4706    summary {
4707        display: block
4708    }
4709
4710    audio,
4711    canvas,
4712    progress,
4713    video {
4714        display: inline-block;
4715        vertical-align: baseline
4716    }
4717
4718    input[type="number"]::-webkit-inner-spin-button,
4719    input[type="number"]::-webkit-outer-spin-button {
4720        height: auto
4721    }
4722
4723    input[type="search"]::-webkit-search-cancel-button,
4724    input[type="search"]::-webkit-search-decoration {
4725        -webkit-appearance: none
4726    }
4727
4728    .grid,
4729    .grid--rev,
4730    .grid--full,
4731    .grid-uniform,
4732    .container {
4733        *zoom: 1
4734    }
4735
4736    .grid:after,
4737    .grid--rev:after,
4738    .grid--full:after,
4739    .grid-uniform:after,
4740    .container:after {
4741        content: '';
4742        display: block;
4743        clear: both
4744    }
4745
4746    .grid__item.clear {
4747        clear: both
4748    }
4749
4750    .container {
4751        max-width: 1230px;
4752        padding-right: 20px;
4753        padding-left: 20px;
4754        margin-right: auto;
4755        margin-left: auto
4756    }
4757
4758    @media (min-width:1439px) {
4759        .container {
4760            max-width: 1230px!important
4761        }
4762    }
4763    @media (max-width:576px) {
4764        .container {
4765            max-width: 100%
4766        }
4767    }
4768
4769    .container-fluid {
4770        width: 100%;
4771        padding-right: 15px;
4772        padding-left: 15px;
4773        margin-right: auto;
4774        margin-left: auto
4775    }
4776
4777    .row {
4778        display: -webkit-box;
4779        display: -moz-box;
4780        display: -ms-flexbox;
4781        display: -webkit-flex;
4782        display: flex;
4783        -ms-flex-wrap: wrap;
4784        flex-wrap: wrap;
4785        margin-right: -6px;
4786        margin-left: -6px
4787    }
4788
4789    .gap-1 {
4790        gap: 0.3rem;
4791    }
4792
4793    .gap-2 {
4794        gap: 0.6rem;
4795    }
4796
4797    .gap-3 {
4798        gap: 0.9rem;
4799    }
4800
4801    .gap-20 {
4802        gap: 20px;
4803    }
4804
4805    .row-gap-3 {
4806        row-gap: 0.9rem !important;
4807    }
4808
4809    @media (max-width:576px) {
4810        .row {
4811            margin-right: auto;
4812            margin-left: auto
4813        }
4814    }
4815
4816    .no-gutters {
4817        margin-right: 0;
4818        margin-left: 0
4819    }
4820
4821    .no-gutters>.col,
4822    .no-gutters>[class*="col-"] {
4823        padding-right: 0;
4824        padding-left: 0
4825    }
4826
4827    .col-1,
4828    .col-2,
4829    .col-3,
4830    .col-4,
4831    .col-5,
4832    .col-6,
4833    .col-7,
4834    .col-8,
4835    .col-9,
4836    .col-10,
4837    .col-11,
4838    .col-12,
4839    .col,
4840    .col-auto,
4841    .col-sm-1,
4842    .col-sm-2,
4843    .col-sm-3,
4844    .col-sm-4,
4845    .col-sm-5,
4846    .col-sm-6,
4847    .col-sm-7,
4848    .col-sm-8,
4849    .col-sm-9,
4850    .col-sm-10,
4851    .col-sm-11,
4852    .col-sm-12,
4853    .col-sm,
4854    .col-sm-auto,
4855    .col-md-1,
4856    .col-md-2,
4857    .col-md-3,
4858    .col-md-4,
4859    .col-md-5,
4860    .col-md-6,
4861    .col-md-7,
4862    .col-md-8,
4863    .col-md-9,
4864    .col-md-10,
4865    .col-md-11,
4866    .col-md-12,
4867    .col-md,
4868    .col-md-auto,
4869    .col-lg-1,
4870    .col-lg-2,
4871    .col-lg-3,
4872    .col-lg-4,
4873    .col-lg-5,
4874    .col-lg-6,
4875    .col-lg-7,
4876    .col-lg-8,
4877    .col-lg-9,
4878    .col-lg-10,
4879    .col-lg-11,
4880    .col-lg-12,
4881    .col-lg,
4882    .col-lg-auto,
4883    .col-xl-1,
4884    .col-xl-2,
4885    .col-xl-3,
4886    .col-xl-4,
4887    .col-xl-5,
4888    .col-xl-6,
4889    .col-xl-7,
4890    .col-xl-8,
4891    .col-xl-9,
4892    .col-xl-10,
4893    .col-xl-11,
4894    .col-xl-12,
4895    .col-xl,
4896    .col-xl-auto {
4897        position: relative;
4898        width: 100%;
4899        min-height: 1px;
4900        padding-right: 6px;
4901        padding-left: 6px
4902    }
4903
4904    .col {
4905        -ms-flex-preferred-size: 0;
4906        flex-basis: 0%;
4907        -ms-flex-positive: 1;
4908        flex-grow: 1;
4909        max-width: 100%
4910    }
4911
4912    .col-auto {
4913        -ms-flex: 0 0 auto;
4914        flex: 0 0 auto;
4915        width: auto;
4916        max-width: none
4917    }
4918
4919    .col-1 {
4920        -ms-flex: 0 0 8.333333%;
4921        flex: 0 0 8.333333%;
4922        max-width: 8.333333%
4923    }
4924
4925    .col-2 {
4926        -ms-flex: 0 0 16.666667%;
4927        flex: 0 0 16.666667%;
4928        max-width: 16.666667%
4929    }
4930
4931    .col-3 {
4932        -ms-flex: 0 0 25%;
4933        flex: 0 0 25%;
4934        max-width: 25%
4935    }
4936
4937    .col-4 {
4938        -ms-flex: 0 0 33.333333%;
4939        flex: 0 0 33.333333%;
4940        max-width: 33.333333%
4941    }
4942
4943    .col-5 {
4944        -ms-flex: 0 0 41.666667%;
4945        flex: 0 0 41.666667%;
4946        max-width: 41.666667%
4947    }
4948
4949    .col-6 {
4950        -ms-flex: 0 0 50%;
4951        flex: 0 0 50%;
4952        max-width: 50%
4953    }
4954
4955    .col-7 {
4956        -ms-flex: 0 0 58.333333%;
4957        flex: 0 0 58.333333%;
4958        max-width: 58.333333%
4959    }
4960
4961    .col-8 {
4962        -ms-flex: 0 0 66.666667%;
4963        flex: 0 0 66.666667%;
4964        max-width: 66.666667%
4965    }
4966
4967    .col-9 {
4968        -ms-flex: 0 0 75%;
4969        flex: 0 0 75%;
4970        max-width: 75%
4971    }
4972
4973    .col-10 {
4974        -ms-flex: 0 0 83.333333%;
4975        flex: 0 0 83.333333%;
4976        max-width: 83.333333%
4977    }
4978
4979    .col-11 {
4980        -ms-flex: 0 0 91.666667%;
4981        flex: 0 0 91.666667%;
4982        max-width: 91.666667%
4983    }
4984
4985    .col-12 {
4986        -ms-flex: 0 0 100%;
4987        flex: 0 0 100%;
4988        max-width: 100%
4989    }
4990
4991    .order-first {
4992        -ms-flex-order: -1;
4993        order: -1
4994    }
4995
4996    .order-1 {
4997        -ms-flex-order: 1;
4998        order: 1
4999    }
5000
5001    .order-2 {
5002        -ms-flex-order: 2;
5003        order: 2
5004    }
5005
5006    .order-3 {
5007        -ms-flex-order: 3;
5008        order: 3
5009    }
5010
5011    .order-4 {
5012        -ms-flex-order: 4;
5013        order: 4
5014    }
5015
5016    .order-5 {
5017        -ms-flex-order: 5;
5018        order: 5
5019    }
5020
5021    .order-6 {
5022        -ms-flex-order: 6;
5023        order: 6
5024    }
5025
5026    .order-7 {
5027        -ms-flex-order: 7;
5028        order: 7
5029    }
5030
5031    .order-8 {
5032        -ms-flex-order: 8;
5033        order: 8
5034    }
5035
5036    .order-9 {
5037        -ms-flex-order: 9;
5038        order: 9
5039    }
5040
5041    .order-10 {
5042        -ms-flex-order: 10;
5043        order: 10
5044    }
5045
5046    .order-11 {
5047        -ms-flex-order: 11;
5048        order: 11
5049    }
5050
5051    .order-12 {
5052        -ms-flex-order: 12;
5053        order: 12
5054    }
5055
5056    .offset-1 {
5057        margin-left: 8.333333%
5058    }
5059
5060    .offset-2 {
5061        margin-left: 16.666667%
5062    }
5063
5064    .offset-3 {
5065        margin-left: 25%
5066    }
5067
5068    .offset-4 {
5069        margin-left: 33.333333%
5070    }
5071
5072    .offset-5 {
5073        margin-left: 41.666667%
5074    }
5075
5076    .offset-6 {
5077        margin-left: 50%
5078    }
5079
5080    .offset-7 {
5081        margin-left: 58.333333%
5082    }
5083
5084    .offset-8 {
5085        margin-left: 66.666667%
5086    }
5087
5088    .offset-9 {
5089        margin-left: 75%
5090    }
5091
5092    .offset-10 {
5093        margin-left: 83.333333%
5094    }
5095
5096    .offset-11 {
5097        margin-left: 91.666667%
5098    }
5099
5100    @media (min-width:576px) {
5101        .col-sm {
5102            -ms-flex-preferred-size: 0;
5103            flex-basis: 0%;
5104            -ms-flex-positive: 1;
5105            flex-grow: 1;
5106            max-width: 100%
5107        }
5108        .col-sm-auto {
5109            -ms-flex: 0 0 auto;
5110            flex: 0 0 auto;
5111            width: auto;
5112            max-width: none
5113        }
5114        .col-sm-1 {
5115            -ms-flex: 0 0 8.333333%;
5116            flex: 0 0 8.333333%;
5117            max-width: 8.333333%
5118        }
5119        .col-sm-2 {
5120            -ms-flex: 0 0 16.666667%;
5121            flex: 0 0 16.666667%;
5122            max-width: 16.666667%
5123        }
5124        .col-sm-3 {
5125            -ms-flex: 0 0 25%;
5126            flex: 0 0 25%;
5127            max-width: 25%
5128        }
5129        .col-sm-4 {
5130            -ms-flex: 0 0 33.333333%;
5131            flex: 0 0 33.333333%;
5132            max-width: 33.333333%
5133        }
5134        .col-sm-5 {
5135            -ms-flex: 0 0 41.666667%;
5136            flex: 0 0 41.666667%;
5137            max-width: 41.666667%
5138        }
5139        .col-sm-6 {
5140            -ms-flex: 0 0 50%;
5141            flex: 0 0 50%;
5142            max-width: 50%
5143        }
5144        .col-sm-7 {
5145            -ms-flex: 0 0 58.333333%;
5146            flex: 0 0 58.333333%;
5147            max-width: 58.333333%
5148        }
5149        .col-sm-8 {
5150            -ms-flex: 0 0 66.666667%;
5151            flex: 0 0 66.666667%;
5152            max-width: 66.666667%
5153        }
5154        .col-sm-9 {
5155            -ms-flex: 0 0 75%;
5156            flex: 0 0 75%;
5157            max-width: 75%
5158        }
5159        .col-sm-10 {
5160            -ms-flex: 0 0 83.333333%;
5161            flex: 0 0 83.333333%;
5162            max-width: 83.333333%
5163        }
5164        .col-sm-11 {
5165            -ms-flex: 0 0 91.666667%;
5166            flex: 0 0 91.666667%;
5167            max-width: 91.666667%
5168        }
5169        .col-sm-12 {
5170            -ms-flex: 0 0 100%;
5171            flex: 0 0 100%;
5172            max-width: 100%
5173        }
5174        .order-sm-first {
5175            -ms-flex-order: -1;
5176            order: -1
5177        }
5178        .order-sm-1 {
5179            -ms-flex-order: 1;
5180            order: 1
5181        }
5182        .order-sm-2 {
5183            -ms-flex-order: 2;
5184            order: 2
5185        }
5186        .order-sm-3 {
5187            -ms-flex-order: 3;
5188            order: 3
5189        }
5190        .order-sm-4 {
5191            -ms-flex-order: 4;
5192            order: 4
5193        }
5194        .order-sm-5 {
5195            -ms-flex-order: 5;
5196            order: 5
5197        }
5198        .order-sm-6 {
5199            -ms-flex-order: 6;
5200            order: 6
5201        }
5202        .order-sm-7 {
5203            -ms-flex-order: 7;
5204            order: 7
5205        }
5206        .order-sm-8 {
5207            -ms-flex-order: 8;
5208            order: 8
5209        }
5210        .order-sm-9 {
5211            -ms-flex-order: 9;
5212            order: 9
5213        }
5214        .order-sm-10 {
5215            -ms-flex-order: 10;
5216            order: 10
5217        }
5218        .order-sm-11 {
5219            -ms-flex-order: 11;
5220            order: 11
5221        }
5222        .order-sm-12 {
5223            -ms-flex-order: 12;
5224            order: 12
5225        }
5226        .offset-sm-0 {
5227            margin-left: 0
5228        }
5229        .offset-sm-1 {
5230            margin-left: 8.333333%
5231        }
5232        .offset-sm-2 {
5233            margin-left: 16.666667%
5234        }
5235        .offset-sm-3 {
5236            margin-left: 25%
5237        }
5238        .offset-sm-4 {
5239            margin-left: 33.333333%
5240        }
5241        .offset-sm-5 {
5242            margin-left: 41.666667%
5243        }
5244        .offset-sm-6 {
5245            margin-left: 50%
5246        }
5247        .offset-sm-7 {
5248            margin-left: 58.333333%
5249        }
5250        .offset-sm-8 {
5251            margin-left: 66.666667%
5252        }
5253        .offset-sm-9 {
5254            margin-left: 75%
5255        }
5256        .offset-sm-10 {
5257            margin-left: 83.333333%
5258        }
5259        .offset-sm-11 {
5260            margin-left: 91.666667%
5261        }
5262    }
5263
5264    @media (min-width:768px) {
5265        .col-md {
5266            -ms-flex-preferred-size: 0;
5267            flex-basis: 0%;
5268            -ms-flex-positive: 1;
5269            flex-grow: 1;
5270            max-width: 100%
5271        }
5272        .col-md-auto {
5273            -ms-flex: 0 0 auto;
5274            flex: 0 0 auto;
5275            width: auto;
5276            max-width: none
5277        }
5278        .col-md-1 {
5279            -ms-flex: 0 0 8.333333%;
5280            flex: 0 0 8.333333%;
5281            max-width: 8.333333%
5282        }
5283        .col-md-2 {
5284            -ms-flex: 0 0 16.666667%;
5285            flex: 0 0 16.666667%;
5286            max-width: 16.666667%
5287        }
5288        .col-md-3 {
5289            -ms-flex: 0 0 25%;
5290            flex: 0 0 25%;
5291            max-width: 25%
5292        }
5293        .col-md-4 {
5294            -ms-flex: 0 0 33.333333%;
5295            flex: 0 0 33.333333%;
5296            max-width: 33.333333%
5297        }
5298        .col-md-5 {
5299            -ms-flex: 0 0 41.666667%;
5300            flex: 0 0 41.666667%;
5301            max-width: 41.666667%
5302        }
5303        .col-md-6 {
5304            -ms-flex: 0 0 50%;
5305            flex: 0 0 50%;
5306            max-width: 50%
5307        }
5308        .col-md-7 {
5309            -ms-flex: 0 0 58.333333%;
5310            flex: 0 0 58.333333%;
5311            max-width: 58.333333%
5312        }
5313        .col-md-8 {
5314            -ms-flex: 0 0 66.666667%;
5315            flex: 0 0 66.666667%;
5316            max-width: 66.666667%
5317        }
5318        .col-md-9 {
5319            -ms-flex: 0 0 75%;
5320            flex: 0 0 75%;
5321            max-width: 75%
5322        }
5323        .col-md-10 {
5324            -ms-flex: 0 0 83.333333%;
5325            flex: 0 0 83.333333%;
5326            max-width: 83.333333%
5327        }
5328        .col-md-11 {
5329            -ms-flex: 0 0 91.666667%;
5330            flex: 0 0 91.666667%;
5331            max-width: 91.666667%
5332        }
5333        .col-md-12 {
5334            -ms-flex: 0 0 100%;
5335            flex: 0 0 100%;
5336            max-width: 100%
5337        }
5338        .order-md-first {
5339            -ms-flex-order: -1;
5340            order: -1
5341        }
5342        .order-md-1 {
5343            -ms-flex-order: 1;
5344            order: 1
5345        }
5346        .order-md-2 {
5347            -ms-flex-order: 2;
5348            order: 2
5349        }
5350        .order-md-3 {
5351            -ms-flex-order: 3;
5352            order: 3
5353        }
5354        .order-md-4 {
5355            -ms-flex-order: 4;
5356            order: 4
5357        }
5358        .order-md-5 {
5359            -ms-flex-order: 5;
5360            order: 5
5361        }
5362        .order-md-6 {
5363            -ms-flex-order: 6;
5364            order: 6
5365        }
5366        .order-md-7 {
5367            -ms-flex-order: 7;
5368            order: 7
5369        }
5370        .order-md-8 {
5371            -ms-flex-order: 8;
5372            order: 8
5373        }
5374        .order-md-9 {
5375            -ms-flex-order: 9;
5376            order: 9
5377        }
5378        .order-md-10 {
5379            -ms-flex-order: 10;
5380            order: 10
5381        }
5382        .order-md-11 {
5383            -ms-flex-order: 11;
5384            order: 11
5385        }
5386        .order-md-12 {
5387            -ms-flex-order: 12;
5388            order: 12
5389        }
5390        .offset-md-0 {
5391            margin-left: 0
5392        }
5393        .offset-md-1 {
5394            margin-left: 8.333333%
5395        }
5396        .offset-md-2 {
5397            margin-left: 16.666667%
5398        }
5399        .offset-md-3 {
5400            margin-left: 25%
5401        }
5402        .offset-md-4 {
5403            margin-left: 33.333333%
5404        }
5405        .offset-md-5 {
5406            margin-left: 41.666667%
5407        }
5408        .offset-md-6 {
5409            margin-left: 50%
5410        }
5411        .offset-md-7 {
5412            margin-left: 58.333333%
5413        }
5414        .offset-md-8 {
5415            margin-left: 66.666667%
5416        }
5417        .offset-md-9 {
5418            margin-left: 75%
5419        }
5420        .offset-md-10 {
5421            margin-left: 83.333333%
5422        }
5423        .offset-md-11 {
5424            margin-left: 91.666667%
5425        }
5426    }
5427
5428    @media (min-width:992px) {
5429        .col-lg {
5430            -ms-flex-preferred-size: 0;
5431            flex-basis: 0%;
5432            -ms-flex-positive: 1;
5433            flex-grow: 1;
5434            max-width: 100%
5435        }
5436        .col-lg-auto {
5437            -ms-flex: 0 0 auto;
5438            flex: 0 0 auto;
5439            width: auto;
5440            max-width: none
5441        }
5442        .col-lg-1 {
5443            -ms-flex: 0 0 8.333333%;
5444            flex: 0 0 8.333333%;
5445            max-width: 8.333333%
5446        }
5447        .col-lg-2 {
5448            -ms-flex: 0 0 16.666667%;
5449            flex: 0 0 16.666667%;
5450            max-width: 16.666667%
5451        }
5452        .col-lg-3 {
5453            -ms-flex: 0 0 25%;
5454            flex: 0 0 25%;
5455            max-width: 25%
5456        }
5457        .col-lg-4 {
5458            -ms-flex: 0 0 33.333333%;
5459            flex: 0 0 33.333333%;
5460            max-width: 33.333333%
5461        }
5462        .col-lg-5 {
5463            -ms-flex: 0 0 41.666667%;
5464            flex: 0 0 41.666667%;
5465            max-width: 41.666667%
5466        }
5467        .col-lg-6 {
5468            -ms-flex: 0 0 50%;
5469            flex: 0 0 50%;
5470            max-width: 50%
5471        }
5472        .col-lg-7 {
5473            -ms-flex: 0 0 58.333333%;
5474            flex: 0 0 58.333333%;
5475            max-width: 58.333333%
5476        }
5477        .col-lg-8 {
5478            -ms-flex: 0 0 66.666667%;
5479            flex: 0 0 66.666667%;
5480            max-width: 66.666667%
5481        }
5482        .col-lg-9 {
5483            -ms-flex: 0 0 75%;
5484            flex: 0 0 75%;
5485            max-width: 75%
5486        }
5487        .col-lg-10 {
5488            -ms-flex: 0 0 83.333333%;
5489            flex: 0 0 83.333333%;
5490            max-width: 83.333333%
5491        }
5492        .col-lg-11 {
5493            -ms-flex: 0 0 91.666667%;
5494            flex: 0 0 91.666667%;
5495            max-width: 91.666667%
5496        }
5497        .col-lg-12 {
5498            -ms-flex: 0 0 100%;
5499            flex: 0 0 100%;
5500            max-width: 100%
5501        }
5502        .order-lg-first {
5503            -ms-flex-order: -1;
5504            order: -1
5505        }
5506        .order-lg-1 {
5507            -ms-flex-order: 1;
5508            order: 1
5509        }
5510        .order-lg-2 {
5511            -ms-flex-order: 2;
5512            order: 2
5513        }
5514        .order-lg-3 {
5515            -ms-flex-order: 3;
5516            order: 3
5517        }
5518        .order-lg-4 {
5519            -ms-flex-order: 4;
5520            order: 4
5521        }
5522        .order-lg-5 {
5523            -ms-flex-order: 5;
5524            order: 5
5525        }
5526        .order-lg-6 {
5527            -ms-flex-order: 6;
5528            order: 6
5529        }
5530        .order-lg-7 {
5531            -ms-flex-order: 7;
5532            order: 7
5533        }
5534        .order-lg-8 {
5535            -ms-flex-order: 8;
5536            order: 8
5537        }
5538        .order-lg-9 {
5539            -ms-flex-order: 9;
5540            order: 9
5541        }
5542        .order-lg-10 {
5543            -ms-flex-order: 10;
5544            order: 10
5545        }
5546        .order-lg-11 {
5547            -ms-flex-order: 11;
5548            order: 11
5549        }
5550        .order-lg-12 {
5551            -ms-flex-order: 12;
5552            order: 12
5553        }
5554        .offset-lg-0 {
5555            margin-left: 0
5556        }
5557        .offset-lg-1 {
5558            margin-left: 8.333333%
5559        }
5560        .offset-lg-2 {
5561            margin-left: 16.666667%
5562        }
5563        .offset-lg-3 {
5564            margin-left: 25%
5565        }
5566        .offset-lg-4 {
5567            margin-left: 33.333333%
5568        }
5569        .offset-lg-5 {
5570            margin-left: 41.666667%
5571        }
5572        .offset-lg-6 {
5573            margin-left: 50%
5574        }
5575        .offset-lg-7 {
5576            margin-left: 58.333333%
5577        }
5578        .offset-lg-8 {
5579            margin-left: 66.666667%
5580        }
5581        .offset-lg-9 {
5582            margin-left: 75%
5583        }
5584        .offset-lg-10 {
5585            margin-left: 83.333333%
5586        }
5587        .offset-lg-11 {
5588            margin-left: 91.666667%
5589        }
5590    }
5591
5592    @media (min-width:1200px) {
5593        .col-xl {
5594            -ms-flex-preferred-size: 0;
5595            flex-basis: 0%;
5596         
5596   -ms-flex-positive: 1;
5597            flex-grow: 1;
5598            max-width: 100%
5599        }
5600        .col-xl-auto {
5601            -ms-flex: 0 0 auto;
5602            flex: 0 0 auto;
5603            width: auto;
5604            max-width: none
5605        }
5606        .col-xl-1 {
5607            -ms-flex: 0 0 8.333333%;
5608            flex: 0 0 8.333333%;
5609            max-width: 8.333333%
5610        }
5611        .col-xl-2 {
5612            -ms-flex: 0 0 16.666667%;
5613            flex: 0 0 16.666667%;
5614            max-width: 16.666667%
5615        }
5616        .col-xl-3 {
5617            -ms-flex: 0 0 25%;
5618            flex: 0 0 25%;
5619            max-width: 25%
5620        }
5621        .col-xl-4 {
5622            -ms-flex: 0 0 33.333333%;
5623            flex: 0 0 33.333333%;
5624            max-width: 33.333333%
5625        }
5626        .col-xl-5 {
5627            -ms-flex: 0 0 41.666667%;
5628            flex: 0 0 41.666667%;
5629            max-width: 41.666667%
5630        }
5631        .col-xl-6 {
5632            -ms-flex: 0 0 50%;
5633            flex: 0 0 50%;
5634            max-width: 50%
5635        }
5636        .col-xl-7 {
5637            -ms-flex: 0 0 58.333333%;
5638            flex: 0 0 58.333333%;
5639            max-width: 58.333333%
5640        }
5641        .col-xl-8 {
5642            -ms-flex: 0 0 66.666667%;
5643            flex: 0 0 66.666667%;
5644            max-width: 66.666667%
5645        }
5646        .col-xl-9 {
5647            -ms-flex: 0 0 75%;
5648            flex: 0 0 75%;
5649            max-width: 75%
5650        }
5651        .col-xl-10 {
5652            -ms-flex: 0 0 83.333333%;
5653            flex: 0 0 83.333333%;
5654            max-width: 83.333333%
5655        }
5656        .col-xl-11 {
5657            -ms-flex: 0 0 91.666667%;
5658            flex: 0 0 91.666667%;
5659            max-width: 91.666667%
5660        }
5661        .col-xl-12 {
5662            -ms-flex: 0 0 100%;
5663            flex: 0 0 100%;
5664            max-width: 100%
5665        }
5666        .order-xl-first {
5667            -ms-flex-order: -1;
5668            order: -1
5669        }
5670        .order-xl-1 {
5671            -ms-flex-order: 1;
5672            order: 1
5673        }
5674        .order-xl-2 {
5675            -ms-flex-order: 2;
5676            order: 2
5677        }
5678        .order-xl-3 {
5679            -ms-flex-order: 3;
5680            order: 3
5681        }
5682        .order-xl-4 {
5683            -ms-flex-order: 4;
5684            order: 4
5685        }
5686        .order-xl-5 {
5687            -ms-flex-order: 5;
5688            order: 5
5689        }
5690        .order-xl-6 {
5691            -ms-flex-order: 6;
5692            order: 6
5693        }
5694        .order-xl-7 {
5695            -ms-flex-order: 7;
5696            order: 7
5697        }
5698        .order-xl-8 {
5699            -ms-flex-order: 8;
5700            order: 8
5701        }
5702        .order-xl-9 {
5703            -ms-flex-order: 9;
5704            order: 9
5705        }
5706        .order-xl-10 {
5707            -ms-flex-order: 10;
5708            order: 10
5709        }
5710        .order-xl-11 {
5711            -ms-flex-order: 11;
5712            order: 11
5713        }
5714        .order-xl-12 {
5715            -ms-flex-order: 12;
5716            order: 12
5717        }
5718        .offset-xl-0 {
5719            margin-left: 0
5720        }
5721        .offset-xl-1 {
5722            margin-left: 8.333333%
5723        }
5724        .offset-xl-2 {
5725            margin-left: 16.666667%
5726        }
5727        .offset-xl-3 {
5728            margin-left: 25%
5729        }
5730        .offset-xl-4 {
5731            margin-left: 33.333333%
5732        }
5733        .offset-xl-5 {
5734            margin-left: 41.666667%
5735        }
5736        .offset-xl-6 {
5737            margin-left: 50%
5738        }
5739        .offset-xl-7 {
5740            margin-left: 58.333333%
5741        }
5742        .offset-xl-8 {
5743            margin-left: 66.666667%
5744        }
5745        .offset-xl-9 {
5746            margin-left: 75%
5747        }
5748        .offset-xl-10 {
5749            margin-left: 83.333333%
5750        }
5751        .offset-xl-11 {
5752            margin-left: 91.666667%
5753        }
5754    }
5755
5756    .grid,
5757    .grid--rev,
5758    .grid--full,
5759    .grid-uniform {
5760        list-style: none;
5761        margin: 0;
5762        padding: 0;
5763        margin-left: -30px
5764    }
5765
5766    .grid__item {
5767        box-sizing: border-box;
5768        float: left;
5769        min-height: 1px;
5770        padding-left: 30px;
5771        vertical-align: top;
5772        width: 100%
5773    }
5774
5775    .grid--rev {
5776        direction: rtl;
5777        text-align: left
5778    }
5779
5780    .grid--rev>.grid__item {
5781        direction: ltr;
5782        text-align: left;
5783        float: right
5784    }
5785
5786    .grid--full {
5787        margin-left: 0
5788    }
5789
5790    .grid--full>.grid__item {
5791        padding-left: 0
5792    }
5793
5794    .one-whole {
5795        width: 100%
5796    }
5797
5798    .one-half {
5799        width: 50%
5800    }
5801
5802    .one-eighth {
5803        width: 12.5%
5804    }
5805
5806    .two-eighths {
5807        width: 25%
5808    }
5809
5810    .three-eighths {
5811        width: 37.5%
5812    }
5813
5814    .four-eighths {
5815        width: 50%
5816    }
5817
5818    .five-eighths {
5819        width: 62.5%
5820    }
5821
5822    .six-eighths {
5823        width: 75%
5824    }
5825
5826    .seven-eighths {
5827        width: 87.5%
5828    }
5829
5830    .one-tenth {
5831        width: 10%
5832    }
5833
5834    .two-tenths {
5835        width: 20%
5836    }
5837
5838    .three-tenths {
5839        width: 30%
5840    }
5841
5842    .four-tenths {
5843        width: 40%
5844    }
5845
5846    .five-tenths {
5847        width: 50%
5848    }
5849
5850    .six-tenths {
5851        width: 60%
5852    }
5853
5854    .seven-tenths {
5855        width: 70%
5856    }
5857
5858    .eight-tenths {
5859        width: 80%
5860    }
5861
5862    .nine-tenths {
5863        width: 90%
5864    }
5865
5866    .one-twelfth,
5867    .col-1 {
5868        width: 8.333%
5869    }
5870
5871    .two-twelfths,
5872    .col-2 {
5873        width: 16.666%
5874    }
5875
5876    .three-twelfths,
5877    .col-3 {
5878        width: 25%
5879    }
5880
5881    .four-twelfths,
5882    .col-4 {
5883        width: 33.333%
5884    }
5885
5886    .five-twelfths,
5887    .col-5 {
5888        width: 41.666%
5889    }
5890
5891    .six-twelfths,
5892    .col-6 {
5893        width: 50%
5894    }
5895
5896    .seven-twelfths,
5897    .col-7 {
5898        width: 58.333%
5899    }
5900
5901    .eight-twelfths,
5902    .col-8 {
5903        width: 66.666%
5904    }
5905
5906    .nine-twelfths,
5907    .col-9 {
5908        width: 75%
5909    }
5910
5911    .ten-twelfths,
5912    .col-10 {
5913        width: 83.333%
5914    }
5915
5916    .eleven-twelfths,
5917    .col-11 {
5918        width: 91.666%
5919    }
5920
5921    .show {
5922        display: block !important
5923    }
5924
5925    .hide {
5926        display: none !important
5927    }
5928
5929    .text-left {
5930        text-align: left !important
5931    }
5932
5933    .text-right {
5934        text-align: right !important
5935    }
5936
5937    .text-center {
5938        text-align: center !important
5939    }
5940
5941    .left {
5942        float: left !important
5943    }
5944
5945    .right {
5946        float: right !important
5947    }
5948
5949    @media only screen and (max-width:480px) {
5950        .small--one-whole {
5951            width: 100%
5952        }
5953        .small--one-half {
5954            width: 50%
5955        }
5956        .small--one-eighth {
5957            width: 12.5%
5958        }
5959        .small--two-eighths {
5960            width: 25%
5961        }
5962        .small--three-eighths {
5963            width: 37.5%
5964        }
5965        .small--four-eighths {
5966            width: 50%
5967        }
5968        .small--five-eighths {
5969            width: 62.5%
5970        }
5971        .small--six-eighths {
5972            width: 75%
5973        }
5974        .small--seven-eighths {
5975            width: 87.5%
5976        }
5977        .small--one-tenth {
5978            width: 10%
5979        }
5980        .small--two-tenths {
5981            width: 20%
5982        }
5983        .small--three-tenths {
5984            width: 30%
5985        }
5986        .small--four-tenths {
5987            width: 40%
5988        }
5989        .small--five-tenths {
5990            width: 50%
5991        }
5992        .small--six-tenths {
5993            width: 60%
5994        }
5995        .small--seven-tenths {
5996            width: 70%
5997        }
5998        .small--eight-tenths {
5999            width: 80%
6000        }
6001        .small--nine-tenths {
6002            width: 90%
6003        }
6004        .small--one-twelfth,
6005        .col-1 {
6006            width: 8.333%
6007        }
6008        .small--two-twelfths,
6009        .col-2 {
6010            width: 16.666%
6011        }
6012        .small--three-twelfths,
6013        .col-3 {
6014            width: 25%
6015        }
6016        .small--four-twelfths,
6017        .col-4 {
6018            width: 33.333%
6019        }
6020        .small--five-twelfths,
6021        .col-5 {
6022            width: 41.666%
6023        }
6024        .small--six-twelfths,
6025        .col-6 {
6026            width: 50%
6027        }
6028        .small--seven-twelfths,
6029        .col-7 {
6030            width: 58.333%
6031        }
6032        .small--eight-twelfths,
6033        .col-8 {
6034            width: 66.666%
6035        }
6036        .small--nine-twelfths,
6037        .col-9 {
6038            width: 75%
6039        }
6040        .small--ten-twelfths,
6041        .col-10 {
6042            width: 83.333%
6043        }
6044        .small--eleven-twelfths,
6045        .col-11 {
6046            width: 91.666%
6047        }
6048        .small--show {
6049            display: block !important
6050        }
6051        .small--hide {
6052            display: none !important
6053        }
6054        .small--text-left {
6055            text-align: left !important
6056        }
6057        .small--text-right {
6058            text-align: right !important
6059        }
6060        .small--text-center {
6061            text-align: center !important
6062        }
6063        .small--left {
6064            float: left !important
6065        }
6066        .small--right {
6067            float: right !important
6068        }
6069        .grid-uniform .small--one-half:nth-child(2n+1),
6070        .grid-uniform .small--one-third:nth-child(3n+1),
6071        .grid-uniform .small--one-quarter:nth-child(4n+1),
6072        .grid-uniform .small--one-fifth:nth-child(5n+1),
6073        .grid-uniform .small--one-sixth:nth-child(6n+1),
6074        .grid-uniform .small--two-sixths:nth-child(3n+1),
6075        .grid-uniform .small--three-sixths:nth-child(2n+1),
6076        .grid-uniform .small--two-eighths:nth-child(4n+1),
6077        .grid-uniform .small--four-eighths:nth-child(2n+1),
6078        .grid-uniform .small--five-tenths:nth-child(2n+1),
6079        .grid-uniform .small--one-twelfth:nth-child(12n+1),
6080        .grid-uniform .small--two-twelfths:nth-child(6n+1),
6081        .grid-uniform .small--three-twelfths:nth-child(4n+1),
6082        .grid-uniform .small--four-twelfths:nth-child(3n+1),
6083        .grid-uniform .small--six-twelfths:nth-child(2n+1) {
6084            clear: both
6085        }
6086    }
6087
6088    @media only screen and (min-width:481px) and (max-width:768px) {
6089        .medium--one-whole {
6090            width: 100%
6091        }
6092        .medium--one-half {
6093            width: 50%
6094        }
6095        .medium--one-eighth {
6096            width: 12.5%
6097        }
6098        .medium--two-eighths {
6099            width: 25%
6100        }
6101        .medium--three-eighths {
6102            width: 37.5%
6103        }
6104        .medium--four-eighths {
6105            width: 50%
6106        }
6107        .medium--five-eighths {
6108            width: 62.5%
6109        }
6110        .medium--six-eighths {
6111            width: 75%
6112        }
6113        .medium--seven-eighths {
6114            width: 87.5%
6115        }
6116        .medium--one-tenth {
6117            width: 10%
6118        }
6119        .medium--two-tenths {
6120            width: 20%
6121        }
6122        .medium--three-tenths {
6123            width: 30%
6124        }
6125        .medium--four-tenths {
6126            width: 40%
6127        }
6128        .medium--five-tenths {
6129            width: 50%
6130        }
6131        .medium--six-tenths {
6132            width: 60%
6133        }
6134        .medium--seven-tenths {
6135            width: 70%
6136        }
6137        .medium--eight-tenths {
6138            width: 80%
6139        }
6140        .medium--nine-tenths {
6141            width: 90%
6142        }
6143        .medium--one-twelfth,
6144        .col-1 {
6145            width: 8.333%
6146        }
6147        .medium--two-twelfths,
6148        .col-2 {
6149            width: 16.666%
6150        }
6151        .medium--three-twelfths,
6152        .col-3 {
6153            width: 25%
6154        }
6155        .medium--four-twelfths,
6156        .col-4 {
6157            width: 33.333%
6158        }
6159        .medium--five-twelfths,
6160        .col-5 {
6161            width: 41.666%
6162        }
6163        .medium--six-twelfths,
6164        .col-6 {
6165            width: 50%
6166        }
6167        .medium--seven-twelfths,
6168        .col-7 {
6169            width: 58.333%
6170        }
6171        .medium--eight-twelfths,
6172        .col-8 {
6173            width: 66.666%
6174        }
6175        .medium--nine-twelfths,
6176        .col-9 {
6177            width: 75%
6178        }
6179        .medium--ten-twelfths,
6180        .col-10 {
6181            width: 83.333%
6182        }
6183        .medium--eleven-twelfths,
6184        .col-11 {
6185            width: 91.666%
6186        }
6187        .medium--show {
6188            display: block !important
6189        }
6190        .medium--hide {
6191            display: none !important
6192        }
6193        .medium--text-left {
6194            text-align: left !important
6195        }
6196        .medium--text-right {
6197            text-align: right !important
6198        }
6199        .medium--text-center {
6200            text-align: center !important
6201        }
6202        .medium--left {
6203            float: left !important
6204        }
6205        .medium--right {
6206            float: right !important
6207        }
6208        .grid-uniform .medium--one-half:nth-child(2n+1),
6209        .grid-uniform .medium--one-third:nth-child(3n+1),
6210        .grid-uniform .medium--one-quarter:nth-child(4n+1),
6211        .grid-uniform .medium--one-fifth:nth-child(5n+1),
6212        .grid-uniform .medium--one-sixth:nth-child(6n+1),
6213        .grid-uniform .medium--two-sixths:nth-child(3n+1),
6214        .grid-uniform .medium--three-sixths:nth-child(2n+1),
6215        .grid-uniform .medium--two-eighths:nth-child(4n+1),
6216        .grid-uniform .medium--four-eighths:nth-child(2n+1),
6217        .grid-uniform .medium--five-tenths:nth-child(2n+1),
6218        .grid-uniform .medium--one-twelfth:nth-child(12n+1),
6219        .grid-uniform .medium--two-twelfths:nth-child(6n+1),
6220        .grid-uniform .medium--three-twelfths:nth-child(4n+1),
6221        .grid-uniform .medium--four-twelfths:nth-child(3n+1),
6222        .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
6223            clear: both
6224        }
6225    }
6226
6227    @media only screen and (max-width:768px) {
6228        .medium-down--one-whole {
6229            width: 100%
6230        }
6231        .medium-down--one-half {
6232            width: 50%
6233        }
6234        .medium-down--one-eighth {
6235            width: 12.5%
6236        }
6237        .medium-down--two-eighths {
6238            width: 25%
6239        }
6240        .medium-down--three-eighths {
6241            width: 37.5%
6242        }
6243        .medium-down--four-eighths {
6244            width: 50%
6245        }
6246        .medium-down--five-eighths {
6247            width: 62.5%
6248        }
6249        .medium-down--six-eighths {
6250            width: 75%
6251        }
6252        .medium-down--seven-eighths {
6253            width: 87.5%
6254        }
6255        .medium-down--one-tenth {
6256            width: 10%
6257        }
6258        .medium-down--two-tenths {
6259            width: 20%
6260        }
6261        .medium-down--three-tenths {
6262            width: 30%
6263        }
6264        .medium-down--four-tenths {
6265            width: 40%
6266        }
6267        .medium-down--five-tenths {
6268            width: 50%
6269        }
6270        .medium-down--six-tenths {
6271            width: 60%
6272        }
6273        .medium-down--seven-tenths {
6274            width: 70%
6275        }
6276        .medium-down--eight-tenths {
6277            width: 80%
6278        }
6279        .medium-down--nine-tenths {
6280            width: 90%
6281        }
6282        .medium-down--one-twelfth,
6283        .col-1 {
6284            width: 8.333%
6285        }
6286        .medium-down--two-twelfths,
6287        .col-2 {
6288            width: 16.666%
6289        }
6290        .medium-down--three-twelfths,
6291        .col-3 {
6292            width: 25%
6293        }
6294        .medium-down--four-twelfths,
6295        .col-4 {
6296            width: 33.333%
6297        }
6298        .medium-down--five-twelfths,
6299        .col-5 {
6300            width: 41.666%
6301        }
6302        .medium-down--six-twelfths,
6303        .col-6 {
6304            width: 50%
6305        }
6306        .medium-down--seven-twelfths,
6307        .col-7 {
6308            width: 58.333%
6309        }
6310        .medium-down--eight-twelfths,
6311        .col-8 {
6312            width: 66.666%
6313        }
6314        .medium-down--nine-twelfths,
6315        .col-9 {
6316            width: 75%
6317        }
6318        .medium-down--ten-twelfths,
6319        .col-10 {
6320            width: 83.333%
6321        }
6322        .medium-down--eleven-twelfths,
6323        .c
6323ol-11 {
6324            width: 91.666%
6325        }
6326        .medium-down--show {
6327            display: block !important
6328        }
6329        .medium-down--hide {
6330            display: none !important
6331        }
6332        .medium-down--text-left {
6333            text-align: left !important
6334        }
6335        .medium-down--text-right {
6336            text-align: right !important
6337        }
6338        .medium-down--text-center {
6339            text-align: center !important
6340        }
6341        .medium-down--left {
6342            float: left !important
6343        }
6344        .medium-down--right {
6345            float: right !important
6346        }
6347        .grid-uniform .medium-down--one-half:nth-child(2n+1),
6348        .grid-uniform .medium-down--one-third:nth-child(3n+1),
6349        .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
6350        .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
6351        .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
6352        .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
6353        .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
6354        .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
6355        .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
6356        .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
6357        .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
6358        .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
6359        .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
6360        .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
6361        .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
6362            clear: both
6363        }
6364    }
6365
6366    @media only screen and (min-width:769px) {
6367        .large--one-whole {
6368            width: 100%
6369        }
6370        .large--one-half {
6371            width: 50%
6372        }
6373        .large--one-eighth {
6374            width: 12.5%
6375        }
6376        .large--two-eighths {
6377            width: 25%
6378        }
6379        .large--three-eighths {
6380            width: 37.5%
6381        }
6382        .large--four-eighths {
6383            width: 50%
6384        }
6385        .large--five-eighths {
6386            width: 62.5%
6387        }
6388        .large--six-eighths {
6389            width: 75%
6390        }
6391        .large--seven-eighths {
6392            width: 87.5%
6393        }
6394        .large--one-tenth {
6395            width: 10%
6396        }
6397        .large--two-tenths {
6398            width: 20%
6399        }
6400        .large--three-tenths {
6401            width: 30%
6402        }
6403        .large--four-tenths {
6404            width: 40%
6405        }
6406        .large--five-tenths {
6407            width: 50%
6408        }
6409        .large--six-tenths {
6410            width: 60%
6411        }
6412        .large--seven-tenths {
6413            width: 70%
6414        }
6415        .large--eight-tenths {
6416            width: 80%
6417        }
6418        .large--nine-tenths {
6419            width: 90%
6420        }
6421        .large--one-twelfth,
6422        .col-1 {
6423            width: 8.333%
6424        }
6425        .large--two-twelfths,
6426        .col-2 {
6427            width: 16.666%
6428        }
6429        .large--three-twelfths,
6430        .col-3 {
6431            width: 25%
6432        }
6433        .large--four-twelfths,
6434        .col-4 {
6435            width: 33.333%
6436        }
6437        .large--five-twelfths,
6438        .col-5 {
6439            width: 41.666%
6440        }
6441        .large--six-twelfths,
6442        .col-6 {
6443            width: 50%
6444        }
6445        .large--seven-twelfths,
6446        .col-7 {
6447            width: 58.333%
6448        }
6449        .large--eight-twelfths,
6450        .col-8 {
6451            width: 66.666%
6452        }
6453        .large--nine-twelfths,
6454        .col-9 {
6455            width: 75%
6456        }
6457        .large--ten-twelfths,
6458        .col-10 {
6459            width: 83.333%
6460        }
6461        .large--eleven-twelfths,
6462        .col-11 {
6463            width: 91.666%
6464        }
6465        .large--show {
6466            display: block !important
6467        }
6468        .large--hide {
6469            display: none !important
6470        }
6471        .large--text-left {
6472            text-align: left !important
6473        }
6474        .large--text-right {
6475            text-align: right !important
6476        }
6477        .large--text-center {
6478            text-align: center !important
6479        }
6480        .large--left {
6481            float: left !important
6482        }
6483        .large--right {
6484            float: right !important
6485        }
6486        .grid-uniform .large--one-half:nth-child(2n+1),
6487        .grid-uniform .large--one-third:nth-child(3n+1),
6488        .grid-uniform .large--one-quarter:nth-child(4n+1),
6489        .grid-uniform .large--one-fifth:nth-child(5n+1),
6490        .grid-uniform .large--one-sixth:nth-child(6n+1),
6491        .grid-uniform .large--two-sixths:nth-child(3n+1),
6492        .grid-uniform .large--three-sixths:nth-child(2n+1),
6493        .grid-uniform .large--two-eighths:nth-child(4n+1),
6494        .grid-uniform .large--four-eighths:nth-child(2n+1),
6495        .grid-uniform .large--five-tenths:nth-child(2n+1),
6496        .grid-uniform .large--one-twelfth:nth-child(12n+1),
6497        .grid-uniform .large--two-twelfths:nth-child(6n+1),
6498        .grid-uniform .large--three-twelfths:nth-child(4n+1),
6499        .grid-uniform .large--four-twelfths:nth-child(3n+1),
6500        .grid-uniform .large--six-twelfths:nth-child(2n+1) {
6501            clear: both
6502        }
6503    }
6504
6505    [class*="push--"] {
6506        position: relative
6507    }
6508
6509    .push--one-whole {
6510        left: 100%
6511    }
6512
6513    .push--one-half {
6514        left: 50%
6515    }
6516
6517    .push--one-eighth {
6518        left: 12.5%
6519    }
6520
6521    .push--two-eighths {
6522        left: 25%
6523    }
6524
6525    .push--three-eighths {
6526        left: 37.5%
6527    }
6528
6529    .push--four-eighths {
6530        left: 50%
6531    }
6532
6533    .push--five-eighths {
6534        left: 62.5%
6535    }
6536
6537    .push--six-eighths {
6538        left: 75%
6539    }
6540
6541    .push--seven-eighths {
6542        left: 87.5%
6543    }
6544
6545    .push--one-tenth {
6546        left: 10%
6547    }
6548
6549    .push--two-tenths {
6550        left: 20%
6551    }
6552
6553    .push--three-tenths {
6554        left: 30%
6555    }
6556
6557    .push--four-tenths {
6558        left: 40%
6559    }
6560
6561    .push--five-tenths {
6562        left: 50%
6563    }
6564
6565    .push--six-tenths {
6566        left: 60%
6567    }
6568
6569    .push--seven-tenths {
6570        left: 70%
6571    }
6572
6573    .push--eight-tenths {
6574        left: 80%
6575    }
6576
6577    .push--nine-tenths {
6578        left: 90%
6579    }
6580
6581    .push--one-twelfth {
6582        left: 8.333%
6583    }
6584
6585    .push--two-twelfths {
6586        left: 16.666%
6587    }
6588
6589    .push--three-twelfths {
6590        left: 25%
6591    }
6592
6593    .push--four-twelfths {
6594        left: 33.333%
6595    }
6596
6597    .push--five-twelfths {
6598        left: 41.666%
6599    }
6600
6601    .push--six-twelfths {
6602        left: 50%
6603    }
6604
6605    .push--seven-twelfths {
6606        left: 58.333%
6607    }
6608
6609    .push--eight-twelfths {
6610        left: 66.666%
6611    }
6612
6613    .push--nine-twelfths {
6614        left: 75%
6615    }
6616
6617    .push--ten-twelfths {
6618        left: 83.333%
6619    }
6620
6621    .push--eleven-twelfths {
6622        left: 91.666%
6623    }
6624
6625    @media only screen and (min-width:481px) and (max-width:768px) {
6626        .push--medium--one-whole {
6627            left: 100%
6628        }
6629        .push--medium--one-half {
6630            left: 50%
6631        }
6632        .push--medium--one-eighth {
6633            left: 12.5%
6634        }
6635        .push--medium--two-eighths {
6636            left: 25%
6637        }
6638        .push--medium--three-eighths {
6639            left: 37.5%
6640        }
6641        .push--medium--four-eighths {
6642            left: 50%
6643        }
6644        .push--medium--five-eighths {
6645            left: 62.5%
6646        }
6647        .push--medium--six-eighths {
6648            left: 75%
6649        }
6650        .push--medium--seven-eighths {
6651            left: 87.5%
6652        }
6653        .push--medium--one-tenth {
6654            left: 10%
6655        }
6656        .push--medium--two-tenths {
6657            left: 20%
6658        }
6659        .push--medium--three-tenths {
6660            left: 30%
6661        }
6662        .push--medium--four-tenths {
6663            left: 40%
6664        }
6665        .push--medium--five-tenths {
6666            left: 50%
6667        }
6668        .push--medium--six-tenths {
6669            left: 60%
6670        }
6671        .push--medium--seven-tenths {
6672            left: 70%
6673        }
6674        .push--medium--eight-tenths {
6675            left: 80%
6676        }
6677        .push--medium--nine-tenths {
6678            left: 90%
6679        }
6680        .push--medium--one-twelfth {
6681            left: 8.333%
6682        }
6683        .push--medium--two-twelfths {
6684            left: 16.666%
6685        }
6686        .push--medium--three-twelfths {
6687            left: 25%
6688        }
6689        .push--medium--four-twelfths {
6690            left: 33.333%
6691        }
6692        .push--medium--five-twelfths {
6693            left: 41.666%
6694        }
6695        .push--medium--six-twelfths {
6696            left: 50%
6697        }
6698        .push--medium--seven-twelfths {
6699            left: 58.333%
6700        }
6701        .push--medium--eight-twelfths {
6702            left: 66.666%
6703        }
6704        .push--medium--nine-twelfths {
6705            left: 75%
6706        }
6707        .push--medium--ten-twelfths {
6708            left: 83.333%
6709        }
6710        .push--medium--eleven-twelfths {
6711            left: 91.666%
6712        }
6713    }
6714
6715    @media only screen and (max-width:768px) {
6716        select {
6717            width: 100%
6718        }
6719        .push--medium-down--one-whole {
6720            left: 100%
6721        }
6722        .push--medium-down--one-half {
6723            left: 50%
6724        }
6725        .push--medium-down--one-eighth {
6726            left: 12.5%
6727        }
6728        .push--medium-down--two-eighths {
6729            left: 25%
6730        }
6731        .push--medium-down--three-eighths {
6732            left: 37.5%
6733        }
6734        .push--medium-down--four-eighths {
6735            left: 50%
6736        }
6737        .push--medium-down--five-eighths {
6738            left: 62.5%
6739        }
6740        .push--medium-down--six-eighths {
6741            left: 75%
6742        }
6743        .push--medium-down--seven-eighths {
6744            left: 87.5%
6745        }
6746        .push--medium-down--one-tenth {
6747            left: 10%
6748        }
6749        .push--medium-down--two-tenths {
6750            left: 20%
6751        }
6752        .push--medium-down--three-tenths {
6753            left: 30%
6754        }
6755        .push--medium-down--four-tenths {
6756            left: 40%
6757        }
6758        .push--medium-down--five-tenths {
6759            left: 50%
6760        }
6761        .push--medium-down--six-tenths {
6762            left: 60%
6763        }
6764        .push--medium-down--seven-tenths {
6765            left: 70%
6766        }
6767        .push--medium-down--eight-tenths {
6768            left: 80%
6769        }
6770        .push--medium-down--nine-tenths {
6771            left: 90%
6772        }
6773        .push--medium-down--one-twelfth {
6774            left: 8.333%
6775        }
6776        .push--medium-down--two-twelfths {
6777            left: 16.666%
6778        }
6779        .push--medium-down--three-twelfths {
6780            left: 25%
6781        }
6782        .push--medium-down--four-twelfths {
6783            left: 33.333%
6784        }
6785        .push--medium-down--five-twelfths {
6786            left: 41.666%
6787        }
6788        .push--medium-down--six-twelfths {
6789            left: 50%
6790        }
6791        .push--medium-down--seven-twelfths {
6792            left: 58.333%
6793        }
6794        .push--medium-down--eight-twelfths {
6795            left: 66.666%
6796        }
6797        .push--medium-down--nine-twelfths {
6798            left: 75%
6799        }
6800        .push--medium-down--ten-twelfths {
6801            left: 83.333%
6802        }
6803        .push--medium-down--eleven-twelfths {
6804            left: 91.666%
6805        }
6806    }
6807
6808    @media only screen and (min-width:769px) {
6809        .push--large--one-whole {
6810            left: 100%
6811        }
6812        .push--large--one-half {
6813            left: 50%
6814        }
6815        .push--large--one-eighth {
6816            left: 12.5%
6817        }
6818        .push--large--two-eighths {
6819            left: 25%
6820        }
6821        .push--large--three-eighths {
6822            left: 37.5%
6823        }
6824        .push--large--four-eighths {
6825            left: 50%
6826        }
6827        .push--large--five-eighths {
6828            left: 62.5%
6829        }
6830        .push--large--six-eighths {
6831            left: 75%
6832        }
6833        .push--large--seven-eighths {
6834            left: 87.5%
6835        }
6836        .push--large--one-tenth {
6837            left: 10%
6838        }
6839        .push--large--two-tenths {
6840            left: 20%
6841        }
6842        .push--large--three-tenths {
6843            left: 30%
6844        }
6845        .push--large--four-tenths {
6846            left: 40%
6847        }
6848        .push--large--five-tenths {
6849            left: 50%
6850        }
6851        .push--large--six-tenths {
6852            left: 60%
6853        }
6854        .push--large--seven-tenths {
6855            left: 70%
6856        }
6857        .push--large--eight-tenths {
6858            left: 80%
6859        }
6860        .push--large--nine-tenths {
6861            left: 90%
6862        }
6863        .push--large--one-twelfth {
6864            left: 8.333%
6865        }
6866        .push--large--two-twelfths {
6867            left: 16.666%
6868        }
6869        .push--large--three-twelfths {
6870            left: 25%
6871        }
6872        .push--large--four-twelfths {
6873            left: 33.333%
6874        }
6875        .push--large--five-twelfths {
6876            left: 41.666%
6877        }
6878        .push--large--six-twelfths {
6879            left: 50%
6880        }
6881        .push--large--seven-twelfths {
6882            left: 58.333%
6883        }
6884        .push--large--eight-twelfths {
6885            left: 66.666%
6886        }
6887        .push--large--nine-twelfths {
6888            left: 75%
6889        }
6890        .push--large--ten-twelfths {
6891            left: 83.333%
6892        }
6893        .push--large--eleven-twelfths {
6894            left: 91.666%
6895        }
6896    }
6897
6898    .d-none {
6899        display: none !important
6900    }
6901
6902    .d-inline {
6903        display: inline !important
6904    }
6905
6906    .d-inline-block {
6907        display: inline-block !important
6908    }
6909
6910    .d-block {
6911        display: block !important
6912    }
6913
6914    .d-table {
6915        display: table !important
6916    }
6917
6918    .d-table-row {
6919        display: table-row !important
6920    }
6921
6922    .d-table-cell {
6923        display: table-cell !important
6924    }
6925
6926    .d-flex {
6927        display: -ms-flexbox !important;
6928        display: flex !important
6929    }
6930
6931    .d-inline-flex {
6932        display: -ms-inline-flexbox !important;
6933        display: inline-flex !important
6934    }
6935
6936    @media (min-width:576px) {
6937        .d-sm-none {
6938            display: none !important
6939        }
6940        .d-sm-inline {
6941            display: inline !important
6942        }
6943        .d-sm-inline-block {
6944            display: inline-block !important
6945        }
6946        .d-sm-block {
6947            display: block !important
6948        }
6949        .d-sm-table {
6950            display: table !important
6951        }
6952        .d-sm-table-row {
6953            display: table-row !important
6954        }
6955        .d-sm-table-cell {
6956            display: table-cell !important
6957        }
6958        .d-sm-flex {
6959            display: -ms-flexbox !important;
6960            display: flex !important
6961        }
6962        .d-sm-inline-flex {
6963            display: -ms-inline-flexbox !important;
6964            display: inline-flex !important
6965        }
6966    }
6967
6968    @media (min-width:768px) {
6969        .d-md-none {
6970            display: none !important
6971        }
6972        .d-md-inline {
6973            display: inline !important
6974        }
6975        .d-md-inline-block {
6976            display: inline-block !important
6977        }
6978        .d-md-block {
6979            display: block !important
6980        }
6981        .d-md-table {
6982            display: table !important
6983        }
6984        .d-md-table-row {
6985            display: table-row !important
6986        }
6987        .d-md-table-cell {
6988            display: table-cell !important
6989        }
6990        .d-md-flex {
6991            display: -ms-flexbox !important;
6992            display: flex !important
6993        }
6994        .d-md-inline-flex {
6995            display: -ms-inline-flexbox !important;
6996            display: inline-flex !important
6997        }
6998    }
6999
7000    @media (min-width:992px) {
7001        .d-lg-none {
7002            display: none !important
7003        }
7004        .d-lg-inline {
7005            display: inline !important
7006        }
7007        .d-lg-inline-block {
7008            display: inline-block !important
7009        }
7010        .d-lg-block {
7011            display: block !important
7012        }
7013        .d-lg-table {
7014            display: table !important
7015        }
7016        .d-lg-table-row {
7017            display: table-row !important
7018        }
7019        .d-lg-table-cell {
7020            display: table-cell !important
7021        }
7022        .d-lg-flex {
7023            display: -ms-flexbox !important;
7024            display: flex !important
7025        }
7026        .d-lg-inline-flex {
7027            display: -ms-inline-flexbox !important;
7028            display: inline-flex !important
7029        }
7030        .d-lg-table-header-group {
7031            display: table-header-group !important
7032        }
7033    }
7034
7035    @media (min-width:1200px) {
7036        .d-xl-none {
7037            display: none !important
7038        }
7039        .d-xl-inline {
7040            display: inline !important
7041        }
7042        .d-xl-inline-block {
7043            display: inline-block !important
7044        }
7045        .d-xl-block {
7046            display: block !important
7047        }
7048        .d-xl-table {
7049            display: table !important
7050        }
7051        .d-xl-table-row {
7052            display: table-row !important
7053        }
7054        .d-xl-table-cell {
7055            display: table-cell !important
7056        }
7057        .d-xl-flex {
7058            display: -ms-flexbox !important;
7059            display: flex !important
7060        }
7061        .d-xl-inline-flex {
7062            display: -ms-inline-flexbox !important;
7063            display: inline-flex !important
7064        }
7065    }
7066
7067    .float-left {
7068        float: left !important
7069    }
7070
7071    .float-right {
7072        float: right !important
7073    }
7074
7075    .float-none {
7076        float: none !important
7077    }
7078
7079    @media (min-width:576px) {
7080        .float-sm-left {
7081            float: left !important
7082        }
7083        .float-sm-right {
7084            float: right !important
7085        }
7086        .float-sm-none {
7087            float: none !important
7088        }
7089    }
7090
7091    @media (min-width:768px) {
7092        .float-md-left {
7093            float: left !important
7094        }
7095        .float-md-right {
7096            float: right !important
7097        }
7098        .float-md-none {
7099            float: none !important
7100        }
7101    }
7102
7103    @media (min-width:992px) {
7104        .float-lg-left {
7105            float: left !important
7106        }
7107        .float-lg-right {
7108            float: right !important
7109        }
7110        .float-lg-none {
7111            float: none !important
7112        }
7113    }
7114
7115    @media (min-width:1200px) {
7116        .float-xl-left {
7117            float: left !important
7118        }
7119        .float-xl-right {
7120            float: right !important
7121        }
7122        .float-xl-none {
7123            float: none !important
7124        }
7125    }
7126
7127    .position-static {
7128        position: static !important
7129    }
7130
7131    .position-relative {
7132        position: relative !important
7133    }
7134
7135    .position-absolute {
7136        position: absolute !important
7137    }
7138
7139    .position-fixed {
7140        position: fixed !important
7141    }
7142
7143    .position-sticky {
7144        position: -webkit-sticky !important;
7145        position: sticky !important
7146    }
7147
7148    .top-0 {
7149        top: 0!important;
7150    }
7151    .bottom-0 {
7152        bottom: 0!important;
7153    }
7154    .start-0 {
7155        left: 0!important;
7156    }
7157    .end-0 {
7158    right: 0!important;
7159    }
7160
7161    .fixed-top {
7162        position: fixed;
7163        top: 0;
7164        right: 0;
7165        left: 0;
7166        z-index: 1030
7167    }
7168
7169    .fixed-bottom {
7170        position: fixed;
7171        right: 0;
7172        bottom: 0;
7173        left: 0;
7174        z-index: 1030
7175    }
7176
7177    .w-25 {
7178        width: 25% !important
7179    }
7180
7181    .w-50 {
7182        width: 50% !important
7183    }
7184
7185    .w-75 {
7186        width: 75% !important
7187    }
7188
7189    .w-100 {
7190        width: 100% !important
7191    }
7192
7193    .h-25 {
7194        height: 25% !important
7195    }
7196
7197    .h-50 {
7198        height: 50% !important
7199    }
7200
7201    .h-75 {
7202        height: 75% !important
7203    }
7204
7205    .h-100 {
7206        height: 100% !important
7207    }
7208
7209    .mw-100 {
7210        max-width: 100% !important
7211    }
7212
7213    .mh-100 {
7214        max-height: 100% !important
7215    }
7216
7217    .m-0 {
7218        margin: 0 !important
7219    }
7220
7221    .mt-0,
7222    .my-0 {
7223        margin-top: 0 !important
7224    }
7225
7226    .mr-0,
7227    .mx-0 {
7228        margin-right: 0 !important
7229    }
7230
7231    .mb-0,
7232    .my-0 {
7233        margin-bottom: 0 !important
7234    }
7235
7236    .ml-0,
7237    .mx-0 {
7238        margin-left: 0 !important
7239    }
7240
7241    .m-1 {
7242        margin: 0.25rem !important
7243    }
7244
7245    .mt-1,
7246    .my-1 {
7247        margin-top: 0.25rem !important
7248    }
7249
7250    .mr-1,
7251    .mx-1 {
7252        margin-right: 0.25rem !important
7253    }
7254
7255    .mb-1,
7256    .my-1 {
7257        margin-bottom: 0.25rem !important
7258    }
7259
7260    .ml-1,
7261    .mx-1 {
7262        margin-left: 0.25rem !important
7263    }
7264
7265    .m-2 {
7266        margin: 0.5rem !important
7267    }
7268
7269    .mt-2,
7270    .my-2 {
7271        margin-top: 0.5rem !important
7272    }
7273
7274    .mr-2,
7275    .mx-2 {
7276        margin-right: 0.5rem !important
7277    }
7278
7279    .mb-2,
7280    .my-2 {
7281        margin-bottom: 0.5rem !important
7282    }
7283
7284    .ml-2,
7285    .mx-2 {
7286        margin-left: 0.5rem !important
7287    }
7288
7289    .m-3 {
7290        margin: 1rem !important
7291    }
7292
7293    .mt-3,
7294    .my-3 {
7295        margin-top: 1rem !important
7296    }
7297
7298    .mr-3,
7299    .mx-3 {
7300        margin-right: 1rem !important
7301    }
7302
7303    .mb-3,
7304    .my-3 {
7305        margin-bottom: 1.2rem !important
7306    }
7307
7308    .ml-3,
7309    .mx-3 {
7310        margin-left: 1rem !important
7311    }
7312
7313    .m-4 {
7314        margin: 1.5rem !important
7315    }
7316
7317    .mt-4,
7318    .my-4 {
7319        margin-top: 1.5rem !important
7320    }
7321
7322    .mr-4,
7323    .mx-4 {
7324        margin-right: 1.5rem !important
7325    }
7326
7327    .mb-4,
7328    .my-4 {
7329        margin-bottom: 1.5rem !important
7330    }
7331
7332    .ml-4,
7333    .mx-4 {
7334        margin-left: 1.5rem !important
7335    }
7336
7337    .m-5 {
7338        margin: 3rem !important
7339    }
7340
7341    .mt-5,
7342    .my-5 {
7343        margin-top: 3rem !important
7344    }
7345
7346    .mr-5,
7347    .mx-5 {
7348        margin-right: 3rem !important
7349    }
7350
7351    .mb-5,
7352    .my-5 {
7353        margin-bottom: 3rem !important
7354    }
7355
7356    .ml-5,
7357    .mx-5 {
7358        margin-left: 3rem !important
7359    }
7360
7361    .mb-10 {
7362    margin-bottom: 10px!important;
7363    }
7364
7365    .mb-15 {
7366    margin-bottom: 15px!important;
7367    }
7368
7369    .mb-20 {
7370    margin-bottom: 20px!important;
7371    }
7372
7373    .p-0 {
7374        padding: 0 !important
7375    }
7376
7377    .pt-0,
7378    .py-0 {
7379        padding-top: 0 !important
7380    }
7381
7382    .pr-0,
7383    .px-0 {
7384        padding-right: 0 !important
7385    }
7386
7387    .pb-0,
7388    .py-0 {
7389        padding-bottom: 0 !important
7390    }
7391
7392    .pl-0,
7393    .px-0 {
7394        padding-left: 0 !important
7395    }
7396
7397    .p-1 {
7398        padding: 0.25rem !important
7399    }
7400
7401    .pt-1,
7402    .py-1 {
7403        padding-top: 0.25rem !important
7404    }
7405
7406    .pr-1,
7407    .px-1 {
7408        padding-right: 0.25rem !important
7409    }
7410
7411    .pb-1,
7412    .py-1 {
7413        padding-bottom: 0.25rem !important
7414    }
7415
7416    .pl-1,
7417    .px-1 {
7418        padding-left: 0.25rem !important
7419    }
7420
7421    .p-2 {
7422        padding: 0.5rem !important
7423    }
7424
7425    .pt-2,
7426    .py-2 {
7427        padding-top: 0.5rem !important
7428    }
7429
7430    .pr-2,
7431    .px-2 {
7432        padding-right: 0.5rem !important
7433    }
7434
7435    .pb-2,
7436    .py-2 {
7437        padding-bottom: 0.5rem !important
7438    }
7439
7440    .pl-2,
7441    .px-2 {
7442        padding-left: 0.5rem !important
7443    }
7444
7445    .p-3 {
7446        padding: 1rem !important
7447    }
7448
7449    .pt-3,
7450    .py-3 {
7451        padding-top: 1rem !important
7452    }
7453
7454    .pr-3,
7455    .px-3 {
7456        padding-right: 1rem !important
7457    }
7458
7459    .pb-3,
7460    .py-3 {
7461        padding-bottom: 1rem !important
7462    }
7463
7464    .pl-3,
7465    .px-3 {
7466        padding-left: 1rem !important
7467    }
7468
7469    .p-4 {
7470        padding: 1.5rem !important
7471    }
7472
7473    .pt-4,
7474    .py-4 {
7475        padding-top: 1.5rem !important
7476    }
7477
7478    .pr-4,
7479    .px-4 {
7480        padding-right: 1.5rem !important
7481    }
7482
7483    .pb-4,
7484    .py-4 {
7485        padding-bottom: 1.5rem !important
7486    }
7487
7488    .pl-4,
7489    .px-4 {
7490        padding-left: 1.5rem !important
7491    }
7492
7493    .p-5 {
7494        padding: 3rem !important
7495    }
7496
7497    .pt-5,
7498    .py-5 {
7499        padding-top: 3rem !important
7500    }
7501
7502    .pr-5,
7503    .px-5 {
7504        padding-right: 3rem !important
7505    }
7506
7507    .pb-5,
7508    .py-5 {
7509        padding-bottom: 3rem !important
7510    }
7511
7512    .pl-5,
7513    .px-5 {
7514        padding-left: 3rem !important
7515    }
7516
7517    .m-auto {
7518        margin: auto !important
7519    }
7520
7521    .mt-auto,
7522    .my-auto {
7523        margin-top: auto !important
7524    }
7525
7526    .mr-auto,
7527    .mx-auto {
7528        margin-right: auto !important
7529    }
7530
7531    .mb-auto,
7532    .my-auto {
7533        margin-bottom: auto !important
7534    }
7535
7536    .ml-auto,
7537    .mx-auto {
7538        margin-left: auto !important
7539    }
7540
7541    @media (min-width:576px) {
7542        .m-sm-0 {
7543            margin: 0 !important
7544        }
7545        .mt-sm-0,
7546        .my-sm-0 {
7547            margin-top: 0 !important
7548        }
7549        .mr-sm-0,
7550        .mx-sm-0 {
7551            margin-right: 0 !important
7552        }
7553        .mb-sm-0,
7554        .my-sm-0 {
7555            margin-bottom: 0 !important
7556        }
7557        .
7557ml-sm-0,
7558        .mx-sm-0 {
7559            margin-left: 0 !important
7560        }
7561        .m-sm-1 {
7562            margin: 0.25rem !important
7563        }
7564        .mt-sm-1,
7565        .my-sm-1 {
7566            margin-top: 0.25rem !important
7567        }
7568        .mr-sm-1,
7569        .mx-sm-1 {
7570            margin-right: 0.25rem !important
7571        }
7572        .mb-sm-1,
7573        .my-sm-1 {
7574            margin-bottom: 0.25rem !important
7575        }
7576        .ml-sm-1,
7577        .mx-sm-1 {
7578            margin-left: 0.25rem !important
7579        }
7580        .m-sm-2 {
7581            margin: 0.5rem !important
7582        }
7583        .mt-sm-2,
7584        .my-sm-2 {
7585            margin-top: 0.5rem !important
7586        }
7587        .mr-sm-2,
7588        .mx-sm-2 {
7589            margin-right: 0.5rem !important
7590        }
7591        .mb-sm-2,
7592        .my-sm-2 {
7593            margin-bottom: 0.5rem !important
7594        }
7595        .ml-sm-2,
7596        .mx-sm-2 {
7597            margin-left: 0.5rem !important
7598        }
7599        .m-sm-3 {
7600            margin: 1rem !important
7601        }
7602        .mt-sm-3,
7603        .my-sm-3 {
7604            margin-top: 1rem !important
7605        }
7606        .mr-sm-3,
7607        .mx-sm-3 {
7608            margin-right: 1rem !important
7609        }
7610        .mb-sm-3,
7611        .my-sm-3 {
7612            margin-bottom: 1rem !important
7613        }
7614        .ml-sm-3,
7615        .mx-sm-3 {
7616            margin-left: 1rem !important
7617        }
7618        .m-sm-4 {
7619            margin: 1.5rem !important
7620        }
7621        .mt-sm-4,
7622        .my-sm-4 {
7623            margin-top: 1.5rem !important
7624        }
7625        .mr-sm-4,
7626        .mx-sm-4 {
7627            margin-right: 1.5rem !important
7628        }
7629        .mb-sm-4,
7630        .my-sm-4 {
7631            margin-bottom: 1.5rem !important
7632        }
7633        .ml-sm-4,
7634        .mx-sm-4 {
7635            margin-left: 1.5rem !important
7636        }
7637        .m-sm-5 {
7638            margin: 3rem !important
7639        }
7640        .mt-sm-5,
7641        .my-sm-5 {
7642            margin-top: 3rem !important
7643        }
7644        .mr-sm-5,
7645        .mx-sm-5 {
7646            margin-right: 3rem !important
7647        }
7648        .mb-sm-5,
7649        .my-sm-5 {
7650            margin-bottom: 3rem !important
7651        }
7652        .ml-sm-5,
7653        .mx-sm-5 {
7654            margin-left: 3rem !important
7655        }
7656        .p-sm-0 {
7657            padding: 0 !important
7658        }
7659        .pt-sm-0,
7660        .py-sm-0 {
7661            padding-top: 0 !important
7662        }
7663        .pr-sm-0,
7664        .px-sm-0 {
7665            padding-right: 0 !important
7666        }
7667        .pb-sm-0,
7668        .py-sm-0 {
7669            padding-bottom: 0 !important
7670        }
7671        .pl-sm-0,
7672        .px-sm-0 {
7673            padding-left: 0 !important
7674        }
7675        .p-sm-1 {
7676            padding: 0.25rem !important
7677        }
7678        .pt-sm-1,
7679        .py-sm-1 {
7680            padding-top: 0.25rem !important
7681        }
7682        .pr-sm-1,
7683        .px-sm-1 {
7684            padding-right: 0.25rem !important
7685        }
7686        .pb-sm-1,
7687        .py-sm-1 {
7688            padding-bottom: 0.25rem !important
7689        }
7690        .pl-sm-1,
7691        .px-sm-1 {
7692            padding-left: 0.25rem !important
7693        }
7694        .p-sm-2 {
7695            padding: 0.5rem !important
7696        }
7697        .pt-sm-2,
7698        .py-sm-2 {
7699            padding-top: 0.5rem !important
7700        }
7701        .pr-sm-2,
7702        .px-sm-2 {
7703            padding-right: 0.5rem !important
7704        }
7705        .pb-sm-2,
7706        .py-sm-2 {
7707            padding-bottom: 0.5rem !important
7708        }
7709        .pl-sm-2,
7710        .px-sm-2 {
7711            padding-left: 0.5rem !important
7712        }
7713        .p-sm-3 {
7714            padding: 1rem !important
7715        }
7716        .pt-sm-3,
7717        .py-sm-3 {
7718            padding-top: 1rem !important
7719        }
7720        .pr-sm-3,
7721        .px-sm-3 {
7722            padding-right: 1rem !important
7723        }
7724        .pb-sm-3,
7725        .py-sm-3 {
7726            padding-bottom: 1rem !important
7727        }
7728        .pl-sm-3,
7729        .px-sm-3 {
7730            padding-left: 1rem !important
7731        }
7732        .p-sm-4 {
7733            padding: 1.5rem !important
7734        }
7735        .pt-sm-4,
7736        .py-sm-4 {
7737            padding-top: 1.5rem !important
7738        }
7739        .pr-sm-4,
7740        .px-sm-4 {
7741            padding-right: 1.5rem !important
7742        }
7743        .pb-sm-4,
7744        .py-sm-4 {
7745            padding-bottom: 1.5rem !important
7746        }
7747        .pl-sm-4,
7748        .px-sm-4 {
7749            padding-left: 1.5rem !important
7750        }
7751        .p-sm-5 {
7752            padding: 3rem !important
7753        }
7754        .pt-sm-5,
7755        .py-sm-5 {
7756            padding-top: 3rem !important
7757        }
7758        .pr-sm-5,
7759        .px-sm-5 {
7760            padding-right: 3rem !important
7761        }
7762        .pb-sm-5,
7763        .py-sm-5 {
7764            padding-bottom: 3rem !important
7765        }
7766        .pl-sm-5,
7767        .px-sm-5 {
7768            padding-left: 3rem !important
7769        }
7770        .m-sm-auto {
7771            margin: auto !important
7772        }
7773        .mt-sm-auto,
7774        .my-sm-auto {
7775            margin-top: auto !important
7776        }
7777        .mr-sm-auto,
7778        .mx-sm-auto {
7779            margin-right: auto !important
7780        }
7781        .mb-sm-auto,
7782        .my-sm-auto {
7783            margin-bottom: auto !important
7784        }
7785        .ml-sm-auto,
7786        .mx-sm-auto {
7787            margin-left: auto !important
7788        }
7789    }
7790
7791    @media (min-width:768px) {
7792        .m-md-0 {
7793            margin: 0 !important
7794        }
7795        .mt-md-0,
7796        .my-md-0 {
7797            margin-top: 0 !important
7798        }
7799        .mr-md-0,
7800        .mx-md-0 {
7801            margin-right: 0 !important
7802        }
7803        .mb-md-0,
7804        .my-md-0 {
7805            margin-bottom: 0 !important
7806        }
7807        .ml-md-0,
7808        .mx-md-0 {
7809            margin-left: 0 !important
7810        }
7811        .m-md-1 {
7812            margin: 0.25rem !important
7813        }
7814        .mt-md-1,
7815        .my-md-1 {
7816            margin-top: 0.25rem !important
7817        }
7818        .mr-md-1,
7819        .mx-md-1 {
7820            margin-right: 0.25rem !important
7821        }
7822        .mb-md-1,
7823        .my-md-1 {
7824            margin-bottom: 0.25rem !important
7825        }
7826        .ml-md-1,
7827        .mx-md-1 {
7828            margin-left: 0.25rem !important
7829        }
7830        .m-md-2 {
7831            margin: 0.5rem !important
7832        }
7833        .mt-md-2,
7834        .my-md-2 {
7835            margin-top: 0.5rem !important
7836        }
7837        .mr-md-2,
7838        .mx-md-2 {
7839            margin-right: 0.5rem !important
7840        }
7841        .mb-md-2,
7842        .my-md-2 {
7843            margin-bottom: 0.5rem !important
7844        }
7845        .ml-md-2,
7846        .mx-md-2 {
7847            margin-left: 0.5rem !important
7848        }
7849        .m-md-3 {
7850            margin: 1rem !important
7851        }
7852        .mt-md-3,
7853        .my-md-3 {
7854            margin-top: 1rem !important
7855        }
7856        .mr-md-3,
7857        .mx-md-3 {
7858            margin-right: 1rem !important
7859        }
7860        .mb-md-3,
7861        .my-md-3 {
7862            margin-bottom: 1rem !important
7863        }
7864        .ml-md-3,
7865        .mx-md-3 {
7866            margin-left: 1rem !important
7867        }
7868        .m-md-4 {
7869            margin: 1.5rem !important
7870        }
7871        .mt-md-4,
7872        .my-md-4 {
7873            margin-top: 1.5rem !important
7874        }
7875        .mr-md-4,
7876        .mx-md-4 {
7877            margin-right: 1.5rem !important
7878        }
7879        .mb-md-4,
7880        .my-md-4 {
7881            margin-bottom: 1.5rem !important
7882        }
7883        .ml-md-4,
7884        .mx-md-4 {
7885            margin-left: 1.5rem !important
7886        }
7887        .m-md-5 {
7888            margin: 3rem !important
7889        }
7890        .mt-md-5,
7891        .my-md-5 {
7892            margin-top: 3rem !important
7893        }
7894        .mr-md-5,
7895        .mx-md-5 {
7896            margin-right: 3rem !important
7897        }
7898        .mb-md-5,
7899        .my-md-5 {
7900            margin-bottom: 3rem !important
7901        }
7902        .ml-md-5,
7903        .mx-md-5 {
7904            margin-left: 3rem !important
7905        }
7906        .p-md-0 {
7907            padding: 0 !important
7908        }
7909        .pt-md-0,
7910        .py-md-0 {
7911            padding-top: 0 !important
7912        }
7913        .pr-md-0,
7914        .px-md-0 {
7915            padding-right: 0 !important
7916        }
7917        .pb-md-0,
7918        .py-md-0 {
7919            padding-bottom: 0 !important
7920        }
7921        .pl-md-0,
7922        .px-md-0 {
7923            padding-left: 0 !important
7924        }
7925        .p-md-1 {
7926            padding: 0.25rem !important
7927        }
7928        .pt-md-1,
7929        .py-md-1 {
7930            padding-top: 0.25rem !important
7931        }
7932        .pr-md-1,
7933        .px-md-1 {
7934            padding-right: 0.25rem !important
7935        }
7936        .pb-md-1,
7937        .py-md-1 {
7938            padding-bottom: 0.25rem !important
7939        }
7940        .pl-md-1,
7941        .px-md-1 {
7942            padding-left: 0.25rem !important
7943        }
7944        .p-md-2 {
7945            padding: 0.5rem !important
7946        }
7947        .pt-md-2,
7948        .py-md-2 {
7949            padding-top: 0.5rem !important
7950        }
7951        .pr-md-2,
7952        .px-md-2 {
7953            padding-right: 0.5rem !important
7954        }
7955        .pb-md-2,
7956        .py-md-2 {
7957            padding-bottom: 0.5rem !important
7958        }
7959        .pl-md-2,
7960        .px-md-2 {
7961            padding-left: 0.5rem !important
7962        }
7963        .p-md-3 {
7964            padding: 1rem !important
7965        }
7966        .pt-md-3,
7967        .py-md-3 {
7968            padding-top: 1rem !important
7969        }
7970        .pr-md-3,
7971        .px-md-3 {
7972            padding-right: 1rem !important
7973        }
7974        .pb-md-3,
7975        .py-md-3 {
7976            padding-bottom: 1rem !important
7977        }
7978        .pl-md-3,
7979        .px-md-3 {
7980            padding-left: 1rem !important
7981        }
7982        .p-md-4 {
7983            padding: 1.5rem !important
7984        }
7985        .pt-md-4,
7986        .py-md-4 {
7987            padding-top: 1.5rem !important
7988        }
7989        .pr-md-4,
7990        .px-md-4 {
7991            padding-right: 1.5rem !important
7992        }
7993        .pb-md-4,
7994        .py-md-4 {
7995            padding-bottom: 1.5rem !important
7996        }
7997        .pl-md-4,
7998        .px-md-4 {
7999            padding-left: 1.5rem !important
8000        }
8001        .p-md-5 {
8002            padding: 3rem !important
8003        }
8004        .pt-md-5,
8005        .py-md-5 {
8006            padding-top: 3rem !important
8007        }
8008        .pr-md-5,
8009        .px-md-5 {
8010            padding-right: 3rem !important
8011        }
8012        .pb-md-5,
8013        .py-md-5 {
8014            padding-bottom: 3rem !important
8015        }
8016        .pl-md-5,
8017        .px-md-5 {
8018            padding-left: 3rem !important
8019        }
8020        .m-md-auto {
8021            margin: auto !important
8022        }
8023        .mt-md-auto,
8024        .my-md-auto {
8025            margin-top: auto !important
8026        }
8027        .mr-md-auto,
8028        .mx-md-auto {
8029            margin-right: auto !important
8030        }
8031        .mb-md-auto,
8032        .my-md-auto {
8033            margin-bottom: auto !important
8034        }
8035        .ml-md-auto,
8036        .mx-md-auto {
8037            margin-left: auto !important
8038        }
8039    }
8040
8041    @media (min-width:992px) {
8042        .m-lg-0 {
8043            margin: 0 !important
8044        }
8045        .mt-lg-0,
8046        .my-lg-0 {
8047            margin-top: 0 !important
8048        }
8049        .mr-lg-0,
8050        .mx-lg-0 {
8051            margin-right: 0 !important
8052        }
8053        .mb-lg-0,
8054        .my-lg-0 {
8055            margin-bottom: 0 !important
8056        }
8057        .ml-lg-0,
8058        .mx-lg-0 {
8059            margin-left: 0 !important
8060        }
8061        .m-lg-1 {
8062            margin: 0.25rem !important
8063        }
8064        .mt-lg-1,
8065        .my-lg-1 {
8066            margin-top: 0.25rem !important
8067        }
8068        .mr-lg-1,
8069        .mx-lg-1 {
8070            margin-right: 0.25rem !important
8071        }
8072        .mb-lg-1,
8073        .my-lg-1 {
8074            margin-bottom: 0.25rem !important
8075        }
8076        .ml-lg-1,
8077        .mx-lg-1 {
8078            margin-left: 0.25rem !important
8079        }
8080        .m-lg-2 {
8081            margin: 0.5rem !important
8082        }
8083        .mt-lg-2,
8084        .my-lg-2 {
8085            margin-top: 0.5rem !important
8086        }
8087        .mr-lg-2,
8088        .mx-lg-2 {
8089            margin-right: 0.5rem !important
8090        }
8091        .mb-lg-2,
8092        .my-lg-2 {
8093            margin-bottom: 0.5rem !important
8094        }
8095        .ml-lg-2,
8096        .mx-lg-2 {
8097            margin-left: 0.5rem !important
8098        }
8099        .m-lg-3 {
8100            margin: 1rem !important
8101        }
8102        .mt-lg-3,
8103        .my-lg-3 {
8104            margin-top: 1rem !important
8105        }
8106        .mr-lg-3,
8107        .mx-lg-3 {
8108            margin-right: 1rem !important
8109        }
8110        .mb-lg-3,
8111        .my-lg-3 {
8112            margin-bottom: 1rem !important
8113        }
8114        .ml-lg-3,
8115        .mx-lg-3 {
8116            margin-left: 1rem !important
8117        }
8118        .m-lg-4 {
8119            margin: 1.5rem !important
8120        }
8121        .mt-lg-4,
8122        .my-lg-4 {
8123            margin-top: 1.5rem !important
8124        }
8125        .mr-lg-4,
8126        .mx-lg-4 {
8127            margin-right: 1.5rem !important
8128        }
8129        .mb-lg-4,
8130        .my-lg-4 {
8131            margin-bottom: 1.5rem !important
8132        }
8133        .ml-lg-4,
8134        .mx-lg-4 {
8135            margin-left: 1.5rem !important
8136        }
8137        .m-lg-5 {
8138            margin: 3rem !important
8139        }
8140        .mt-lg-5,
8141        .my-lg-5 {
8142            margin-top: 3rem !important
8143        }
8144        .mr-lg-5,
8145        .mx-lg-5 {
8146            margin-right: 3rem !important
8147        }
8148        .mb-lg-5,
8149        .my-lg-5 {
8150            margin-bottom: 3rem !important
8151        }
8152        .ml-lg-5,
8153        .mx-lg-5 {
8154            margin-left: 3rem !important
8155        }
8156        .p-lg-0 {
8157            padding: 0 !important
8158        }
8159        .pt-lg-0,
8160        .py-lg-0 {
8161            padding-top: 0 !important
8162        }
8163        .pr-lg-0,
8164        .px-lg-0 {
8165            padding-right: 0 !important
8166        }
8167        .pb-lg-0,
8168        .py-lg-0 {
8169            padding-bottom: 0 !important
8170        }
8171        .pl-lg-0,
8172        .px-lg-0 {
8173            padding-left: 0 !important
8174        }
8175        .p-lg-1 {
8176            padding: 0.25rem !important
8177        }
8178        .pt-lg-1,
8179        .py-lg-1 {
8180            padding-top: 0.25rem !important
8181        }
8182        .pr-lg-1,
8183        .px-lg-1 {
8184            padding-right: 0.25rem !important
8185        }
8186        .pb-lg-1,
8187        .py-lg-1 {
8188            padding-bottom: 0.25rem !important
8189        }
8190        .pl-lg-1,
8191        .px-lg-1 {
8192            padding-left: 0.25rem !important
8193        }
8194        .p-lg-2 {
8195            padding: 0.5rem !important
8196        }
8197        .pt-lg-2,
8198        .py-lg-2 {
8199            padding-top: 0.5rem !important
8200        }
8201        .pr-lg-2,
8202        .px-lg-2 {
8203            padding-right: 0.5rem !important
8204        }
8205        .pb-lg-2,
8206        .py-lg-2 {
8207            padding-bottom: 0.5rem !important
8208        }
8209        .pl-lg-2,
8210        .px-lg-2 {
8211            padding-left: 0.5rem !important
8212        }
8213        .p-lg-3 {
8214            padding: 1rem !important
8215        }
8216        .pt-lg-3,
8217        .py-lg-3 {
8218            padding-top: 1rem !important
8219        }
8220        .pr-lg-3,
8221        .px-lg-3 {
8222            padding-right: 1rem !important
8223        }
8224        .pb-lg-3,
8225        .py-lg-3 {
8226            padding-bottom: 1rem !important
8227        }
8228        .pl-lg-3,
8229        .px-lg-3 {
8230            padding-left: 1rem !important
8231        }
8232        .p-lg-4 {
8233            padding: 1.5rem !important
8234        }
8235        .pt-lg-4,
8236        .py-lg-4 {
8237            padding-top: 1.5rem !important
8238        }
8239        .pr-lg-4,
8240        .px-lg-4 {
8241            padding-right: 1.5rem !important
8242        }
8243        .pb-lg-4,
8244        .py-lg-4 {
8245            padding-bottom: 1.5rem !important
8246        }
8247        .pl-lg-4,
8248        .px-lg-4 {
8249            padding-left: 1.5rem !important
8250        }
8251        .p-lg-5 {
8252            padding: 3rem !important
8253        }
8254        .pt-lg-5,
8255        .py-lg-5 {
8256            padding-top: 3rem !important
8257        }
8258        .pr-lg-5,
8259        .px-lg-5 {
8260            paddi
8260ng-right: 3rem !important
8261        }
8262        .pb-lg-5,
8263        .py-lg-5 {
8264            padding-bottom: 3rem !important
8265        }
8266        .pl-lg-5,
8267        .px-lg-5 {
8268            padding-left: 3rem !important
8269        }
8270        .m-lg-auto {
8271            margin: auto !important
8272        }
8273        .mt-lg-auto,
8274        .my-lg-auto {
8275            margin-top: auto !important
8276        }
8277        .mr-lg-auto,
8278        .mx-lg-auto {
8279            margin-right: auto !important
8280        }
8281        .mb-lg-auto,
8282        .my-lg-auto {
8283            margin-bottom: auto !important
8284        }
8285        .ml-lg-auto,
8286        .mx-lg-auto {
8287            margin-left: auto !important
8288        }
8289    }
8290
8291    @media (min-width:1200px) {
8292        .m-xl-0 {
8293            margin: 0 !important
8294        }
8295        .mt-xl-0,
8296        .my-xl-0 {
8297            margin-top: 0 !important
8298        }
8299        .mr-xl-0,
8300        .mx-xl-0 {
8301            margin-right: 0 !important
8302        }
8303        .mb-xl-0,
8304        .my-xl-0 {
8305            margin-bottom: 0 !important
8306        }
8307        .ml-xl-0,
8308        .mx-xl-0 {
8309            margin-left: 0 !important
8310        }
8311        .m-xl-1 {
8312            margin: 0.25rem !important
8313        }
8314        .mt-xl-1,
8315        .my-xl-1 {
8316            margin-top: 0.25rem !important
8317        }
8318        .mr-xl-1,
8319        .mx-xl-1 {
8320            margin-right: 0.25rem !important
8321        }
8322        .mb-xl-1,
8323        .my-xl-1 {
8324            margin-bottom: 0.25rem !important
8325        }
8326        .ml-xl-1,
8327        .mx-xl-1 {
8328            margin-left: 0.25rem !important
8329        }
8330        .m-xl-2 {
8331            margin: 0.5rem !important
8332        }
8333        .mt-xl-2,
8334        .my-xl-2 {
8335            margin-top: 0.5rem !important
8336        }
8337        .mr-xl-2,
8338        .mx-xl-2 {
8339            margin-right: 0.5rem !important
8340        }
8341        .mb-xl-2,
8342        .my-xl-2 {
8343            margin-bottom: 0.5rem !important
8344        }
8345        .ml-xl-2,
8346        .mx-xl-2 {
8347            margin-left: 0.5rem !important
8348        }
8349        .m-xl-3 {
8350            margin: 1rem !important
8351        }
8352        .mt-xl-3,
8353        .my-xl-3 {
8354            margin-top: 1rem !important
8355        }
8356        .mr-xl-3,
8357        .mx-xl-3 {
8358            margin-right: 1rem !important
8359        }
8360        .mb-xl-3,
8361        .my-xl-3 {
8362            margin-bottom: 1rem !important
8363        }
8364        .ml-xl-3,
8365        .mx-xl-3 {
8366            margin-left: 1rem !important
8367        }
8368        .m-xl-4 {
8369            margin: 1.5rem !important
8370        }
8371        .mt-xl-4,
8372        .my-xl-4 {
8373            margin-top: 1.5rem !important
8374        }
8375        .mr-xl-4,
8376        .mx-xl-4 {
8377            margin-right: 1.5rem !important
8378        }
8379        .mb-xl-4,
8380        .my-xl-4 {
8381            margin-bottom: 1.5rem !important
8382        }
8383        .ml-xl-4,
8384        .mx-xl-4 {
8385            margin-left: 1.5rem !important
8386        }
8387        .m-xl-5 {
8388            margin: 3rem !important
8389        }
8390        .mt-xl-5,
8391        .my-xl-5 {
8392            margin-top: 3rem !important
8393        }
8394        .mr-xl-5,
8395        .mx-xl-5 {
8396            margin-right: 3rem !important
8397        }
8398        .mb-xl-5,
8399        .my-xl-5 {
8400            margin-bottom: 3rem !important
8401        }
8402        .ml-xl-5,
8403        .mx-xl-5 {
8404            margin-left: 3rem !important
8405        }
8406        .p-xl-0 {
8407            padding: 0 !important
8408        }
8409        .pt-xl-0,
8410        .py-xl-0 {
8411            padding-top: 0 !important
8412        }
8413        .pr-xl-0,
8414        .px-xl-0 {
8415            padding-right: 0 !important
8416        }
8417        .pb-xl-0,
8418        .py-xl-0 {
8419            padding-bottom: 0 !important
8420        }
8421        .pl-xl-0,
8422        .px-xl-0 {
8423            padding-left: 0 !important
8424        }
8425        .p-xl-1 {
8426            padding: 0.25rem !important
8427        }
8428        .pt-xl-1,
8429        .py-xl-1 {
8430            padding-top: 0.25rem !important
8431        }
8432        .pr-xl-1,
8433        .px-xl-1 {
8434            padding-right: 0.25rem !important
8435        }
8436        .pb-xl-1,
8437        .py-xl-1 {
8438            padding-bottom: 0.25rem !important
8439        }
8440        .pl-xl-1,
8441        .px-xl-1 {
8442            padding-left: 0.25rem !important
8443        }
8444        .p-xl-2 {
8445            padding: 0.5rem !important
8446        }
8447        .pt-xl-2,
8448        .py-xl-2 {
8449            padding-top: 0.5rem !important
8450        }
8451        .pr-xl-2,
8452        .px-xl-2 {
8453            padding-right: 0.5rem !important
8454        }
8455        .pb-xl-2,
8456        .py-xl-2 {
8457            padding-bottom: 0.5rem !important
8458        }
8459        .pl-xl-2,
8460        .px-xl-2 {
8461            padding-left: 0.5rem !important
8462        }
8463        .p-xl-3 {
8464            padding: 1rem !important
8465        }
8466        .pt-xl-3,
8467        .py-xl-3 {
8468            padding-top: 1rem !important
8469        }
8470        .pr-xl-3,
8471        .px-xl-3 {
8472            padding-right: 1rem !important
8473        }
8474        .pb-xl-3,
8475        .py-xl-3 {
8476            padding-bottom: 1rem !important
8477        }
8478        .pl-xl-3,
8479        .px-xl-3 {
8480            padding-left: 1rem !important
8481        }
8482        .p-xl-4 {
8483            padding: 1.5rem !important
8484        }
8485        .pt-xl-4,
8486        .py-xl-4 {
8487            padding-top: 1.5rem !important
8488        }
8489        .pr-xl-4,
8490        .px-xl-4 {
8491            padding-right: 1.5rem !important
8492        }
8493        .pb-xl-4,
8494        .py-xl-4 {
8495            padding-bottom: 1.5rem !important
8496        }
8497        .pl-xl-4,
8498        .px-xl-4 {
8499            padding-left: 1.5rem !important
8500        }
8501        .p-xl-5 {
8502            padding: 3rem !important
8503        }
8504        .pt-xl-5,
8505        .py-xl-5 {
8506            padding-top: 3rem !important
8507        }
8508        .pr-xl-5,
8509        .px-xl-5 {
8510            padding-right: 3rem !important
8511        }
8512        .pb-xl-5,
8513        .py-xl-5 {
8514            padding-bottom: 3rem !important
8515        }
8516        .pl-xl-5,
8517        .px-xl-5 {
8518            padding-left: 3rem !important
8519        }
8520        .m-xl-auto {
8521            margin: auto !important
8522        }
8523        .mt-xl-auto,
8524        .my-xl-auto {
8525            margin-top: auto !important
8526        }
8527        .mr-xl-auto,
8528        .mx-xl-auto {
8529            margin-right: auto !important
8530        }
8531        .mb-xl-auto,
8532        .my-xl-auto {
8533            margin-bottom: auto !important
8534        }
8535        .ml-xl-auto,
8536        .mx-xl-auto {
8537            margin-left: auto !important
8538        }
8539    }
8540
8541    .text-justify {
8542        text-align: justify !important
8543    }
8544
8545    .text-nowrap {
8546        white-space: nowrap !important
8547    }
8548
8549    .text-truncate {
8550        overflow: hidden;
8551        text-overflow: ellipsis;
8552        white-space: nowrap
8553    }
8554
8555    .text-left {
8556        text-align: left !important
8557    }
8558
8559    .text-right {
8560        text-align: right !important
8561    }
8562
8563    .text-center {
8564        text-align: center !important
8565    }
8566
8567    @media (min-width:576px) {
8568        .text-sm-left {
8569            text-align: left !important
8570        }
8571        .text-sm-right {
8572            text-align: right !important
8573        }
8574        .text-sm-center {
8575            text-align: center !important
8576        }
8577    }
8578
8579    @media (min-width:768px) {
8580        .text-md-left {
8581            text-align: left !important
8582        }
8583        .text-md-right {
8584            text-align: right !important
8585        }
8586        .text-md-center {
8587            text-align: center !important
8588        }
8589    }
8590
8591    @media (min-width:992px) {
8592        .text-lg-left {
8593            text-align: left !important
8594        }
8595        .text-lg-right {
8596            text-align: right !important
8597        }
8598        .text-lg-center {
8599            text-align: center !important
8600        }
8601    }
8602
8603    @media (min-width:1200px) {
8604        .text-xl-left {
8605            text-align: left !important
8606        }
8607        .text-xl-right {
8608            text-align: right !important
8609        }
8610        .text-xl-center {
8611            text-align: center !important
8612        }
8613    }
8614
8615    .text-lowercase {
8616        text-transform: lowercase !important
8617    }
8618
8619    .text-uppercase {
8620        text-transform: uppercase !important
8621    }
8622
8623    .text-capitalize {
8624        text-transform: capitalize !important
8625    }
8626
8627    .font-weight-light {
8628        font-weight: 300 !important
8629    }
8630
8631    .font-weight-normal {
8632        font-weight: 400 !important
8633    }
8634
8635    .font-weight-bold {
8636        font-weight: 700 !important
8637    }
8638
8639    .fw-400 {font-weight: 400 !important}
8640    .fw-500 {font-weight: 500 !important}
8641    .fw-600 {font-weight: 600 !important}
8642    .fw-700 {font-weight: 700 !important}
8643
8644    .flex-row {
8645        -ms-flex-direction: row !important;
8646        flex-direction: row !important
8647    }
8648
8649    .flex-column {
8650        -ms-flex-direction: column !important;
8651        flex-direction: column !important
8652    }
8653
8654    .flex-row-reverse {
8655        -ms-flex-direction: row-reverse !important;
8656        flex-direction: row-reverse !important
8657    }
8658
8659    .flex-column-reverse {
8660        -ms-flex-direction: column-reverse !important;
8661        flex-direction: column-reverse !important
8662    }
8663
8664    .flex-wrap {
8665        -ms-flex-wrap: wrap !important;
8666        flex-wrap: wrap !important
8667    }
8668
8669    .flex-nowrap {
8670        -ms-flex-wrap: nowrap !important;
8671        flex-wrap: nowrap !important
8672    }
8673
8674    .flex-wrap-reverse {
8675        -ms-flex-wrap: wrap-reverse !important;
8676        flex-wrap: wrap-reverse !important
8677    }
8678
8679    .justify-content-start {
8680        -ms-flex-pack: start !important;
8681        justify-content: flex-start !important
8682    }
8683
8684    .justify-content-end {
8685        -ms-flex-pack: end !important;
8686        justify-content: flex-end !important
8687    }
8688
8689    .justify-content-center {
8690        -ms-flex-pack: center !important;
8691        justify-content: center !important
8692    }
8693
8694    .justify-content-between {
8695        -ms-flex-pack: justify !important;
8696        justify-content: space-between !important
8697    }
8698
8699    .justify-content-around {
8700        -ms-flex-pack: distribute !important;
8701        justify-content: space-around !important
8702    }
8703
8704    .justify-content-sm-around {
8705        -ms-flex-pack: distribute !important;
8706        justify-content: space-around !important
8707    }
8708
8709    .align-middle {vertical-align: middle!important;}
8710
8711    .align-items-start {
8712        -ms-flex-align: start !important;
8713        align-items: flex-start !important
8714    }
8715
8716    .align-items-end {
8717        -ms-flex-align: end !important;
8718        align-items: flex-end !important
8719    }
8720
8721    .align-items-center {
8722        -ms-flex-align: center !important;
8723        align-items: center !important
8724    }
8725
8726    .align-items-baseline {
8727        -ms-flex-align: baseline !important;
8728        align-items: baseline !important
8729    }
8730
8731    .align-items-stretch {
8732        -ms-flex-align: stretch !important;
8733        align-items: stretch !important
8734    }
8735
8736    .align-content-start {
8737        -ms-flex-line-pack: start !important;
8738        align-content: flex-start !important
8739    }
8740
8741    .align-content-end {
8742        -ms-flex-line-pack: end !important;
8743        align-content: flex-end !important
8744    }
8745
8746    .align-content-center {
8747        -ms-flex-line-pack: center !important;
8748        align-content: center !important
8749    }
8750
8751    .align-content-between {
8752        -ms-flex-line-pack: justify !important;
8753        align-content: space-between !important
8754    }
8755
8756    .align-content-around {
8757        -ms-flex-line-pack: distribute !important;
8758        align-content: space-around !important
8759    }
8760
8761    .align-content-stretch {
8762        -ms-flex-line-pack: stretch !important;
8763        align-content: stretch !important
8764    }
8765
8766    .align-self-auto {
8767        -ms-flex-item-align: auto !important;
8768        align-self: auto !important
8769    }
8770
8771    .align-self-start {
8772        -ms-flex-item-align: start !important;
8773        align-self: flex-start !important
8774    }
8775
8776    .align-self-end {
8777        -ms-flex-item-align: end !important;
8778        align-self: flex-end !important
8779    }
8780
8781    .align-self-center {
8782        -ms-flex-item-align: center !important;
8783        align-self: center !important
8784    }
8785
8786    .align-self-baseline {
8787        -ms-flex-item-align: baseline !important;
8788        align-self: baseline !important
8789    }
8790
8791    .align-self-stretch {
8792        -ms-flex-item-align: stretch !important;
8793        align-self: stretch !important
8794    }
8795
8796    html {
8797        background-color: {
8798                {
8799                settings.color-secondary
8800            }
8801        }
8802    }
8803
8804    body {
8805        background-color: #FFF
8806    }
8807
8808    a,
8809    button,
8810    input,
8811    textarea {
8812        font-family: 'Source Sans Pro', sans-serif
8813    }
8814
8815    [tabindex='-1']:focus {
8816        outline: none
8817    }
8818
8819    .main-content {
8820        display: block;
8821        padding-bottom: 20px
8822    }
8823
8824    .shadow {
8825        box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
8826    }
8827
8828    .shadow:hover {
8829        transform: translateY(-2px);
8830        box-shadow: 0 4px 8px rgba(0, 0, 0, .3)
8831    }
8832
8833    .spr-icon:before {
8834        font-size: 75% !important
8835    }
8836
8837    .spr-badge-caption {
8838        font-size: .75em
8839    }
8840
8841    .spr-badge[data-rating='0.0'] {
8842        display: none
8843    }
8844
8845    .is-transitioning {
8846        display: block !important;
8847        visibility: visible !important
8848    }
8849
8850    .display-table {
8851        display: table;
8852        table-layout: fixed;
8853        width: 100%
8854    }
8855
8856    .display-table-cell {
8857        display: table-cell;
8858        vertical-align: middle;
8859        float: none
8860    }
8861
8862    @media screen and (min-width:769px) {
8863        .large--display-table {
8864            display: table;
8865            table-layout: fixed;
8866            width: 100%
8867        }
8868        .large--display-table-cell {
8869            display: table-cell;
8870            vertical-align: middle;
8871            float: none
8872        }
8873    }
8874
8875    .visually-hidden,
8876    .supports-fontface .icon-fallback-text .fallback-text {
8877        position: absolute;
8878        overflow: hidden;
8879        clip: rect(0 0 0 0);
8880        height: 1px;
8881        width: 1px;
8882        margin: -1px;
8883        padding: 0;
8884        border: 0
8885    }
8886
8887    .rte {
8888        margin-bottom: 10px
8889    }
8890
8891    .rte a {
8892        text-decoration: underline
8893    }
8894
8895    .rte h1,
8896    .rte h2,
8897    .rte h3,
8898    .rte h4,
8899    .rte h5,
8900    .rte h6 {
8901        margin-top: 2em
8902    }
8903
8904    .rte h1:first-child,
8905    .rte h2:first-child,
8906    .rte h3:first-child,
8907    .rte h4:first-child,
8908    .rte h5:first-child,
8909    .rte h6:first-child {
8910        margin-top: 0
8911    }
8912
8913    .rte h1 a,
8914    .rte h2 a,
8915    .rte h3 a,
8916    .rte h4 a,
8917    .rte h5 a,
8918    .rte h6 a {
8919        text-decoration: none
8920    }
8921
8922    .rte li {
8923        margin-bottom: .4em
8924    }
8925
8926    .rte--header {
8927        margin-bottom: 0
8928    }
8929
8930    a,
8931    .text-link {
8932        color: #fa7864;
8933        text-decoration: none;
8934        background: #000000
8935    }
8936
8937    h1 a,
8938    .h1 a,
8939    h2 a,
8940    .h2 a,
8941    h3 a,
8942    .h3 a,
8943    h4 a,
8944    .h4 a,
8945    h5 a,
8946    .h5 a,
8947    h6 a,
8948    .h6 a,
8949    p a,
8950    .p a {
8951        color: #212121
8952    }
8953
8954    h1 a:hover,
8955    .h1 a:hover,
8956    h2 a:hover,
8957    .h2 a:hover,
8958    h3 a:hover,
8959    .h3 a:hover,
8960    h4 a:hover,
8961    .h4 a:hover,
8962    h5 a:hover,
8963    .h5 a:hover,
8964    h6 a:hover,
8965    .h6 a:hover,
8966    p a:hover,
8967    .p a:hover {
8968        color: #212121
8969    }
8970
8971    button {
8972        overflow: visible
8973    }
8974
8975    button[disabled],
8976    html input[disabled] {
8977        cursor: default
8978    }
8979
8980    .btn,
8981    .rte .btn {
8982        display: inline-block;
8983        padding: 8px 10px;
8984        width: auto;
8985        margin: 0;
8986        line-height: 1.42;
8987        font-weight: 600;
8988        text-decoration: none;
8989        text-align: center;
8990        vertical-align: middle;
8991        white-space: nowrap;
8992        cursor: pointer;
8993        border: 1px solid #000000;
8994        -webkit-user-select: none;
8995        -moz-user-select: none;
8996        -ms-user-select: none;
8997        user-select: none;
8998        -webkit-appearance: none;
8999        -moz-appearance: none
9000    }
9001
9002    .btn[disabled],
9003    .btn.disabled,
9004    .rte .btn[disabled],
9005    .rte .btn.disabled {
9006        cursor: not-allowed;
9007        color: #fff;
9008        background-color: #b8b8b8 !important;
9009        transform: none;
9010        box-shadow: none
9011    }
9012
9013    .btn {
9014    transition: all .4s ease-in-out;
9015    background-color: #212121;
9016    color: #fff;
9017    height: 43px!important;
9018    line-height: 1.4!important;
9019    }
9020    @media (max-width: 992px){
9021    .btn {font-size: 14px!important;padding: 10px!important;}
9022    }
9023    .btn:hover {
9024        background-color: #fff;
9025        color: #212121;
9026    border: 1px solid #212121;
9027    }
9028
9029    @media only screen and (min-width:1024px) {
9030        .btn:hover {
9031            transform: translateY(-1px);
9032        }
9033    }
9034
9035    @media only screen and (min-width:1024px) {
9036        .btn:active,
9037        .btn:focus {
9038            color: #fafafa;
9039            transform: translateY(1px);
9040            background-color: #fff;
9041            color: #212121;
9042            border: 2px solid #212121
9043        }
9044    }
9045
9046    .btn-cta {
9047        font-size: 14px;
9048        font-weight: 400;
9049        transition: all .4s ease-in-out;
9050        background-color: #212121;
9051        color: #fff;
9052        border: 2px solid #212121;
9053        text-transform: uppercase
9054    }
9055
9056    @media only screen and (min-width:1024px) {
9057        .btn-cta:hover {
9058            transform: translateY(-1px);
9059            background: #212121;
9060            color: #fff
9061        }
9062    }
9063
9064    @media only screen and (min-width:1024px) {
9065        .btn-cta:active,
9066        .btn-cta:focus {
9067            color: #fff;
9068            transform: translateY(1px);
9069            background-color: #212121
9070        }
9071    }
9072
9073    .btn-input {
9074        border-radius: 0 5px 5px 0;
9075        background-color: #fff;
9076        box-shadow: none
9077    }
9078
9079    .btn-input:hover {
9080        transform: none
9081    }
9082
9083    .btn-steps {
9084        background-color: #000000;
9085        border: 1px solid #212121;
9086        color: #212121
9087    }
9088
9089    .btn-steps:hover {
9090        background-color: #212121;
9091        color: #fafafa
9092    }
9093
9094    .btn-showmore {
9095        border-radius: 100px;
9096        width: 3em;
9097        height: 3em
9098    }
9099
9100    .btn--small {
9101        padding: 4px 5px;
9102        font-size: .75em
9103    }
9104
9105    .btn--large {
9106        padding: 12px 15px;
9107        font-size: 1em
9108    }
9109
9110    .btn-block {
9111        display: block;
9112        width: 100%
9113    }
9114
9115    .btn-block+.btn-block {
9116        margin-top: .5rem
9117    }
9118
9119    input[type="submit"].btn-block,
9120    input[type="reset"].btn-block,
9121    input[type="button"].btn-block {
9122        width: 100%
9123    }
9124
9125    .text-link {
9126        display: inline;
9127        border: 0 none;
9128        background: none;
9129        padding: 0;
9130        margin: 0
9131    }
9132
9133    ul,
9134    ol {
9135        margin: 0 0 10px 20px;
9136        padding: 0
9137    }
9138
9139    ol {
9140        list-style: decimal
9141    }
9142
9143    ul ul,
9144    ul ol,
9145    ol ol,
9146    ol ul {
9147        margin: 4px 0 20px 20px
9148    }
9149
9150    li {
9151        margin-bottom: .15em
9152    }
9153
9154    ul.square {
9155        list-style: square outside
9156    }
9157
9158    ul.disc {
9159        list-style: disc outside
9160    }
9161
9162    ol.alpha {
9163        list-style: lower-alpha outside
9164    }
9165
9166    .no-bullets {
9167        list-style: none outside;
9168        margin-left: 0
9169    }
9170
9171    .inline-list {
9172        margin-left: 0
9173    }
9174
9175    .inline-list li {
9176        display: inline-block;
9177        margin-bottom: 0
9178    }
9179
9180    .list-unstyled {
9181        padding-left: 0;
9182        list-style: none
9183    }
9184
9185    .list-unstyled a {
9186        color: #fafafa
9187    }
9188
9189    .list-unstyled a:hover {
9190        color: #c7c7c7
9191    }
9192
9193    .list-inline {
9194        padding-left: 0;
9195        list-style: none
9196    }
9197
9198    .list-inline-item {
9199        display: inline-block
9200    }
9201
9202    .list-inline-item:not(:last-child) {
9203        margin-right: 5px
9204    }
9205
9206    thead {
9207        display: table-header-group
9208    }
9209
9210    table {
9211        border-collapse: collapse
9212    }
9213
9214    th {
9215        text-align: inherit
9216    }
9217
9218    .table {
9219        width: 100%;
9220        max-width: 100%;
9221        margin-bottom: 1rem;
9222        background-color: #000000
9223    }
9224
9225    .table th,
9226    .table td {
9227        padding: .75rem;
9228        vertical-align: top;
9229        border-top: 1px solid #e9ecef
9230    }
9231
9232    .table thead th {
9233        vertical-align: bottom;
9234        border-bottom: 2px solid #e9ecef
9235    }
9236
9237    .table tbody+tbody {
9238        border-top: 2px solid #e9ecef
9239    }
9240
9241    .table .table {
9242        background-color: #fff
9243    }
9244
9245    .table-sm th,
9246    .table-sm td {
9247        padding: .3rem
9248    }
9249
9250    .table-bordered {
9251        border: 1px solid #e9ecef
9252    }
9253
9254    .table-bordered th,
9255    .table-bordered td {
9256        border: 1px solid #e9ecef
9257    }
9258
9259    .table-bordered thead th,
9260    .table-bordered thead td {
9261        border-bottom-width: 2px
9262    }
9263
9264    .table-striped tbody tr:nth-of-type(odd) {
9265        background-color: rgba(0, 0, 0, .05)
9266    }
9267
9268    .table-hover tbody tr:hover {
9269        background-color: rgba(0, 0, 0, .075)
9270    }
9271
9272    .table-primary,
9273    .table-primary>th,
9274    .table-primary>td {
9275        background-color: #b8daff
9276    }
9277
9278    .table-hover .table-primary:hover {
9279        background-color: #9fcdff
9280    }
9281
9282    .table-hover .table-primary:hover>td,
9283    .table-hover .table-primary:hover>th {
9284        background-color: #9fcdff
9285    }
9286
9287    .table-secondary,
9288    .table-secondary>th,
9289    .table-secondary>td {
9290        background-color: #dddfe2
9291    }
9292
9293    .table-hover .table-secondary:hover {
9294        background-color: #cfd2d6
9295    }
9296
9297    .table-hover .table-secondary:hover>td,
9298    .table-hover .table-secondary:hover>th {
9299        background-color: #cfd2d6
9300    }
9301
9302    .table-success,
9303    .table-success>th,
9304    .table-success>td {
9305        background-color: #c3e6cb
9306    }
9307
9308    .table-hover .table-success:hover {
9309        background-color: #b1dfbb
9310    }
9311
9312    .table-hover .table-success:hover>td,
9313    .table-hover .table-success:hover>th {
9314        background-color: #b1dfbb
9315    }
9316
9317    .table-info,
9318    .table-info>th,
9319    .table-info>td {
9320        background-color: #bee5eb
9321    }
9322
9323    .table-hover .table-info:hover {
9324        background-color: #abdde5
9325    }
9326
9327    .table-hover .table-info:hover>td,
9328    .table-hover .table-info:hover>th {
9329        background-color: #abdde5
9330    }
9331
9332    .table-warning,
9333    .table-warning>th,
9334    .table-warning>td {
9335        background-color: #ffeeba
9336    }
9337
9338    .table-hover .table-warning:hover {
9339        background-color: #ffe8a1
9340    }
9341
9342    .table-hover .table-warning:hover>td,
9343    .table-hover .table-warning:hover>th {
9344        background-color: #ffe8a1
9345    }
9346
9347    .table-danger,
9348    .table-danger>th,
9349    .table-danger>td {
9350        background-color: #f5c6cb
9351    }
9352
9353    .table-hover .table-danger:hover {
9354        background-color: #f1b0b7
9355    }
9356
9357    .table-hover .table-danger:hover>td,
9358    .table-hover .table-danger:hover>th {
9359        background-color: #f1b0b7
9360    }
9361
9362    .table-light,
9363    .table-light>th,
9364    .table-light>td {
9365        background-color: #fdfdfe
9366    }
9367
9368    .table-hover .table-light:hover {
9369        background-color: #ececf6
9370    }
9371
9372    .table-hover .table-light:hover>td,
9373    .table-hover .table-light:hover>th {
9374        background-color: #ececf6
9375    }
9376
9377    .table-dark,
9378    .table-dark>th,
9379    .table-dark>td {
9380        background-color: #c6c8ca
9381    }
9382
9383    .table-hover .table-dark:hover {
9384        background-color: #b9bbbe
9385    }
9386
9387    .table-hover .table-dark:hover>td,
9388    .table-hover .table-dark:hover>th {
9389        background-color: #b9bbbe
9390    }
9391
9392    .table-active,
9393    .table-active>th,
9394    .table-active>td {
9395        background-color: rgba(0, 0, 0, .075)
9396    }
9397
9398    .table-hover .table-active:hover {
9399        background-color: rgba(0, 0, 0, .075)
9400    }
9401
9402    .table-hover .table-active:hover>td,
9403    .table-hover .table-active:hover>th {
9404        background-color: rgba(0, 0, 0, .075)
9405    }
9406
9407    .table .thead-dark th {
9408        color: #fff;
9409        background-color: #212529;
9410        border-color: #32383e
9411    }
9412
9413    .table .thead-light th {
9414        color: #495057;
9415        background-color: #e9ecef;
9416        border-color: #e9ecef
9417    }
9418
9419    .table-dark {
9420        color: #fff;
9421        background-color: #212529
9422    }
9423
9424    .table-dark th,
9425    .table-dark td,
9426    .table-dark thead th {
9427        border-color: #32383e
9428    }
9429
9430    .table-dark.table-bordered {
9431        border: 0
9432    }
9433
9434    .table-dark.table-striped tbody tr:nth-of-type(odd) {
9435        background-color: rgba(255, 255, 255, .05)
9436    }
9437
9438    .table-dark.table-hover tbody tr:hover {
9439        background-color: rgba(255, 255, 255, .075)
9440    }
9441
9442    @media (max-width:575px) {
9443        .table-responsive-sm {
9444            display: block;
9445            width: 100%;
9446            overflow-x: auto;
9447            -webkit-overflow-scrolling: touch;
9448            -ms-overflow-style: -ms-autohiding-scrollbar
9449        }
9450        .table-responsive-sm.table-bordered {
9451            border: 0
9452        }
9453    }
9454
9455    @media (max-width:767px) {
9456        .table-responsive-md {
9457            display: block;
9458            width: 100%;
9459            overflow-x: auto;
9460            -webkit-overflow-scrolling: touch;
9461            -ms-overflow-style: -ms-autohiding-scrollbar
9462        }
9463        .table-responsive-md.table-bordered {
9464            border: 0
9465        }
9466    }
9467
9468    @media (max-width:991px) {
9469        .table-responsive-lg {
9470            display: block;
9471            width: 100%;
9472            overflow-x: auto;
9473            -webkit-overflow-scrolling: touch;
9474            -ms-overflow-style: -ms-autohiding-scrollbar
9475        }
9476        .table-responsive-lg.table-bordered {
9477            border: 0
9478        }
9479    }
9480
9481    @media (max-width:1199px) {
9482        .table-responsive-xl {
9483            display: block;
9484            width: 100%;
9485            overflow-x: auto;
9486            -webkit-overflow-scrolling: touch;
9487            -ms-overflow-style: -ms-autohiding-scrollbar
9488        }
9489        .table-responsive-xl.table-bordered {
9490            border: 0
9491        }
9492    }
9493
9494    .table-responsive {
9495        display: block;
9496        width: 100%;
9497        overflow-x: auto;
9498        -webkit-overflow-scrolling: touch;
9499        -ms-overflow-style: -ms-autohiding-scrollbar
9500    }
9501
9502    .table-responsive.table-bordered {
9503        border: 0
9504    }
9505
9506    .media,
9507    .media-flex {
9508        overflow: hidden;
9509        _overflow: visible;
9510        zoom: 1
9511    }
9512
9513    .media-img {
9514        float: left;
9515        margin-right: 20px
9516    }
9517
9518    .media-img-right {
9519        float: right;
9520        margin-left: 20px
9521    }
9522
9523    .media-img img,
9524    .media-img-right img {
9525        display: block
9526    }
9527
9528    img {
9529        border: 0 none
9530    }
9531
9532    svg:not(:root) {
9533        overflow: hidden
9534    }
9535
9536    .img-fluid,
9537    img,
9538    iframe {
9539        max-width: 100%;
9540        height: auto
9541    }
9542
9543    .video-wrapper {
9544        position: relative;
9545        overflow: hidden;
9546        max-width: 100%;
9547        padding-bottom: 56.25%;
9548        height: 0;
9549        height: auto
9550    }
9551
9552    .video-wrapper iframe {
9553        position: absolute;
9554        top: 0;
9555        left: 0;
9556        width: 100%;
9557        height: 100%
9558    }
9559
9560    form {
9561        margin-bottom: 0
9562    }
9563
9564    .form-group.error > input {
9565        border-color: red;
9566    }
9567
9568    .form-vertical {
9569        margin-bottom: 10px
9570    }
9571
9572    .form-control {
9573    display: block;
9574    width: 100%;
9575    padding: 0.375rem 0.75rem;
9576    font-size: 14px;
9577    line-height: 1.5;
9578    color: #ffffff;
9579    background-color: #000000;
9580    background-clip: padding-box;
9581    border: 1px solid #212121;
9582    border-radius: 0;
9583    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
9584    }
9585
9586    @media screen and (max-width:768px) {
9587        input,
9588        textarea {
9589            font-size: 16px
9590        }
9591    }
9592
9593    input,
9594    textarea,
9595    button,
9596    select {
9597        padding: 0;
9598        margin: 0;
9599        -webkit-user-select: text;
9600        -moz-user-select: text;
9601        -ms-user-select: text;
9602        user-select: text
9603    }
9604
9605    button {
9606        background: none;
9607        border: none;
9608        cursor: pointer
9609    }
9610
9611    button,
9612    input,
9613    textarea {
9614        -webkit-appearance: none;
9615        -moz-appearance: none
9616    }
9617
9618    button {
9619        background: none;
9620        border: none;
9621        display: inline-block;
9622        cursor: pointer
9623    }
9624
9625    input[type="image"] {
9626        padding-left: 0;
9627        padding-right: 0
9628    }
9629
9630    fieldset {
9631        border:1px solid {
9632                {
9633                settings.color-primary
9634            }
9635        }
9636        ;
9637        padding:10px
9638    }
9639
9640    legend {
9641        border: 0;
9642        padding: 0
9643    }
9644
9645    button,
9646    input[type="submit"] {
9647        cursor: pointer
9648    }
9649
9650    input,
9651    textarea,
9652    select {
9653        border: 1px solid #212121;
9654        max-width: 100%;
9655        padding: 8px 10px;
9656        font-family: {
9657                {
9658                settings.font_body
9659            }
9660        }
9661    }
9662
9663    input:focus,
9664    textarea:focus,
9665    select:focus {
9666        outline: none
9667    }
9668
9669    input[disabled],
9670    input.disabled,
9671    textarea[disabled],
9672    textarea.disabled,
9673    select[disabled],
9674    select.disabled, 
9675    select[disabled]+.select2{
9676        cursor: default;
9677        color: #212121!important;
9678        background-color: #b8b8b8!important;
9679        border-color: #7b7b7b!important
9680    }
9681
9682    input.input-full,
9683    textarea.input-full,
9684    select.input-full {
9685        width: 100%
9686    }
9687
9688    textarea {
9689        min-height: 100px
9690    }
9691
9692    input[type="checkbox"],
9693    input[type="radio"] {
9694        display: inline;
9695        margin: 0 8px 0 0;
9696        padding: 0;
9697        width: auto
9698    }
9699
9700    input[type="checkbox"] {
9701        -webkit-appearance: checkbox;
9702        -moz-appearance: checkbox
9703    }
9704
9705    input[type="radio"] {
9706        -webkit-appearance: radio;
9707        -moz-appearance: radio
9708    }
9709
9710    input[type="image"] {
9711        padding-left: 0;
9712        padding-right: 0
9713    }
9714
9715    select {
9716        /* -webkit-appearance: auto!important; */
9717        -moz-appearance: auto!important;
9718        appearance: none;
9719        background-position: right center;
9720        background-repeat: no-repeat;
9721        background-position: right 10px center;
9722        background-color: #fff;
9723        padding-right: 28px;
9724        text-indent: .01px;
9725        text-overflow: '';
9726        cursor: pointer
9727    }
9728
9729    .ie9 select,
9730    .lt-ie9 select {
9731        padding-right: 10px;
9732        background-image: none
9733    }
9734
9735    optgroup {
9736        font-weight: 600
9737    }
9738
9739    option {
9740        color: #212121;
9741        background-color: #fff
9742    }
9743
9744    select::-ms-expand {
9745        display: none
9746    }
9747
9748    .hidden-label {
9749        position: absolute;
9750        height: 0;
9751        width: 0;
9752        margin-bottom: 0;
9753        overflow: hidden;
9754        clip: rect(1px, 1px, 1px, 1px)
9755    }
9756
9757    .ie9 .hidden-label,
9758    .lt-ie9 .hidden-label {
9759        position: static;
9760        height: auto;
9761        width: auto;
9762        margin-bottom: 2px;
9763        overflow: visible;
9764        clip: initial
9765    }
9766
9767    label[for] {
9768        cursor: pointer
9769    }
9770
9771    .form-vertical input,
9772    .form-vertical select,
9773    .form-vertical textarea {
9774        display: block;
9775        margin-bottom: 10px
9776    }
9777
9778    .form-vertical input[type="radio"],
9779    .form-vertical input[type="checkbox"] {
9780        display: inline-block
9781    }
9782
9783    input.error,
9784    select.error,
9785    textarea.error {
9786        border-color: #df2030;
9787        background-color: #fff6f6;
9788        color: #df2030
9789    }
9790
9791    label.error {
9792        color: #df2030
9793    }
9794
9795    .input-group {
9796        position: relative;
9797        display: table;
9798        border-collapse: separate
9799    }
9800
9801    .input-group .input-group-field:first-child,
9802    .input-group .input-group-btn:first-child,
9803    .input-group .input-group-btn:first-child>.btn,
9804    .input-group input[type="hidden"]:first-child+.input-group-field,
9805    .input-group input[type="hidden"]:first-child+.input-group-btn>.btn {
9806        border-radius: 5px 0 0 5px
9807    }
9808
9809    .input-group .input-group-field:last-child,
9810    .input-group .input-group-btn:last-child>.btn {
9811        border-radius: 0 5px 5px 0
9812    }
9813
9814    .input-group input::-moz-focus-inner {
9815        border: 0;
9816        padding: 0;
9817        margin-top: -1px;
9818        margin-bottom: -1px
9819    }
9820
9821    .input-group-field,
9822    .input-group-btn {
9823        display: table-cell;
9824        vertical-align: middle;
9825        margin: 0
9826    }
9827
9828    .input-group .btn,
9829    .input-group .input-group-field {
9830        height: 37px
9831    }
9832
9833    .input-group .input-group-field {
9834        width: 100%
9835    }
9836
9837    .input-group-btn {
9838        position: relative;
9839        white-space: nowrap;
9840        width: 1%;
9841        padding: 0
9842    }
9843
9844    .icon-fallback-text .icon {
9845        display: none
9846    }
9847
9848    .supports-fontface .icon-fallback-text .icon {
9849        display: inline-block
9850    }
9851
9852    .icon:before {
9853        display: none
9854    }
9855
9856    .supports-fontface .icon:before {
9857        display: inline;
9858        font-family: "icons";
9859        text-decoration: none;
9860        speak: none;
9861        font-style: normal;
9862        font-weight: 400;
9863        font-variant: normal;
9864        text-transform: none;
9865        line-height: 1;
9866        -webkit-font-smoothing: antialiased;
9867        -moz-osx-font-smoothing: grayscale
9868    }
9869
9870    .payment-icons {
9871        -webkit-user-select: none;
9872        -moz-user-select: none;
9873        -ms-user-select: none;
9874        user-select: none;
9875        cursor: default
9876    }
9877
9878    .payment-icons li {
9879        margin: 0 5px 5px;
9880        color: #bbb;
9881        cursor: default
9882    }
9883
9884    .payment-icons .icon {
9885        font-size: 30px;
9886        line-height: 30px
9887    }
9888
9889    .payment-icons .fallback-text {
9890        text-transform: capitalize
9891    }
9892
9893    .social-icons li {
9894        margin: 0 10px 10px 0;
9895        vertical-align: middle
9896    }
9897
9898    .social-icons img {
9899        width: 20px
9900    }
9901
9902    @media screen and (min-width:481px) {
9903        .social-icons li {
9904            margin-left: 0
9905        }
9906    }
9907
9908    .social-icons li .icon {
9909        font-size: 30px;
9910        line-height: 26px
9911    }
9912
9913    .social-icons li a {
9914        color: #bbb
9915    }
9916
9917    .social-icons li a:hover {
9918        color: #a2a2a2
9919    }
9920
9921    .icon {
9922        display: inline-block;
9923        width: 1em;
9924        height: 1em;
9925        stroke-width: 0;
9926        stroke: currentColor;
9927        fill: currentColor
9928    }
9929
9930    .btn:active,
9931    .btn:focus {
9932        fill: #fff
9933    }
9934
9935    .icon-cart {
9936        width: 2.5em;
9937        height: 2.5em
9938    }
9939
9940    @media only screen and (max-width:56.25em) {
9941        .icon-cart {
9942            width: 2em;
9943            height: 2em
9944        }
9945    }
9946
9947    .cart-count {
9948        position: absolute;
9949        top: 6px;
9950        right: -6px;
9951        background-color: {
9952                {
9953                settings.color-primary
9954            }
9955        }
9956        ;
9957        height:14px;
9958        width:14px;
9959        border-radius:50%;
9960        color:#fafafa;
9961        text-align:center;
9962        font-size:12px;
9963        line-height:13px
9964    }
9965
9966    .cart-count-mobile {
9967        top: 8px;
9968        right: 14px;
9969        font-size: .7em;
9970        height: 16px;
9971        width: 16px
9972    }
9973
9974    .icon-user {
9975        width: 2.5em;
9976        height: 2.5em
9977    }
9978
9979    .icon-logo {
9980        width: 100%;
9981        height: auto
9982    }
9983
9984    @media only screen and (max-width:56.25em) {
9985        .icon-logo {
9986            width: 130%;
9987            margin-left: -10%
9988        }
9989    }
9990
9991    .icon-search {
9992        width: 30px;
9993        height: 30px;
9994        margin-top: -.4em;
9995        stroke-width: 1
9996    }
9997
9998    .icon-logo:hover path {
9999        fill: #212121
10000    }
10001
10002    .icon-twitter,
10003    .icon-facebook,
10004    .icon-instagram,
10005    .icon-youtube {
10006        fill: #212121;
10007        width: 1.5em;
10008        height: 1.5em
10009    }
10010
10011    .icon-twitter:hover {
10012        fill: #212121
10013    }
10014
10015    .icon-facebook:hover {
10016        fill: #212121
10017    }
10018
10019    .icon-instagram:hover {
10020        fill: #212121
10021    }
10022
10023    .icon-youtube:hover {
10024        fill: #212121
10025    }
10026
10027    .icon-mail,
10028    .icon-phone,
10029    .icon-whatsapp {
10030        width: 2em;
10031        height: 2em
10032    }
10033
10034    .icon-menu {
10035        width: 24px;
10036        height: 16px;
10037        position: relative
10038    }
10039
10040    .bar {
10041        height: 2px;
10042        border-radius: 1px;
10043        background-color: #fff;
10044        position: absolute;
10045        left: 0
10046    }
10047
10048    .bar-top {
10049        width: 24px;
10050        top: 0
10051    }
10052
10053    .bar-middle {
10054        width: 22px;
10055        top: 7px
10056    }
10057
10058    .bar-bottom {
10059        width: 20px;
10060        bottom: 0
10061    }
10062
10063    .icon-close {
10064        width: 2.5em;
10065        height: 2.5em
10066    }
10067
10068    .cart__remove .icon-close {
10069        width: 1em;
10070        height: 1em;
10071        margin-bottom: -2px
10072    }
10073
10074    .icon-chevron-down,
10075    .icon-chevron-up {
10076        width: 1.5em;
10077        height: 1.5em
10078    }
10079
10080    .icon-chevron-right,
10081    .icon-chevron-left {
10082        width: 2.1em;
10083        height: 2.1em;
10084        padding: .6em;
10085        position: relative;
10086        background: #fff;
10087        border-radius: 50%
10088    }
10089
10090    .icon-minus,
10091    .icon-plus {
10092        width: .75em;
10093        height: .75em
10094    }
10095
10096    .icon-sort,
10097    .icon-filter {
10098        width: 1.2em;
10099        height: 1.2em;
10100        margin-bottom: -4px
10101    }
10102
10103    .pagination {
10104        margin-bottom: 1em;
10105        text-align: center
10106    }
10107
10108    .pagination>span {
10109        display: inline-block;
10110        line-height: 1
10111    }
10112
10113    .pagination a {
10114        display: block
10115    }
10116
10117    .pagination a,
10118    .pagination .page.current {
10119        padding: 8px
10120    }
10121
10122    .header-wrapper {
10123        width: 100%;
10124        position: static;
10125        top: 0;
10126        left: 0;
10127        transition: .5s ease-in-out
10128    }
10129
10130    .scrollActive .header-wrapper {
10131        position: fixed;
10132        width: 100%;
10133        z-index: 9998
10134    }
10135
10136    .site-header .grid--table {
10137        display: table;
10138        table-layout: fixed;
10139        width: 100%
10140    }
10141
10142    .site-header .grid--table>.grid__item {
10143        float: none;
10144        display: table-cell;
10145        vertical-align: middle
10146    }
10147
10148    .site-header__logo {
10149        margin: 0 auto;
10150        max-width: 100%;
10151        line-height: 0;
10152    }
10153
10154    @media screen and (min-width:769px) {
10155        .site-header__logo {
10156            text-align: left;
10157            font-size: 45px
10158        }
10159    }
10160
10161    .site-header__logo a,
10162    .site-header__logo a:hover,
10163    .site-header__logo a:focus {
10164        text-decoration: none
10165    }
10166
10167    .site-header__logo a,
10168    .site-header__logo img {
10169        display: block
10170    }
10171
10172    .site-header__logo img {
10173        margin: 0 auto
10174    }
10175
10176    .site-header__logo-link {
10177        max-width: 450px;
10178        margin: 0 auto
10179    }
10180
10181    .site-header__cart-toggle {
10182        display: inline-block
10183    }
10184
10185    .site-header__search {
10186        display: inline-block;
10187        max-width: 400px;
10188        margin-top: 10px;
10189        width: 100%
10190    }
10191
10192    .search-bar {
10193        max-width: 100%
10194    }
10195
10196    @media screen and (max-width:768px) {
10197        .search-bar {
10198            margin-left: auto;
10199            margin-right: auto
10200        }
10201    }
10202
10203    .nav-bar {
10204        background-color: #2e1645;
10205        padding: 0
10206    }
10207
10208    .site-nav,
10209    .site-nav--mobile {
10210        font-size: 16px;
10211        cursor: default;
10212        margin: 0
10213    }
10214
10215    .site-nav li,
10216    .site-nav--mobile li {
10217        margin: 0;
10218        display: block
10219    }
10220
10221    .site-nav>li,
10222    .site-nav--mobile>li {
10223        display: inline-block
10224    }
10225
10226    .sub-dropdown li:not(:first-child) {
10227        margin-top: 4px
10228    }
10229
10230    .sub-dropdown a {
10231        color: #666
10232    }
10233
10234    .sub-dropdown a:hover {
10235        color: #b8b8b8
10236    }
10237
10238    .dontsplit:not(:first-child) {
10239        margin-top: 4px !important
10240    }
10241
10242    .text-left .site-nav--mobile {
10243        margin: 0 0 0 -10px
10244    }
10245
10246    .text-right .site-nav--mobile {
10247        margin: 0 -10px 0 0
10248    }
10249
10250    .site-nav__link {
10251        display: block;
10252        text-decoration: none;
10253        padding: 10px 20px;
10254        white-space: nowrap;
10255        color: #fafafa
10256    }
10257
10258    .site-nav__link:hover,
10259    .site-nav__link:active,
10260    .site-nav__link:focus {
10261        color: #fff;
10262        background-color: #757575
10263    }
10264
10265    .site-nav__link .icon-arrow-down {
10266        position: relative;
10267        top: -2px;
10268        font-size: 10px;
10269        padding-left: 5px
10270    }
10271
10272    .site-nav--active>.site-nav__link {
10273        font-weight: 600
10274    }
10275
10276    .site-nav--mobile .site-nav__link {
10277        display: inline-block
10278    }
10279
10280    .mega-menu__link {
10281        color: #121212
10282    }
10283
10284    .site-nav__dropdown {
10285        display: none;
10286        position: absolute;
10287        left: 0;
10288        margin: 0;
10289        z-index: 5
10290    }
10291
10292    .supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown,
10293    .site-nav--has-dropdown.nav-hover .site-nav__dropdown,
10294    .nav-focus+.site-nav__dropdown {
10295        display: block
10296    }
10297
10298    .site-nav__dropdown a {
10299        background-color: #2e1645
10300    }
10301
10302    .site-nav__dropdown a:hover,
10303    .site-nav__dropdown a:active,
10304    .site-nav__dropdown a:focus {
10305        background-color: #212121;
10306        color: #fafafa
10307    }
10308
10309    .mega-menu__link {
10310        color: #121212
10311    }
10312
10313    .nav-search {
10314        position: relative
10315    }
10316
10317    @media screen and (max-width:768px) {
10318        .nav-search {
10319            padding: 0 0 10px;
10320            margin: 0 auto;
10321            text-align: center
10322        }
10323    }
10324
10325    header .search-bar .btn {
10326        border-radius: 0 5px 5px 0;
10327        background-color: 
10328                
10329                settings.color-primary
10330            }
10331        }
10332        ;
10333        color:#fafafa;
10334    }
10335
10336    .mobile-nav li {
10337        margin-bottom: 0
10338    }
10339
10340    .mobile-nav__search {
10341        padding: 10px
10342    }
10343
10344    .mobile-nav__search .search-bar {
10345        margin-bottom: 0
10346    }
10347
10348    .mobile-nav__search .btn-input {
10349        background-color: #f2f2f2
10350    }
10351
10352    .mobile-nav__item {
10353        position: relative;
10354        display: block
10355    }
10356
10357    .mobile-nav>.mobile-nav__item:last-child:after {
10358        display: none
10359    }
10360
10361    .mobile-nav__item a,
10362    .mobile-nav__toggle button {
10363        color: #121212;
10364        padding: 10px;
10365        text-decoration: none
10366    }
10367
10368    .mobile-nav__item a:hover,
10369    .mobile-nav__item a:active,
10370    .mobile-nav__item a:focus,
10371    .mobile-nav__toggle button:hover,
10372    .mobile-nav__toggle button:active,
10373    .mobile-nav__toggle button:focus {
10374        color: {
10375                {
10376                settings.color-primary
10377            }
10378        }
10379    }
10380
10381    .mobile-nav__item a:active,
10382    .mobile-nav__item a:focus,
10383    .mobile-nav__toggle button:active,
10384    .mobile-nav__toggle button:focus {
10385        background-color: #b8b8b8
10386    }
10387
10388    .mobile-nav__item a {
10389        display: block
10390    }
10391
10392    .mobile-nav__item--active {
10393        font-weight: 600
10394    }
10395
10396    .mobile-nav__has-sublist {
10397        display: table;
10398        width: 100%
10399    }
10400
10401    .mobile-nav__has-sublist .mobile-nav__link {
10402        display: table-cell;
10403        vertical-align: middle;
10404        width: 100%
10405    }
10406
10407    .mobile-nav__toggle {
10408        display: table-cell;
10409        vertical-align: middle;
10410        width: 1%
10411    }
10412
10413    .mobile-nav--expanded .mobile-nav__toggle-open {
10414        display: none
10415    }
10416
10417    .mobile-nav__toggle-close {
10418        display: none
10419    }
10420
10421    .mobile-nav--expanded .mobile-nav__toggle-close {
10422        display: block
10423    }
10424
10425    .mobile-nav__sublist {
10426        margin: 0;
10427        max-height: 0;
10428        visibility: hidden;
10429        overflow: hidden;
10430        transition: all 300ms cubic-bezier(.57, .06, .05, .95);
10431        -webkit-backface-visibility: hidden;
10432        backface-visibility: hidden
10433    }
10434
10435    .mobile-nav--expanded+.mobile-nav__sublist {
10436        background-color: #212121;
10437        visibility: visible;
10438        max-height: 700px;
10439        transition: all 700ms cubic-bezier(.57, .06, .05, .95)
10440    }
10441
10442    .mobile-nav--expanded+.mobile-nav__sublist a {
10443        font-size: 16px
10444    }
10445
10446    ul.mobile-nav__sublist li a {
10447        font-size: 16px
10448    }
10449
10450    .mobile-nav__sublist .mobile-nav__item:after {
10451        top: 0;
10452        bottom: auto
10453    }
10454
10455    .mobile-nav__sublist .mobile-nav__link {
10456        padding-left: 20px;
10457        font-weight: 400
10458    }
10459
10460    .js-drawer-open {
10461        overflow: hidden
10462    }
10463
10464    .drawer {
10465        -webkit-transform: translateZ(0);
10466        will-change: transform;
10467        display: none;
10468        position: fixed;
10469        overflow-y: auto;
10470        overflow-x: hidden;
10471        -webkit-overflow-scrolling: touch;
10472        top: 0;
10473        bottom: 0;
10474        padding: 0 0 10px;
10475        max-width: 95%;
10476        z-index: 9999;
10477        color: #121212;
10478        background-color: #fff;
10479        transition: all 0.4s cubic-bezier(.46, .01, .32, 1)
10480    }
10481
10482    .drawer a {
10483        color: #121212
10484    }
10485
10486    .drawer--left {
10487        width: 320px;
10488        left: -320px;
10489        box-shadow: 2px 0 8px rgba(0, 0, 0, .3)
10490    }
10491
10492    .js-drawer-open-left .drawer--left {
10493        display: block;
10494        -ms-transform: translateX(320px);
10495        -webkit-transform: translateX(320px);
10496        transform: translateX(320px)
10497    }
10498
10499    .lt-ie9 .js-drawer-open-left .drawer--left {
10500        left: 0
10501    }
10502
10503    .drawer--right {
10504        width: 320px;
10505        right: -320px;
10506        box-shadow: -2px 0 8px rgba(0, 0, 0, .3)
10507    }
10508
10509    .js-drawer-open-right .drawer--right {
10510        display: block;
10511        -ms-transform: translateX(-320px);
10512        -webkit-transform: translateX(-320px);
10513        transform: translateX(-320px)
10514    }
10515
10516    .lt-ie9 .js-drawer-open-right .drawer--right {
10517        right: 0
10518    }
10519
10520    .js-drawer-open-right .overlay-cart {
10521        position: fixed;
10522        background-color: rgba(0, 0, 0, .3);
10523        width: 100%;
10524        top: 0;
10525        height: 100%;
10526        z-index: 9999
10527    }
10528
10529    .js-drawer-open-left .overlay-nav {
10530        position: fixed;
10531        background-color: rgba(0, 0, 0, .3);
10532        width: 100%;
10533        top: 0;
10534        height: 100%;
10535        z-index: 9999
10536    }
10537
10538    #PageContainer {
10539        overflow: hidden
10540    }
10541
10542    .is-moved-by-drawer {
10543        -webkit-transform: translateZ(0);
10544        will-change: transform;
10545        transition: all 0.4s cubic-bezier(.46, .01, .32, 1)
10546    }
10547
10548    .js-drawer-open-left .is-moved-by-drawer {
10549        -ms-transform: translateX(320px);
10550        -webkit-transform: translateX(320px);
10551        transform: translateX(320px)
10552    }
10553
10554    .js-drawer-open-right .is-moved-by-drawer {
10555        -ms-transform: translateX(-320px);
10556        -webkit-transform: translateX(-320px);
10557        transform: translateX(-320px)
10558    }
10559
10560    .drawer__header {
10561        display: table;
10562        height: 35px;
10563        width: 100%;
10564        margin-bottom: 10px
10565    }
10566
10567    .drawer__title,
10568    .drawer__close {
10569        display: table-cell;
10570        vertical-align: middle
10571    }
10572
10573    .drawer__title {
10574        width: 100%
10575    }
10576
10577    .drawer__close {
10578        width: 1%;
10579        text-align: center;
10580        font-size: 1.125em
10581    }
10582
10583    .drawer__close button {
10584        position: relative;
10585        right: -20px;
10586        height: 100%;
10587        padding: 0 20px;
10588        color: inherit
10589    }
10590
10591    .drawer__close button:active,
10592    .drawer__close button:focus {
10593        background-color: #b8b8b8
10594    }
10595
10596    .template-product .site-footer {
10597        padding-bottom: 125px;
10598    }
10599
10600    .site-footer {
10601        background-color: #212121;
10602        color: #fff;
10603    }
10604
10605    .site-footer h6, .seo-footer h6 {font-size: 16px!important;font-weight: 600!important;text-transform: uppercase;}
10606
10607    .footer-seo-text div,
10608    .about_text p,
10609    .article-list {
10610        font-size: 0.7em !important;
10611    }
10612
10613    .footer-seo-text div a,
10614    .about_text p a,
10615    .article-list a {
10616        font-size: 14px;
10617    }
10618
10619    .footer-seo-text .title-footer-seo {
10620        font-size: 1em
10621    }
10622
10623    .about_text {
10624        column-count: 2;
10625        -webkit-column-count: 2;
10626        text-align: justify;
10627    }
10628
10629    .about_text p {
10630        margin-top: 0
10631    }
10632
10633    .grid__image {
10634        display: block;
10635        margin: 0 auto 10px
10636    }
10637
10638    .grid__image img {
10639        display: block;
10640        margin: 0 auto
10641    }
10642
10643    .filter--active {
10644        font-weight: 600
10645    }
10646
10647    .breadcrumb a,
10648    .breadcrumb span {
10649        display: inline-block;
10650        font-size: 16px;
10651        color: #121212;
10652        margin-right: 20px;
10653        text-transform: uppercase;
10654        vertical-align: middle;
10655    }
10656    .breadcrumb__sep {
10657        font-size: 50px;
10658    }
10659    .breadcrumb a:hover {
10660        text-decoration: underline
10661    }
10662
10663    .breadcrumb a:first-child,
10664    .breadcrumb span:first-child {
10665        padding-left: 0
10666    }
10667
10668    .product-single__variants {
10669        display: none
10670    }
10671
10672    .no-js .product-single__variants {
10673        display: block
10674    }
10675
10676    .product-single__photos {
10677        margin-bottom: 20px
10678    }
10679
10680    .product-single__photos a,
10681    .product-single__photos img,
10682    .product-single__thumbnails a,
10683    .product-single__thumbnails img {
10684        display: block;
10685        margin: 0 auto
10686    }
10687
10688    .product-single__photos li,
10689    .product-single__thumbnails li {
10690        margin-bottom: 20px
10691    }
10692
10693    .note,
10694    .errors {
10695        border-radius: 5px;
10696        padding: 6px 12px;
10697        margin-bottom: 10px;
10698        border: 1px solid #000000;
10699        font-size: .9em;
10700        text-align: left
10701    }
10702
10703    .note ul,
10704    .note ol,
10705    .errors ul,
10706    .errors ol {
10707        margin-top: 0;
10708        margin-bottom: 0
10709    }
10710
10711    .note li:last-child,
10712    .errors li:last-child {
10713        margin-bottom: 0
10714    }
10715
10716    .note p,
10717    .errors p {
10718        margin-bottom: 0
10719    }
10720
10721    .note {
10722        border-color: #f2f2f2
10723    }
10724
10725    .errors ul {
10726        list-style: disc outside;
10727        margin-left: 20px
10728    }
10729
10730    .form-success {
10731        color: #757575;
10732        background-color: #f0fff0;
10733        border-color: #757575
10734    }
10735
10736    .form-success a {
10737        color: #757575;
10738        text-decoration: underline
10739    }
10740
10741    .form-success a:hover {
10742        text-decoration: none
10743    }
10744
10745    .form-error,
10746    .errors {
10747        color: #df2030;
10748        background-color: #fff6f6;
10749        border-color: #df2030
10750    }
10751
10752    .form-error a,
10753    .errors a {
10754        color: #df2030;
10755        text-decoration: underline
10756    }
10757
10758    .form-error a:hover,
10759    .errors a:hover {
10760        text-decoration: none
10761    }
10762
10763    .cart__row {
10764        position: relative;
10765        margin-top: 20px;
10766        padding-top: 20px;
10767        border-top:1px solid
10768                
10769                settings.color-primary
10770            }
10771        }
10772    }
10773
10774    .cart__row:first-child {
10775        margin-top: 0
10776    }
10777
10778    .cart__row:first-child {
10779        padding-top: 0
10780    }
10781
10782    .cart__row .js-qty,
10783    .cart__row .ajaxcart__qty {
10784        margin: 0 auto
10785    }
10786
10787    .cart-table th {
10788        font-weight: 400
10789    }
10790
10791    .cart-table td,
10792    .cart-table th {
10793        padding: 30px 15px;
10794        border: none
10795    }
10796
10797    @media screen and (min-width:769px) {
10798        .cart__row--table-large {
10799            display: table;
10800            table-layout: fixed;
10801            width: 100%
10802        }
10803        .cart__row--table-large .grid__item {
10804            display: table-cell;
10805            vertical-align: middle;
10806            float: none
10807        }
10808    }
10809
10810    .cart__image {
10811        display: block;
10812        max-width: 120px;
10813        min-width: 75px;
10814        margin: 10px auto
10815    }
10816
10817    .cart__subtotal {
10818        margin: 0 0 0 6.66667px;
10819        display: inline
10820    }
10821
10822    .cart__mini-labels {
10823        display: block;
10824        margin: 6.66667px 0;
10825        font-size: .75em
10826    }
10827
10828    @media screen and (min-width:769px) {
10829        .cart__mini-labels {
10830            display: none
10831        }
10832    }
10833
10834    .cart__remove {
10835        display: block
10836    }
10837
10838    .ajaxcart__inner {
10839        margin-bottom: 20px
10840    }
10841
10842    .ajaxcart__row>.grid,
10843    .ajaxcart__row>.grid--rev,
10844    .ajaxcart__row>.grid--full {
10845        margin-left: -10px
10846    }
10847
10848    .ajaxcart__row>.grid>.grid__item,
10849    .ajaxcart__row>.grid--rev>.grid__item,
10850    .ajaxcart__row>.grid--full>.grid__item {
10851        padding-left: 10px
10852    }
10853
10854    .grid__item .p {
10855        margin-bottom: .2em
10856    }
10857
10858    .ajaxcart__product {
10859        position: relative;
10860        max-height: 500px
10861    }
10862
10863    .ajaxcart__product.is-removed {
10864        max-height: 0;
10865        overflow: hidden;
10866        visibility: hidden;
10867        transition: all 450ms cubic-bezier(.57, .06, .05, .95);
10868        -webkit-backface-visibility: hidden;
10869        backface-visibility: hidden
10870    }
10871
10872    .ajaxcart__row {
10873        padding-bottom: 10px;
10874        margin-bottom: 10px;
10875        border-bottom: 1px solid #2e1645
10876    }
10877
10878    .ajaxcart__product-image {
10879        display: block;
10880        overflow: hidden;
10881        margin-bottom: 15px
10882    }
10883
10884    .ajaxcart__product-image img {
10885        display: block;
10886        margin: 0 auto;
10887        max-width: 100%
10888    }
10889
10890    .ajaxcart__product-name,
10891    .ajaxcart__product-meta {
10892        display: block
10893    }
10894
10895    .ajaxcart__product-name+.ajaxcart__product-meta {
10896        padding-top: 4px
10897    }
10898
10899    .cart-subtotal {
10900        color: #121212;
10901        border-radius: 5px;
10902        border:2px solid {
10903                {
10904                settings.color-primary
10905            }
10906        }
10907        ;
10908        margin-top:1em;
10909        text-align:center;
10910        padding:.5em 0 1em 0
10911    }
10912
10913    .cart-subtotal p {
10914        margin-top: 0
10915    }
10916
10917    .cart-checkout-shipping {
10918        font-style: italic;
10919        font-size: 80% !important
10920    }
10921
10922    .cart-checkout-shipping a {
10923        text-decoration: underline;
10924        display: block;
10925        color: {
10926                {
10927                settings.color-primary
10928            }
10929        }
10930    }
10931
10932    .cart__checkout {
10933        font-size: 1em;
10934        color: #fafafa !important
10935    }
10936
10937    .js-qty,
10938    .ajaxcart__qty {
10939        position: relative;
10940        margin-bottom: 1em;
10941        max-width: 115px;
10942        min-width: 75px;
10943        overflow: visible
10944    }
10945
10946    .js-qty input,
10947    .ajaxcart__qty input {
10948        display: block;
10949        background: none;
10950        text-align: center;
10951        width: 100%;
10952        padding: 5px 25px;
10953        margin: 0
10954    }
10955
10956    .js-qty__adjust.js-qty__adjust--minus {
10957        border-right: 2px solid #212121 !important
10958    }
10959
10960    .js-qty__adjust.js-qty__adjust--plus {
10961        border-left: 2px solid #212121 !important
10962    }
10963
10964    .js-qty__adjust,
10965    .ajaxcart__qty-adjust {
10966        cursor: pointer;
10967        position: absolute;
10968        display: block;
10969        top: 0;
10970        bottom: 0;
10971        border: 0 none;
10972        padding: 0 2px;
10973        background: none;
10974        text-align: center;
10975        overflow: hidden;
10976        -webkit-user-select: none;
10977        -moz-user-select: none;
10978        -ms-user-select: none;
10979        user-select: none
10980    }
10981
10982    .js-qty__adjust:hover,
10983    .ajaxcart__qty-adjust:hover,
10984    .js-qty__adjust:focus,
10985    .ajaxcart__qty-adjust:focus {
10986        color: {
10987                {
10988                settings.color-primary
10989            }
10990        }
10991    }
10992
10993    @media only screen and (max-width:56.25em) {
10994        .cart__quantity .js-qty__adjust,
10995        .cart__quantity .ajaxcart__qty-adjust {
10996            padding: 0
10997        }
10998    }
10999
11000    .js-qty__adjust--plus,
11001    .ajaxcart__qty--plus {
11002        right: 0;
11003        border-left: 1px solid #f2f2f2
11004    }
11005
11006    .js-qty__adjust--minus,
11007    .ajaxcart__qty--minus {
11008        left: 0;
11009        border-right: 1px solid #f2f2f2
11010    }
11011
11012    @media only screen and (max-width:64em) {
11013        .cart__quantity .js-qty__adjust--plus svg,
11014        .cart__quantity .ajaxcart__qty--plus svg,
11015        .cart__quantity .js-qty__adjust--minus svg,
11016        .cart__quantity .ajaxcart__qty--minus svg {
11017            margin-bottom: .5em;
11018            margin-top: 0
11019        }
11020    }
11021
11022    .ajaxcart__qty {
11023        margin: 0
11024    }
11025
11026    .is-loading .ajaxcart__qty {
11027        opacity: .5;
11028        transition: none
11029    }
11030
11031    .ajaxcart__qty-num {
11032        border-color: {
11033                {
11034                settings.color-primary
11035            }
11036        }
11037        ;
11038        color:#121212
11039    }
11040
11041    .ajaxcart__qty-adjust {
11042        color: #121212
11043    }
11044
11045    .ajaxcart__qty--plus {
11046        border-color: {
11047                {
11048                settings.color-primary
11049            }
11050        }
11051    }
11052
11053    .ajaxcart__qty--minus {
11054        border-color: {
11055                {
11056                settings.color-primary
11057            }
11058        }
11059    }
11060
11061    .ajaxcart-item__price-strikethrough {
11062        float: right
11063    }
11064
11065    @media (max-width:992px) {
11066        .cart-prod-title {
11067            font-size: 1em
11068        }
11069        .js-qty__adjust .icon,
11070        .ajaxcart__qty-adjust .icon {
11071            font-size: .5em
11072        }
11073        .js-qty input,
11074        .ajaxcart__qty input,
11075        .ajaxcart__qty input {
11076            font-size: .875em
11077        }
11078        .js-qty,
11079        .ajaxcart__qty {
11080            margin: 5px 0 0 !important
11081        }
11082        .cart-price-mobile span {
11083            font-size: .875em
11084        }
11085        .col-1,
11086        .col-2,
11087        .col-3,
11088        .col-4,
11089        .col-5,
11090        .col-6,
11091        .col-7,
11092        .col-8,
11093        .col-9,
11094        .col-10,
11095        .col-11,
11096        .col-12,
11097        .col,
11098        .col-auto,
11099        .col-sm-1,
11100        .col-sm-2,
11101        .col-sm-3,
11102        .col-sm-4,
11103        .col-sm-5,
11104        .col-sm-6,
11105        .col-sm-7,
11106        .col-sm-8,
11107        .col-sm-9,
11108        .col-sm-10,
11109        .col-sm-11,
11110        .col-sm-12,
11111        .col-sm,
11112        .col-sm-auto,
11113        .col-md-1,
11114        .col-md-2,
11115        .col-md-3,
11116        .col-md-4,
11117        .col-md-5,
11118        .col-md-6,
11119        .col-md-7,
11120        .col-md-8,
11121        .col-md-9,
11122        .col-md-10,
11123        .col-md-11,
11124        .col-md-12,
11125        .col-md,
11126        .col-md-auto,
11127        .col-lg-1,
11128        .col-lg-2,
11129        .col-lg-3,
11130        .col-lg-4,
11131        .col-lg-5,
11132        .col-lg-6,
11133        .col-lg-7,
11134        .col-lg-8,
11135        .col-lg-9,
11136        .col-lg-10,
11137        .col-lg-11,
11138        .col-lg-12,
11139        .col-lg,
11140        .col-lg-auto,
11141        .col-xl-1,
11142        .col-xl-2,
11143        .col-xl-3,
11144        .col-xl-4,
11145        .col-xl-5,
11146        .col-xl-6,
11147        .col-xl-7,
11148        .col-xl-8,
11149        .col-xl-9,
11150        .col-xl-10,
11151        .col-xl-11,
11152        .col-xl-12,
11153        .col-xl,
11154        .col-xl-auto {
11155            padding-right: 6px;
11156            padding-left: 6px
11157        }
11158    }
11159
11160    .bottom-line {
11161        position: relative;
11162        display: inline-block
11163    }
11164
11165    .bg-card {
11166        background-color: #000000
11167    }
11168
11169    .article-block__info a {
11170        color: #121212
11171    }
11172
11173    .article-block__info a:hover {
11174        color: #d22020
11175    }
11176
11177    .pagination-loading {
11178        background: url(ajax-loader.gif) center 20px no-repeat;
11179        height: 90px;
11180        margin: auto;
11181        width: 100%;
11182        margin-top: 20px;
11183        padding: 0;
11184        overflow: hidden;
11185        position: relative;
11186        font-weight: 700;
11187        text-transform: uppercase;
11188        display: none;
11189        line-height: 160px;
11190        text-align: center;
11191        font-size: 12px;
11192        margin-bottom: 10px
11193    }
11194
11195    .infinite-scrolling {
11196        text-align: center
11197    }
11198
11199    .infinite-scrolling .more>.btn {
11200        background-color: {
11201                {
11202                settings.color-primary
11203            }
11204        }
11205        ;
11206        color:#fafafa
11207    }
11208
11209    .c-cuci-gudang {
11210        position: absolute;
11211        bottom: 128px;
11212        left: 12px;
11213        width: 50px;
11214        height: 50px;
11215        text-align: center;
11216        z-index: 99;
11217        background-color: {
11218                {
11219                settings.color-primary
11220            }
11221        }
11222        ;
11223        vertical-align:baseline;
11224        border-radius:50%
11225    }
11226
11227    .c-cuci-gudang span {
11228        display: inline-block;
11229        margin-top: 9px;
11230        font-size: 11px;
11231        color: #fff
11232    }
11233
11234    .d-wa-chat {
11235        position: fixed;
11236        right: 24px;
11237        bottom: 24px;
11238        z-index: 9
11239    }
11240    .d-wa-chat a {
11241        display: block;
11242        background: #4dc247;
11243        width: 45px;
11244        height: 45px;
11245        border-radius: 50%
11246    }
11247
11248    .swiper-container {
11249        margin: 0 auto;
11250        position: relative;
11251        overflow: hidden;
11252        list-style: none;
11253        padding: 0;
11254        z-index: 1
11255    }
11256
11257    .swiper-container-no-flexbox .swiper-slide {
11258        float: left
11259    }
11260
11261    .swiper-container-vertical>.swiper-wrapper {
11262        -webkit-box-orient: vertical;
11263        -webkit-box-direction: normal;
11264        -webkit-flex-direction: column;
11265        -ms-flex-direction: column;
11266        flex-direction: column
11267    }
11268
11269    .swiper-wrapper {
11270        position: relative;
11271        width: 100%;
11272        height: 100%;
11273        z-index: 1;
11274        display: -webkit-box;
11275        display: -webkit-flex;
11276        display: -ms-flexbox;
11277        display: flex;
11278        -webkit-transition-property: -webkit-transform;
11279        transition-property: -webkit-transform;
11280        -o-transition-property: transform;
11281        transition-property: transform;
11282        transition-property: transform, -webkit-transform;
11283        -webkit-box-sizing: content-box;
11284        box-sizing: content-box
11285    }
11286
11287    .swiper-container-android .swiper-slide,
11288    .swiper-wrapper {
11289        -webkit-transform: translate3d(0, 0, 0);
11290        transform: translate3d(0, 0, 0)
11291    }
11292
11293    .swiper-container-multirow>.swiper-wrapper {
11294        -webkit-flex-wrap: wrap;
11295        -ms-flex-wrap: wrap;
11296        flex-wrap: wrap
11297    }
11298
11299    .swiper-container-free-mode>.swiper-wrapper {
11300        -webkit-transition-timing-function: ease-out;
11301        -o-transition-timing-function: ease-out;
11302        transition-timing-function: ease-out;
11303        margin: 0 auto
11304    }
11305
11306    .swiper-slide {
11307        -webkit-flex-shrink: 0;
11308        -ms-flex-negative: 0;
11309        flex-shrink: 0;
11310        width: 100%;
11311        position: relative;
11312        -webkit-transition-property: -webkit-transform;
11313        transition-property: -webkit-transform;
11314        -o-transition-property: transform;
11315        transition-property: transform;
11316        transition-property: transform, -webkit-transform
11317    }
11318
11319    .swiper-invisible-blank-slide {
11320        visibility: hidden
11321    }
11322
11323    .swiper-container-autoheight,
11324    .swiper-container-autoheight .swiper-slide {
11325        height: auto
11326    }
11327
11328    .swiper-container-autoheight .swiper-wrapper {
11329        -webkit-box-align: start;
11330        -webkit-align-items: flex-start;
11331        -ms-flex-align: start;
11332        align-items: flex-start;
11333        -webkit-transition-property: height, -webkit-transform;
11334        transition-property: height, -webkit-transform;
11335        -o-transition-property: transform, height;
11336        transition-property: transform, height;
11337        transition-property: transform, height, -webkit-transform
11338    }
11339
11340    .swiper-container-3d {
11341        -webkit-perspective: 1200px;
11342        perspective: 1200px
11343    }
11344
11345    .swiper-container-3d .swiper-cube-shadow,
11346    .swiper-container-3d .swiper-slide,
11347    .swiper-container-3d .swiper-slide-shadow-bottom,
11348    .swiper-container-3d .swiper-slide-shadow-left,
11349    .swiper-container-3d .swiper-slide-shadow-right,
11350    .swiper-container-3d .swiper-slide-shadow-top,
11351    .swiper-container-3d .swiper-wrapper {
11352        -webkit-transform-style: preserve-3d;
11353        transform-style: preserve-3d
11354    }
11355
11356    .swiper-container-3d .swiper-slide-shadow-bottom,
11357    .swiper-container-3d .swiper-slide-shadow-left,
11358    .swiper-container-3d .swiper-slide-shadow-right,
11359    .swiper-container-3d .swiper-slide-shadow-top {
11360        position: absolute;
11361        left: 0;
11362        top: 0;
11363        width: 100%;
11364        height: 100%;
11365        pointer-events: none;
11366        z-index: 10
11367    }
11368
11369    .swiper-container-3d .swiper-slide-shadow-left {
11370        background-image: -webkit-gradient(linear, right top, left top, from(#000000), to(rgba(0, 0, 0, 0)));
11371        background-image: -webkit-linear-gradient(right, #000000, rgba(0, 0, 0, 0));
11372        background-image: -o-linear-gradient(right, #000000, rgba(0, 0, 0, 0));
11373        background-image: linear-gradient(to left, #000000, rgba(0, 0, 0, 0))
11374    }
11375
11376    .swiper-container-3d .swiper-slide-shadow-right {
11377        background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(0, 0, 0, 0)));
11378        background-image: -webkit-linear-gradient(left, #000000, rgba(0, 0, 0, 0));
11379        background-image: -o-linear-gradient(left, #000000, rgba(0, 0, 0, 0));
11380        background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0))
11381    }
11382
11383    .swiper-container-3d .swiper-slide-shadow-top {
11384        background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
11385        background-image: -webkit-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0));
11386        background-image: -o-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0));
11387        background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0))
11388    }
11389
11390    .swiper-container-3d .swiper-slide-shadow-bottom {
11391        background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
11392        background-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
11393        background-image: -o-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
11394        background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0))
11395    }
11396
11397    .swiper-container-wp8-horizontal,
11398    .swiper-container-wp8-horizontal>.swiper-wrapper {
11399        -ms-touch-action: pan-y;
11400        touch-action: pan-y
11401    }
11402
11403    .swiper-container-wp8-vertical,
11404    .swiper-container-wp8-vertical>.swiper-wrapper {
11405        -ms-touch-action: pan-x;
11406        touch-action: pan-x
11407    }
11408
11409    .swiper-button-next,
11410    .swiper-button-prev {
11411        position: absolute;
11412        top: 50%;
11413        width: 27px;
11414        height: 44px;
11415        margin-top: -22px;
11416        z-index: 10;
11417        cursor: pointer;
11418        background-size: 27px 44px;
11419        background-position: center;
11420        background-repeat: no-repeat
11421    }
11422
11423    .swiper-button-next.swiper-button-disabled,
11424    .swiper-button-prev.swiper-button-disabled {
11425        opacity: .35;
11426        cursor: auto;
11427        pointer-events: none
11428    }
11429
11430    .swiper-button-prev,
11431    .swiper-container-rtl .swiper-button-next {
11432        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
11433        left: 10px;
11434        right: auto
11435    }
11436
11437    .swiper-button-next,
11438    .swiper-container-rtl .swiper-button-prev {
11439        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
11440        right: 10px;
11441        left: auto
11442    }
11443
11444    .swiper-button-prev.swiper-button-white,
11445    .swiper-container-rtl .swiper-button-next.swiper-button-white {
11446        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
11447    }
11448
11449    .swiper-button-next.swiper-button-white,
11450    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
11451        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
11452    }
11453
11454    .swiper-button-prev.swiper-button-black,
11455    .swiper-container-rtl .swiper-button-next.swiper-button-black {
11456        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
11457    }
11458
11459    .swiper-button-next.swiper-button-black,
11460    .swiper-container-rtl .swiper-button-prev.swiper-button-black {
11461        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
11462    }
11463
11464    .swiper-button-lock {
11465        display: none
11466    }
11467
11468    .swiper-pagination {
11469        position: absolute;
11470        text-align: center;
11471        -webkit-transition: .3s opacity;
11472        -o-transition: .3s opacity;
11473        transition: .3s opacity;
11474        -webkit-transform: translate3d(0, 0, 0);
11475        transform: translate3d(0, 0, 0);
11476        z-index: 10
11477    }
11478
11479    .swiper-pagination.swiper-pagination-hidden {
11480        opacity: 0
11481    }
11482
11483    .swiper-container-horizontal>.swiper-pagination-bullets,
11484    .swiper-pagination-custom,
11485    .swiper-pagination-fraction {
11486        bottom: 20px;
11487        left: 0;
11488        width: 100%
11489    }
11490
11491    .swiper-pagination-bullets-dynamic {
11492        overflow: hidden;
11493        font-size: 0
11494    }
11495
11496    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
11497        -webkit-transform: scale(.33);
11498        -ms-transform: scale(.33);
11499        transform: scale(.33);
11500        position: relative
11501    }
11502
11503    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
11504        -webkit-transform: scale(1);
11505        -ms-transform: scale(1);
11506        transform: scale(1)
11507    }
11508
11509    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
11510        -webkit-transform: scale(.66);
11511        -ms-transform: scale(.66);
11512        transform: scale(.66)
11513    }
11514
11515    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
11516        -webkit-transform: scale(.33);
11517        -ms-transform: scale(.33);
11518        transform: scale(.33)
11519    }
11520
11521    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
11522        -webkit-transform: scale(.66);
11523        -ms-transform: scale(.66);
11524        transform: scale(.66)
11525    }
11526
11527    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
11528        -webkit-transform: scale(.33);
11529        -ms-transform: scale(.33);
11530        transform: scale(.33)
11531    }
11532
11533    .swiper-pagination-bullet {
11534    width: 10px;
11535    height: 10px;
11536    display: inline-block;
11537    border-radius: 100%;
11538    background: #212121;
11539    opacity: .2;
11540    }
11541
11542    button.swiper-pagination-bullet {
11543        border: none;
11544        margin: 0;
11545        padding: 0;
11546        -webkit-box-shadow: none;
11547        box-shadow: none;
11548        -webkit-appearance: none;
11549        -moz-appearance: none;
11550        appearance: none
11551    }
11552
11553    .swiper-pagination-clickable .swiper-pagination-bullet {
11554        cursor: pointer
11555    }
11556
11557    .swiper-pagination-bullet-active {
11558        opacity: 1;
11559        background: #b8b8b8
11560    }
11561
11562    .swiper-container-vertical>.swiper-pagination-bullets {
11563        right: 10px;
11564        top: 50%;
11565        -webkit-transform: translate3d(0, -50%, 0);
11566        transform: translate3d(0, -50%, 0)
11567    }
11568
11569    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
11570        margin: 6px 0;
11571        display: block
11572    }
11573
11574    .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
11575        top: 50%;
11576        -webkit-transform: translateY(-50%);
11577        -ms-transform: translateY(-50%);
11578        transform: translateY(-50%);
11579        width: 8px
11580    }
11581
11582    .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
11583        display: inline-block;
11584        -webkit-transition: .2s top, .2s -webkit-transform;
11585        transition: .2s top, .2s -webkit-transform;
11586        -o-transition: .2s transform, .2s top;
11587        transition: .2s transform, .2s top;
11588        transition: .2s transform, .2s top, .2s -webkit-transform
11589    }
11590
11591    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
11592        margin: 0 4px
11593    }
11594
11595    .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
11596        left: 50%;
11597        -webkit-transform: translateX(-50%);
11598        -ms-transform: translateX(-50%);
11599        transform: translateX(-50%);
11600        white-space: nowrap
11601    }
11602
11603    .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
11604        -webkit-transition: .2s left, .2s -webkit-transform;
11605        transition: .2s left, .2s -webkit-transform;
11606        -o-transition: .2s transform, .2s left;
11607        transition: .2s transform, .2s left;
11608        transition: .2s transform, .2s left, .2s -webkit-transform
11609    }
11610
11611    .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
11612        -webkit-transition: .2s right, .2s -webkit-transform;
11613        transition: .2s right, .2s -webkit-transform;
11614        -o-transition: .2s transform, .2s right;
11615        transition: .2s transform, .2s right;
11616        transition: .2s transform, .2s right, .2s -webkit-transform
11617    }
11618
11619    .swiper-pagination-progressbar {
11620        background: rgba(0, 0, 0, .25);
11621        position: absolute
11622    }
11623
11624    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
11625        background: #007aff;
11626        position: absolute;
11627        left: 0;
11628        top: 0;
11629        width: 100%;
11630        height: 100%;
11631        -webkit-transform: scale(0);
11632        -ms-transform: scale(0);
11633        transform: scale(0);
11634        -webkit-transform-origin: left top;
11635        -ms-transform-origin: left top;
11636        transform-origin: left top
11637    }
11638
11639    .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
11640        -webkit-transform-origin: right top;
11641        -ms-transform-origin: right top;
11642        transform-origin: right top
11643    }
11644
11645    .swiper-container-horizontal>.swiper-pagination-progressbar {
11646        width: 100%;
11647        height: 4px;
11648        left: 0;
11649        top: 0
11650    }
11651
11652    .swiper-container-vertical>.swiper-pagination-progressbar {
11653        width: 4px;
11654        height: 100%;
11655        left: 0;
11656        top: 0
11657    }
11658
11659    .swiper-pagination-white .swiper-pagination-bullet-active {
11660        background: #fff
11661    }
11662
11663    .swiper-pagination-progressbar.swiper-pagination-white {
11664        background: rgba(255, 255, 255, .25)
11665    }
11666
11667    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
11668        background: #fff
11669    }
11670
11671    .swiper-pagination-black .swiper-pagination-bullet-active {
11672        background: #212121
11673    }
11674
11675    .swiper-pagination-progressbar.swiper-pagination-black {
11676        background: rgba(0, 0, 0, .25)
11677    }
11678
11679    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
11680        background: #212121
11681    }
11682
11683    .swiper-pagination-lock {
11684        display: none
11685    }
11686
11687    .swiper-scrollbar {
11688        border-radius: 10px;
11689        position: relative;
11690        -ms-touch-action: none;
11691        background: rgba(0, 0, 0, .1)
11692    }
11693
11694    .swiper-container-horizontal>.swiper-scrollbar {
11695        position: absolute;
11696        left: 1%;
11697        bottom: 3px;
11698        z-index: 50;
11699        height: 5px;
11700        width: 98%
11701    }
11702
11703    .swiper-container-vertical>.swiper-scrollbar {
11704        position: absolute;
11705        right: 3px;
11706        top: 1%;
11707        z-index: 50;
11708        width: 5px;
11709        height: 98%
11710    }
11711
11712    .swiper-scrollbar-drag {
11713        height: 100%;
11714        width: 100%;
11715        position: relative;
11716        background: #000000;
11717        border-radius: 10px;
11718        left: 0;
11719        top: 0
11720    }
11721
11722    .swiper-scrollbar-cursor-drag {
11723        cursor: move
11724    }
11725
11726    .swiper-scrollbar-lock {
11727        display: none
11728    }
11729
11730    .swiper-zoom-container {
11731        width: 100%;
11732        height: 100%;
11733        display: -webkit-box;
11734        display: -webkit-flex;
11735        display: -ms-flexbox;
11736        display: flex;
11737        -webkit-box-pack: center;
11738        -webkit-justify-content: center;
11739        -ms-flex-pack: center;
11740        justify-content: center;
11741        -webkit-box-align: center;
11742        -webkit-align-items: center;
11743        -ms-flex-align: center;
11744        align-items: center;
11745        text-align: center
11746    }
11747
11748    .swiper-zoom-container>canvas,
11749    .swiper-zoom-container>img,
11750    .swiper-zoom-container>svg {
11751        max-width: 100%;
11752        max-height: 100%;
11753        -o-object-fit: contain;
11754        object-fit: contain
11755    }
11756
11757    .swiper-slide-zoomed {
11758        cursor: move
11759    }
11760
11761    .swiper-lazy-preloader {
11762        width: 42px;
11763        height: 42px;
11764        position: absolute;
11765        left: 50%;
11766        top: 50%;
11767        margin-left: -21px;
11768        margin-top: -21px;
11769        z-index: 10;
11770        -webkit-transform-origin: 50%;
11771        -ms-transform-origin: 50%;
11772        transform-origin: 50%;
11773        -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
11774        animation: swiper-preloader-spin 1s steps(12, end) infinite
11775    }
11776
11777    .swiper-lazy-preloader:after {
11778        display: block;
11779        content: '';
11780        width: 100%;
11781        height: 100%;
11782        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
11783        background-position: 50%;
11784        background-size: 100%;
11785        background-repeat: no-repeat
11786    }
11787
11788    .swiper-lazy-preloader-white:after {
11789        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
11790    }
11791
11792    @-webkit-keyframes swiper-preloader-spin {
11793        100% {
11794            -webkit-transform: rotate(360deg);
11795            transform: rotate(360deg)
11796        }
11797    }
11798
11799    @keyframes swiper-preloader-spin {
11800        100% {
11801            -webkit-transform: rotate(360deg);
11802            transform: rotate(360deg)
11803        }
11804    }
11805
11806    .swiper-container .swiper-notification {
11807        position: absolute;
11808        left: 0;
11809        top: 0;
11810        pointer-events: none;
11811        opacity: 0;
11812        z-index: -1000
11813    }
11814
11815    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
11816        -webkit-transition-timing-function: ease-out;
11817        -o-transition-timing-function: ease-out;
11818        transition-timing-function: ease-out
11819    }
11820
11821    .swiper-container-fade .swiper-slide {
11822        pointer-events: none;
11823        -webkit-transition-property: opacity;
11824        -o-transition-property: opacity;
11825        transition-property: opacity
11826    }
11827
11828    .swiper-container-fade .swiper-slide .swiper-slide {
11829        pointer-events: none
11830    }
11831
11832    .swiper-container-fade .swiper-slide-active,
11833    .swiper-container-fade .swiper-slide-active .swiper-slide-active {
11834        pointer-events: auto
11835    }
11836
11837    .swiper-container-cube {
11838        overflow: visible
11839    }
11840
11841    .swiper-container-cube .swiper-slide {
11842        pointer-events: none;
11843        -webkit-backface-visibility: hidden;
11844        backface-visibility: hidden;
11845        z-index: 1;
11846        visibility: hidden;
11847        -webkit-transform-origin: 0 0;
11848        -ms-transform-origin: 0 0;
11849        transform-origin: 0 0;
11850        width: 100%;
11851        height: 100%
11852    }
11853
11854    .swiper-container-cube .swiper-slide .swiper-slide {
11855        pointer-events: none
11856    }
11857
11858    .swiper-container-cube.swiper-container-rtl .swiper-slide {
11859        -webkit-transform-origin: 100% 0;
11860        -ms-transform-origin: 100% 0;
11861        transform-origin: 100% 0
11862    }
11863
11864    .swiper-container-cube .swiper-slide-active,
11865    .swiper-container-cube .swiper-slide-active .swiper-slide-active {
11866        pointer-events: auto
11867    }
11868
11869    .swiper-container-cube .swiper-slide-active,
11870    .swiper-container-cube .swiper-slide-next,
11871    .swiper-container-cube .swiper-slide-next+.swiper-slide,
11872    .swiper-container-cube .swiper-slide-prev {
11873        pointer-events: auto;
11874        visibility: visible
11875    }
11876
11877    .swiper-container-cube .swiper-slide-shadow-bottom,
11878    .swiper-container-cube .swiper-slide-shadow-left,
11879    .swiper-container-cube .swiper-slide-shadow-right,
11880    .swiper-container-cube .swiper-slide-shadow-top {
11881        z-index: 0;
11882        -webkit-backface-visibility: hidden;
11883        backface-visibility: hidden
11884    }
11885
11886    .swiper-container-cube .swiper-cube-shadow {
11887        position: absolute;
11888        left: 0;
11889        bottom: 0;
11890        width: 100%;
11891        height: 100%;
11892        background: #212121;
11893        opacity: .6;
11894        -webkit-filter: blur(50px);
11895        filter: blur(50px);
11896        z-index: 0
11897    }
11898
11899    .swiper-container-flip {
11900        overflow: visible
11901    }
11902
11903    .swiper-container-flip .swiper-slide {
11904        pointer-events: none;
11905        -webkit-backface-visibility: hidden;
11906        backface-visibility: hidden;
11907        z-index: 1
11908    }
11909
11910    .swiper-container-flip .swiper-slide .swiper-slide {
11911        pointer-events: none
11912    }
11913
11914    .swiper-container-flip .swiper-slide-active,
11915    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
11916        pointer-events: auto
11917    }
11918
11919    .swiper-container-flip .swiper-slide-shadow-bottom,
11920    .swiper-container-flip .swiper-slide-shadow-left,
11921    .swiper-container-flip .swiper-slide-shadow-right,
11922    .swiper-container-flip .swiper-slide-shadow-top {
11923        z-index: 0;
11924        -webkit-backface-visibility: hidden;
11925        backface-visibility: hidden
11926    }
11927
11928    .swiper-container-coverflow .swiper-wrapper {
11929        -ms-perspective: 1200px
11930    }
11931
11932    body.nav_open,
11933    body.nav_open body {
11934        height: 100%;
11935        overflow: hidden
11936    }
11937
11938    body.nav_open #NavDrawer {
11939        -webkit-transform: translateX(0);
11940        -moz-transform: translateX(0);
11941        -ms-transform: translateX(0);
11942        transform: translateX(0);
11943        box-shadow: 2px 0 8px rgba(0, 0, 0, .3)
11944    }
11945
11946    #NavDrawer {
11947        overflow: hidden;
11948        width: 280px;
11949        -webkit-transform: translateX(-280px);
11950        -moz-transform: translateX(-280px);
11951        -ms-transform: translateX(-280px);
11952        transform: translateX(-280px)
11953    }
11954
11955    #NavDrawer {
11956        z-index: 99;
11957        position: fixed;
11958        top: 48px;
11959        left: 0;
11960        bottom: 0;
11961        width: 320px;
11962        background: #212121;
11963        overflow-y: auto;
11964        display: flex;
11965        flex-direction: column;
11966        -webkit-overflow-scrolling: touch;
11967        -webkit-transform: translateX(-320px);
11968        -moz-transform: translateX(-320px);
11969        -ms-transform: translateX(-320px);
11970        transform: translateX(-320px);
11971        transition: all 0.4s cubic-bezier(.46, .01, .32, 1)
11972    }
11973
11974    .header-wrapper,
11975    #PageContainer {
11976        transition: all 0.4s cubic-bezier(.46, .01, .32, 1)
11977    }
11978
11979    body.nav_open .overlay-nav {
11980        position: fixed;
11981        background-color: rgba(0, 0, 0, .3);
11982        width: 100%;
11983        top: 0;
11984        height: 100%;
11985        z-index: 9
11986    }
11987
11988    .mobile-nav {
11989        overflow: auto
11990    }
11991
11992    .custNav-btn {
11993        color: #fff;
11994        position: relative;
11995        bottom: -5px;
11996        left: 5px
11997    }
11998
11999    @-webkit-keyframes spin {
12000        0% {
12001            -webkit-transform: rotate(0deg);
12002            -moz-transform: rotate(0deg);
12003            -ms-transform: rotate(0deg);
12004            -o-transform: rotate(0deg);
12005            transform: rotate(0deg)
12006        }
12007        100% {
12008            -webkit-transform: rotate(360deg);
12009            -moz-transform: rotate(360deg);
12010            -ms-transform: rotate(360deg);
12011            -o-transform: rotate(360deg);
12012            transform: rotate(360deg)
12013        }
12014    }
12015
12016    @-moz-keyframes spin {
12017        0% {
12018            -webkit-transform: rotate(0deg);
12019            -moz-transform: rotate(0deg);
12020            -ms-transform: rotate(0deg);
12021            -o-transform: rotate(0deg);
12022            transform: rotate(0deg)
12023        }
12024        100% {
12025            -webkit-transform: rotate(360deg);
12026            -moz-transform: rotate(360deg);
12027            -ms-transform: rotate(360deg);
12028            -o-transform: rotate(360deg);
12029            transform: rotate(360deg)
12030        }
12031    }
12032
12033    @-ms-keyframes spin {
12034        0% {
12035            -webkit-transform: rotate(0deg);
12036            -moz-transform: rotate(0deg);
12037            -ms-transform: rotate(0deg);
12038            -o-transform: rotate(0deg);
12039            transform: rotate(0deg)
12040        }
12041        100% {
12042            -webkit-transform: rotate(360deg);
12043            -moz-transform: rotate(360deg);
12044            -ms-transform: rotate(360deg);
12045            -o-transform: rotate(360deg);
12046            transform: rotate(360deg)
12047        }
12048    }
12049
12050    @keyframes spin {
12051        0% {
12052            -webkit-transform: rotate(0deg);
12053            -moz-transform: rotate(0deg);
12054            -ms-transform: rotate(0deg);
12055            -o-transform: rotate(0deg);
12056            transform: rotate(0deg)
12057        }
12058        100% {
12059            -webkit-transform: rotate(360deg);
12060            -moz-transform: rotate(360deg);
12061            -ms-transform: rotate(360deg);
12062            -o-transform: rotate(360deg);
12063            transform: rotate(360deg)
12064        }
12065    }
12066
12067    @-webkit-keyframes fadeIn {
12068        0%,
12069        35% {
12070            opacity: 0
12071        }
12072        100% {
12073            opacity: 1
12074        }
12075    }
12076
12077    @-moz-keyframes fadeIn {
12078        0%,
12079        35% {
12080            opacity: 0
12081        }
12082        100% {
12083            opacity: 1
12084        }
12085    }
12086
12087    @-ms-keyframes fadeIn {
12088        0%,
12089        35% {
12090            opacity: 0
12091        }
12092        100% {
12093            opacity: 1
12094        }
12095    }
12096
12097    @keyframes fadeIn {
12098        0%,
12099        35% {
12100            opacity: 0
12101        }
12102        100% {
12103            opacity: 1
12104        }
12105    }
12106
12107    @-webkit-keyframes heroContentIn {
12108        0%,
12109        35% {
12110            opacity: 0;
12111            -webkit-transform: translateY(8px);
12112            -moz-transform: translateY(8px);
12113            -ms-transform: translateY(8px);
12114            -o-transform: translateY(8px);
12115            transform: translateY(8px)
12116        }
12117        60% {
12118            opacity: 1
12119        }
12120        100% {
12121            -webkit-transform: translateY(0);
12122            -moz-transform: translateY(0);
12123            -ms-transform: translateY(0);
12124            -o-transform: translateY(0);
12125            transform: translateY(0)
12126        }
12127    }
12128
12129    @-moz-keyframes heroContentIn {
12130        0%,
12131        35% {
12132            opacity: 0;
12133            -webkit-transform: translateY(8px);
12134            -moz-transform: translateY(8px);
12135            -ms-transform: translateY(8px);
12136            -o-transform: translateY(8px);
12137            transform: translateY(8px)
12138        }
12139        60% {
12140            opacity: 1
12141        }
12142        100% {
12143            -webkit-transform: translateY(0);
12144            -moz-transform: translateY(0);
12145            -ms-transform: translateY(0);
12146            -o-transform: translateY(0);
12147            transform: translateY(0)
12148        }
12149    }
12150
12151    @-ms-keyframes heroContentIn {
12152        0%,
12153        35% {
12154            opacity: 0;
12155            -webkit-transform: translateY(8px);
12156            -moz-transform: translateY(8px);
12157            -ms-transform: translateY(8px);
12158            -o-transform: translateY(8px);
12159            transform: translateY(8px)
12160        }
12161        60% {
12162            opacity: 1
12163        }
12164        100% {
12165            -webkit-transform: translateY(0);
12166            -moz-transform: translateY(0);
12167            -ms-transform: translateY(0);
12168            -o-transform: translateY(0);
12169            transform: translateY(0)
12170        }
12171    }
12172
12173    @keyframes heroContentIn {
12174        0%,
12175        35% {
12176            opacity: 0;
12177            -webkit-transform: translateY(8px);
12178            -moz-transform: translateY(8px);
12179            -ms-transform: translateY(8px);
12180            -o-transform: translateY(8px);
12181            transform: translateY(8px)
12182        }
12183        60% {
12184            opacity: 1
12185        }
12186        100% {
12187            -webkit-transform: translateY(0);
12188            -moz-transform: translateY(0);
12189            -ms-transform: translateY(0);
12190            -o-transform: translateY(0);
12191            transform: translateY(0)
12192        }
12193    }
12194
12195    .is-adding {
12196        background-color: #757575 !important;
12197        color: #757575 !important
12198    }
12199
12200    .is-adding:after {
12201        content: '';
12202        display: block;
12203        width: 24px;
12204        height: 24px;
12205        position: absolute;
12206        left: 50%;
12207        top: 50%;
12208        margin-left: -12px;
12209        margin-top: -12px;
12210        border-radius: 50%;
12211        border: 3px solid #fff;
12212        border-top-color: #000000;
12213        -webkit-animation: spin 1s infinite linear;
12214        -moz-animation: spin 1s infinite linear;
12215        -o-animation: spin 1s infinite linear;
12216        animation: spin 1s infinite linear
12217    }
12218
12219    #admin-bar-iframe {
12220        display: none
12221    }
12222
12223    .wrapper {
12224        max-width: 976px;
12225        margin: auto
12226    }
12227
12228    .header-wrapper {
12229        z-index: 999
12230    }
12231
12232    .js-drawer-open .container {
12233        margin: 0
12234    }
12235
12236    input#ac-gn-searchform-input::-webkit-input-placeholder {
12237        color: #212121 !Important
12238    }
12239
12240    input#ac-gn-searchform-input::-moz-placeholder {
12241        color: #212121 !Important
12242    }
12243
12244    input#ac-gn-searchform-input:-ms-input-placeholder {
12245        color: #212121 !Important
12246    }
12247
12248    input#ac-gn-searchform-input:-moz-placeholder {
12249        color: #212121 !Important
12250    }�
12250
12251
12252    #PageContainer {
12253        background-color: #FFF
12254    }
12255
12256    .template-index #PageContainer {
12257        background-color: {
12258                {
12259                settings.color-body
12260            }
12261        }
12262    }
12263
12264    @media screen and (min-width:769px) {
12265        .d-line-chat {
12266            position: fixed;
12267            right: 26px;
12268            bottom: 40px;
12269            z-index: 9
12270        }
12271        .d-line-chat a {
12272            display: block;
12273            border-radius: 5px
12274        }
12275        .d-line-chat svg {
12276            width: 40px;
12277            display: block;
12278            border-radius: 5px
12279        }
12280    }
12281
12282    .newsletter p.bottom-line,
12283    .social-media p.bottom-line {
12284        font-size: 12px !important
12285    }
12286
12287    #mc-embedded-subscribe-form button {
12288        border-radius: 0;
12289    }
12290
12291    #mc-embedded-subscribe-form button img {
12292        width: 25px
12293    }
12294
12295    #mc-embedded-subscribe-form .input-group {
12296        width: 100%
12297    }
12298
12299    .site-footer__newsletter-input {
12300        width: 100%;
12301        font-style: italic
12302    }
12303
12304    .copyright span {
12305        position: relative;
12306        bottom: 1px
12307    }
12308
12309    .copyright span,
12310    .copyright img {
12311        display: inline-block;
12312        vertical-align: middle;
12313        font-size: 22px;
12314        letter-spacing: 2px
12315    }
12316
12317    @media (max-width:768px) {
12318        .copyright {
12319            position: inherit
12320        }
12321    }
12322
12323    .site-footer__section .bottom-line {
12324        font-size: 16px;
12325        text-transform: uppercase;
12326        font-weight: 600;
12327        margin-bottom: 10px !important;
12328        width: 100%
12329    }
12330
12331    .site-footer__list-item {
12332        position: relative
12333    }
12334
12335    .lc-icon img {
12336        width: 18px;
12337        vertical-align: middle
12338    }
12339
12340    @media (max-width:991px) {
12341        .site-footer .wrapper {
12342            padding-left: 12px;
12343            padding-right: 12px
12344        }
12345        .footer-navigation,
12346        .footer-navigation .site-footer__section {
12347            padding: 0 !important;
12348            margin: 0 !important
12349        }
12350    }
12351
12352    .seo-footer,
12353    .seo-article {
12354        background-color: #fff
12355    }
12356
12357    .seo-footer * {
12358        color: #212121 !important;
12359        font-size: 14px;
12360    }
12361
12362    .template-index .main-content {
12363        padding: 20px 0 0
12364    }
12365
12366    .space-section {
12367        margin-bottom: 12px
12368    }
12369
12370    .hp-products h2 {
12371        color: #212121;
12372        text-transform: uppercase;
12373        font-size: 24px;
12374        font-weight: 600
12375    }
12376
12377    .hp-products .view-more {
12378        font-size: 18px;
12379        color: #212121;
12380        text-decoration: underline
12381    }
12382
12383    .hp-products .view-more span {
12384        display: inline-block;
12385        vertical-align: middle
12386    }
12387
12388    .hp-products .products a {
12389        display: block;
12390        height: 100%
12391    }
12392
12393    .template-index .products .spr-badge {
12394        display: none
12395    }
12396
12397    .hp-products .see-more {
12398        display: flex;
12399        flex-direction: column;
12400        align-items: center;
12401        justify-content: center;
12402        width: 100%;
12403        height: 100%;
12404        text-align: center;
12405        background-color: #fff;
12406        padding: 0 20px
12407    }
12408
12409    .hp-products .see-more a {
12410        font-size: 24px;
12411        color: #212121
12412    }
12413
12414    .c-carousel .button-scroll {
12415    display: none;
12416    }
12417    .c-carousel:hover .button-scroll {
12418    display: block;
12419    }
12420
12421    .button-scroll.swiper-button-disabled {
12422        display: none
12423    }
12424
12425    .button-scroll .icon {
12426        box-shadow: 0 1px 4px rgba(0, 0, 0, .8)
12427    }
12428
12429    .hp-products .see-more .icon {
12430        box-shadow: 0 1px 4px rgba(0, 0, 0, .8);
12431        width: 35px;
12432        height: 35px;
12433        padding: 8px;
12434        margin-top: 10px
12435    }
12436
12437
12438
12439    .row.c-products-grid {
12440        position: relative;
12441        row-gap: 20px;
12442    }
12443
12444    .products .bg-products {
12445        position: relative;
12446        background-color: #fff;
12447        height: 100%
12448    }
12449
12450    .products .product-card-img-container img {
12451        display: block;
12452        width: 100%;
12453        height: auto
12454    }
12455
12456    .products .product-card-img-container {
12457        aspect-ratio: 1 / 1;
12458        overflow: hidden
12459    }
12460
12461    .products .product-card-discount {
12462    right: 0;
12463    font-size: 12px;
12464    letter-spacing: 1px;
12465    }
12466    .price-discount {
12467    display: flex;
12468    justify-content: center
12469    }
12470    .price-discount .product-card-discount {
12471    color: #212121;
12472    margin-left: 5px;
12473    }
12474
12475    .product-price-sale * {
12476    display: inline-block!important;
12477    color: #aaa;
12478    font-size: 12px!important;
12479    }
12480
12481    .products .card-body {
12482        padding: 8px 12px 10px;
12483    text-align: center
12484    }
12485
12486    #product-loop-coll .products a {
12487        display: block;
12488        color: #212121
12489    }
12490
12491    .products a:hover {
12492        opacity: .75
12493    }
12494
12495    .products .product-card-info h5 {
12496    color: #212121;
12497    font-size: 16px;
12498    font-weight: 400;
12499    text-transform: uppercase;
12500    overflow: hidden;
12501    display: -webkit-box;
12502    overflow: hidden;
12503    -webkit-box-orient: vertical;
12504    -webkit-line-clamp: 2;
12505    min-height: 40px;
12506    }
12507
12508    .products .card-body.product-card-info h5 a {
12509        font-size: 16px;
12510        font-weight: 400
12511    }
12512
12513    .products .product-card-price .card-money {
12514        display: block;
12515        margin-bottom: 0
12516    }
12517
12518    .products .product-card-price-before.card-money {
12519        color: #aaa;
12520        font-size: 12px;
12521        font-weight: 400
12522    }
12523
12524    .products .product-card-price-after {
12525        font-size: 14px;
12526        font-weight: 400;
12527        color: #212121
12528    }
12529
12530    .price-card {
12531        display: flex;
12532    flex-wrap: wrap;
12533    justify-content: center
12534    }
12535
12536    .from-price,
12537    .from-price.h5 {
12538    color: #212121;
12539    font-size: 14px;
12540    align-self: center;
12541    margin: 0;
12542    font-weight: 400;
12543    }
12544
12545
12546    @media (min-width:769px) {
12547        #collection-description .rte {
12548            -webkit-column-count: 2;
12549            -moz-column-count: 2;
12550            column-count: 2
12551        }
12552    }
12553
12554    @media (min-width:992px) {
12555        .row.c-products-grid {
12556            overflow: hidden;
12557            margin-left: -6px !Important;
12558            margin-right: -6px !important
12559        }
12560    }
12561
12562    @media (max-width:991px) {
12563        .c-products-grid {
12564            width: 100%;
12565            margin-right: auto !important;
12566            margin-left: auto !important
12567        }
12568    }
12569
12570    @media (max-width:768px) {
12571        .hp-products h2 {
12572            letter-spacing: normal;
12573            font-size: 24px
12574        }
12575        .hp-products .view-more {
12576            font-size: 16px;
12577            letter-spacing: normal
12578        }
12579    }
12580
12581    @media (max-width:768px) {
12582        .products .card-body.product-card-info h5 a {
12583            font-size: 14px
12584        }
12585        .products .product-card-price-after {
12586            font-size: 16px
12587        }
12588        .products .product-card-price-before {
12589            font-size: 14px
12590        }
12591        .products .product-card-discount {
12592            font-weight: 500;
12593            font-size: 14px;
12594            letter-spacing: 1px
12595        }
12596        .products .product-card-info h5 {
12597        max-height: 60px;
12598        overflow: hidden;
12599        min-height: 35px;
12600        }
12601    }
12602
12603
12604    @media (max-width: 576px) {
12605        .hp-products h2 {
12606            font-size: 18px;
12607        }
12608        .hp-products .view-more {
12609            font-size: 12px;
12610        }
12611        .products .product-card-info h5 {
12612            font-size: 14px;
12613        }
12614        .products .product-card-price-after {
12615            font-size: 12px;
12616        }
12617    }
12618
12619    @media (max-width:768px) {
12620        .collections-brands h3 {
12621            font-size: 14px
12622        }
12623    }
12624
12625    .site-header__wishlist .icon-heart {
12626        width: 1.8em;
12627        height: 1.8em
12628    }
12629
12630    .icon-wishlist-item {
12631        position: absolute;
12632        bottom: 5px;
12633        right: 5px;
12634        cursor: pointer
12635    }
12636
12637    #product-loop-coll .icon-wishlist-item {
12638        right: 10px
12639    }
12640
12641    .icon-wishlist-item a {
12642        color: #212121
12643    }
12644
12645    .c-products-grid .card:hover .icon-wishlist-item {
12646        display: block
12647    }
12648
12649    #product-loop-coll .products:hover .icon-wishlist-item {
12650        display: block
12651    }
12652
12653    .icon-wishlist-item .icon {
12654        display: block;
12655        width: 20px;
12656        height: 20px
12657    }
12658
12659    .icon-wishlist-item .icon-heart-solid {
12660        display: none
12661    }
12662
12663    .icon-wishlist-item .wishlist-added .icon-heart {
12664        display: none
12665    }
12666
12667    .icon-wishlist-item .wishlist-added .icon-heart-solid {
12668        display: block
12669    }
12670
12671    .icon-wishlist-product {
12672        margin-left: 5px;
12673        cursor: pointer
12674    }
12675
12676    .icon-wishlist-product .icon {
12677        display: inline-block;
12678        vertical-align: middle;
12679        width: 15px;
12680        height: 15px
12681    }
12682
12683    .icon-wishlist-product .icon-heart-solid {
12684        display: none
12685    }
12686
12687    .icon-wishlist-product .wishlist-added .icon-heart {
12688        display: none
12689    }
12690
12691    .icon-wishlist-product .wishlist-added .icon-heart-solid {
12692        display: inline-block
12693    }
12694
12695    /* Wishlist icon toggle styles */
12696    .wishlist-icon-wrapper {
12697        display: inline-block;
12698        position: relative;
12699        width: 24px;
12700        height: 21px
12701    }
12702
12703    .wishlist-icon-outline,
12704    .wishlist-icon-filled {
12705        position: absolute;
12706        top: 0;
12707        left: 0
12708    }
12709
12710    .wishlist-toggle.active .wishlist-icon-filled {
12711        display: block !important
12712    }
12713
12714    .wishlist-toggle.active .wishlist-icon-outline {
12715        display: none !important
12716    }
12717
12718    @media (min-width:992px) {
12719        .icon-wishlist-item {
12720            display: none
12721        }
12722    }
12723
12724    @media (max-width:991px) {
12725        .icon-wishlist-item .icon {
12726            width: 15px;
12727            height: 15px
12728        }
12729    }
12730
12731    .stamped-badge-starrating .stamped-fa {
12732        width: 15px;
12733        color: #d10000
12734    }
12735
12736    .stamped-badge-caption[data-reviews]:after {
12737        content: '' !important
12738    }
12739
12740    .stamped-badge-caption {
12741        font-size: 12px;
12742        vertical-align: middle;
12743        color: #212121
12744    }
12745
12746    .fa-star-half-o:before,
12747    .fa-star-o:before,
12748    .fa-star:before,
12749    .stamped-fa-star-half-o:before,
12750    .stamped-fa-star-o:before,
12751    .stamped-fa-star:before {
12752        font-size: 16px
12753    }
12754
12755    .product-meta--review .stamped-badge-starrating .stamped-fa {
12756        margin-right: 2px
12757    }
12758
12759    .product-meta--review .stamped-badge-starrating .stamped-fa:before {
12760        font-size: 20px
12761    }
12762
12763    .product-meta--review .stamped-badge-caption {
12764        font-size: 16px;
12765        margin-right: 5px;
12766        margin-left: 5px;
12767        vertical-align: inherit
12768    }
12769
12770    .fa-star,
12771    .fa-star-checked,
12772    .fa-star-half-o,
12773    .fa-star-o,
12774    .stamped-fa-star,
12775    .stamped-fa-star-checked,
12776    .stamped-fa-star-half-o,
12777    .stamped-fa-star-o {
12778        color: #d10000 !important
12779    }
12780
12781    .summary-rating-bar-content {
12782        background-color: #d10000 !important;
12783        color: #fff !important
12784    }
12785
12786    .product-card-info .btn.btn-cta {width: 130px;height: 35px;padding: 5px;height: 35px;line-height: normal;text-transform: capitalize!important;}
12787    .position-absolute.label-tag {z-index: 999;}
12788    .label-tag.forever-flower {
12789        bottom: 0;
12790    }
12791    .shopify-section:first-child {
12792        margin-top: 0;
12793    }
12794    @media (max-width: 600px){
12795        .label-tag.valentine img {width: 20px;}
12796        .label-tag.freeItem img {
12797            width: 40px !important;
12798        }
12799    }
12800    /* Header */
12801    .header-container {
12802    display: flex;
12803    justify-content: space-between;
12804    align-items: center;
12805    padding: 22px 0px;
12806    margin: 0 auto;
12807    }
12808    .logo {
12809    max-width: 340px;
12810    }
12811    .search-icon,
12812    .header-icons {
12813    display: flex;
12814    align-items: center;
12815    }
12816    .header-icons {
12817    display: flex;
12818    gap: 20px;
12819    }
12820    .header-icon-right {
12821    justify-content: flex-end;
12822    }
12823    header-icon-left {
12824    justify-content: flex-start;
12825    }
12826    .icon {
12827    font-size: 20px;
12828    color: #333;
12829    cursor: pointer;
12830    stroke-width: 1;
12831    }
12832    .icon-wishlist-header {
12833    stroke-width: 0;
12834    position: relative;
12835    }
12836
12837    .wishlist-count {
12838    position: absolute;
12839    top: -8px;
12840    right: -10px;
12841    background-color: #640000;
12842    color: white;
12843    font-size: 10px;
12844    border-radius: 50%;
12845    width: 16px;
12846    height: 16px;
12847    display: flex;
12848    align-items: center;
12849    justify-content: center;
12850    font-weight: bold;
12851    text-align: center;
12852    }
12853
12854    .cart-count {
12855    position: absolute;
12856    top: -8px;
12857    right: -10px;
12858    background-color: var(--topbar-bg, #640000);
12859    color: white;
12860    font-size: 10px;
12861    border-radius: 50%;
12862    width: 16px;
12863    height: 16px;
12864    display: flex;
12865    align-items: center;
12866    justify-content: center;
12867    font-weight: bold;
12868    text-align: center;
12869    }
12870
12871    .icon-cart-header {
12872    position: relative;
12873    }
12874    /* Navigation */
12875    .nav-header {
12876    position: relative;
12877    border-top: 1px solid #000000;
12878    border-bottom: 1px solid #000000;
12879    }
12880    .nav-menu {
12881    display: flex;
12882    justify-content: space-between;
12883    list-style: none;
12884    margin: 0 auto;
12885    }
12886    .nav-menu:after {
12887    display: none!important;
12888    }
12889    .nav-menu li {
12890    margin: 0;
12891    }
12892    .nav-menu > li > a {
12893    padding: 24px 0;
12894    display: block;
12895    }
12896    .nav-menu a {
12897    text-decoration: none;
12898    color: #212121;
12899    font-size: 16px;
12900    font-weight: 400;
12901    text-transform: uppercase;
12902    transition: color 0.3s ease;
12903    }
12904    .nav-menu a:hover {
12905    color: var(--topbar-bg, #666);
12906    }
12907    .megamenu {
12908    display: none;
12909    position: absolute;
12910    top: 68px;
12911    left: 0;
12912    padding: 20px 0;
12913    z-index: 99;
12914    background-color: #000000;
12915    width: 100%;
12916    border-top: 1px solid #000000;
12917    border-bottom: 1px solid #000000;
12918    }
12919    .dropdown-menu {
12920    list-style: none;
12921    margin: 0;
12922    padding: 0;
12923    }
12924    .dropdown-menu li {
12925    margin-bottom: 0;
12926    }
12927    .dropdown-menu li a {
12928    display: block;
12929    padding: 12px 0;
12930    font-size: 15px;
12931    font-weight: 500;
12932    color: #333;
12933    text-transform: capitalize;
12934    transition: all 0.3s ease;
12935    border: none;
12936    }
12937    .dropdown-menu li.has-submenu > a {
12938    padding-bottom: 4px;
12939    }
12940    .dropdown-menu li a:hover {
12941    color: var(--topbar-bg, #212121);
12942    transform: translateX(4px);
12943    border: none;
12944    }
12945    .dropdown-menu .grandchild {
12946    margin: 0;
12947    padding: 0;
12948    list-style: none;
12949    }
12950    .dropdown-menu .grandchild li {
12951    list-style: none;
12952    margin: 0;
12953    }
12954    .dropdown-menu .grandchild li a {
12955    font-size: 15px;
12956    font-weight: 400;
12957    color: #666;
12958    padding: 6px 0;
12959    text-transform: none;
12960    border: none;
12961    }
12962    .dropdown-menu .grandchild li a:hover {
12963    color: var(--topbar-bg, #B8860B);
12964    transform: translateX(2px);
12965    border: none;
12966    }
12967
12968    .megamenu.with-images .container {
12969    display: flex;
12970    flex-wrap: nowrap;
12971    justify-content: space-between;
12972    align-items: flex-start;
12973    }
12974    .megamenu .container .menulinks {
12975    flex: 1;
12976    max-width: 60%;
12977    padding-right: 0;
12978    }
12979    .megamenu.with-images .container .menuimages {
12980    flex: 0 0 auto;
12981    width: 45%;
12982    display: flex;
12983    justify-content: center;
12984    align-items: center;
12985    min-height: 200px;
12986    }
12987    .megamenu.with-images .container .menuimages img {
12988    display: block;
12989    max-width: 100%;
12990    height: auto;
12991    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
12992    }
12993
12994    @media (min-width: 991px) {
12995
12996    .dropdown-menu {
12997        display: grid;
12998        column-gap: 20px;
12999    }
13000    .dropdown-menu li {
13001        margin-bottom: 0 !important;
13002    }
13003    .nav-menu li.has-child:hover > .megamenu {
13004        display: block;
13005    }
13006    .dropdown-menu.five-links {
13007        grid-template-columns: repeat(5, 1fr);
13008        column-gap: 40px;
13009    }
13010    .megamenu .container .menulinks {
13011        max-width: 100%;
13012    }
13013    .dropdown-menu.three-links {
13014        grid-template-columns: repeat(3, 1fr);
13015        column-gap: 40px;
13016    }
13017
13018    .link-all {
13019        position: absolute;
13020        bottom: 0;
13021        display: flex;
13022        gap: 25px;
13023        align-items: center;
13024    }
13025    .link-all a {
13026        font-weight: 700;
13027        font-size: 14px;
13028        color: var(--topbar-bg, #212121);
13029        text-transform: uppercase;
13030        letter-spacing: 0.5px;
13031        transition: all 0.3s ease;
13032    }
13033    .link-all a:hover {
13034        color: var(--topbar-bg, #212121);
13035        transform: translateX(4px);
13036    }
13037
13038    .link-all svg {
13039        align-self: center;
13040        transition: transform 0.3s ease;
13041    }
13042    .link-all:hover svg {
13043        transform: translateX(4px);
13044    }
13045
13046    .menulinks {
13047        position: relative;
13048        min-height: 220px;
13049        padding-bottom: 50px;
13050    }
13051
13052    /* Category Headers */
13053    .dropdown-menu > li > a {
13054        font-size: 16px;
13055        font-weight: 600;
13056        color: #222;
13057        text-transform: uppercase;
13058        letter-spacing: 0.5px;
13059        margin-bottom: 8px;
13060        padding-bottom: 8px;
13061    }
13062    .dropdown-menu > li:first-child > a:hover {
13063        transform: none;
13064        border-bottom-color: var(--topbar-bg, #8B6914);
13065    }
13066    }
13067
13068    /* Responsive Design */
13069    @media (max-width: 992px) {
13070    body.nav_open {
13071        overflow: hidden;
13072    }
13073    
13074    header .container {
13075        padding: 0
13076    }
13077    .nav-header {
13078        display: none;
13079        position: fixed;
13080        z-index: 99;
13081        background-color: #000000;
13082        width: 300px;
13083        top: 0px;
13084        left: -100%;
13085        height: 100%;
13086        overflow: scroll;
13087    }
13088    body.nav_open .nav-header {
13089        display: block;
13090        animation: smooth-nav 0.5s ease forwards;
13091    }
13092    .template-index .main-content {
13093        padding-top: 0;
13094        padding-bottom: 0;
13095    }
13096    .header-container {
13097        padding: 15px 20px;
13098        z-index: 99;
13099        background-color: #fff;
13100        width: 100%;
13101        left: 0;
13102    }
13103    .logo h1 {
13104        font-size: 22px;
13105    }
13106    .logo svg {
13107        width: 100%;
13108        max-width: 160px;
13109    }
13110    .header-icons svg {
13111        width: 17px;
13112        height: auto;
13113    }
13114    .nav-menu {
13115        display: block;
13116        flex-wrap: wrap;
13117        padding: 0;
13118    }
13119    .nav-menu li {
13120        margin: 0;
13121        border-bottom: 1px solid #f0f0f0;
13122    }
13123    .nav-menu > li > a {
13124        padding: 18px 20px;
13125        font-size: 16px;
13126        font-weight: 600;
13127        color: #ffffff;
13128        text-transform: uppercase;
13129        border-bottom: none;
13130    }
13131    .megamenu {
13132        position: relative;
13133        min-height: auto;
13134        padding: 0;
13135        top: 0;
13136        background-color: #000000;
13137        border-top: none;
13138    }
13139    .megamenu .container {
13140        padding: 0;
13141    }
13142    .megamenu .menulinks {
13143        padding: 0;
13144    }
13145    .megamenu.with-images .container {
13146        display: block;
13147    }
13148    .megamenu .container .menulinks {
13149        max-width: 100%;
13150        margin-bottom: 0;
13151        padding: 0;
13152    }
13153    .megamenu.with-images .container .menuimages {
13154        width: 100%;
13155        margin-bottom: 0;
13156    }
13157    .dropdown-menu li a {
13158        display: block;
13159        font-size: 15px;
13160        font-weight: 600;
13161        padding: 14px 20px;
13162        color: #333;
13163        text-transform: capitalize;
13164        transition: all 0.3s ease;
13165        border-radius: 4px;
13166        margin: 2px 8px;
13167    }
13168    .dropdown-menu li a:hover {
13169        color: var(--topbar-bg, #B8860B);
13170        transform: translateX(4px);
13171    }
13172    .dropdown-menu li.has-submenu > a {
13173        display: flex !important;
13174        justify-content: space-between;
13175        align-items: center;
13176    }
13177    .dropdown-menu li.has-submenu .chevron-right {
13178        transform: rotate(0deg);
13179        transition: transform 0.3s ease;
13180    }
13181    .dropdown-menu .grandchild {
13182        display: none; /* Default hidden for accordion */
13183        margin: 8px 0 0 0;
13184        padding: 8px 0;
13185        border-radius: 6px;
13186    }
13187    .dropdown-menu .grandchild li {
13188        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
13189        margin: 0 12px;
13190    }
13191    .dropdown-menu .grandchild li:last-child {
13192        border-bottom: none;
13193    }
13194    .dropdown-menu .grandchild li:first-child {
13195        margin-top: 0;
13196    }
13197    .dropdown-menu .grandchild li a {
13198        font-size: 13px;
13199        font-weight: 400;
13200        padding: 8px 20px 8px 32px;
13201        color: #666;
13202        text-transform: none;
13203        border-bottom: none;
13204        margin: 0;
13205        border-radius: 0;
13206        transition: all 0.3s ease;
13207    }
13208    .dropdown-menu .grandchild li a:hover {
13209        background-color: rgba(184, 134, 11, 0.05);
13210        color: var(--topbar-bg, #212121);
13211        transform: translateX(2px);
13212    }
13213    
13214    /* When submenu is open, show grandchild */
13215    .dropdown-menu .has-submenu.submenu-open .grandchild {
13216        display: block;
13217    }
13218    
13219    /* Chevron icon rotation for level 2 menus */
13220    .dropdown-menu .has-submenu .chevron-right {
13221        transition: transform 0.3s ease;
13222        transform: rotate(0deg) !important;
13223    }
13224    
13225    .dropdown-menu .has-submenu.submenu-open .chevron-right {
13226        transform: rotate(90deg) !important;
13227    }
13228    .promo-banner {
13229        font-size: 12px;
13230        padding: 8px 10px;
13231    }
13232    body.nav_open .overlay-nav {
13233        position: fixed;
13234        top: 0;
13235        left: 0;
13236        width: 100%;
13237        height: 100%;
13238        z-index: 9;
13239        cursor: pointer;
13240        background-color: rgb(117 117 117 / 70%);
13241    }
13242
13243    .nav-account-mobile {
13244        padding: 10px 20px;
13245    }
13246    .nav-account-mobile a {
13247        color: #212121;
13248        font-size: 12px;
13249    }
13250
13251    .megamenu.with-images .container .menuimages {
13252        display: none;
13253    }
13254
13255    .megamenu .menulinks .link-all {
13256        margin: 20px 0 !important;
13257    }
13258    .megamenu .menulinks .link-all a {
13259        font-size: 14px;
13260        font-weight: 700;
13261        color: var(--topbar-bg, #B8860B);
13262        text-transform: uppercase;
13263    }
13264
13265    
13266    .has-child > a {
13267        display: flex!important;
13268        justify-content: space-between;
13269    }
13270    .chevron-right {
13271        display: inline-block;
13272        transition: transform 0.3s ease;
13273    }
13274    
13275    .has-child.menu-open .chevron-right {
13276        transform: rotate(90deg);
13277    }
13278    
13279    .has-submenu.submenu-open .chevron-right {
13280        transform: rotate(90deg) !important;
13281    }
13282    
13283    /* Mobile Close Button Styles in Overlay */
13284    .overlay-nav {
13285        position: relative;
13286    }
13287    
13288    .nav-close-btn {
13289        display: none; /* Hide by default */
13290        position: fixed;
13291        top: 20px;
13292        right: 20px;
13293        background: white;
13294        border: none;
13295        padding: 12px;
13296        cursor: pointer;
13297        border-radius: 50%;
13298        transition: all 0.3s ease;
13299        align-items: center;
13300        justify-content: center;
13301        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
13302        z-index: 1001;
13303    }
13304    
13305    .nav-close-btn:hover {
13306        background-color: #f5f5f5;
13307        transform: scale(1.05);
13308    }
13309    
13310    .nav-close-btn svg {
13311        width: 20px;
13312        height: 20px;
13313    }
13314
13315    .has-child.menu-open a > span {
13316        font-weight: 600;
13317    }
13318
13319    body.nav_open .nav-close-btn {
13320        display: flex;
13321    }
13322    }
13323
13324    @media (max-width: 480px) {
13325    .header-container {
13326        padding: 15px;
13327    }
13328    .logo h1 {
13329        font-size: 18px;
13330    }
13331    .icon {
13332        font-size: 16px;
13333    }
13334    .nav-menu {
13335        justify-content: flex-start;
13336        overflow-x: auto;
13337        padding: 10px;
13338    }
13339    .nav-menu li {
13340        white-space: nowrap;
13341    }
13342    }
13343
13344    @keyframes smooth-nav {
13345    100% {
13346        left: 0px;
13347        opacity: 1;
13348    }
13349    } 
13350    /* Header */
13351    .header-container {
13352    display: flex;
13353    justify-content: space-between;
13354    align-items: center;
13355    padding: 22px 0px;
13356    margin: 0 auto;
13357    }
13358    .logo {
13359    max-width: 340px;
13360    }
13361    .search-icon,
13362    .header-icons {
13363    display: flex;
13364    align-items: center;
13365    }
13366    .header-icons {
13367    display: flex;
13368    gap: 20px;
13369    }
13370    .header-icon-right {
13371    justify-content: flex-end;
13372    }
13373    header-icon-left {
13374    justify-content: flex-start;
13375    }
13376    .icon {
13377    font-size: 20px;
13378    color: #333;
13379    cursor: pointer;
13380    stroke-width: 1;
13381    }
13382    .icon-wishlist-header {
13383    stroke-width: 0;
13384    position: relative;
13385    }
13386
13387    .wishlist-count {
13388    position: absolute;
13389    top: -8px;
13390    right: -10px;
13391    background-color: #640000;
13392    color: white;
13393    font-size: 10px;
13394    border-radius: 50%;
13395    width: 16px;
13396    height: 16px;
13397    display: flex;
13398    align-items: center;
13399    justify-content: center;
13400    font-weight: bold;
13401    text-align: center;
13402    }
13403
13404    .cart-count {
13405    position: absolute;
13406    top: -8px;
13407    right: -10px;
13408    background-color: var(--topbar-bg, #640000);
13409    color: white;
13410    font-size: 10px;
13411    border-radius: 50%;
13412    width: 16px;
13413    height: 16px;
13414    display: flex;
13415    align-items: center;
13416    justify-content: center;
13417    font-weight: bold;
13418    text-align: center;
13419    }
13420
13421    .icon-cart-header {
13422    position: relative;
13423    }
13424    /* Navigation */
13425    .nav-header {
13426    position: relative;
13427    border-top: 1px solid #000000;
13428    border-bottom: 1px solid #000000;
13429    }
13430    .nav-menu {
13431    display: flex;
13432    justify-content: space-between;
13433    list-style: none;
13434    margin: 0 auto;
13435    }
13436    .nav-menu:after {
13437    display: none!important;
13438    }
13439    .nav-menu li {
13440    margin: 0;
13441    }
13442    .nav-menu > li > a {
13443    padding: 24px 0;
13444    display: block;
13445    }
13446    .nav-menu a {
13447    text-decoration: none;
13448    color: #212121;
13449    font-size: 16px;
13450    font-weight: 400;
13451    text-transform: uppercase;
13452    transition: color 0.3s ease;
13453    }
13454    .nav-menu a:hover {
13455    color: var(--topbar-bg, #666);
13456    }
13457    .megamenu {
13458    display: none;
13459    position: absolute;
13460    top: 68px;
13461    left: 0;
13462    padding: 20px 0;
13463    z-index: 99;
13464    background-color: #fff;
13465    width: 100%;
13466    border-top: 1px solid #000000;
13467    border-bottom: 1px solid #000000;
13468    }
13469    .dropdown-menu {
13470    list-style: none;
13471    margin: 0;
13472    padding: 0;
13473    }
13474    .dropdown-menu li {
13475    margin-bottom: 0;
13476    }
13477    .dropdown-menu li a {
13478    display: block;
13479    padding: 12px 0;
13480    font-size: 15px;
13481    font-weight: 500;
13482    color: #333;
13483    text-transform: capitalize;
13484    transition: all 0.3s ease;
13485    border: none;
13486    }
13487    .dropdown-menu li.has-submenu > a {
13488    padding-bottom: 4px;
13489    }
13490    .dropdown-menu li a:hover {
13491    color: var(--topbar-bg, #212121);
13492    transform: translateX(4px);
13493    border: none;
13494    }
13495    .dropdown-menu .grandchild {
13496    margin: 0;
13497    padding: 0;
13498    list-style: none;
13499    }
13500    .dropdown-menu .grandchild li {
13501    list-style: none;
13502    margin: 0;
13503    }
13504    .dropdown-menu .grandchild li a {
13505    font-size: 15px;
13506    font-weight: 400;
13507    color: #666;
13508    padding: 6px 0;
13509    text-transform: none;
13510    border: none;
13511    }
13512    .dropdown-menu .grandchild li a:hover {
13513    color: var(--topbar-bg, #B8860B);
13514    transform: translateX(2px);
13515    border: none;
13516    }
13517
13518    .megamenu.with-images .container {
13519    display: flex;
13520    flex-wrap: nowrap;
13521    justify-content: space-between;
13522    align-items: flex-start;
13523    }
13524    .megamenu .container .menulinks {
13525    flex: 1;
13526    max-width: 60%;
13527    padding-right: 0;
13528    }
13529    .megamenu.with-images .container .menuimages {
13530    flex: 0 0 auto;
13531    width: 45%;
13532    display: flex;
13533    justify-content: center;
13534    align-items: center;
13535    min-height: 200px;
13536    }
13537    .megamenu.with-images .container .menuimages img {
13538    display: block;
13539    max-width: 100%;
13540    height: auto;
13541    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
13542    }
13543
13544    @media (min-width: 991px) {
13545
13546    .dropdown-menu {
13547        display: grid;
13548        column-gap: 20px;
13549    }
13550    .dropdown-menu li {
13551        margin-bottom: 0 !important;
13552    }
13553    .nav-menu li.has-child:hover > .megamenu {
13554        display: block;
13555    }
13556    .dropdown-menu.five-links {
13557        grid-template-columns: repeat(5, 1fr);
13558        column-gap: 40px;
13559    }
13560    .megamenu .container .menulinks {
13561        max-width: 100%;
13562    }
13563    .dropdown-menu.three-links {
13564        grid-template-columns: repeat(3, 1fr);
13565        column-gap: 40px;
13566    }
13567
13568    .link-all {
13569        position: absolute;
13570        bottom: 0;
13571        display: flex;
13572        gap: 25px;
13573        align-items: center;
13574    }
13575    .link-all a {
13576        font-weight: 700;
13577        font-size: 14px;
13578        color: var(--topbar-bg, #212121);
13579        text-transform: uppercase;
13580        letter-spacing: 0.5px;
13581        transition: all 0.3s ease;
13582    }
13583    .link-all a:hover {
13584        color: var(--topbar-bg, #212121);
13585        transform: translateX(4px);
13586    }
13587
13588    .link-all svg {
13589        align-self: center;
13590        transition: transform 0.3s ease;
13591    }
13592    .link-all:hover svg {
13593        transform: translateX(4px);
13594    }
13595
13596    .menulinks {
13597        position: relative;
13598        min-height: 220px;
13599        padding-bottom: 50px;
13600    }
13601
13602    /* Category Headers */
13603    .dropdown-menu > li > a {
13604        font-size: 16px;
13605        font-weight: 600;
13606        color: #222;
13607        text-transform: uppercase;
13608        letter-spacing: 0.5px;
13609        margin-bottom: 8px;
13610        padding-bottom: 8px;
13611    }
13612    .dropdown-menu > li:first-child > a:hover {
13613        transform: none;
13614        border-bottom-color: var(--topbar-bg, #8B6914);
13615    }
13616    }
13617
13618    /* Responsive Design */
13619    @media (max-width: 992px) {
13620    body.nav_open {
13621        overflow: hidden;
13622    }
13623    
13624    header .container {
13625        padding: 0
13626    }
13627    .nav-header {
13628        display: none;
13629        position: fixed;
13630        z-index: 99;
13631        background-color: #000000;
13632        width: 300px;
13633        top: 0px;
13634        left: -100%;
13635        height: 100%;
13636        overflow: scroll;
13637    }
13638    body.nav_open .nav-header {
13639        display: block;
13640        animation: smooth-nav 0.5s ease forwards;
13641    }
13642    .template-index .main-content {
13643        padding-top: 0;
13644        padding-bottom: 0;
13645    }
13646    .header-container {
13647        padding: 15px 20px;
13648        z-index: 99;
13649        background-color: #000000;
13650        width: 100%;
13651        left: 0;
13652    }
13653    .logo h1 {
13654        font-size: 22px;
13655    }
13656    .logo svg {
13657        width: 100%;
13658        max-width: 160px;
13659    }
13660    .header-icons svg {
13661        width: 17px;
13662        height: auto;
13663    }
13664    .nav-menu {
13665        display: block;
13666        flex-wrap: wrap;
13667        padding: 0;
13668    }
13669    .nav-menu li {
13670        margin: 0;
13671        border-bottom: 1px solid #f0f0f0;
13672    }
13673    .nav-menu > li > a {
13674        padding: 18px 20px;
13675        font-size: 16px;
13676        font-weight: 600;
13677        color: #ffffff;
13678        text-transform: uppercase;
13679        border-bottom: none;
13680    }
13681    .megamenu {
13682        position: relative;
13683        min-height: auto;
13684        padding: 0;
13685        top: 0;
13686        background-color: #000000;
13687        border-top: none;
13688    }
13689    .megamenu .container {
13690        padding: 0;
13691    }
13692    .megamenu .menulinks {
13693        padding: 0;
13694    }
13695    .megamenu.with-images .container {
13696        display: block;
13697    }
13698    .megamenu .container .menulinks {
13699        max-width: 100%;
13700        margin-bottom: 0;
13701        padding: 0;
13702    }
13703    .megamenu.with-images .container .menuimages {
13704        width: 100%;
13705        margin-bottom: 0;
13706    }
13707    .dropdown-menu li a {
13708        display: block;
13709        font-size: 15px;
13710        font-weight: 600;
13711        padding: 14px 20px;
13712        color: #333;
13713        text-transform: capitalize;
13714        transition: all 0.3s ease;
13715        border-radius: 4px;
13716        margin: 2px 8px;
13717    }
13718    .dropdown-menu li a:hover {
13719        color: var(--topbar-bg, #B8860B);
13720        transform: translateX(4px);
13721    }
13722    .dropdown-menu li.has-submenu > a {
13723        display: flex !important;
13724        justify-content: space-between;
13725        align-items: center;
13726    }
13727    .dropdown-menu li.has-submenu .chevron-right {
13728        transform: rotate(0deg);
13729        transition: transform 0.3s ease;
13730    }
13731    .dropdown-menu .grandchild {
13732        display: none; /* Default hidden for accordion */
13733        margin: 8px 0 0 0;
13734        padding: 8px 0;
13735        border-radius: 6px;
13736    }
13737    .dropdown-menu .grandchild li {
13738        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
13739        margin: 0 12px;
13740    }
13741    .dropdown-menu .grandchild li:last-child {
13742        border-bottom: none;
13743    }
13744    .dropdown-menu .grandchild li:first-child {
13745        margin-top: 0;
13746    }
13747    .dropdown-menu .grandchild li a {
13748        font-size: 13px;
13749        font-weight: 400;
13750        padding: 8px 20px 8px 32px;
13751        color: #666;
13752        text-transform: none;
13753        border-bottom: none;
13754        margin: 0;
13755        border-radius: 0;
13756        transition: all 0.3s ease;
13757    }
13758    .dropdown-menu .grandchild li a:hover {
13759        background-color: rgba(184, 134, 11, 0.05);
13760        color: var(--topbar-bg, #212121);
13761        transform: translateX(2px);
13762    }
13763    
13764    /* When submenu is open, show grandchild */
13765    .dropdown-menu .has-submenu.submenu-open .grandchild {
13766        display: block;
13767    }
13768    
13769    /* Chevron icon rotation for level 2 menus */
13770    .dropdown-menu .has-submenu .chevron-right {
13771        transition: transform 0.3s ease;
13772        transform: rotate(0deg) !important;
13773    }
13774    
13775    .dropdown-menu .has-submenu.submenu-open .chevron-right {
13776        transform: rotate(90deg) !important;
13777    }
13778    .promo-banner {
13779        font-size: 12px;
13780        padding: 8px 10px;
13781    }
13782    body.nav_open .overlay-nav {
13783        position: fixed;
13784        top: 0;
13785        left: 0;
13786        width: 100%;
13787        height: 100%;
13788        z-index: 9;
13789        cursor: pointer;
13790        background-color: rgb(117 117 117 / 70%);
13791    }
13792
13793    .nav-account-mobile {
13794        padding: 10px 20px;
13795    }
13796    .nav-account-mobile a {
13797        color: #212121;
13798        font-size: 12px;
13799    }
13800
13801    .megamenu.with-images .container .menuimages {
13802        display: none;
13803    }
13804
13805    .megamenu .menulinks .link-all {
13806        margin: 20px 0 !important;
13807    }
13808    .megamenu .menulinks .link-all a {
13809        font-size: 14px;
13810        font-weight: 700;
13811        color: var(--topbar-bg, #B8860B);
13812        text-transform: uppercase;
13813    }
13814
13815    
13816    .has-child > a {
13817        display: flex!important;
13818        justify-content: space-between;
13819    }
13820    .chevron-right {
13821        display: inline-block;
13822        transition: transform 0.3s ease;
13823    }
13824    
13825    .has-child.menu-open .chevron-right {
13826        transform: rotate(90deg);
13827    }
13828    
13829    .has-submenu.submenu-open .chevron-right {
13830        transform: rotate(90deg) !important;
13831    }
13832    
13833    /* Mobile Close Button Styles in Overlay */
13834    .overlay-nav {
13835        position: relative;
13836    }
13837    
13838    .nav-close-btn {
13839        display: none; /* Hide by default */
13840        position: fixed;
13841        top: 20px;
13842        right: 20px;
13843        background: white;
13844        border: none;
13845        padding: 12px;
13846        cursor: pointer;
13847        border-radius: 50%;
13848        transition: all 0.3s ease;
13849        align-items: center;
13850        justify-content: center;
13851        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
13852        z-index: 1001;
13853    }
13854    
13855    .nav-close-btn:hover {
13856        background-color: #f5f5f5;
13857        transform: scale(1.05);
13858    }
13859    
13860    .nav-close-btn svg {
13861        width: 20px;
13862        height: 20px;
13863    }
13864
13865    .has-child.menu-open a > span {
13866        font-weight: 600;
13867    }
13868
13869    body.nav_open .nav-close-btn {
13870        display: flex;
13871    }
13872    }
13873
13874    @media (max-width: 480px) {
13875    .header-container {
13876        padding: 15px;
13877    }
13878    .logo h1 {
13879        font-size: 18px;
13880    }
13881    .icon {
13882        font-size: 16px;
13883    }
13884    .nav-menu {
13885        justify-content: flex-start;
13886        overflow-x: auto;
13887        padding: 10px;
13888    }
13889    .nav-menu li {
13890        white-space: nowrap;
13891    }
13892    }
13893
13894    @keyframes smooth-nav {
13895    100% {
13896        left: 0px;
13897        opacity: 1;
13898    }
13899    } 
13900    button.disabled {pointer-events: none;}
13901    /*
13902    @media (max-width: 768px){
13903    body:not(.template-product) #tidio-chat-iframe {display: none!important;}
13904    }
13905    */
13906    #tidio-chat-iframe {display: none!important;}
13907
13908    #lineId-11986734055639,
13909    #lineId-11986734088407,
13910    #lineId-11986734121175 {display: none}
13911    </style>
13912    
13913    
13914    <div class="purchasePopup">
13915    <div class="purchaseArea">
13916        
13917        <div class="sectionPurchase purchasePersonalize sectionPurchaseBoard">
13918            <div class="wrapperPurchase">
13919            <div class="purchase-content">
13920                <div class="headerPurchase">
13921    <h3 class="text-uppercase">
13922        
13923        customize your flower board
13924        
13925    </h3>
13926    <a class="close-purchase-popup">
13927    <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none">
13928        <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"/>
13929    </svg>
13930    </a>
13931    
13932    </div>
13933    <div class="contentPurchase">
13934    <div class="row">
13935        
13936        <div class="col-12">
13937            
13938    
13939    <style>
13940    
13941    
13942    .customize-papan .group-field-1 .input-field {float: left;width: 100%;height: 317px;background-color: #E5E5EA;}
13943    .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;}
13944    
13945    .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;}
13946    .customize-papan .btn-upload-papan svg {width: 21px;height: 25px;display: block;align-self: center;margin: auto;margin-bottom: 12px;}
13947    .svgLogoPapan {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
13948    .svgLogoPapan p {color: #8E8E93; margin: 0;}
13949    .svgLogoPapan p span {font-size: 12px;color: #FF0E00;}
13950    .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;}
13951    #suggest-messages {position: absolute;bottom: 5px;left: 5px;}
13952    #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;}
13953    .case-occasion .nice-select:after {border-bottom: 2px solid #333;border-right: 2px solid #333;right: 20px;top: 42%;width: 10px;height: 10px;}
13954    .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;}
13955    .customize-papan .input-field .limit {position: absolute;right: 15px;top: 0;color: #757575;}
13956    
13957    @media (min-width: 991px) {
13958        .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);}
13959        .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);}
13960    }
13961    </style>
13962    
13963    <input type="hidden" data-properties="penerima" value="-">
13964    <div class="customize-papan">
13965    <div class="container">
13966        <div class="field-papan group-field-1 form-group">
13967        <div class="input-field">
13968            <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.
13969    (Ex: Selamat Menempuh Hidup Baru A & B)." maxlength="100"></textarea>
13970            <p class="limit">0/100</p>
13971            <div id="suggest-messages">
13972            <a id="show_note_papan1" href="#">
13973                <div class="suggest-message" id="note_btn_div1">
13974                <span class="promo-code-link" id="note_btn_papan1">Contoh Kata WEDDING</span>
13975                </div>
13976            </a>
13977            <a id="show_note_papan2" href="#">
13978                <div class="suggest-message" id="note_btn_div2">
13979                <span class="promo-code-link" id="note_btn_papan2">Contoh Kata SELAMAT</span>
13980                </div>
13981            </a>
13982            <a id="show_note_papan3" href="#">
13983                <div class="suggest-message" id="note_btn_div3">
13984                <span class="promo-code-link" id="note_btn_papan3">Contoh Kata DUKA CITA</span>
13985                </div>
13986            </a>
13987            </div>
13988        </div>
13989        </div>
13990        <div class="hide">
13991        <input type="hidden" value="" id="note_id_papan1" name="note_id_papan1" style="top: 0px;">
13992        <input type="hidden" value="" id="note_btn_id_papan1" name="note_btn_id_papan1">
13993        </div>
13994        <div class="hide">
13995        <input type="hidden" value="" id="note_id_papan2" name="note_id_papan2" style="top: 0px;">
13996        <input type="hidden" value="" id="note_btn_id_papan2" name="note_btn_id_papan2">
13997        </div>
13998        <div class="hide">
13999        <input type="hidden" value="" id="note_id_papan3" name="note_id_papan3" style="top: 0px;">
14000        <input type="hidden" value="" id="note_btn_id_papan3" name="note_btn_id_papan3">
14001        </div>
14002        <div class="field-papan group-field-2 form-group">
14003        
14004        <label for="logoPapan" onclick="" class="input-field field-logo">
14005            
14006            
14007            
14008            <div class="btn-upload-papan w-100">
14009            <?xml version="1.0" encoding="UTF-8"?>
14010            <img src="" style="display:none">
14011            <div class="svgLogoPapan">
14012                <svg xmlns="https://carikapal.link/img/logo-2line.png" width="22" height="26" viewBox="0 0 22 26" fill="none">
14013                <path d="M6.5 20H15.5V11H21.5L11 0.5L0.5 11H6.5V20ZM0.5 23H21.5V26H0.5V23Z" fill="black"/>
14014                </svg>
14015                <p>Upload Logo <span>*optional</span></p>
14016            </div>
14017            </div>
14018            
14019        </label>
14020        
14021        <input
14022            type="hidden"
14023            data-properties="papan-logo"
14024            value=""
14025        >
14026        <input
14027            type="file"
14028            id="logoPapan"
14029            accept="image/*"
14030            style="position: absolute;width: 1px;height: 1px;padding: 0"
14031        >
14032        
14033        <div class="input-field">
14034            <input class="has-limit sender-name" type="text" placeholder="Nama Pengirim" data-properties="pengirim" maxlength="35"/>
14035            <p class="limit">0/35</p>
14036        </div>
14037        
14038        </div>
14039        
14040    </div>
14041    </div>
14042        </div>
14043        
14044    </div>
14045    </div>
14046    
14047            </div>
14048            <div class="purchase-button-wrapper">
14049                <div class="purchase-button btn-card row m-0">
14050    <div class="col-12 col-lg-2 text-left mb-2 p-0">
14051        
14052    </div>
14053    <div class="btn-next-card col-12 col-lg-10 text-right">
14054        
14055        
14056        <button
14057        
14058            
14059        
14060        class="btn next-purchase-button text-uppercase"
14061        
14062            disabled
14063        
14064        >
14065        <span>save your flower board</span>
14066        </button>
14067    </div>
14068    </div>
14069    
14070            </div>
14071            </div>
14072        </div>
14073        
14074        
14075        
14076        <div
14077            class="sectionPurchase sectionPurchaseBoard hide"
14078            data-section="address"
14079        >
14080            <div class="wrapperPurchase">
14081            <div class="purchase-content">
14082                <div class="headerPurchase">
14083    <h3>
14084        Complete Your Order
14085    </h3>
14086    <a class="close-purchase-popup">
14087    <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none">
14088        <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"/>
14089    </svg>
14090    </a>
14091    
14092    </div>
14093    <div class="contentPurchase">
14094    <div class="row">
14095        <div class="col-12 position-relative">
14096        <div class="addressPurchase">
14097            
14098            <h4 class="text-uppercase">recipient delivery address</h4>
14099            <p>Share the delivery address to send your heartfelt blooms straight to their door.</p>
14100            
14101            <div class="formAddressPurchase row">
14102            <div class="col-12">
14103                <form>
14104                <div class="form-group row mb-2 mb-lg-4">
14105                    <div class="col-6 position-relative">
14106                    <input id="first_name" type="text" class="form-control input__field" placeholder="" required>
14107                    <label for="first_name" class="input__label">First Name<span>*</span></label>
14108                    </div>
14109                    <div class="col-6 position-relative">
14110                    <input id="last_name" type="text" class="form-control input__field" placeholder="" required>
14111                    <label for="last_name" class="input__label">Last Name<span>*</span></label>
14112                    </div>
14113                    <input type="hidden" data-properties="nama-penerima">
14114                </div>
14115                
14116                    <h4 class="text-uppercase">how you want to input your address</h4>
14117                    <div class="form-group row mb-2 mb-lg-4 form-address-upload">
14118                    <div class="col-6 position-relative">
14119                        <label class="address-manualy">
14120                        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="17" viewBox="0 0 18 17" fill="none">
14121    <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
141211216 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
141215 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"/>
14122    </svg>
14123    <span>Input Address Manually</span>
14124                        </label>
14125                    </div>
14126                    <div class="col-6 position-relative">
14127                        <label for="address-upload" class="address-upload">
14128                        <svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="13" viewBox="0 0 12 13" fill="none">
14129    <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"/>
14130    </svg>
14131    <span>Upload Address Picture</span>
14132                        </label>
14133                        <input
14134                        id="address-upload"
14135                        type="file"
14136                        accept="image/png, image/jpeg"
14137                        style="position: absolute; padding: 0;width: 1px;height: 1px"
14138                        >
14139                        <input type="hidden" class="props-address-upload" data-properties="foto-alamat">
14140                    </div>
14141                    </div>
14142                    <img width="150" height="" src="" class="photo-address" style="display: none;">
14143                
14144                <div class="form-group row position-relative mb-2 mb-lg-4 form-address">
14145                    <div class="col-12">
14146                    <textarea
14147                        id="delivery_address"
14148                        data-properties="alamat-penerima"
14149                        class="form-control input__field col-12"
14150                        placeholder=""
14151                        required
14152                    ></textarea>
14153                    <label for="delivery_address" class="input__label">Delivery Address<span>*</span></label>
14154                    
14155                    </div>
14156                </div>
14157                <div class="form-group row mb-2 mb-lg-4 form-address">
14158                    <div class="col-6 position-relative">
14159                    <input
14160                        id="recipient_number"
14161                        type="text"
14162                        data-properties="telepon-penerima"
14163                        class="form-control input__field"
14164                        placeholder=""
14165                        required
14166                    >
14167                    <label for="recipient_number" class="input__label">Recipient number<span>*</span></label>
14168                    </div>
14169                    <div class="col-6 position-relative">
14170                    <input
14171                        id="company"
14172                        type="text"
14173                        data-properties="company"
14174                        class="form-control input__field"
14175                        placeholder=""
14176                    >
14177                    <label for="company" class="input__label">Company (Optional)</label>
14178                    </div>
14179                </div>
14180                <div class="form-group row mb-2 mb-lg-4 form-address">
14181                    <div class="col-6 position-relative">
14182                    <input
14183                        id="province"
14184                        type="text"
14185                        class="form-control input__field"
14186                        placeholder=""
14187                        value="Jakarta"
14188                        data-properties="province"
14189                    >
14190                    <label for="province" class="input__label">Province</label>
14191                    </div>
14192                    <div class="col-6 position-relative">
14193                    <select id="zip" class="form-control select-search" required></select>
14194                    </div>
14195                </div>
14196                </form>
14197            </div>
14198            </div>
14199        </div>
14200        <div class="addonsPurchase">
14201            <h4 class="text-uppercase">add-ons</h4>
14202            <div class="addons">
14203            <p>No Add-Ons</p>
14204            <!--
14205                <button class="add-addon">
14206                <svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="12" viewBox="0 0 12 12" fill="none">
14207                    <path d="M5.5 6.5H0V5.5H5.5V0H6.5V5.5H12V6.5H6.5V12H5.5V6.5Z" fill="black"/>
14208                </svg>
14209                <span>Enhance my moment with Add-ons</span>
14210                </button>
14211            -->
14212            </div>
14213        </div>
14214        </div>
14215        
14216    </div>
14217    </div>
14218    
14219    
14219<script>
14220    document.addEventListener('DOMContentLoaded', function() {
14221    // Detect iOS
14222    var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
14223    
14224    if (isIOS) {
14225        document.querySelector('.formAddressPurchase').classList.add('ios');
14226        
14227        // iOS specific fixes
14228        var inputs = document.querySelectorAll('.formAddressPurchase .input__field');
14229        
14230        inputs.forEach(function(input) {
14231        // Force enable touch events on iOS
14232        input.style.webkitUserSelect = 'text';
14233        input.style.webkitTouchCallout = 'default';
14234        input.style.pointerEvents = 'auto';
14235        input.style.touchAction = 'manipulation';
14236        
14237        // Add explicit touch event listeners for iOS
14238        input.addEventListener('touchstart', function(e) {
14239            e.stopPropagation();
14240            this.focus();
14241        }, { passive: false });
14242        
14243        input.addEventListener('touchend', function(e) {
14244            e.preventDefault();
14245            e.stopPropagation();
14246            this.focus();
14247            this.click();
14248        }, { passive: false });
14249        
14250        // Force focus on tap for iOS
14251        input.addEventListener('click', function(e) {
14252            e.stopPropagation();
14253            if (document.activeElement !== this) {
14254            this.focus();
14255            }
14256        });
14257        });
14258        
14259        // Fix for label overlapping on iOS
14260        var labels = document.querySelectorAll('.formAddressPurchase .input__label');
14261        labels.forEach(function(label) {
14262        label.style.pointerEvents = 'none';
14263        label.addEventListener('touchstart', function(e) {
14264            e.preventDefault();
14265            var input = this.parentNode.querySelector('.input__field');
14266            if (input) {
14267            input.focus();
14268            }
14269        });
14270        });
14271    }
14272    
14273    // Handle input state for all browsers, especially iOS
14274    var inputs = document.querySelectorAll('.input__field');
14275    
14276    inputs.forEach(function(input) {
14277        // Handle input events
14278        input.addEventListener('input', function() {
14279        if (this.value.trim() !== '') {
14280            this.classList.add('has-value');
14281        } else {
14282            this.classList.remove('has-value');
14283        }
14284        });
14285        
14286        // Handle focus
14287        input.addEventListener('focus', function() {
14288        this.classList.add('focused');
14289        // iOS specific: ensure input is visible
14290        if (isIOS) {
14291            setTimeout(function() {
14292            input.scrollIntoView({ behavior: 'smooth', block: 'center' });
14293            }, 300);
14294        }
14295        });
14296        
14297        // Handle blur
14298        input.addEventListener('blur', function() {
14299        this.classList.remove('focused');
14300        if (this.value.trim() !== '') {
14301            this.classList.add('has-value');
14302        } else {
14303            this.classList.remove('has-value');
14304        }
14305        });
14306        
14307        // Initial check for pre-filled values
14308        if (input.value.trim() !== '') {
14309        input.classList.add('has-value');
14310        }
14311    });
14312    
14313    // Additional iOS fixes
14314    if (isIOS) {
14315        // Prevent iOS Safari from adding default styling
14316        document.addEventListener('touchstart', function() {}, { passive: true });
14317        
14318        // Fix viewport issues on iOS
14319        var viewport = document.querySelector('meta[name=viewport]');
14320        if (viewport) {
14321        viewport.setAttribute('content', 
14322            'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
14323        );
14324        }
14325    }
14326    });
14327    </script>
14327
14328            </div>
14329            <div class="purchase-button-wrapper">
14330                <div class="purchase-button btn-address row m-0">
14331    <div class="col-12 col-lg-2 text-left mb-2 p-0">
14332        
14333        <button class="back-purchase-button back-address text-uppercase">
14334            <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png">
14335            <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"/>
14336            </svg>
14337            <span>Back</span>
14338        </button>
14339        
14340    </div>
14341    <div class="btn-next-card col-12 col-lg-10 text-right">
14342        
14343        <!--
14344            <button class="back-purchase-button back-address text-uppercase mr-lg-2 mb-2 mb-lg-0">
14345            <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png">
14346                <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"/>
14347            </svg>
14348            <span>Back</span>
14349            </button>
14350        -->
14351        
14352        
14353        <button
14354        
14355            id="addtocart-card"
14356        
14357        class="btn  next-address text-uppercase"
14358        
14359        >
14360        <span>add to cart</span>
14361        </button>
14362    </div>
14363    </div>
14364    
14365            </div>
14366            </div>
14367        </div>
14368        
14369    </div>
14370    </div>
14371    <div id="backgroundPopup"></div>
14372    
14373    
14374    
14375    <input
14376    data-index="1"
14377    type="hidden"
14378    id="properties-delivery-date"
14379    name="properties[Delivery Date]"
14380    value="-"
14381    >
14382    <input
14383    data-index="2"
14384    type="hidden"
14385    id="properties-delivery-time"
14386    name="properties[Delivery Time]"
14387    value="-"
14388    >
14389    <input
14390    data-index="4"
14391    type="hidden"
14392    id="properties-nama-penerima"
14393    name="properties[Nama Penerima]"
14394    value="-"
14395    >
14396    <input
14397    data-index="5"
14398    type="hidden"
14399    id="properties-alamat-penerima"
14400    name="properties[Alamat Penerima]"
14401    value="-"
14402    >
14403    <input
14404    data-index="6"
14405    type="hidden"
14406    id="properties-kodepos"
14407    name="properties[Kodepos]"
14408    value="-"
14409    >
14410    <input data-index="7" type="hidden" id="properties-telepon-penerima" name="properties[Telepon Penerima]">
14411    
14412    
14413        <input
14414        data-index="8"
14415        type="hidden"
14416        id="properties-kartu-nama-penerima"
14417        name="properties[Kartu Nama Penerima]"
14418        value="-"
14419        >
14420    
14421    <textarea
14422        data-index="9"
14423        type="hidden"
14424        id="properties-kartu-pesan"
14425        name="properties[Kartu Pesan]"
14426        style="display: none"
14427    >-</textarea>
14428    
14429    
14430    
14431    <input
14432        data-index="10"
14433        type="hidden"
14434        id="properties-kartu-nama-pengirim"
14435        name="properties[Kartu Nama Pengirim]"
14436        value="-"
14437    >
14438    
14439    
14440    
14441    
14442    
14443    
14444    
14445    
14446    
14447    
14448    
14449    
14450    
14451    
14452    
14453    
14454    
14455    
14456    <!-- Additional Shipping -->
14457    <input type="hidden" id="properties-kota-pengiriman-province" name="properties[Province]">
14458    <input
14459    type="hidden"
14460    id="properties-kota-pengiriman-country"
14461    name="properties[Country]"
14462    value="Indonesia"
14463    >
14464    <input type="hidden" id="properties-shipping" name="properties[Shipping]">
14465    
14466    <input type="hidden" id="properties-time" name="properties[Time]">
14467    <input type="hidden" id="properties-card" name="properties[Card]">
14468    <input type="hidden" id="properties-addons" name="properties[Addons]">
14469    
14470    <input
14471    type="hidden"
14472    id="properties-company"
14473    name="properties[Company]"
14474    value=""
14475    >
14476    
14476<script>
14477    
14478    $(document).ready(function(){
14479        
14480        var text_max_papan1=150;
14481        var msg_text_papan1="";
14482        $('#kartu-ucapan-ucapan').keyup(function(){
14483        var text_length_papan1=$('#kartu-ucapan-ucapan').val().length;
14484        var msg_text_papan1=$('#kartu-ucapan-ucapan').val();
14485        });
14486    
14487        var notes_papan1 = [
14488        
14489        [0,"Happy Wedding (nama & nama)."],[1,"Congratulations lovebirds (nama & nama)."],[2,"Selamat berbahagia (nama & nama)."],[3,"Selamat menempuh hidup baru (nama & nama)."]
14490        
14491        ];
14492        $('#show_note_papan1').click(function(event){
14493        event.preventDefault();
14494        var idx_papan1=parseInt($('#note_id_papan1').val());
14495        if(isNaN(idx_papan1)){
14496            idx_papan1=0;
14497        }else{
14498            idx_papan1++;
14499            idx_papan1=idx_papan1%notes_papan1.length;
14500        }
14501        var note_papan1=notes_papan1[idx_papan1][1];
14502        $('#note_id_papan1').val(idx_papan1);
14503        $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan1);
14504        $('#msgDelivery').val(note_papan1);
14505    
14506        var text_length_papan1=$('#kartu-ucapan-papan').val().length;
14507        var idx_2_papan1=parseInt($('#note_btn_id_papan1').val());
14508        if(isNaN(idx_2_papan1)){
14509            idx_2_papan1=0;
14510        }else{
14511            idx_2_papan1++;
14512            //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
14513        }
14514        $('#note_btn_id_papan1').val(idx_2_papan1);
14515        //var note_btn=note_btn_text[idx_2][1];
14516        //$('#note_btn').text(note_btn);
14517        });
14518    
14519        var text_max_papan2=150;
14520        var msg_text_papan2="";
14521        $('#kartu-ucapan-ucapan').keyup(function(){
14522        var text_length_papan2=$('#kartu-ucapan-ucapan').val().length;
14523        var msg_text_papan2=$('#kartu-ucapan-ucapan').val();
14524        });
14525    
14526        var notes_papan2 = [
14527        
14528        [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)."]
14529        
14530        ];
14531        $('#show_note_papan2').click(function(event){
14532        event.preventDefault();
14533        var idx_papan2=parseInt($('#note_id_papan2').val());
14534        if(isNaN(idx_papan2)){
14535            idx_papan2=0;
14536        }else{
14537            idx_papan2++;
14538            idx_papan2=idx_papan2%notes_papan2.length;
14539        }
14540        var note_papan2=notes_papan2[idx_papan2][1];
14541        $('#note_id_papan2').val(idx_papan2);
14542        $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan2);
14543        $('#msgDelivery').val(note_papan2);
14544        var text_length_papan2=$('#kartu-ucapan-papan').val().length;
14545        var idx_2_papan2=parseInt($('#note_btn_id_papan2').val());
14546        if(isNaN(idx_2_papan2)){
14547            idx_2_papan2=0;
14548        }else{
14549            idx_2_papan2++;
14550            //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
14551        }
14552        $('#note_btn_id_papan2').val(idx_2_papan2);
14553        //var note_btn=note_btn_text[idx_2][1];
14554        //$('#note_btn').text(note_btn);
14555        });
14556    
14557        var text_max_papan3=150;
14558        var msg_text_papan3="";
14559        $('#kartu-ucapan-ucapan').keyup(function(){
14560        var text_length_papan3=$('#kartu-ucapan-ucapan').val().length;
14561        var msg_text_papan3=$('#kartu-ucapan-ucapan').val();
14562        });
14563    
14564        var notes_papan3 = [
14565        
14566        [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)."]
14567        
14568        ];
14569        $('#show_note_papan3').click(function(event){
14570        event.preventDefault();
14571        var idx_papan3=parseInt($('#note_id_papan3').val());
14572        if(isNaN(idx_papan3)){
14573            idx_papan3=0;
14574        }else{
14575            idx_papan3++;
14576            idx_papan3=idx_papan3%notes_papan3.length;
14577        }
14578        var note_papan3=notes_papan3[idx_papan3][1];
14579        $('#note_id_papan3').val(idx_papan3);
14580        $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan3);
14581        $('#msgDelivery').val(note_papan3);
14582        var text_length_papan3=$('#kartu-ucapan-papan').val().length;
14583        var idx_2_papan3=parseInt($('#note_btn_id_papan3').val());
14584        if(isNaN(idx_2_papan3)){
14585            idx_2_papan3=0;
14586        }else{
14587            idx_2_papan3++;
14588            //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
14589        }
14590        $('#note_btn_id_papan3').val(idx_2_papan3);
14591        //var note_btn=note_btn_text[idx_2][1];
14592        //$('#note_btn').text(note_btn);
14593        });
14594    
14595        var text_max_papan4=150;
14596        var msg_text_papan4="";
14597        $('#kartu-ucapan-ucapan').keyup(function(){
14598        var text_length_papan4=$('#kartu-ucapan-ucapan').val().length;
14599        var msg_text_papan4=$('#kartu-ucapan-ucapan').val();
14600        });
14601    
14602        $('#show_note_papan4').click(function(event){
14603        var notes_papan4 = [
14604            [0,"Here’s to you—steadier, stronger and better every day."],
14605            [1,"Warmest wishes for a speedy recovery!"],
14606            [2,"Dengan ucapan terhangat, semoga lekas membaik dan semakin pulih setiap harinya ya."],
14607            [3,"Semoga lekas sembuh untuk kembali beraktivitas dan berkarya."]
14608        ];
14609        event.preventDefault();
14610        var idx_papan4=parseInt($('#note_id_papan4').val());
14611        console.log(idx_papan4, 'idx_papan4')
14612        if(isNaN(idx_papan4)){
14613            idx_papan4=0;
14614        }else{
14615            idx_papan4++;
14616            idx_papan4=idx_papan4%notes_papan4.length;
14617        }
14618        var note_papan4=notes_papan4[idx_papan4][1];
14619        $('#note_id_papan4').val(idx_papan4);
14620        $('#kartu-ucapan-papan, #properties-kartu-ucapan, #properties-kartu-pesan').val(note_papan4);
14621        console.log(note_papan4, 'note_papan4')
14622        var text_length_papan4=$('#kartu-ucapan-papan').val().length;
14623        var idx_2_papan4=parseInt($('#note_btn_id_papan4').val());
14624        if(isNaN(idx_2_papan4)){
14625            idx_2_papan4=0;
14626        }else{
14627            idx_2_papan4++;
14628            //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
14629        }
14630        $('#note_btn_id_papan4').val(idx_2_papan4);
14631        });
14632    
14633        /*
14634        $("#jenisPapan").change(function(){
14635        $( "select option:selected").each(function(){
14636            if($(this).attr("value")=="Happy Wedding"){
14637            $("#suggest-messages a").hide();
14638            $("#show_note_papan1").show();
14639            $("#kartu-ucapan-papan").val("");
14640            }
14641            if($(this).attr("value")=="Congratulations"){
14642            $("#suggest-messages a").hide();
14643            $("#show_note_papan2").show();
14644            $("#kartu-ucapan-papan").val("");
14645            }
14646            if($(this).attr("value")=="Duka Cita"){
14647            $("#suggest-messages a").hide();
14648            $("#show_note_papan3").show();
14649            $("#kartu-ucapan-papan").val("");
14650            }
14651        });
14652        }).change();
14653        */
14654    
14655        
14656    
14657        
14658    
14659        $(".variant-metafield").each(function(){
14660        const t = $(this)
14661        const id = t.attr("id")
14662        const target = $(`[data-select=${id}]`)
14663        t.on('select2:selecting', function(e) {
14664            const data = e.params.args.data
14665            target.val(data.text)
14666        });
14667        })
14668    })
14669    </script>
14669
14670    
14671    
14672    
14673    
14673<script>
14674    const shareButton = document.getElementById('shareButton');
14675    
14676    shareButton.addEventListener('click', () => {
14677        if (navigator.share) {
14678        navigator.share({
14679            title: "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif",
14680            url: "/products/blossom-shine",
14681            text: 'Check out this page!'
14682        })
14683        .then(() => console.log('Successful share'))
14684        .catch((error) => console.log('Error sharing', error));
14685        } else {
14686        alert('Web Share API is not supported in this browser.');
14687        }
14688    });
14689    
14690    // Inventory validation function
14691    function checkInventoryStatus() {
14692        const productSelect = document.getElementById('productSelect');
14693        const purchaseButton = document.querySelector('#personalizeBtn button');
14694        
14695        if (!productSelect || !purchaseButton) return;
14696    
14697        const selectedVariantId = productSelect.value;
14698        
14699        // Get variant data from Shopify
14700        fetch(`/products/blossom-shine.js`)
14701        .then(response => response.json())
14702        .then(product => {
14703            const selectedVariant = product.variants.find(variant => variant.id == selectedVariantId);
14704            
14705            if (selectedVariant) {
14706            const isOutOfStock = selectedVariant.inventory_quantity <= 0 && 
14707                                    selectedVariant.inventory_management === 'shopify' && 
14708                                    selectedVariant.inventory_policy !== 'continue';
14709            
14710            if (isOutOfStock) {
14711                purchaseButton.disabled = true;
14712                purchaseButton.textContent = 'Out of Stock';
14713                purchaseButton.setAttribute('data-out-of-stock', 'true');
14714                purchaseButton.style.backgroundColor = '#cccccc';
14715                purchaseButton.style.cursor = 'not-allowed';
14716            } else {
14717                // Check if button was disabled due to other conditions
14718                
14719                
14720                
14721                
14722                
14723                
14724                
14725                
14726                const isOtherDisabled = false || true || false;
14727                
14728                if (!isOtherDisabled) {
14729                purchaseButton.disabled = false;
14730                purchaseButton.textContent = 'customize your flower board';
14731                purchaseButton.removeAttribute('data-out-of-stock');
14732                purchaseButton.style.backgroundColor = '';
14733                purchaseButton.style.cursor = '';
14734                }
14735            }
14736            }
14737        })
14738        .catch(error => {
14739            console.error('Error checking inventory:', error);
14740        });
14741    }
14742    
14743    // Check inventory on page load
14744    document.addEventListener('DOMContentLoaded', function() {
14745        checkInventoryStatus();
14746        
14747        // Listen for variant changes
14748        const productSelect = document.getElementById('productSelect');
14749        if (productSelect) {
14750        productSelect.addEventListener('change', checkInventoryStatus);
14751        }
14752    });
14753    
14754    // Prevent form submission if out of stock
14755    document.addEventListener('click', function(e) {
14756        if (e.target.matches('button[data-out-of-stock="true"]')) {
14757        e.preventDefault();
14758        e.stopPropagation();
14759        alert('This product is currently out of stock and cannot be purchased.');
14760        return false;
14761        }
14762    });
14763    </script>
14763
14764    
14765    
14766    
14767    </div>
14768    
14769            </div>
14770            </div>
14771        </div>
14772        </div>
14773        <div id="product-bottom">
14774        
14775            <div class="product-description rte bg-card col-12 py-3 px-0 m-0" itemprop="description">
14776            <div class="container">
14777                
14778    
14779    
14780    
14781    
14782        <div class="short-desc-mobile d-block d-lg-none mb-3">
14783            <div class="short-desc">
14784                <ul>
14785    <li><strong>KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.</strong></li>
14786            </div>
14787            <label class="more-mobile">Show More →</label>
14788        </div>
14789    
14790    <style>
14791    .animated-title {
14792        text-align: center;
14793        font-weight: bold;
14794        color: #079c02;
14795        font-size: 28px;
14796        position: relative;
14797        animation: glow 2s infinite alternate, moveUpDown 3s infinite;
14798    }
14799    
14800    /* Efek glow / bercahaya hijau */
14801    @keyframes glow {
14802        0% { text-shadow: 0 0 5px #079c02; color: #079c02; }
14803        50% { text-shadow: 0 0 20px #00ff55; color: #12d12b; }
14804        100% { text-shadow: 0 0 10px #1bff00; color: #079c02; }
14805    }
14806    
14807    /* Efek gerakan naik turun */
14808    @keyframes moveUpDown {
14809        0% { transform: translateY(0px); }
14810        50% { transform: translateY(-5px); }
14811        100% { transform: translateY(0px); }
14812    }
14813    </style>
14814    
14815    
14815<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/shopify-cartjs/1.1.0/cart.min.js"></script>
14815
14816    
14816<script>
14817    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});
14818    
14819    const productType = $("[data-product-type]").data("product-type")
14820    const productDate = Date.parse(new Date())
14821    
14822    const shop = 'outerbloom1.myshopify.com'
14823    const host = 'https://app.asmaraku.com'
14824    // const host = 'http://localhost:5001'
14825    
14826    const gsheet = "https://script.google.com/macros/s/AKfycbyqa6mPD6lVjU6hiHr12J8URZ2aJBGyxBsGQ0QtEIDari-rBk_9vSOITjSSmUXL1NwxEg/exec"
14827    
14828    const qrID = "041025" + randomString(4, 'aAbCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ')
14829    
14830    $("#properties-time").val(new Date().getTime())
14831    
14832    const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
14833    
14834    if(!isIOS) {
14835        $("#full-date").attr("type", "button")
14836    }
14837    
14838    let dateTime = new Date();
14839    let today = dateTime.getDate();
14840    let day = dateTime.getDay();
14841    let hour = dateTime.getHours();
14842    let min = dateTime.getMinutes();
14843    let timeOfDay = hour + (min / 100);
14844    
14845    async function getFetch(url) {
14846        const response = await fetch(url);
14847        let status = false
14848        let result
14849        if(response.ok) {
14850        status = true
14851        result = await response.json();
14852        }
14853        return {
14854        status,
14855        data: result
14856        }
14857    }
14858    
14859    
14860    
14861    function setCookie(cname, cvalue, exMins) {
14862        var d = new Date();
14863        d.setTime(d.getTime() + (exMins*60*1000));
14864        var expires = "expires="+d.toUTCString();  
14865        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
14866    }
14867    
14868    function getCookie(cname) {
14869        let name = cname + "=";
14870        let decodedCookie = decodeURIComponent(document.cookie);
14871        let ca = decodedCookie.split(';');
14872        for(let i = 0; i <ca.length; i++) {
14873        let c = ca[i];
14874        while (c.charAt(0) == ' ') {
14875            c = c.substring(1);
14876        }
14877        if (c.indexOf(name) == 0) {
14878            return c.substring(name.length, c.length);
14879        }
14880        }
14881        return "";
14882    }
14883    
14884    async function renderDate() {
14885        let dataDate = await getFetch(`${host}/api/shipping/date?domain=${shop}&productId=8359546319899&v=${Date.now()}`);
14886        console.log(dataDate, 'renderDate')
14887        const data = dataDate?.data
14888        const date = data.date
14889        const time = data.time
14890    
14891        console.log(date, 'DATE')
14892    
14893        const weekday = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
14894        const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
14895        const htmlDate = []
14896        for(let i = 0;i < date.length;i++) {
14897        const full = date[i].date
14898        const d = new Date(date[i].date);
14899        const day = weekday[d.getDay()];
14900        const dt = d.getDate();
14901        const mt = monthly[d.getMonth()];
14902        const yr = d.getFullYear();
14903        const isDate = Boolean(date[i].isEnabled)
14904        const cutoffpagi = date[i].cutoff?.pagi
14905        const cutoffsiang = date[i].cutoff?.siang
14906        const cutoffMalam = date[i].cutoff?.Malam
14907        var html = `
14908            <button data-id="8359546319899" 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'}>
14909            ${dt === today ?
14910                `Today<span>${dt < 10 ? '0' + dt : dt}</span>` :
14911                `${day}<span>${dt < 10 ? '0' + dt : dt}</span>`
14912            }
14913            </button>
14914        `
14915        htmlDate.push(html)
14916        }
14917        const htmlTime = []
14918        for(var i = 0;i < time.length;i++) {
14919        const timeText = time[i].text
14920        const timeTime = time[i].time
14921        const timeEnabled = time[i].isEnabled
14922        var html = `
14923            <button class="time-single calendarbutton2 btn steps-btn" data-time="${timeText}" ${timeEnabled ? '' : 'disabled'}>${timeText}<br/>${timeTime}</button>
14924            `
14925        htmlTime.push(html)
14926        }
14927        const deliveryDate = document.getElementById("deliveryDate");
14928        if(deliveryDate) {
14929        deliveryDate.insertAdjacentHTML("afterbegin", htmlDate.join(''))
14930        $("#deliveryTime").html(htmlTime)
14931        if(productType !== '') {
14932            console.log("clarity event " + productType + ' calendaring')
14933            window.clarity("event", `${productType} calendaringSchedule`)
14934            // window.clarity("set", productType, `calendaringSchedule - ${productDate}`)
14935        }
14936        }
14937    }
14938    
14939    async function getProvince(city) {
14940        let { data: { province } } = await getFetch(`${host}/api/shipping/address/province?city=${city}`);
14941        console.log(province, 'province')
14942        $("#province").val(province)
14943    }
14944    
14945    async function renderAddress() {
14946        let current
14947        if(getCookie("location_delivery")){
14948        current = getCookie("location_delivery").charAt(0).toUpperCase() + getCookie("location_delivery").slice(1)
14949        }
14950        let address = await getFetch(`${host}/api/shipping/address?domain=${shop}&productId=8359546319899`);
14951        console.log(address)
14952        const data = address?.data?.city
14953        const htmlAddress = []
14954        const grouping = []
14955        for(let i = 0;i < data?.length;i++) {
14956        if(data[i]){
14957            if(data[i]?.group) {
14958            grouping.push(data[i].group)
14959            }
14960            const price = rupiah.format(data[i]?.rate)
14961            let promo = '(Promo Free Delivery)'
14962            if(data[i]?.name === 'Jakarta - PickUp ASHTA'){
14963            promo = '(at SCBD, Ashta)'
14964            } else if(data[i]?.name === 'Jakarta - PickUp ITC'){
14965            promo = '(at Kuningan, ITC Kuningan)'
14966            } else if(data[i]?.name === 'BSD - PickUp'){
14967            promo = '(at Goldfinch Gading Serpong)'
14968            } else if(data[i]?.name === 'Kota Lainnya'){
14969            promo = ''
14970            }
14971            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>`)
14972        }
14973        }
14974        
14975        const deliveryCity = document.getElementById("cities");
14976        if(deliveryCity) {
14977        deliveryCity.insertAdjacentHTML("beforeend", htmlAddress.join(''))
14978        if(!isIOS) {
14979            $(deliveryCity).select2();
14980        }
14981        }
14982    }
14983    
14984    async function renderZip(v, v2, v3) {
14985        const deliveryZip = document.getElementById("zip");
14986        if(v === '') {
14987        return
14988        }
14989        let dataZip = await getFetch(`${host}/api/shipping/address/zip?city=${v}&city2=${v2}&city3=${v3}`);
14990        let zip = dataZip?.data?.zip
14991        console.log(zip)
14992        let htmlZip = []
14993        for(let i = 0; i < zip?.length;i++) {
14994        htmlZip.push(`<option value="${zip[i]?.postalCode} - ${zip[i]?.subdistrict}">${zip[i]?.postalCode} - ${zip[i]?.subdistrict} - ${zip[i]?.city}</option>`)
14995        }
14996        deliveryZip.insertAdjacentHTML("beforeend", htmlZip.join(''))
14997    }
14998    
14999    renderDate()
15000    renderAddress()
15001    
15002    let rupiah = new Intl.NumberFormat('id-ID', {
15003        style: 'currency',
15004        currency: 'IDR',
15005        maximumFractionDigits: 0, 
15006        minimumFractionDigits: 0
15007    });
15008    
15009    async function insertCard(data) {
15010        const response = await fetch(`${host}/api/card/new`, {
15011            method: "POST",
15012            headers: {
15013            'Content-Type': 'application/json',
15014            },
15015            body: data
15016        })
15017        const result = await response.json()
15018        let rowIndex = result?.data?.tableRange.split("Outerbloom!A1:J")[1]
15019        $("#greetingCard").attr("data-index", rowIndex)
15020        return result
15021    }
15022        
15023    async function updateCard(data){
15024        const rowIndex = $("#greetingCard").data("index")
15025        const response = await fetch(`${host}/api/card/update?rowIndex=${rowIndex}`, {
15026            method: "PUT",
15027            headers: {
15028            'Content-Type': 'application/json',
15029            },
15030            body: data
15031        })
15032        return response
15033    }
15034        
15035    function bytesToSize(bytes) {
15036        var sizes = ['b', 'kb', 'mb', 'gb', 'tb', 'p'];
15037        for (var i = 0; i < sizes.length; i++) {
15038        if (bytes <= 1024) {
15039            return bytes + ' ' + sizes[i];
15040        } else {
15041            bytes = parseFloat(bytes / 1024).toFixed(2)
15042        }
15043        }
15044        return bytes + ' P';
15045    }
15046    
15047    async function uploadMedia(uri, type) {
15048        nameq = $("#properties-nama-penerima").val()
15049        dear = $("#properties-kartu-nama-penerima").val()
15050        card = $("[data-properties=ucapan]").val()
15051        sender = $("#properties-kartu-nama-pengirim").val()
15052        photo = $("#properties-photo").val()
15053        video = $("#properties-video").val()
15054        status = "Product"
15055            
15056        const name = qrID
15057        let formData = new FormData(); 
15058        formData.append("file", uri);
15059        const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
15060        method: "POST", 
15061        body: formData
15062        })
15063        const result = await response.json();
15064        if(result) {
15065        const url = result.url
15066        if(type === 'image/jpeg') {
15067            $("#properties-photo").val(url)
15068            $(".preview-image").show()
15069            $(".remove-image").show()
15070            photo = url
15071        } else {
15072            $("#properties-video").val(url)
15073            $("#label-input-video span").text("Change File")
15074            $(".case-qrcode-preview p").text("Scan here for a secret message")
15075            $(".remove-media").show()
15076            $("#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>`)
15077            $("[for=input-video]").hide()
15078            video = url
15079        }
15080        $(".case-video-preview").show()
15081        $(".steps-card-preview").removeClass("loading")
15082        // updateCard(nameq, dear, card, sender, photo, video, status)
15083    
15084        $(".nextBtn").attr("disabled", false)
15085        }
15086    }
15087    
15088    function randomString(length, chars) {
15089        var result = '';
15090        for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
15091        return result;
15092    }
15093    
15094    function getNoteCity(fulldate) {
15095        const h_1 = new Date(new Date().setDate(new Date().getDate() + 1))
15096        const weekday = ["Min","Sen","Sel","Rab","Kam","Jum","Sab"];
15097        const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
15098        const d = new Date(h_1);
15099        const day = weekday[d.getDay()];
15100        const dt = d.getDate();
15101        const mt = monthly[d.getMonth()];
15102        const yr = d.getFullYear();
15103        const p = $("#cities").parent(".form-group")
15104    }
15105    
15106    function disabledSameDay() {
15107        let btnFirst = $("#deliveryDate").find("button:first-child")
15108        let getDay = new Date().getDay();
15109    
15110        
15111        
15112        if(getDay == 1 || getDay == 2 || getDay == 3 || getDay == 4 || getDay == 5){
15113            if(hour >= 14.00){
15114            btnFirst.attr("disabled", true)
15115            }
15116        } else if(getDay == 6){
15117            if(hour >= 16.00){
15118            btnFirst.attr("disabled", true)
15119            }
15120        } else if(getDay == 0){
15121            if(hour >= 16.00){
15122            btnFirst.attr("disabled", true)
15123            }
15124        }
15125        
15126        
15127    }
15128    
15129    function disabledays(date) {
15130        let ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
15131        //if u have to disable a list of day
15132        let removeDays
15133        
15134        
15135        
15136            removeDays = ["2025-2-13", "2025-2-14"];
15137        
15138        if ($.inArray(ymd, removeDays) >= 0) {
15139        return [false];
15140        } else {
15141        let day = date.getDay();
15142        if(day == 0 && date.getDate() == 13 && date.getMonth() == 1){
15143            return [(day == 0),  ''];
15144        }
15145        
15146        if(day == 0){
15147            return [(day == 0),  ''];
15148        }
15149        
15150        
15151        return [(day != 0),  ''];
15152        }
15153    }
15154    
15155    /* Indonesian initialisation for the jQuery UI date picker plugin. */
15156    /* Written by Deden Fathurahman ([email protected]). */
15157    ( function( factory ) {
15158        if ( typeof define === "function" && define.amd ) {
15159    
15160        // AMD. Register as an anonymous module.
15161        define( [ "../widgets/datepicker" ], factory );
15162        } else {
15163    
15164        // Browser globals
15165        factory( jQuery.datepicker );
15166        }
15167    }( function( datepicker ) {
15168    
15169    datepicker.regional.id = {
15170        closeText: "Tutup",
15171        prevText: "&#x3C;mundur",
15172        nextText: "maju&#x3E;",
15173        currentText: "Today",
15174        monthNames: [ "January","February","March","April","May","Juny",
15175                    "July","August","September","October","November","December" ],
15176        monthNamesShort: [ "Jan","Feb","Mar","Apr","May","Jun",
15177                        "Jul","Agu","Sep","Oct","Nov","Dec" ],
15178        dayNames: [ "Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu" ],
15179        dayNamesShort: [ "Sun","Mon","Tue","Wed","Thu","Fri","Sat" ],
15180        dayNamesMin: [ "Mg","Sn","Sl","Rb","Km","jm","Sb" ],
15181        weekHeader: "Mg",
15182        dateFormat: "D, dd M",
15183        firstDay: 0,
15184        isRTL: false,
15185        showMonthAfterYear: false,
15186        yearSuffix: "" };
15187    datepicker.setDefaults( datepicker.regional.id );
15188    
15189    return datepicker.regional.id;
15190    
15191    } ) );
15192    
15193    function loadPopup() {
15194        $("#backgroundPopup").fadeIn("slow");
15195        $(".purchasePopup:not(.purchasePopupSpotify)").fadeIn("slow");
15196        const firstSection = $(".purchasePopup:not(.purchasePopupSpotify) .sectionPurchase").first()
15197        if(firstSection.hasClass("purchasePersonalize")) {
15198        if(productType !== '') {
15199            console.log("clarity event " + productType + ' personalize')
15200            window.clarity("event", `${productType} cardPersonalization`)
15201            // window.clarity("set", productType, `cardPersonalization - ${productDate}`)
15202        }
15203        } else if (firstSection.hasClass("sectionPurchaseBoard")) {
15204            console.log("clarity event " + productType + ' personalizeBoard')
15205            window.clarity("event", `${productType} personalizeBoard`)
15206            // window.clarity("set", productType, `personalizeBoard - ${productDate}`)
15207        }
15208        firstSection.removeClass("hide")
15209        
15210        // Auto-trigger addon loading when addon section becomes visible
15211        setTimeout(function() {
15212        const addonSection = $(".purchaseAddon")
15213        if(addonSection.length > 0 && !addonSection.hasClass("hide")) {
15214            if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
15215            $("[data-addon=upsell-all]").trigger("click")
15216            }
15217        }
15218        }, 200)
15219    }
15220    
15221    function disablePopup() {
15222        $("#backgroundPopup").fadeOut("slow");
15223        $(".purchasePopup").fadeOut("slow");
15224        $("#popupCart").fadeOut("slow");
15225    }
15226    
15227        function scrollTo(parent, div, dur) {
15228        $(parent).animate({
15229            scrollTop: $(div).offset().top
15230        }, dur);
15231        }
15232    
15233    function loadPopupPersonalize() {
15234        const div = "#purchaseProduct"
15235        const p = "html, body, .product-meta"
15236        $("p.error").remove()
15237        loadItemOccasion($("[data-occassion]").eq(0), "greeting-card-all")
15238        const isCity = $("#cities[required]")
15239        const isDate = $("#propDeliveryDate[required]")
15240        const isTime = $("#propDeliveryTime[required]")
15241        // loadPopup()
15242        if(isCity.val() !== '' && isDate.val() !== '' && isTime.val() !== '') {
15243        loadPopup()
15244        }
15245        if(isCity.val() == '') {
15246        isCity.parent(".row").append("<p class='error'>Choose delivery city</p>")
15247        scrollTo(p, div, 500)
15248        }
15249        if(isDate.val() == '') {
15250        isDate.parents(".row").append("<p class='error'>Choose delivery date</p>")
15251        scrollTo(p, div, 500)
15252        }
15253        if(isTime.val() == '') {
15254        isTime.parents(".row").append("<p class='error'>Choose delivery time</p>")
15255        scrollTo(p, div, 500)
15256        }
15257    }
15258    
15259    function quantityCounter() {
15260        $(document).on("click", ".item-card.selected .q_up", function () {
15261        var C = $(this).attr("data-id"),
15262            S =
15263                parseInt(
15264                    $(this)
15265                        .siblings(".quantity-cart-" + C)
15266                        .val()
15267                ) + 1;
15268        $(this).attr("data-quantity", S),
15269            $(this)
15270                .siblings(".quantity-cart-" + C)
15271                .val(S);
15272        }),
15273        $(document).on("click", ".item-card.selected .q_down", function () {
15274            var C = $(this).attr("data-id"),
15275                S = parseInt(
15276                    $(this)
15277                        .siblings(".quantity-cart-" + C)
15278                        .val()
15279                );
15280            0 < S && $(this).attr("data-quantity", S - 1),
15281                0 < S &&
15282                    $(this)
15283                        .siblings(".quantity-cart-" + C)
15284                        .val(S - 1);
15285        });
15286    }
15287    
15288    quantityCounter()
15289    
15290    const itemAddon = $(".item-card").length
15291    const nofree = $(".nofree").length
15292    
15293    const upsell = ''
15294    
15295    if(nofree === itemAddon) {
15296        // $("#itemAddons").html("<p>No Items available</p>")
15297    }
15298    
15299    $("#itemAddons .item-card").each(function(e){
15300        $("#itemAddons").attr("data-length", e)
15301    })
15302    
15303    $("[data-addon]").click(function(){
15304        
15305        
15306        
15307        const t = $(this)
15308        
15309        const data = t.data("addon")
15310        
15311        $("[data-addon]").removeClass("selected")
15312        t.addClass("selected")
15313        $.get(`https://outerbloom.com/collections/${data}/products.json`, function(data, status){
15314            const products = data.products
15315            const html = []
15316            for(let i = 0; i < products.length; i++) {
15317                const id = products[i].id
15318                const variantId = products[i].variants[0].id
15319                const img = products[i].images[0].src
15320                let img2 = img.split('.jpg')[0]
15321                const title = products[i].title
15322                const price = products[i].variants[0].price
15323                const tags = products[i].tags
15324                const qty = products[i].variants[0].available
15325                let type_upsell = ''
15326                if(tags.includes('upsell-item-standing')) {
15327                    type_upsell = 'standing'
15328                }
15329                console.log(type_upsell)
15330                if(type_upsell !== '') {
15331                    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}">
15332                        
15333                            <div class="card-image">
15334                                <img src="${img2}_150x.jpg" alt="${title}" width="" height="" />
15335                            </div>
15336                            <div class="card-meta">
15337                                <h5>${title}</h5>
15338                                <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p>
15339                                <input id="card-${variantId}" type="hidden" name="" value="${variantId}">
15340                            </div>
15341                            <div class="card-qty">
15342                                <a data-quantity="1" type="submit" id="q_down-${variantId}" class="btn-qty-min q_down drawer-cart" data-id="${variantId}"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="2" viewBox="0 0 12 2" fill="none"><path d="M0 1.90869V0.908691H12V1.90869H0Z" fill="black"/></svg></a>  
15343                                <input maxlength="3" min="0" class="btn-qty text-center quantity-cart-${variantId}
15343" value="0" data-price=${price} name="quantity">
15344                                <a data-quantity="1" type="submit" class="btn-qty-plus q_up text-green drawer-cart" data-id="${variantId}"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="13" viewBox="0 0 12 13" fill="none">
15345    <path d="M0 6.87023V5.94715H5.53846V0.408691H6.46154V5.94715H12V6.87023H6.46154V12.4087H5.53846V6.87023H0Z" fill="black"/>
15346    </svg></a>   
15347                            </div>
15348                        </div>`
15349                    html.push(body)
15350                }
15351            }
15352            $("#itemAddons .row").html(html.length === 0 ? '<p>No Item available</p>' : html)
15353            $("#itemAddons").attr("data-length", products.length)
15354            // $('#itemAddons')[0].swiper.update();
15355        });
15356    })
15357    
15358    async function isAddon(){
15359        let ids = []
15360        $("#itemAddons .item-card.selected").each(function(i, e){
15361        const id = $(this).data("id")
15362        ids.push(id)
15363        })
15364        console.log(ids)
15365        return ids
15366    }
15367    
15368    $("#itemAddons").delegate(".item-card > div:not(.card-qty)", "click", async function(){
15369        const t = $(this).parent()
15370        const id = t.data("id")
15371        const btn =  t.parents(".purchaseAddon").find(".next-purchase-button")
15372        t.toggleClass("selected");
15373        //$(this).next("input").toggleAttr('name', 'id[]');
15374        if (t.hasClass('selected')) {
15375            t.find("input").val(1)
15376            t.find("input").attr('name', 'id[]');
15377        } else {
15378            t.find("input").val(0)
15379            t.find("input").removeAttr('name');
15380        }
15381        $("#properties-addons").val(addons)
15382        const is = await isAddon()
15383        if(is.length === 0) {
15384        btn.text("continue without add-ons")
15385        return
15386        }
15387        if(is.includes(8835692069079)) {
15388        btn.text("personalize acrylic frame")
15389        } else {
15390        btn.text("Continue")
15391        }
15392        
15393    })
15394    
15395    async function myAddon(data) {
15396        const c = $(".addonsPurchase .addons")
15397        let items = []
15398        
15399        const spotifyAddons = $(".spotifyAddons").find("[data-index]")
15400        // if(spotifyAddons.length > 0) {
15401        //   $(spotifyAddons).each(function(i, e){
15402        //     const spotifyLink = $(this).find(".spotifyLink").val()
15403        //     const spotifySong = $(this).find(".spotifySong").val()
15404        //     const spotifyArtist = $(this).find(".spotifyArtist").val()
15405        //     const spotifyFotoAddon = $(this).find(".resultPhotoSpotify").val()
15406        //     if(spotifyLink !== '') {
15407        //       spotifyAddon = `<div class="addon-item" data-id="46067682607319" data-qty="1">
15408        //         <div class="addon-itm-img">
15409        //           <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"/>
15410        //         </div>
15411        //         <div class="addon-itm-title">
15412        //           <span>[US] Outerbloom Acrylic Frame 4R</span>
15413        //         </div>
15414        //         <div class="addon-itm-line-total">
15415        //           <span>Rp 99.000</span>
15416        //         </div>
15417        //       </div>
15418        //       <div class="propsAddonSpotify row m-0">
15419        //         <div class="col-12 col-lg-2"></div>
15420        //           <div class="col-12 col-lg-10">
15421        //             <p>
15422        //               <span>spotify link</span>
15423        //               <span class="spotifyLinkAddon">${spotifyLink}</span>
15424        //             </p>
15425        //             <p>
15426        //               <span>uploaded photo</span>
15427        //               <span class="spotifyFotoAddon">${spotifyFotoAddon}</span>
15428        //             </p>
15429        //             <p>
15430        //               <span>song / playlist name</span>
15431        //               <span class="spotifySongAddon">${spotifySong}</span>
15432        //             </p>
15433        //             <p>
15434        //               <span>artist name</span>
15435        //               <span class="spotifyArtistAddon">${spotifyArtist}</span>
15436        //             </p>
15437        //           </div>
15438        //       </div>`
15439        //       items.push(spotifyAddon)
15440        //     }
15441        //   })
15442        // }
15443        for(let i = 0; i < data.length; i++) {
15444        if(data[i].title !== '[US] Outerbloom Acrylic Frame 4R' ) {
15445            const img = data[i].image
15446            const title = data[i].title
15447            const qty = data[i].qty
15448            const price = data[i].price
15449            const total = Number(qty) * Number(price)
15450            let addons = `<div class="addon-item" data-id="${data[i].id}" data-qty="${qty}">
15451                <div class="addon-itm-img">
15452                    <img src="${img}" alt="" width="70"/>
15453                </div>
15454                <div class="addon-itm-title">
15455                    <span>${title}</span>
15456                </div>
15457                <div class="addon-itm-line-price">
15458                    <span>${rupiah.format(price)}</span>
15459                    ${data[i].title == '[US] Outerbloom Acrylic Frame 4R' ? '' : `<span>x${qty}</span>`}
15460                </div>
15461                <div class="addon-itm-line-total">
15462                    <span>${rupiah.format(total)}</span>
15463                </div>
15464                </div>`
15465            items.push(addons)
15466        }
15467        }
15468        c.html(items)
15469        const parent = $(".purchaseAddon")
15470        const next = parent.next(".sectionPurchase")
15471        parent.addClass("hide")
15472        next.removeClass("hide")
15473        // if(items2.length === 0) return $("#popupCart").addClass("no-addon-cart")
15474        // $(".itemAddonCart").find("h4").text(`add-ons (${items2.length})`)
15475    }
15476    
15477    async function listAddon() {
15478        const data = $("#itemAddons").find(".selected")
15479        let ids = []
15480        $(data).each(function(){
15481        const id = $(this).data("variant")
15482        const image = $(this).find(".card-image img").attr("src")
15483        const title = $(this).find(".card-meta h5").text()
15484        const qty = $(this).find(".card-qty input").val()
15485        const price = $(this).find(".card-qty input").data("price")
15486        ids.push({
15487            id: Number(id),
15488            image,
15489            title,
15490            qty,
15491            price
15492        })
15493        })
15494        myAddon(ids)
15495    }
15496    
15497    async function customSpotify(idx, length, type){
15498        let isCard = false
15499        
15500        let p = $(".purchasePopupSpotify")
15501        const preLink = $(".spotifyLinkFirst").val()
15502        $("[data-index]").hide()
15503        p.find(".headerPurchase h3").text(`personalize spotify photo print${length > 1 ? ` - ${idx}` : ''}`)
15504        p.find(".regulerAddons, .purchase-button").hide()
15505        p.find(".spotifyAddons").show()
15506        
15507        const data = await trackUrl(preLink)
15508        
15509        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://carikapal.link/img/logo-2line.png" width="13" height="11" viewB
15509ox="0 0 13 11" fill="none">
15510    <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"/>
15511    </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://carikapal.link/img/logo-2line.png><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://carikapal.link/img/logo-2line.png" width="13" height="11" viewB
15511ox="0 0 13 11" fill="none">
15512    <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"/>
15513    </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>`
15514        // console.log(html)
15515        
15516        $(".spotifyAddons").append(html)
15517        
15518        $(`[data-index=${idx}]`).show()
15519        
15520        if (preLink !== '') {
15521        $(".btn-action .btn").attr("disabled", false)
15522        } else {
15523        $(".btn-action .btn").attr("disabled", true)
15524        }
15525    
15526        return html
15527        
15528    }
15529    
15530    $(".spotifyLinkFirst").keyup(async function(){
15531        const v = $(this).val()
15532        if(v.includes('spotify:user:spotify')) {
15533        const correct = v.split('user:spotify:')[1]
15534        console.log(correct, 'BNER')
15535        $(this).val(correct)
15536        return
15537        }
15538        if(v.includes("spotify:") || v.includes("https://open.spotify.com/")){
15539        const data = await trackUrl(v)
15540        if(!data || !data.status) {
15541            $(this).parent().addClass("error")
15542            // $(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>`)
15543            $("#personalizeBtnSpotify .btn").attr("disabled", true)
15544            return
15545        }
15546        $(this).parent().removeClass("error")
15547        // $(this).parent().remove("txt-error")
15548        $("#personalizeBtnSpotify .btn").attr("disabled", false)
15549        } else {
15550        $("#personalizeBtnSpotify .btn").attr("disabled", true)
15551        }
15552    })
15553    
15554    $(".purchaseAddon").delegate(".next-addon", "click", function(){
15555        const parent = $(this).parents(".purchaseAddon")
15556        const next = parent.next(".sectionPurchase")
15557        if(next.hasClass("purchaseAddress")) {
15558        if(productType !== '') {
15559            console.log("clarity event " + productType + ' purchaseDelivery')
15560            window.clarity("event", `${productType} purchaseDelivery`)
15561            // window.clarity("set", productType, `purchaseDelivery - ${productDate}`)
15562        }
15563        }
15564        const data = $("#itemAddons").find(".selected")
15565        const length = $(".quantity-cart-46067682607319").val()
15566        const checked = data.length;
15567        if(checked > 0) {
15568        if(length > 0) {
15569            $(".purchaseAddon").addClass("purchaseAddonSpotify")
15570            customSpotify(1, length, 'addon')
15571        } else {
15572            listAddon()
15573        }
15574        } else {
15575        parent.addClass("hide")
15576        next.removeClass("hide")
15577        }
15578    })
15579    
15580    $("#personalizeBtnSpotify .btn").click(async function(){
15581        const isCity = $("#cities[required]")
15582        const isDate = $("#propDeliveryDate[required]")
15583        if((isDate.length > 0 && isCity.length > 0) && (isCity.val() === '' || isDate.val() === '')) {
15584        alert('Please choose Delivery City & Delivery Date')
15585        return
15586        }
15587        const data = await customSpotify(1, 1, 'product')
15588        if(data) {
15589        $("#backgroundPopup").fadeIn("slow");
15590        $(".purchasePopupSpotify").fadeIn("slow");
15591    
15592        if(productType !== '') {
15593            console.log("clarity event " + productType + ' spotify')
15594            window.clarity("event", `${productType} spotify`)
15595            // window.clarity("set", productType, `purchaseDelivery - ${productDate}`)
15596        }
15597        }
15598    })
15599    
15600    function formatBytes(bytes, decimals = 2) {
15601        if (!+bytes) return '0 Bytes'
15602    
15603        const k = 1024
15604        const dm = decimals < 0 ? 0 : decimals
15605        const sizes = ['B', 'KB', 'MB']
15606    
15607        const i = Math.floor(Math.log(bytes) / Math.log(k))
15608    
15609        return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
15610    }
15611    
15612    async function trackUrl(link){
15613        try {
15614        let trackId = link.split('/').pop().split('?')[0];
15615        let type = ''
15616        if(link.includes("spotify:")) {
15617            const uri = link.split('spotify:')[1]
15618            trackId = uri.split(':')[1]
15619            type = uri.split(':')[0] + 's'
15620        } else {
15621            if(link.match('track')){
15622            type = 'tracks'
15623            } else if(link.match('playlist')) {
15624            type = 'playlists'
15625            } else if(link.match('artist')) {
15626            type = 'artists'
15627            } else if(link.match('album')) {
15628            type = 'albums'
15629            }
15630        }
15631        console.log(`${host}/api/spotify/${type}/${trackId}`)
15632        const data = await getFetch(`${host}/api/spotify/${type}/${trackId}`)
15633        console.log(data, 'DATA')
15634        const song = data?.data?.name
15635        const artist = data?.data?.artist
15636        return {
15637            song, artist, type, trackId, status: data.status
15638        }
15639        } catch(err) {
15640        console.log(err)
15641        }
15642    }
15643    
15644    $(".spotifyAddons").delegate(".uploadPhotoSpotify", "change", async function(){
15645        const parent = $(this).parents("[data-index]")
15646        const preview = parent.find(".previewImage")
15647        const file = $(this)[0].files[0];
15648        if (file) {
15649            const reader = new FileReader();
15650            reader.onload = async function(e) {
15651            parent.find(".uploadResult label").hide()
15652            parent.find(".uploadedResult").remove()
15653            parent.find(".uploadResult").append(`<div class="uploadedResult d-flex" style="justify-content: space-between">
15654            <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>
15655            <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;">
15655<svg fill="none" height="11" viewBox="0 0 10 11" width="10" xmlns="https://carikapal.link/img/logo-2line.png">
15656    <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 />
15657    </svg>
15658    </span></div></div>`)
15659            parent.find(".frameImageUploaded svg").hide()
15660            parent.find(".frameImage").addClass("uploaded")
15661            preview.attr("src", e.target.result);
15662            preview.show();
15663            let formData = new FormData(); 
15664            formData.append("file", file);
15665            const response = await fetch(`${host}/api/upload?name=${file.name}&type=image/jpeg&r=${Date.parse(new Date)}`, {
15666                method: "POST", 
15667                body: formData
15668            })
15669            const result = await response.json();
15670            if(result){
15671                parent.find(".resultPhotoSpotify").val(result.url)
15672            }
15673            }
15674            
15675            reader.readAsDataURL(file);
15676        } else {
15677            preview.hide();
15678        }
15679    });
15680    
15681    $(".spotifyAddons").delegate(".uploadResult", "click", function(){
15682        $(this).next("input[type=file]").trigger("click")
15683    })
15684    
15685    $(".spotifyAddons").delegate(".changeUpload", "click", function(){
15686        $(this).parents("input[type=file]").trigger("click")
15687    })
15688    
15689    $(".spotifyAddons").delegate(".removeUpload", "click", function(){
15690        const parent = $(this).parents("[data-index]")
15691        parent.find(".uploadPhotoSpotify").val("")
15692        parent.find(".uploadResult label").show()
15693        parent.find(".uploadedResult").remove()
15694        parent.find(".frameImageUploaded svg").show()
15695        parent.find(".previewImage").hide()
15696        parent.find(".frameImage").removeClass("uploaded")
15697    })
15698    
15699    $(".spotifyAddons").delegate("label.checkbox", "click", function(){
15700        const parent = $(this).parents("[data-index]")
15701        parent.toggleClass("checked")
15702    })
15703    
15704    $(".spotifyAddons").delegate(".spotifyLink", "change", async function(){
15705        const parent = $(this).parents("[data-index]")
15706        const link = $(this).val()
15707        const data = await trackUrl(link)
15708    
15709        console.log(data)
15710    
15711        if(data.song) {
15712        parent.find(".spotifySong").val(data.song)
15713        parent.find(".spotifyData").find("h3").text(data.song)
15714        }
15715        if(data.artist) {
15716        parent.find(".spotifyArtist").val(data.artist)
15717        parent.find(".spotifyData").find("p").text(data.artist)
15718        }
15719        parent.find(".spotifyCode img").attr("src", `https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:${data.type.slice(0, -1)}:${data.trackId}`)
15720        // https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:track:1er51HCEBhIAtoEemKuC3M
15721        if (data.status === true) {
15722        parent.find(".btn-action .btn").attr("disabled", false)
15723        } else {
15724        parent.find(".btn-action .btn").attr("disabled", true)
15725        }
15726    })
15727    
15728    $(".spotifyAddons").delegate(".spotifySong", "keyup", async function(){
15729        const parent = $(this).parents("[data-index]")
15730        const v = $(this).val()
15731        parent.find(".spotifyData h3").text(v)
15732    })
15733    
15734    $(".spotifyAddons").delegate(".spotifyArtist", "keyup", async function(){
15735        const parent = $(this).parents("[data-index]")
15736        const v = $(this).val()
15737        parent.find(".spotifyData p").text(v)
15738    })
15739    
15740    $(".spotifyAddons").delegate(".btn-action .btn:not(.no-addon)", "click", async function(){
15741        const parent = $(this).parents("[data-index]")
15742        const length = parent.data("length")
15743        const index = parent.data("index")
15744        const indexNext = Number(index) + 1
15745        customSpotify(indexNext, length, 'addon')
15746    })
15747    
15748    
15749    $(".spotifyAddons").delegate(".btn-action .btn.finished", "click", async function(){
15750        const parent = $(this).parents(".purchaseAddon")
15751        const next = parent.next(".sectionPurchase")
15752        parent.addClass("hide")
15753        next.removeClass("hide")
15754        next.find(".purchase-button").show()
15755        listAddon()
15756    })
15757    
15758    $(".spotifyAddons").delegate(".back-spotify", "click", async function(){
15759        const t = $(this).parents("[data-index]")
15760        const parent = $(this).parents(".sectionPurchase")
15761        const current = t.data("index")
15762        const prevCurrent = Number(current) - 1
15763        if(current == 1) {
15764        parent.removeClass("purchaseAddonSpotify")
15765        parent.find(".purchase-button").show()
15766        parent.find(".headerPurchase h3").text("Make It More Special with Add-Ons!")
15767        $(".spotifyAddons").empty()
15768        $(".regulerAddons").show()
15769        return
15770        }
15771        t.hide()
15772        t.prev("[data-index]").show()
15773        t.remove()
15774        parent.find(".headerPurchase h3").text(`personalize spotify photo print - ${prevCurrent}`)
15775    })
15776    
15777    $("#personalizeBtn .btn").click(async function() {
15778        loadPopupPersonalize()
15779    });
15780    
15781    $(".sectionPurchaseSpotify").delegate(".btn[data-type=card]", "click", function(){
15782        $(".sectionPurchaseSpotify").hide()
15783        loadPopupPersonalize()
15784    })
15785    
15786    $(".close-purchase-popup").click(function() {
15787        disablePopup();
15788    });
15789    $("#backgroundPopup").click(function() {
15790        // disablePopup();
15791    });
15792    
15793    $("#popupCart .close-purchase-popup").click(function() {
15794        location.reload()
15795    });
15796    
15797    $('#popupCart').on('hide.bs.modal', function (e) {
15798        location.reload()
15799    })
15800    
15801    $(".next-card").click(function(){
15802        const parent = $(this).parents(".sectionPurchase")
15803        const next = parent.next(".sectionPurchase")
15804        parent.addClass("hide")
15805        next.removeClass("hide")
15806    })
15807    
15808    $(".back-purchase-button").click(function(){
15809        const parent = $(this).parents(".sectionPurchase")
15810        const prev = parent.prev(".sectionPurchase")
15811        parent.addClass("hide")
15812        prev.removeClass("hide")
15813    })
15814    
15815    $(document).keypress(function(e) {
15816        if (e.keyCode == 27 && popupStatus == 1) {
15817            disablePopup();
15818        }
15819    });
15820    
15821    const parentImg = $(".case-img-preview")
15822    const parentVid = $(".case-video-preview")
15823    
15824    function readURL(input) {
15825        if (input.files && input.files[0]) {
15826        let reader = new FileReader();
15827    
15828        let type = 'image/jpeg'
15829        const size = input.files[0].size
15830        if(input.files[0].type.match('video/')){
15831            type = 'video/mp4'
15832            if(size > 15728640) {
15833            alert('File size exceeds maximum limit 15 MB')
15834            return
15835            }
15836        } else {
15837            if(size > 5242880) {
15838            alert('File size exceeds maximum limit 5 MB')
15839            return
15840            }
15841        }
15842    
15843        reader.onload = function (e) {
15844            $(".nextBtn").attr("disabled", true)
15845            if(type === 'image/jpeg') {
15846            
15847                $('.placeholder-image').hide();
15848                $('.preview-image').show()
15849                $('.preview-image').attr('src', e.target.result);
15850            
15851            } else {
15852            // parentVid.find(".ajax-loader").show();
15853            $(".steps-card-preview").addClass("loading")
15854            }
15855        }
15856    
15857        
15858    
15859        reader.readAsDataURL(input.files[0]);
15860        }
15861    }
15862    
15863    async function readURLPapan(input) {
15864        if (input.files && input.files[0]) {
15865        let reader = new FileReader();
15866    
15867        reader.onload = function (e) {
15868            $('.btn-upload-papan').siblings('label').hide();
15869            $('.btn-upload-papan img').attr('src', e.target.result);
15870            $('.btn-upload-papan img').show();
15871            $('.svgLogoPapan').hide();
15872        }
15873        
15874        const type = 'image/jpeg'
15875        const name = `logo-8359546319899-${Date.parse(new Date())}`
15876    
15877        let formData = new FormData(); 
15878        formData.append("file", input.files[0]);
15879        const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
15880            method: "POST", 
15881            body: formData
15882        })
15883        const result = await response.json();
15884        if(result) {
15885            const url = result.url
15886            $("[data-properties=papan-logo]").val(url)
15887        }
15888    
15889        reader.readAsDataURL(input.files[0]);
15890        }
15891    }
15892    
15893    async function readURLAddress(input) {
15894        console.log(input, 'readURLAddress')
15895        if (input.files && input.files[0]) {
15896        let reader = new FileReader();
15897    
15898        reader.onload = function (e) {
15899            $('.photo-address').attr('src', e.target.result);
15900            $('.photo-address').show();
15901        }
15902        
15903        const type = 'image/jpeg'
15904        const name = input.files[0].name?.split('.')[0]
15905    
15906        let formData = new FormData(); 
15907        formData.append("file", input.files[0]);
15908        const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
15909            method: "POST", 
15910            body: formData
15911        })
15912        const result = await response.json();
15913    
15914        reader.readAsDataURL(input.files[0]);
15915    
15916        return result
15917        }
15918    }
15919    
15920    
15921    
15922    
15923    async function addToCartUang() {
15924        var productAddOnId1 = 42122101162199;
15925        var productAddOnId2 = 42122101194967;
15926        var product_id = 8359546319899
15927        const data = {
15928        items: [
15929            {
15930                quantity: $("#Quantity-" + productAddOnId1).val(),
15931                id: productAddOnId1,
15932                "properties": { "Time": $("#properties-time").val() }
15933            },
15934            {
15935                quantity: $("#Quantity-" + productAddOnId2).val(),
15936                id: productAddOnId2,
15937                "properties": { "Time": $("#properties-time").val() }
15938            }
15939        ]
15940        }
15941        await fetch(window.Shopify.routes.root + 'cart/add.js', {
15942        method: 'POST',
15943        headers: {
15944            'Content-Type': 'application/json'
15945        },
15946        body: JSON.stringify(data)
15947        })
15948        .then(response => {
15949        console.error('Sukses Buket Uang:', response);
15950        $(".form-flower").submit()
15951        })
15952        .catch((error) => {
15953        console.error('Error Buket Uang:', error);
15954        $(".form-flower").submit()
15955        });
15956    }
15957    
15958    async function saveCard(){
15959        let isCard = true
15960        const kartu_penerima = $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : ''
15961        const kartu_pengirim = $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : ''
15962        const kartu_ucapan = $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : ''
15963        const foto = $("#properties-photo").val()
15964        const video = $("#properties-video").val()
15965        const data = JSON.stringify({
15966        "id": qrID, 
15967        "penerima": $("#properties-nama-penerima").val(), 
15968        "kartu_penerima": kartu_penerima, 
15969        "kartu_ucapan": kartu_ucapan, 
15970        "kartu_pengirim": kartu_pengirim, 
15971        "foto": foto,
15972        "video": video, 
15973        "productId": "8359546319899", 
15974        "order_name": "", 
15975        "status": "Cart"
15976        })
15977    
15978        
15979    }
15980    
15981    async function additem(items){
15982        try {
15983        let formData = items
15984        if(items?.length) {
15985            formData = {
15986                'items': items
15987            };
15988        }
15989    
15990        const add = await fetch(window.Shopify.routes.root + 'cart/add.js', {
15991            method: 'POST',
15992            headers: {
15993            'Content-Type': 'application/json',
15994            'X-Requested-With':'xmlhttprequest' /* XMLHttpRequest is ok too, it's case insensitive */
15995            },
15996            body: JSON.stringify(formData)
15997        })
15998    
15999        const data = await add.json();
16000        return data
16001        } catch(err){
16002        console.log('Error additem', err)
16003        }
16004    }
16005    
16006    async function addons(){
16007        let items = []
16008        $(".addon-item").each(function(){
16009        const p = $(this)
16010        const props = p.next(".propsAddonSpotify")
16011        const id = $(this).data("id")
16012        const quantity = $(this).data("qty")
16013        const propId = $("#properties-time").val()
16014        let properties = {}
16015        if(id === 46067682607319) {
16016            const link = props.find(".spotifyLinkAddon").text()
16017            const photo = props.find(".spotifyFotoAddon").text()
16018            const song = props.find(".spotifySongAddon").text()
16019            const artist = props.find(".spotifyArtistAddon").text()
16020            properties = {
16021            id: propId,
16022            "Spotify Link": link !== '' ? link : '-',
16023            "Spotify Photo": photo !== '' ? photo : '-',
16024            "Spotify Song": song !== '' ? song : '-',
16025            "Spotify Artist": artist !== '' ? artist : '-',
16026            type: 'addon'
16027            }
16028        } else {
16029            properties = { 
16030            "id": propId, 
16031            "type": "addon"
16032            }
16033        }
16034        items.push({
16035            id, 
16036            quantity, 
16037            properties
16038        })
16039        })
16040        return items
16041    }
16042    
16043    async function propItems() {
16044        let props = {}
16045        $("[data-properties]").each(function(e){
16046        let elementType = this.tagName;
16047        const k = $(this).data("properties")
16048        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') {
16049            const v = elementType === 'SELECT' ? $(this).find(":selected").val() : $(this).val();
16050            if(v !== '') {
16051            props[k] = v?.replace(/[\s\n]/g, '');
16052            }
16053        }
16054        })
16055        return props
16056    }
16057    
16058    async function showPopupCart(items){
16059        if(productType !== '') {
16060        console.log("clarity event " + productType + ' completeOrder')
16061        window.clarity("event", `${productType} completeOrder`)
16062        // window.clarity("set", productType, `completeOrder - ${productDate}`)
16063        }
16064        $("#popupCart").show()
16065        
16066        $(".propDeliveryCity").text($("#cities").val())
16067        $(".propDeliveryDate").text($("#propDeliveryDate").val())
16068        $(".propDeliveryTime").text($("#propDeliveryTime").val())
16069        $(".propDeliveryName").text($("[data-properties=nama-penerima]").val())
16070        $(".propDeliveryAddress").text($("[data-properties=alamat-penerima]").val())
16071        $(".propDeliveryPhone").text($("[data-properties=telepon-penerima]").val())
16072        $(".propDeliveryProv").text($("#province").val())
16073        $(".propDeliveryZip").text($("#zip").val())
16074        
16075        
16076    
16077        const addons = []
16078        if(items && items.length > 0) {
16079        for(let i = 1; i < items.length; i++) {
16080            const spotifyLink = items[i].properties['Spotify Link']
16081            const spotifyPhoto = items[i].properties['Spotify Photo']
16082            const spotifySong = items[i].properties['Spotify Song']
16083            const spotifyArtist = items[i].properties['Spotify Artist']
16084            const price = items[i].price / 100
16085            const props = spotifyLink ? `<div class="propsAddonCart row m-0">
16086                    <div class="col-12 col-lg-2"></div>
16087                    <div class="col-12 col-lg-10">
16088                        <p>
16089                        <span>spotify link</span>
16090                        <span>${spotifyLink}</span>
16091                        </p>
16092                        <p>
16093                        <span>Upload Photo</span>
16094                        <span>${spotifyPhoto}</span>
16095                        </p>
16096                        <p>
16097                        <span>song / playlist name</span>
16098                        <span>${spotifySong}</span>
16099                        </p>
16100                        <p>
16101                        <span>artist name</span>
16102                        <span>${spotifyArtist}</span>
16103                        </p>
16104                    </div>
16105                    </div>` : '';
16106            addons.push(`<div class="row m-0">
16107                    <div class="imgAddonCart col-2">
16108                        <img
16109                        width="43"
16110                        src="${items[i].image}"
16111                        alt=""
16112                        >
16113                    </div>
16114                    <div class="imgAddonTitlePrice col-10 align-self-center">
16115                        <div class="row justify-content-between m-0">
16116                        <div class="col-12 col-lg-8">
16117                            <h5>${items[i].title}</h5>
16118                        </div>
16119                        <div class="col-12 col-lg-4 text-lg-right">
16120                            <span>${rupiah.format(price)}</span>
16121                        </div>
16122                        </div>
16123                    </div>
16124                    </div>${props}`)
16125        }
16126        }
16127        // console.log(addons)
16128        if(addons.length === 0) {
16129        $(".itemAddonCart").hide()
16130        return
16131        }
16132        $(".toggleAddonCart h4").text(`add-ons (${items.length - 1})`)
16133        $(".wrapperItemAddonCart").html(addons)
16134    }
16135    
16136    const money = (money) => {
16137        return new Intl.NumberFormat('id-ID',
16138            { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }
16139        ).format(money);
16140    }
16141    
16142    async function showNoteMoney() {
16143        let qty50k = $("[data-properties='Uang 50k']").val()
16144        let qty100k = $("[data-properties='Uang 100k']").val()
16145        const total50k = Number(qty50k) * 50000
16146        const total100k = Number(qty100k) * 100000
16147        const total_all = total50k + total100k
16148        $(".prop50k").html(`<span>${qty50k} Lembar: <strong class="pl-1">${money(total50k)}</strong></span>`)
16149        $(".prop100k").html(`<span>${qty100k} Lembar: <strong class="pl-1">${money(total100k)}</strong></span>`)
16150        $(".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://store.astrokamalsharma.site" target="_blank" style="text-decoration: underline;
16150 color: #8d3f2d">Customer Service</a> to confirm with proof of payment.</p>`)
16151    }
16152    
16153    async function removeImage() {
16154        const data = JSON.stringify({
16155        "ID": $("#properties-properties-qrId").val(), 
16156        "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 
16157        "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 
16158        "Kartu Ucapan": $("[data-properties=ucapan]").val(), 
16159        "Nama Penerima": $("#properties-nama-penerima").val(), 
16160        "Order Number":"",
16161        "Status":"Product", 
16162        "Foto": "", 
16163        "Media": $("#properties-video").val(), 
16164        "Image": "8359546319899"
16165        })
16166        const remove = updateCard(data)
16167        if(remove) {
16168        $(this).hide()
16169        $("#properties-photo").val("-")
16170        $(".placeholder-image").show()
16171        $(".preview-image").attr("src", "")
16172        }
16173    }
16174    
16175    async function removeVideo() {
16176        const data = JSON.stringify({
16177        "ID": $("#properties-properties-qrId").val(), 
16178        "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 
16179        "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 
16180        "Kartu Ucapan": $("[data-properties=ucapan]").val(), 
16181        "Nama Penerima": $("#properties-nama-penerima").val(), 
16182        "Order Number":"",
16183        "Status":"Product", 
16184        "Foto": $("#properties-photo").val(), 
16185        "Media": "", 
16186        "Image": "8359546319899"
16187        })
16188        const remove = updateCard(data)
16189        if(remove) {
16190        $("#properties-video").val("-")
16191        $(this).find("img").hide()
16192        $(this).hide()
16193        $(this).prev("p").text("Add video to make it more special (optional)")
16194        $("#label-input-video").show()
16195        $("#label-input-video span").text("Upload Video")
16196        $(".case-video-preview p span").remove()
16197        }
16198    }
16199    
16200    async function loadItemOccasion(t, occasion) {
16201        const name = occasion?.replace('greeting-card-', '')
16202        $("#kartu-ucapan").val("")
16203        $("[data-occassion]").removeClass("selected")
16204        $("[data-properties=ucapan]").val("")
16205        $("#save-card").attr("disabled", true)
16206        t.addClass("selected")
16207        $("#show_note").attr("data-card-occassion", name)
16208        $.get(`https://outerbloom.com/collections/${occasion}/products.json`, function(data, status){
16209            const products = data.products
16210            const html = []
16211            for(let i = 0; i < products.length; i++) {
16212                const id = products[i].id
16213                const variantId = products[i].variants[0].id
16214                const img = products[i].images[0].src
16215                const title = products[i].title
16216                const price = products[i].variants[0].price
16217                const qty = products[i].variants[0].inventory_quantity
16218                const body = `<div class="item-card${price < 1 ? ' free' : ' nofree'}${i === 0 ? ' selected' : ''}" data-id=${id}>
16219                    <label for="card-${variantId}"></label>
16220                        <div class="card-image">
16221                            <img src="${img}" alt="${title}" width="" height="" />
16222                        </div>
16223                        <div class="card-meta text-center">
16224                            <h5>${title}</h5>
16225                            <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p>
16226                            <input id="card-${variantId}" type="radio" name="id" value="${variantId}" data-price="${price}">
16227                        </div>
16228                    </div>`
16229                html.push(body)
16230            }
16231            const withoutCard = `<div class="item-card item-without-card">
16232                    <label for="card-0"></label>
16233                        <div class="card-image">
16234                            <img src="https://cdn.shopify.com/s/files/1/1589/6833/t/129/assets/without-card.png?v=1747632283" alt="Without card" width="" height="" />
16235                        </div>
16236                        <div class="card-meta text-center">
16237                            <h5>
16237Send without a greeting card</h5>
16238                            <input id="card-0" type="radio" name="id" value="" data-price="">
16239                        </div>
16240                    </div>`
16241            $("#itemCards .items-card").html(html.length === 0 ? '<p>No Item available</p>' : html.join(""))
16242        });
16243    }
16244            
16245    $(document).ready(function(){
16246    
16247        // Observer to auto-trigger addon loading when addon section becomes visible
16248        const addonObserver = new MutationObserver(function(mutations) {
16249        mutations.forEach(function(mutation) {
16250            const target = $(mutation.target)
16251            if(target.hasClass('purchaseAddon') && mutation.type === 'attributes' && mutation.attributeName === 'class') {
16252            if(!target.hasClass('hide')) {
16253                // Addon section just became visible, ensure items are loaded
16254                setTimeout(function() {
16255                if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
16256                    console.log("Auto-triggering addon load...")
16257                    $("[data-addon=upsell-all]").trigger("click")
16258                }
16259                }, 150)
16260            }
16261            }
16262        })
16263        })
16264        
16265        // Start observing addon section
16266        const addonSection = document.querySelector('.purchaseAddon')
16267        if(addonSection) {
16268        addonObserver.observe(addonSection, { 
16269            attributes: true, 
16270            attributeFilter: ['class'] 
16271        })
16272        }
16273    
16274        $(".purchasePopup").delegate("#addtocart-card", "click", async function(){
16275        
16276        $(this).find("span").addClass("loading")
16277        let isValid = true
16278        $(".formAddressPurchase [required]").each(function(){
16279        const t = $(this)
16280        const input = t.val()
16281        const p = t.parent()
16282        if(input === '') {
16283            p.addClass("error")
16284            isValid = false
16285        }
16286        })
16287    
16288        if(!isValid) {
16289        $(this).find("span").removeClass("loading")
16290        return
16291        }
16292        
16293        let items = []
16294        const mainProps = {
16295        
16296            "Delivery Date": $("#propDeliveryDate").val(),
16297            "Delivery Time": $("#propDeliveryTime").val() !== '' ? $("#propDeliveryTime").val() : '-' ,
16298            "Kota Pengiriman": $("#cities").val(),
16299            "Nama Penerima": $("[data-properties=nama-penerima]").val() !== '' ? $("[data-properties=nama-penerima]").val() : '-' ,
16300            "Alamat Penerima": $("[data-properties=alamat-penerima]").val() !== '' ? $("[data-properties=alamat-penerima]").val() : '-' ,
16301            "Kodepos": $("#zip").val() !== '' ? $("#zip").val() : '-' ,
16302            "Telepon Penerima": $("[data-properties=telepon-penerima").val() !== '' ? $("[data-properties=telepon-penerima").val() : '-' ,
16303        
16304        
16305            "Papan Nama Penerima": $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '-' ,
16306            "Papan Ucapan": $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '-' ,
16307            "Papan Nama Pengirim": $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '-' ,
16308            "Papan Logo": $("[data-properties=papan-logo]").val() !== '' ? $("[data-properties=papan-logo]").val() : '-' ,
16309            "Foto Alamat": $("[data-properties=foto-alamat]").val() !== '' ? $("[data-properties=foto-alamat]").val() : '-' ,
16310        
16311        
16312        "Province": $("#province").val() !== '' ? $("#province").val() : '-' ,
16313        "Country": $("#properties-kota-pengiriman-country").val() !== '' ? $("#properties-kota-pengiriman-country").val() : '-' ,
16314        "Shipping": $("#properties-shipping").val() !== '' ? $("#properties-shipping").val() : '-' ,
16315        "Company": $("[data-properties=company]").val() !== '' ? $("[data-properties=company]").val() : '-' ,
16316        "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-',
16317        "type": 'product'
16318        }
16319        const props = await propItems()
16320        properties = {...mainProps, ...props };
16321        const id = $("#productSelect").find('option:selected').val()
16322        console.log(id, 'main ID')
16323        const mainItem = {
16324        id: Number(id),
16325        quantity: 1,
16326        properties
16327        }
16328        items.push(mainItem)
16329        const cardId = $("#itemCards").find(".selected input").val()
16330        const cardItem = {
16331        id: Number(cardId),
16332        quantity: 1,
16333        properties: { "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', type: 'card' }
16334        }
16335        console.log(cardId, 'cardId')
16336        if(cardId) {
16337        items.push(cardItem)
16338        }
16339        const addon = await addons()
16340        if(addon) {
16341        for(let i = 0;
16341 i < addon.length; i++){
16342            items.push({
16343            id: addon[i].id,
16344            quantity: addon[i].quantity,
16345            properties: addon[i].properties
16346            })
16347        }
16348        }
16349        const addItems = await additem(items)
16350        console.log(addItems.items, 'add items')
16351        if(addItems) {
16352        $(this).find("span").removeClass("loading")
16353        disablePopup()
16354        showPopupCart(addItems.items)
16355        
16356        localStorage.setItem("items", JSON.stringify(addItems.items))
16357        }
16358    })
16359    
16360    $("#addtocart-cart .btn").click(async function(){
16361        const id = $("#productSelect").find('option:selected').val()
16362        const mainProps = {
16363        id: $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', 
16364        type: 'product'
16365        }
16366        const props = await propItems()
16367        const properties = { ...mainProps, ...props };
16368        const items = {
16369        id: Number(id),
16370        quantity: 1,
16371        properties
16372        }
16373        const addItems = await additem(items)
16374        if(addItems) {
16375        showPopupCart(addItems.items)
16376        localStorage.setItem("items", JSON.stringify(addItems))
16377        }
16378    })
16379    
16380    $(".formAddressPurchase [required]").change(function(){
16381        const t = $(this)
16382        const p = t.parent()
16383        const v = t.val()
16384        if(v !== '') {
16385        p.removeClass("error")
16386        }
16387    })
16388    
16389    $("#save-card").click(async function(){
16390        const parent = $(this).parents(".sectionPurchase")
16391        const next = parent.next(".sectionPurchase")
16392        $(this).find("span").addClass("loading")
16393        const card = await saveCard()
16394        console.log(card, 'ssaveCCC')
16395        if(card?.status === 200 || card?.status === 201) {
16396        $(".scanCard").removeClass("hide")
16397        $(this).find("span").removeClass("loading")
16398        parent.addClass("hide")
16399        next.removeClass("hide")
16400        if(next.hasClass("purchaseAddon")) {
16401            $("[data-addon=upsell-all]").click()
16402            console.log("clarity event addons")
16403            window.clarity("event", `${productType} add-ons`)
16404            // Ensure addon items are loaded when entering addon popup
16405            setTimeout(function() {
16406            if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
16407                $("[data-addon=upsell-all]").trigger("click")
16408            }
16409            }, 100)
16410        }
16411        if(next.hasClass("purchaseAddress")) {
16412            $("#zip").select2()
16413        }
16414        }
16415    })
16416    
16417    $("#skip-card").click(async function(){
16418        $("#greetingCard [data-properties]").val("")
16419        $("#properties-photo").val("")
16420        $("#properties-video").val("")
16421        const parent = $(this).parents(".sectionPurchase")
16422        const next = parent.next(".sectionPurchase")
16423        parent.addClass("hide")
16424        next.removeClass("hide")
16425        // $("#itemCards").html("")
16426        removeImage()
16427        removeVideo()
16428        if(next.hasClass("purchaseAddon")) {
16429        $("[data-addon='upsell-all']").click()
16430        console.log("clarity event addons")
16431        window.clarity("event", `${productType} add-ons`)
16432        // Ensure addon items are loaded when entering addon popup
16433        setTimeout(function() {
16434            if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
16435            $("[data-addon='upsell-all']").trigger("click")
16436            }
16437        }, 100)
16438        }
16439        if(next.hasClass("purchaseAddress")) {
16440        $("#zip").select2()
16441        }
16442    })
16443    
16444    $("#msgCard").click(async function(){
16445        $(this).parent().addClass("loading")
16446        let occasion = $(".selected[data-occassion]").data("occassion")
16447        occasion = occasion?.replace("greeting-card-", "")
16448        const { data } = await getFetch(`${host}/api/card/template/occasion?name=${occasion}`);
16449        const d = data?.data
16450        for(let i = 0; i < d.length; i++) {
16451            const num = Math.floor(Math.random() * (d.length - 1 + 1) + 1);
16452            const greeting = d[num]?.Greeting
16453            $(".greetingCard textarea").val(greeting)
16454            $(this).parent().removeClass("loading")
16455        }
16456        $("#save-card").attr("disabled", false)
16457        })
16458    
16459    $(".sectionPurchaseBoard .next-purchase-button").click(function(){
16460        const parent = $(this).parents(".sectionPurchase")
16461        const next = parent.next(".sectionPurchase")
16462        parent.addClass("hide")
16463        next.removeClass("hide")
16464    })
16465    
16466    $("#editCard").click(function(){
16467        $(".custom-card").show()
16468        $(".preview-card").hide()
16469    })
16470    
16471    $("#first_name, #last_name").change(function(){
16472        const v = $(this).val()
16473        const first_name = $("#first_name").val()
16474        const last_name = $("#last_name").val() !== '' ? ' ' + $("#last_name").val() : ''
16475        $("[data-properties=nama-penerima]").val(first_name+last_name)
16476    })
16477    
16478    $("[data-occassion]").click(function(){
16479        const t = $(this)
16480        const p = t.parents(".sectionPurchase")
16481        // $(".greetingCard").addClass("disabled")
16482        const occasion = t.data("occassion")
16483        loadItemOccasion(t, occasion)
16484    })
16485    
16486    $("#itemCards").delegate(".item-card:not(.item-without-card) label", "click", function(){
16487        const id = $(this).parent(".item-card").data("id")
16488        const t = $(this).parent(".item-card")
16489        const target = t.find("input")
16490        const v = $('.item-card input[type="radio"]:checked').val();
16491        $("#itemCards .item-card").removeClass("selected")
16492        t.addClass("selected")
16493        $("#itemCards .item-card").find("input").attr("name", "")
16494        if(target.length > 0) {
16495            target.attr("name", "id[]")
16496            $("#properties-card").val(id)
16497            $(".greetingCard").removeClass("disabled")
16498            $("#skip-card").attr("disabled", false)
16499        } else {
16500            $("#properties-card").val("")
16501        }
16502    })
16503    
16504    $("#itemCards").delegate(".item-without-card label", "click", function(){
16505        const parent = $(this).parents(".sectionPurchase")
16506        const next = parent.next(".sectionPurchase")
16507        $(".greetingCard").addClass("disabled")
16508        parent.addClass("hide")
16509        next.removeClass("hide")
16510        $("[data-addon=upsell-all]").click()
16511        $("#zip").select2()
16512    })
16513    
16514    $("[data-properties=ucapan]").keyup(function(){
16515        const v = $(this).val()
16516        const p = $(this).parents(".sectionPurchase")
16517        $(".purchaseAddress").find(".greetingCard textarea").val(v)
16518        if(v.length > 3) {
16519        p.find(".next-purchase-button").attr("disabled", false)
16520        } else {
16521        p.find(".next-purchase-button").attr("disabled", true)
16522        }
16523    })
16524    
16525    $("[data-properties=penerima]").keyup(function(){
16526        const v = $(this).val()
16527        $(".purchaseAddress").find("[data-properties=penerima]").val(v)
16528    })
16529    
16530    $("[data-properties=pengirim]").keyup(function(){
16531        const v = $(this).val()
16532        $(".purchaseAddress").find("[data-properties=pengirim]").val(v)
16533    })
16534    
16535    $(document).click(function(e){
16536    
16537        if($(e.target).closest('.wrapperPopupCart').length != 0) return false;
16538        // $('#popupCart').fadeOut('slow');
16539        // location.reload()
16540    });
16541    
16542    $(".toggleAddonCart").click(function(){
16543        const p = $(this).parent(".itemAddonCart")
16544        p.toggleClass("open")
16545    })
16546    
16547    $(".btnViewCart").click(function(){
16548        window.location.href = "https://outerbloom.com/cart";
16549    })
16550    
16551    $(".btnViewCheckout").click(async function(){
16552        $(this).find("span").addClass("loading")
16553        let zip = $("#zip").val()
16554        const first_name = $("#first_name").val()
16555        const last_name = $("#last_name").val()
16556        const company = $("#company").val() !== '' ? $("#company").val() : ''
16557        const address1 = $("#delivery_address").val()
16558        const address2 = zip && zip !== '' ? zip?.split(' - ')[1] : ''
16559        zip = zip && zip !== '' ? zip?.split(' - ')[0] : ''
16560        const phone = $("#recipient_number").val()
16561        const city = $("#cities").val()
16562        const province = $("#province").val()
16563        const country = 'Indonesia'
16564        const ver = Date.parse(new Date())
16565        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}`
16566    
16567        const clear = await fetch(`/cart/clear.js`, {method: 'POST'})
16568        if(clear.status === 200) {
16569        const savedItem = window.localStorage.getItem("items");
16570        const items = JSON.parse(savedItem)
16571        const addItems = await additem(items)
16572        console.log(addItems, 'new addItems')
16573        if(addItems) {
16574            window.location.href = `https://outerbloom.com/checkout?${params}`;
16575        }
16576        }
16577    })
16578    
16579    $(".btnContinueShopping").click(function(){
16580        window.location.href = "https://outerbloom.com/";
16581    })
16582    
16583        if (isIOS) {
16584        $(".empty-state-card").click(function(){
16585            $("#input-foto").trigger("click")
16586        })
16587        $(".btn-upload-image").click(function(){
16588            $("#input-foto").trigger("click")
16589        })
16590        $("[for=input-video]").click(function(){
16591            $("#input-video").trigger("click")
16592        })
16593        $(".btn-upload-papan").click(function(){
16594            $("#logoPapan").trigger("click")
16595        })
16596        }
16597    
16598        $("[data-properties]").each(function(){
16599        const select = $(this).parents(".form-group").find("select")
16600        $(this).change(function(){
16601            const name = $(this).data("properties")
16602            const v = $(this).val()
16603            if (name == 'telepon-penerima') {
16604            let phone = v.replace(/[^0-9]/g, '')
16605            $(this).val(phone);
16606            $("#properties-telepon-penerima").val(phone)
16607            $('.iti__search-input').val('-') 
16608            } else {
16609            $("#properties-" + name).val(v)
16610            }
16611        })
16612        select.on("change", function(){
16613            const name = $(this).data("properties")
16614            const v = $(this).val()
16615            $("#properties-" + name).val(v)
16616        })
16617        })
16618    
16619        $("#show_note").click(function(){
16620        nameq = $("#properties-nama-penerima").val()
16621        dear = $("#properties-kartu-nama-penerima").val()
16622        card = $("[data-properties=ucapan]").val()
16623        sender = $("#properties-kartu-nama-pengirim").val()
16624        photo = $("#properties-photo").val()
16625        video = $("#properties-video").val()
16626        updateCard(nameq, dear, card, sender, photo, video, status)
16627        })
16628    
16629        $(".remove-image").click(function(e){
16630        e.preventDefault()
16631        $(this).find("img").show()
16632        removeImage()
16633        })
16634    
16635        $(".remove-media").click(function(e){
16636        e.preventDefault()
16637        $(this).find("img").show()
16638        removeVideo()
16639        })
16640    
16641        
16642    
16643        $("[data-delivery_method]").click(function(e){
16644        e.preventDefault()
16645        const t = $(this)
16646        const data = t.data("delivery_method")
16647        $("[data-delivery_method]").removeClass("selected")
16648        t.addClass("selected")
16649        $("#cities").val("")
16650        $("#properties-delivery-date").val("-")
16651        $("#deliveryDate button").removeClass("selected")
16652        $("#full-date").val("Full Calendar →")
16653        $("#propDeliveryDate").val("")
16654        const step3 = $("#step-3")
16655        if(data.match('PickUp')) {
16656            $(".selfpickup-point").show()
16657            step3.find("[data-finished=false]").hide()
16658            $("#panel-4").hide()
16659            step3.find("[data-finished=true]").show()
16660            $("#cities").attr("required", false)
16661            $("#form-group-city").hide()
16662            $("#row-delivery-time").hide()
16663            $("#propDeliveryTime, #properties-delivery-time, #properties-nama-penerima, #properties-alamat-penerima, #properties-kodepos, #properties-kodepos, #properties-telepon-penerima").val("-")
16664            $("#propDeliveryTime").attr("required", false)
16665            // $("#deliveryDate").find("button:first-child").addClass("stop")
16666            $(".form-selfpickup").show()
16667            $(".form-delivery").hide()
16668            $(".form-delivery").find("input, textarea, select").val("")
16669            $(".form-delivery").find("input, textarea, select").attr("required", false)
16670            $("#properties-shipping").val("0")
16671            $("#noteDeliveryDate").hide()
16672            $(".form-delivery .form-control").attr("required", false)
16673            $("#stepNav4").hide()
16674            
16675            $("#deliveryDate").find("button:nth-child(1)").addClass("stop")
16676            
16677            
16678            
16679            if(timeOfDay >= 16.01){
16680            $("#deliveryDate").find("button:nth-child(2)").addClass("stop")
16681            }
16682        } else {
16683            
16684            
16685            $("#deliveryDate").find("button:nth-child(1)").removeClass("stop")
16686            step3.find("[data-finished=false]").show()
16687            $("#panel-4").show()
16688            step3.find("[data-finished=true]").hide()
16689            $("#cities").attr("required", true)
16690            $(".selfpickup-point").hide()
16691            $("#form-group-city").show()
16692            $("#cities").val('').trigger('change');
16693            $("#properties-kota-pengiriman").val("-")
16694            
16695            $("#row-delivery-date, #row-delivery-time").show()
16696            $("#propDeliveryDate, #propDeliveryTime").attr("required", true)
16697            $("#deliveryDate").find("button").removeClass("stop")
16698            $(".form-selfpickup").hide()
16699            $(".form-delivery").show()
16700            $(".form-delivery").find("input, textarea, select").attr("required", true)
16701            $(".form-delivery [data-properties]").attr("readonly", false)
16702            $("#properties-kodepos").val("-")
16703            $("#properties-alamat-penerima").val("-")
16704            $(".form-delivery .form-control").attr("required", true)
16705            $(this).parents(".setup-content").attr("id", "step-1")
16706            
16707            $("#stepNav4").show()
16708        }
16709        })
16710    
16711        $("[name=selfpickup]").click(function(){
16712            const p = $(this).parents(".row-pickup")
16713            const pickupCity = $("input[name='selfpickup']:checked").val();
16714            const pickupAddress = $("input[name='selfpickup']:checked").data("address");
16715            const pickupZip = $("input[name='selfpickup']:checked").data("zip");
16716    
16717            $(".row-pickup").removeClass("selected")
16718            p.addClass("selected")
16719            
16720            $("#properties-kota-pengiriman").val(pickupCity)
16721            $("#province").val("Jakarta")
16722            $("#properties-alamat-penerima").val(pickupAddress)
16723            $("#properties-kodepos").val(pickupZip)
16724        })
16725    
16726        $("#cities").change(function(e){
16727        e.preventDefault()
16728        $(this).parent(".row").find("p.error").remove()
16729        $("#full-date").val("Full Calendar")
16730        $("#deliveryDate, #deliveryDateFull label ").show()
16731        $("#deliveryDateFull").removeClass("filled")
16732        $(".btnChangeDeliveryDate").addClass("hide")
16733        $("#full-date").prop('disabled', false);
16734        $("#stepNav2, #stepNav3, #stepNav4").removeClass("btn-success")
16735        $("#stepNav2, #stepNav3, #stepNav4").find("a").attr("disabled", true)
16736        const step3 = $("#step-3")
16737        $("#cityNote").remove()
16738        $("#noteDeliveryDate").hide()
16739        $("#noteDeliveryDate").empty()
16740        let v = $(this).val()
16741        let v2 = $('option:selected', this).attr('data-city');
16742        let v3 = $('option:selected', this).attr('data-province');
16743        let price = $('option:selected', this).attr('data-price');
16744        $("#country").val(v)
16745        $("#properties-kota-pengiriman").val(v)
16746        $("#properties-shipping").val(price)
16747        $("#deliveryDate button, #deliveryTime button, .calendarseasonal .button").removeClass("selected")
16748        $("#properties-delivery-date, #properties-delivery-time").val("-")
16749        $("#propDeliveryDate, #propDeliveryTime").val("")
16750        let note = $('option:selected', this).attr('data-note');
16751        if(v === 'Kota Lainnya') {
16752            $("#noteDeliveryDate").show()
16753            $("#noteDeliveryDate").text("Order akan segera dikirim. Estimasi tanggal diterima akan disesuaikan dengan waktu pengiriman oleh pihak ekspedisi ke lokasi Anda.")
16754            $("#zip").attr("required", false)
16755            $("#zip").hide()
16756            $("#propDeliveryDate, #propDeliveryTime").attr("required", false)
16757            $("#propDeliveryDate, #properties-delivery-date, #propDeliveryTime, #properties-delivery-time").val("-")
16758            $("#row-delivery-date, #row-delivery-time").hide()
16759            $("#properties-shipping").val("")
16760            // $(this).parents(".setup-content").attr("id", "step-2")
16761            
16762        } else {
16763            $("#noteDeliveryDate").hide()
16764            $("#zip").attr("required", true)
16765            $("#zip").show()
16766            $("#row-delivery-date, #row-delivery-time").show()
16767            $("#propDeliveryDate, #propDeliveryTime").attr("required", true)
16768            $("#deliveryDate").find("button").removeClass("stop")
16769            // $(this).parents(".setup-content").attr("id", "step-1")
16770            
16771        }
16772        
16773        
16774        
16775        // if(v !== 'Jakarta') {
16776        //   $("[data-type=upsell]").hide()
16777        // } else {
16778        //   $("[data-type=upsell]").show()
16779        // }
16780        // $('.collection-addons')[0].swiper.update();
16781        
16782        
16783        getProvince(v)
16784        $("#zip").html(`<option value="">Choose Postal Code</option>`)
16785        renderZip(v, v2, v3)
16786        
16787        disabledSameDay()
16788        
16789    
16790        if(v !== 'Jakarta' && v !== 'Depok' && v !== 'Bekasi' && v !== 'Tangerang') {
16791            
16792            $("#cardOccasion, #navAddon, .collection-addons").hide()
16793            
16794            $("[data-addon=giftcard]").show()
16795            $("[data-addon=giftcard]").click()
16796            $("#itemAddons").show()
16797            $("#flower-step").addClass("nonjadetabek")
16798        } else {
16799            $("#cardOccasion, #navAddon, .collection-addons").show()
16800            $("[data-addon=all]").click()
16801            $("#flower-step").removeClass("nonjadetabek")
16802        }
16803        
16804            if(v !== '') {
16805            $("#personalizeBtn .btn").attr("disabled", false)
16806            } else {
16807            $("#personalizeBtn .btn").attr("disabled", true)
16808            }
16809        
16810        })
16811    
16812        $("#zip").change(function(e){
16813        let v = $(this).val()
16814        var city = $("#cities").find('option:selected');
16815        $("#properties-kodepos").val(v)
16816        if(city === 'Kota Lainnya') {
16817            $(this).attr("required", true)
16818            $("#recipient-address").val("")
16819        }
16820        })
16821    
16822        
16823        var minDate = +7
16824        
16825        
16826    
16827        $("#full-date").datepicker({
16828        minDate,
16829        dateFormat: 'Mdd_yy', //Nop22_2021,
16830        
16831        beforeShowDay: disabledays,
16832        
16833        onSelect: function (date) {
16834            $("#deliveryDate, #deliveryDateFull label ").hide()
16835            $("#deliveryDateFull").addClass("filled")
16836            $(".btnChangeDeliveryDate").removeClass("hide")
16837            $("#full-date").prop('disabled', true);
16838            $('#propDeliveryDate, #properties-delivery-date').val('Kirim_'+date);
16839            $(".date-full").addClass("selected")
16840            $(".date-single, .calendar-group").removeClass("selected")
16841            $("#propDeliveryTime").val('')
16842            $("#properties-delivery-time").val('-')
16843            $(".time-single").removeClass("selected")
16844            
16845            
16846        }
16847        });
16848    
16849        $(".btnChangeDeliveryDate").click(function(){
16850            $("#deliveryDate, #deliveryDateFull label ").show()
16851            $("#deliveryDateFull").removeClass("filled")
16852            $(".btnChangeDeliveryDate").addClass("hide")
16853            $("#full-date").prop('disabled', false);
16854        })
16855    
16856        $("#deliveryDate").delegate(".calendarbutton:not(.date-full)", "click", function(e){
16857        e.preventDefault()
16858        $(this).parents("#row-delivery-date").find("p.error").remove()
16859        const fulldate = $(this).data("fulldate")
16860        const day = $(this).data("day")
16861        const date = $(this).data("date")
16862        const month = $(this).data("month")
16863        const year = $(this).data("year")
16864        const off_pagi = $(this).data("offpagi")
16865        const off_siang = $(this).data("offsiang")
16866        const off_Malam = $(this).data("offMalam")
16867        $(".calendarbutton").removeClass("selected")
16868        $(this).addClass("selected")
16869        $("#propDeliveryDate, #properties-delivery-date").val(`Kirim_${month}${date}_${year}`)
16870        $("#propDeliveryTime").val('')
16871        $("#properties-delivery-time").val('-')
16872        $(".calendarbutton2").removeClass("selected")
16873        $("#full-date").val("Full Calendar")
16874    
16875        
16876        if(off_pagi && timeOfDay > off_pagi) {
16877            $("[data-time=Morning]").attr("disabled", true)
16878        } else {
16879            $("[data-time=Morning]").attr("disabled", false)
16880        }
16881        if(off_siang && timeOfDay > off_siang) {
16882            $("[data-time=Afternoon]").attr("disabled", true)
16883        } else {
16884            $("[data-time=Afternoon]").attr("disabled", false)
16885        }
16886        
16887    
16888        
16889        })
16890        
16891        if(today === 14 && timeOfDay > 17.00) {
16892        $("#deliveryDate button:first-child").attr("disabled", true)
16893        }
16894    
16895        $("#deliveryTime").delegate(".calendarbutton2", "click", function(e){
16896        e.preventDefault()
16897        const time = $(this).data("time")
16898        const date = $("#propDeliveryDate").val()
16899        if(date == '') {
16900            return alert('Silakan pilih tanggal terlebih dahulu')
16901        }
16902        $(".calendarbutton2").removeClass("selected")
16903        $(this).addClass("selected")
16904        $("#propDeliveryTime, #properties-delivery-time").val(`KirimJam_${date.replace('Kirim_','')}_${time}`)
16905        })
16906        
16907        $('textarea.has-limit, input.has-limit').keyup(function () {
16908        max = this.getAttribute("maxlength");
16909        let len = $(this).val().length;
16910        let limit = $(this).siblings(".limit");
16911        if (len > max) {
16912            alert('you have reached the limit');
16913        } else {
16914            limit.text(`${len}/${max}`);
16915        }
16916        });
16917        
16918        $("#button-action-step .btn").click(function(){
16919        $(this).find("span").text("Processing...");
16920        });
16921    
16922        $(".finishBtn").on('click', function() {
16923        $(this).addClass("is-adding");
16924        // $(this).click();
16925        });
16926    
16927        $('.setup-panel .nav-item a.btn-success').trigger('click');
16928    
16929        $("#button-action .btn").click(function(){
16930        $("#flower-step").addClass("block");
16931        $("#button-action").hide();
16932        });
16933            
16934        $(".close-how-order").click(function(){
16935        $("#flower-step").removeClass("block");
16936        $("#button-action").show();
16937        });
16938    
16939        $("#input-foto, #input-video").change(function(e){
16940        readURL(this);
16941        });
16942    
16943        $("#logoPapan").change(function(){
16944        readURLPapan(this);
16945        });
16946    
16947        $("#address-upload").change(async function(){
16948        const upload_address = await readURLAddress(this)
16949        if(upload_address) {
16950            const url = upload_address.url
16951            $(".props-address-upload").val(url)
16952            $(".form-address").addClass("address-uploaded")
16953            $(".form-address-upload").addClass("uploaded")
16954    
16955            $(this).parents(".form-group").siblings(".form-group").find("[required]").attr("required", false)
16956        }
16957        })
16958    
16959        $(".address-manualy").click(function(){
16960        $(".form-address-upload").removeClass("uploaded");
16961        $(".photo-address").hide();
16962        $(".form-address").removeClass("address-uploaded")
16963        $("#formAddressPurchase").find(".form-control").attr("required", true)
16964        });
16965    
16966        $(".case-video-preview").delegate(".replace-video", "click", function(){
16967        $("#input-video").trigger("click")
16968        })
16969    
16970        $('.date-single').click(function(e) {
16971        e.preventDefault();
16972        $('.date-single').removeClass('selected');
16973        $('#full-date').removeClass('selected');
16974        $(this).addClass('selected');
16975        $('#full-date').html('Full' + '<br/>' + 'Calendar');
16976        });
16977        $('#full-date').click(function(e){
16978        e.preventDefault();
16979        $('.date-single').removeClass('selected');
16980        $(this).addClass('selected');
16981        });
16982        
16983        // $("tr").each(function(){
16984        //   if($(this).text().match('SKU')) {
16985        //     $(".sku-product").html($(this).parents("table").html())
16986        //   }
16987        // })
16988        
16989        $("#product-image").scroll(function(){
16990        $(".desc-add").each(function(){
16991            const img = $(this).find("img")
16992            const src = img.data("src")
16993            img.attr("src", src)
16994        })
16995        })
16996    
16997        $(".product-fixed").hide()
16998        
16999        let target = $("#personalizeBtn")
17000        
17001    
17002        $(".product-meta").scroll(function() {
17003            if ($(window).scrollTop() >= target.offset().top ) {
17004                $(".product-fixed").addClass("show")
17005            } else {
17006            $(".product-fixed").removeClass("show")
17007            }
17008        });
17009    
17010        $(window).scroll(function() {
17011            if ($(window).scrollTop() >= target.offset().top ) {
17012                $(".product-fixed").addClass("show")
17013            } else {
17014            $(".product-fixed").removeClass("show")
17015            }
17016        });
17017    });
17018    </script>
17018
17019    
17020    
17020<script>
17021        //
17022    </script>
17022
17023    
17024    
17024<script>
17025    $(document).ready(function(){
17026        $('table tr td').each(function(){
17027        var texto = $(this).text();
17028        var nextto = $(this).next("td");
17029        var sku = $("#data-sku").val()
17030        if(texto == 'SKU'){
17031            nextto.text(sku)
17032        }
17033        });
17034        
17035        $(".stamped-summary-actions-newquestion").text("Tulis Pertanyaan");
17036        $(".stamped-summary-actions-newreview").text("Tulis Review");
17037        $("#tab-questions").text("Pertanyaan");
17038        
17039        $(".freeship .icon").click(function(){
17040        $(".fs-content").slideToggle();
17041        $(this).parents(".freeship").toggleClass("expand");
17042        });
17043        
17044        var $easyzoom = $('.easyzoom').easyZoom();
17045        // Setup thumbnails example
17046        var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom');
17047        $('.thumbnails').on('click', 'a', function(e) {
17048        var $this = $(this);
17049        e.preventDefault();
17050        // Use EasyZoom's `swap` method
17051        api1.swap($this.data('standard'), $this.attr('href'));
17052        });
17053    
17054        $('#playerID').click(function(){
17055        var videoURL = $('#VdoID').attr('src'),
17056            dataplay = $('#VdoID').attr('data-play');
17057    
17058        //for check autoplay
17059        //if not set autoplay=1
17060        if(dataplay == 0 ){
17061            $('#VdoID').attr('src',videoURL+'?autoplay=1');
17062            $('#VdoID').attr('data-play',1);
17063        }
17064        else{
17065            var videoURL = $('#VdoID').attr('src');
17066            videoURL = videoURL.replace("?autoplay=1", "");
17067            $('#VdoID').prop('src','');
17068            $('#VdoID').prop('src',videoURL);
17069    
17070            $('#VdoID').attr('data-play',0);
17071        }
17072    
17073        });
17074        
17075        $(".product-photo-thumb-video").click(function(e){
17076        e.preventDefault();
17077    
17078        var newEmbed = $(this).attr('href');
17079        $("#featured-image-product").addClass("img-video");
17080        $("#ProductPhotoImg").hide();
17081        $("#featured-image-product .video").show();
17082        $("#featured-image-product iframe").attr('src', newEmbed);
17083        $("#VdoID")[0].src += "&autoplay=1";
17084        });
17085        $(".product-single__thumbnail").click(function(evt){
17086        evt.preventDefault();
17087        $("#featured-image-product").removeClass("img-video");
17088        $("#ProductPhotoImg").show();
17089        $("#featured-image-product .video").hide();
17090        $("#featured-image-product iframe").attr('src', '');
17091        });
17092        
17093        if($('#product-meta .short-desc > div').length >= 1){
17094        //console.log('div detected')
17095        var replacer = $('#product-meta .short-desc > div').contents();
17096        $('#product-meta .short-desc > div').replaceWith(replacer);
17097    
17098        var cAssured =  $('.c-assured').detach();
17099        cAssured.insertAfter('.meta-sds .stock-info');
17100        }
17101    
17102        
17103        
17104        $(".heading-toggle").click(function(){
17105        $(this).parent().toggleClass("open")
17106        
17107        });
17108    });
17109    </script>
17109
17110    
17111    
17112    
17112<script type="application/json" id="ProductJson-Product">
17113            
17114            {"id":8359546319899,"title":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eKAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."}
17115    </script>
17115
17116    
17117        
17117<script type="application/json" id="VariantJson-Product">
17118        [
17119            
17120            {
17121                "incoming": false,
17122                "next_incoming_date": null
17123            }
17124            
17125        ]
17126        </script>
17126
17127    
17128    
17129    
17130    
17131    </div>
17132    
17133    
17134    
17134<script src="//outerbloom.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
17134
17135    <style>
17136        .stamped-review-header-title,
17137        .stamped-review-header .author,
17138        .stamped-review-content-body,
17139        .stamped-sort-select,
17140        .stamped-review-header .verified-badge[data-type=buyer]:after,
17141        .stamped-review-header-byline,
17142        .stamped-review-reply-body {font-size: 14px!important;font-family: 'Barlow',sans-serif!important;}
17143        .stamped-review {margin-bottom: 0;}
17144        .stamped-review-body {padding-left: 65px;}
17145        .stamped-review:first-child {padding-top: 25px;}
17146        .stamped-review-content {clear: none;}
17147        .stamped-review-reply {margin: 15px 0 0 65px;background: #9e1313;border-left: none;}
17148        .stamped-review-reply-body {padding-left: 65px;}
17149        .stamped-review-header .author {text-transform: capitalize;}
17150        .stamped-questions .stamped-review-content {padding-left: 65px;}
17151    
17152        .stamped-pagination {margin: 20px 0 0;}
17153        .stamped-pagination li {position: initial!important;display: inline-block;position: relative;vertical-align: middle;text-decoration: none;-webkit-tap-highlight-color: #000000;-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;}
17154        .stamped-pagination li a {color: #121212;padding: 13px 18px;vertical-align: middle;display: block;}
17155        .stamped-pagination li.active a {background-color: #ddd;font-weight: 400;}
17156        .stamped-pagination li:hover a {background: #ddd;}
17157        .stamped-pagination .next {border-right: 1px solid #ccc;}
17158        .stamped-pagination li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
17159        .stamped-pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
17160    
17161        #stamped-pagination-question span.page {display: inline-block;border: 1px solid #ccc;width: 47px;}
17162        #stamped-pagination-question span {font-size: 14px;}
17163        #stamped-pagination-question .page.active {padding: 12px;font-weight: 400;background: #ddd;}
17164        #stamped-pagination-question a, #stamped-pagination-question .page.active {color: #121212;padding: 13px 18px;vertical-align: middle;display: inline-block;}
17165        .stamped-pagination-deco {color: #121212;padding: 13px 18px;width: 47px;vertical-align: middle;display: inline-block;border: 1px solid #ccc;padding: 12px;}
17166        .stamped-pagination-prev, .stamped-pagination-next {position: inherit;}
17167        .stamped-pagination-prev a, .stamped-pagination-next a {width: auto!important;border: 1px solid #ccc;}
17168    
17169        @media (max-width: 480px){
17170        .stamped-review-reply {margin-left: 0!important;}
17171        select.stamped-sort-select {font-size: 13px!important;}
17172        }
17173    
17174    #product-reviews .stamped-summary-ratings, #product-reviews .stamped-summary-actions, .stamped-content {
17175        display: block !important;
17176    }
17177    </style>
17178    
17178<script>
17179        var selectCallback = function(variant, selector) {
17180        timber.productPage({
17181            money_format: "Rp {{amount_no_decimals}}",
17182            variant: variant,
17183            selector: selector
17184        });
17185        };
17186    
17187        jQuery(function($) {
17188        new Shopify.OptionSelectors('productSelect', {
17189            product:
17190    
17191    
17192    
17193    
17194    
17195    {"id":8359546319899,"title":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eKAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."},
17196            onVariantSelected: selectCallback,
17197            enableHistoryState: true
17198        });
17199    
17200        // Add label if only one product option and it isn't 'Title'. Could be 'Size'.
17201        
17202    
17203        // Hide selectors if we only have 1 variant and its title contains 'Default'.
17204        
17205            $('.selector-wrapper').hide();
17206        
17207        });
17208    </script>
17208
17209    
17210    
17211    
17212    
17212<script type="application/ld+json">
17213        {
17214        "@context": "http://schema.org",
17215        "@type": "Product",
17216    "offers": {
17217    "@type": "Offer",
17218    "availability":"https://schema.org/InStock",
17219    "price": 835000,
17220    "priceValidUntil": "05-10-2025",
17221    "priceCurrency": "IDR",
17222    "url": "https://astrokamalsharma.site"
17223    },
17224    "brand": {
17225    "@type": "Brand",
17226    "name": "TOGEL138"
17227    },
17228    "sku": "8359546319899",
17229    "gtin13": "Jakarta",
17230    "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif",
17231    "description": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.",
17232    "category": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.",
17233    "url": "https://astrokamalsharma.site",
17234    "image": {
17235    "@type": "ImageObject",
17236    "url": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426",
17237    "image": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426",
17238    "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif",
17239    "width": 1024,
17240    "height": 1024
17241    }
17242        }
17243    </script>
17243
17244    
17245    
17246    
17247    
17248            
17249    
17249<script id="bss-ltap-hide-price" type="text/javascript" >
17250    !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)}))}
17250)),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)}
17250)),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("sparklinredwholesale.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()}
17250if("redbasketb2b.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)}
17250if(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");
17250c&&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&&"sparklinredwholesale.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
17250-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");
17250i&&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
17250--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
17250opify.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&&"sparklinredwholesale.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");
17250e.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=
17250o.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");
17250if(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","sparklinredwholesale.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();
17250let 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("redbasketb2b.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()}]);
17251    </script>
17251
17252    
17253        </main>
17254        
17255        <div id="shopify-section-newsletter" class="shopify-section"><br>
17256    <style>
17257        #shopify-section-newsletter {
17258        background-image: url(https://carikapal.link/img/c405e59f2114f36defe07f92a771d9a5.gif);
17259        background-attachment: fixed;
17260        margin-bottom: 0;
17261        }
17262        input:-webkit-autofill,
17263        input:-webkit-autofill:hover,
17264        input:-webkit-autofill:active,
17265        input:-webkit-autofill:focus {
17266        -webkit-box-shadow:0 0 0 50px white inset;
17267        -webkit-text-fill-color: #ffffff;
17268        }
17269        .section-newsletter {
17270        max-width: 800px;
17271        margin: auto;
17272        padding: 50px 0;
17273        }
17274        .section-newsletter h2 {
17275        font-weight: 700;
17276        font-size: 24px;
17277        }
17278        .section-newsletter input[type="email"] {
17279        width: 100%;
17280        text-align: center;
17281        border: none;
17282        border-bottom: 1px solid #ffffff;
17283        font-size: 16px;
17284        color: #757575;
17285        background-color: #000000;
17286        }
17287        .section-newsletter .row label {
17288        font-size: 14px;
17289        cursor: pointer;
17290        }
17291        .section-newsletter .radio-inline input {
17292        width: auto;
17293        }
17294        .section-newsletter .btn {
17295        width: 130px;
17296        border: 1px solid #ffffff;
17297        box-shadow: none;
17298        font-size: 16px;
17299        font-weight: 500;
17300        text-transform: uppercase;
17301        }
17302        .section-newsletter form {
17303        margin: 30px 0 60px;
17304        }
17305        .section-newsletter input[type="radio"] {
17306        position: absolute;
17307        width: 1px;
17308        height: 1px;
17309        }
17310        .section-newsletter [type="radio"]:checked + label, .section-newsletter [type="radio"]:not(:checked) + label {
17311        position: relative;
17312        padding-left: 28px;
17313        cursor: pointer;
17314        line-height: 20px;
17315        display: inline-block;
17316        color: #666;
17317        }
17318        .section-newsletter [type="radio"]:checked + label:before, .section-newsletter [type="radio"]:not(:checked) + label:before {
17319        content: '';
17320        position: absolute;
17321        left: 0;
17322        top: 0;
17323        width: 18px;
17324        height: 18px;
17325        border: 1px solid #ddd;
17326        border-radius: 100%;
17327        background: #fff;
17328        }
17329        .section-newsletter [type="radio"]:checked + label:after, .section-newsletter [type="radio"]:not(:checked) + label:after {
17330        content: '';
17331        width: 12px;
17332        height: 12px;
17333        background: #ffffff;
17334        position: absolute;
17335        top: 3px;
17336        left: 3px;
17337        border-radius: 100%;
17338        -webkit-transition: all 0.2s ease;
17339        transition: all 0.2s ease;
17340        }
17341        .section-newsletter [type="radio"]:not(:checked) + label:after {
17342        opacity: 0;
17343        -webkit-transform: scale(0);
17344        transform: scale(0);
17345        }
17346        .opt-newsletter {display:none;}
17347        .footer-newsletter p, .footer-newsletter p a {
17348        color: #757575;
17349        }
17350        @media (max-width:991px){
17351        .section-newsletter h2 {
17352            font-size: 32px;
17353        }
17354        .section-newsletter input {
17355            width: 300px;
17356            font-size: 14px;
17357        }
17358        .section-newsletter {
17359            padding: 50px 20px;
17360        }
17361        }
17362        @media (max-width: 480px){
17363        .section-newsletter input[type="email"] {font-size: 16px;}
17364        }
17365    </style>
17366    <style>
17367    .icon-img-footer {
17368        width: 80px; 
17369        padding: 0px 5px;
17370    }
17371    @media (min-width: 768px) {
17372        .icon-img-footer {
17373            width: 120px; 
17374        }
17375    }
17376    @media (min-width: 992px) {
17377        .icon-img-footer {
17378            width: 120px; 
17379        }
17380    }
17381    
17382    
17383    
17384    
17385    </style>
17386    
17387    <!-- wp:html -->
17388    
17388<script>
17389            document.addEventListener('DOMContentLoaded',
17390                function(){const faqItems=document.querySelectorAll('.faq-item');
17391                faqItems.forEach(item=>{const question=item.querySelector('.faq-question');
17392                question.addEventListener('click',
17393                ()=>{const isActive=item.classList.contains('active');
17394                faqItems.forEach(otherItem=>{otherItem.classList.remove('active')});
17395                if(!isActive){item.classList.add('active')}})})});
17396            </script>
17396
17397    
17398    
17399                <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close" bis_skin_checked="1">
17400                </div>
17401                <section class="fx-video-bg">
17402    <video autoplay muted loop playsinline>
17403        <source src="https://carikapal.link/img/logo-2line.png" type="video/mp4">
17404    </video>
17405    <div class="fx-video-overlay"></div>
17406    <div class="fx-article-wrap">
17407        <article class="fx-article">
17408        <section class="clean-container">
17409    <div class="clean-wrap">
17410        <h1 class="clean-title">KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</h1>
17411        <div class="clean-divider"></div>
17412        <div class="clean-article">
17413            <p>
17414<a href="https://astrokamalsharma.site" style="color: #ffcc00;">KAPALTOGEL</a> kini menghadirkan konsep layaknya official e-commerce shop untuk mengatasi kendala akses para pemain. Belanja kebutuhan link alternatif kini bisa dilakukan dengan sangat mudah dan cepat. Banyak pemain di pelosok kampung sering kali bingung saat situs utama tiba-tiba diblokir. Platform ini menyediakan beragam pilihan jalur masuk yang siap pakai setiap hari. Setiap link dijamin tahan lama dan bebas dari ancaman phising. Kamu cukup memilih jalur yang paling sesuai untuk masuk ke akun permainanmu.</p>
17415 <p></p>
17416Sistem belanja kebutuhan link alternatif di <a href="https://astrokamalsharma.site" style="color: #ffcc00;">KAPALTOGEL</a> memberikan rasa aman yang absolut. Layanan ini dijalankan dengan sistem yang sangat rapi layaknya berbelanja di toko online resmi. Jangan buang waktu mencari jalur mati di tempat lain. Semua kebutuhan akses harianmu sudah disediakan lengkap dalam satu dasbor. Nikmati kelancaran bermain tanpa hambatan dengan dukungan server responsif. Raih peluang keberuntunganmu sekarang tanpa perlu khawatir kehilangan momen penting.</p>
17417
17418            </div>
17419            
17420        <section class="KAPALTOGEL-generator-box">
17421        <div class="KAPALTOGEL-generator-title">Angka 4D Generator</div>
17422
17423        <div class="KAPALTOGEL-number-display" id="KAPALTOGELGenerator">
17424            <div class="KAPALTOGEL-digit">0</div>
17425            <div class="KAPALTOGEL-digit">0</div>
17426            <div class="KAPALTOGEL-digit">0</div>
17427            <div class="KAPALTOGEL-digit">0</div>
17428        </div>
17429
17430        <br>
17431        <button class="KAPALTOGEL-generate-btn" onclick="generate4D()">Generate Angka</button>
17432        </section>
17433
17434        <section class="KAPALTOGEL-result-grid">
17435        <article class="KAPALTOGEL-result-card">
17436            <div class="KAPALTOGEL-market">Hongkong 4D</div>
17437            <div class="KAPALTOGEL-result-number">2819</div>
17438            <div class="KAPALTOGEL-result-date">Live Update</div>
17439        </article>
17440
17441        <article class="KAPALTOGEL-result-card">
17442            <div class="KAPALTOGEL-market">Macau 4D</div>
17443            <div class="KAPALTOGEL-result-number">3722</div>
17444            <div class="KAPALTOGEL-result-date">Live Update</div>
17445        </article>
17446
17447        <article class="KAPALTOGEL-result-card">
17448            <div class="KAPALTOGEL-market">Sydney 4D</div>
17449            <div class="KAPALTOGEL-result-number">7045</div>
17450            <div class="KAPALTOGEL-result-date">Live Update</div>
17451        </article>
17452
17453        <article class="KAPALTOGEL-result-card">
17454            <div class="KAPALTOGEL-market">Singapore 4D</div>
17455            <div class="KAPALTOGEL-result-number">6199</div>
17456            <div class="KAPALTOGEL-result-date">Live Update</div>
17457        </article>
17458        </section>
17459
17460<section class="KAPALTOGEL-block" id="faq">
17461    <div class="KAPALTOGEL-head"><span class="KAPALTOGEL-dot"></span><span>BELANJA LINK ALTERNATIF KAPALTOGEL</span></div>
17462
17463    <div class="KAPALTOGEL-faq">
17464
17465    <details class="KAPALTOGEL-item">
17466    <summary>Apa maksud konsep e-commerce shop link alternatif ini?</summary>
17467    <div class="KAPALTOGEL-ans">
17468        Konsep ini berarti platform menyediakan berbagai pilihan link resmi layaknya berbelanja. Pemain bisa memilih jalur aktif terbaik dengan mudah dan cepat tanpa kendala.
17469    </div>
17470    </details>
17471
17472    <details class="KAPALTOGEL-item">
17473    <summary>
17473Apakah link yang disediakan dijamin tahan lama?</summary>
17474    <div class="KAPALTOGEL-ans">
17475        Dijamin tahan lama. Tim teknis memastikan setiap jalur cadangan selalu aktif dan anti pemblokiran setiap hari sehingga pemain tidak perlu pusing mencari link hidup.
17476    </div>
17477    </details>
17478
17479    <details class="KAPALTOGEL-item">
17480    <summary>Apakah aman menggunakan link dari platform ini?</summary>
17481    <div class="KAPALTOGEL-ans">
17482        Sangat aman. Semua akses dilindungi enkripsi tingkat tinggi. Sistem ini mencegah kebocoran data akun dan melindungi pemain dari segala bentuk ancaman phising.
17483    </div>
17484    </details>
17485
17486    </div>
17487</section>
17488
17489<section class="KAPALTOGEL-block" id="testimoni" style="margin-top:16px">
17490    <div class="KAPALTOGEL-head"><span class="KAPALTOGEL-dot"></span><span>TESTIMONI BELANJA LINK KAPALTOGEL</span></div>
17491
17492    <div class="KAPALTOGEL-testi-grid" aria-label="Testimoni">
17493
17494    <article class="KAPALTOGEL-testi">
17495        <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Konsep Belanja Paling Gokil</div><div class="KAPALTOGEL-stars" style="color: gold">★★★★★</div></div>
17496        <div class="KAPALTOGEL-name">Karyo</div>
17497        <div class="KAPALTOGEL-text">Konsep e-commerce-nya gokil sih. Kalo situs keblokir tinggal cari link aktif di sini. Gampang banget. Anak Kampung Bumi Ayu jadi gak pusing lagi nyari jalur masuk.</div>
17498    </article>
17499
17500    <article class="KAPALTOGEL-testi">
17501        <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Link Cadangan Selalu Ready</div><div class="KAPALTOGEL-stars" style="color: gold">★★★★★</div></div>
17502        <div class="KAPALTOGEL-name">Paijem</div>
17503        <div class="KAPALTOGEL-text">Aku suka sistemnya yang rapi. Link alternatifnya selalu ready layaknya stok toko online. Tinggal klik langsung masuk. Dari Kampung Karangasem aksesnya mulus parah.</div>
17504    </article>
17505
17506    <article class="KAPALTOGEL-testi">
17507        <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Toko Online Para Pelaut</div><div class="KAPALTOGEL-stars" style="color: gold">★★★★★</div></div>
17508        <div class="KAPALTOGEL-name">Mardiah</div>
17509        <div class="KAPALTOGEL-text">Layaknya toko online linknya lengkap banget. Gue tinggal pilih mana yang paling ngebut. Pelayanan di sini emang top buat pemain pelosok kayak aku di Kampung Tegalwaru.</div>
17510    </article>
17511
17512    <article class="KAPALTOGEL-testi">
17513        <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Solusi Cepat Anti Ribet</div><div class="KAPALTOGEL-stars" style="color: gold">★★★★★</div></div>
17514        <div class="KAPALTOGEL-name">Joko</div>
17515        <div class="KAPALTOGEL-text">Dulu ribet cari link di google. Sekarang tinggal buka sini semua ada. Servernya stabil melawan internet positif. Gue di Kampung Cibadak auto setia main di sini.</div>
17516    </article>
17517
17518    <article class="KAPALTOGEL-testi">
17519        <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Belanja Akses Bikin Tenang</div><div class="KAPALTOGEL-stars" style="color: gold">★★★★★</div></div>
17520        <div class="KAPALTOGEL-name">Wulandari</div>
17521        <div class="KAPALTOGEL-text">Belanja kebutuhan link di sini bikin tenang. Gak ada link palsu. Akses login jadi bener-bener aman. Sistem paling bisa diandalkan buat aku yang di Kampung Pasirjaya.</div>
17522    </article>
17523
17524    <article class="KAPALTOGEL-testi">
17525        <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Tahan Banting No Drama</div><div class="KAPALTOGEL-stars" style="color: gold">★★★★★</div></div>
17526        <div class="KAPALTOGEL-name">Somad</div>
17527        <div class="KAPALTOGEL-text">Linknya tahan banting banget. Gue pakai berhari-hari tetep aktif. Konsep e-commerce-nya bikin gampang cari akses. Mantap jiwa pelayanannya buat anak Kampung Sukamaju.</div>
17528    </article>
17529
17530    </div>
17531</section>
17532            
17533    <section class="container pt-4 pb-3">
17534            <h2 class="h4 text-warning mb-3">Trending Tags</h2>
17535            <div class="d-flex flex-wrap">
17536                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">KAPALTOGEL</a>
17537                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">KAPAL TOGEL</a>
17538                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">SITUS TOTO</a>
17539                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">KAPAL TOGEL 4D</a>
17540                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">TOGEL ONLINE</a>
17541                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">TOTO TOGEL</a>
17542                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">SITUS TOTO TOGEL</a>
17543                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">LOGIN KAPAL TOGEL</a>
17544                <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">LOGIN ALTERNATIF KAPALTOGEL</a>
17545            </div>
17546            </section>
17547        
17548                    
17549                    <style id="KAPALTOGEL-faq-testi-styles">
17550                    .KAPALTOGEL-block {
17551                        position: relative;
17552                        margin: 10px;
17553                    }
17554
17555                    .KAPALTOGEL-head {
17556                        display: flex;
17557                        align-items: center;
17558                        gap: 10px;
17559                        margin: 10px 0 12px;
17560                        font-weight: 800;
17561                        letter-spacing: .9px;
17562                        font-size: 14px;
17563                        color: #ffcc00;
17564                        text-transform: uppercase;
17565                        text-shadow: 0 0 8px #0c0a02;
17566                    }
17567
17568                    .KAPALTOGEL-dot {
17569                        width: 10px;
17570                        height: 10px;
17571                        border-radius: 2px;
17572                        background: radial-gradient(circle at 30% 30%, #0c0a02, #0c0a02 70%);
17573                        box-shadow: 0 0 0 4px rgba(255, 204, 0, .22), 0 0 18px rgba(255, 204, 0, .55);
17574                    }
17575
17576                    .KAPALTOGEL-faq {
17577                        display: grid;
17578                        gap: 10px;
17579                    }
17580
17581                    .KAPALTOGEL-item {
17582                        border-radius: 4px;
17583                        border: 1px solid #0c0a02;
17584                        background: linear-gradient(135deg, #0c0a02, #0c0a02);
17585                        box-shadow: 0 0 0 1px #0c0a02, 0 18px 50px #0c0a02;
17586                        overflow: hidden;
17587                    }
17588
17589                    .KAPALTOGEL-item summary {
17590                        list-style: none;
17591                        cursor: pointer;
17592                        padding: 14px 14px 14px 16px;
17593                        position: relative;
17594                        font-weight: 700;
17595                        color: #fff;
17596                        text-shadow: 0 0 6px #0c0a02;
17597                    }
17598
17599                    .KAPALTOGEL-item summary::-webkit-details-marker {
17600                        display: none;
17601                    }
17602
17603                    .KAPALTOGEL-item summary:after {
17604                        content: "+";
17605                        position: absolute;
17606                        right: 14px;
17607                        top: 50%;
17608                        transform: translateY(-50%);
17609                        width: 34px;
17610                        height: 34px;
17611                        display: grid;
17612                        place-items: center;
17613                        border-radius: 4px;
17614                        background: #0c0a02;
17615                        border: 1px solid #0c0a02;
17616                        box-shadow:
17617                        0 0 10px #0c0a02,
17618                        0 0 25px #0c0a02,
17619                        0 8px 18px #0c0a02;
17620                        transition: transform .2s ease;
17621                    }
17622
17623                    .KAPALTOGEL-item[open] summary:after {
17624                        content: "−";
17625                        transform: translateY(-50%) rotate(180deg);
17626                    }
17627
17628                    .KAPALTOGEL-ans {
17629                        padding: 0 16px 14px;
17630                        color: rgba(255, 255, 255, .9);
17631                        line-height: 1.6;
17632                    }
17633
17634                    .KAPALTOGEL-item[open] {
17635                        border-color: #0c0a02;
17636                    }
17637
17638                    .KAPALTOGEL-testi-grid {
17639                        display: grid;
17640                        grid-template-columns: repeat(3, minmax(0, 1fr));
17641                        gap: 12px;
17642                    }
17643
17644                    .KAPALTOGEL-testi {
17645                        border-radius: 24px;
17646                        padding: 14px;
17647                        background:
17648                        radial-gradient(80% 80% at 0% 0%, #0c0a02, #0c0a02 60%),
17649                        radial-gradient(70% 70% at 100% 0%, #0c0a02, #0c0a02 55%),
17650                        linear-gradient(135deg, #0c0a02, #0c0a02);
17651                        box-shadow: 0 0 0 1px #0c0a02, 0 18px 55px #0c0a02;
17652                        position: relative;
17653                        overflow: hidden;
17654                    }
17655
17656                    .KAPALTOGEL-testi:before {
17657                        content: "";
17658                        position: absolute;
17659                        inset: -2px;
17660                        background: linear-gradient(90deg, #0c0a02, #0c0a02, #0c0a02);
17661                        filter: blur(10px);
17662                        opacity: .85;
17663                        animation: neoSweep 3.6s ease-in-out infinite;
17664                    }
17665
17666                    @keyframes neoSweep {
17667                        0% { transform: translateX(-40%); }
17668                        50% { transform: translateX(40%); }
17669                        100% { transform: translateX(-40%); }
17670                    }
17671
17672                    .KAPALTOGEL-testi>* {
17673                        position: relative;
17674                        z-index: 1;
17675                    }
17676
17677                    .KAPALTOGEL-top {
17678                        display: flex;
17679                        align-items: center;
17680                        justify-content: space-between;
17681                        gap: 10px;
17682                        margin-bottom: 6px;
17683                    }
17684
17685                    .KAPALTOGEL-title {
17686                        font-weight: 800;
17687                        color: #fff;
17688                        text-shadow: 0 0 7px #0c0a02;
17689                    }
17690
17691                    .KAPALTOGEL-stars {
17692                        font-size: 13px;
17693                        letter-spacing: 1px;
17694                        color: #d9d9d9;
17695                        text-shadow: 0 0 10px #0c0a02;
17696                    }
17697
17698                    .KAPALTOGEL-name {
17699                        font-weight: 700;
17700                        color: rgba(245, 245, 245, .95);
17701                        margin-bottom: 6px;
17702                    }
17703
17704                    .KAPALTOGEL-text {
17705                        color: rgba(255, 255, 255, .88);
17706                        line-height: 1.55;
17707                    }
17708
17709                    @media (max-width: 991px) {
17710                        .KAPALTOGEL-testi-grid {
17711                        grid-template-columns: repeat(2, minmax(0, 1fr));
17712                        }
17713                    }
17714
17715                    @media (max-width: 575px) {
17716                        .KAPALTOGEL-testi-grid {
17717                        grid-template-columns: 1fr;
17718                        }
17719
17720                        .KAPALTOGEL-item summary {
17721                        padding-right: 56px;
17722                        }
17723                    }
17724
17725                    .footer-main>.container,
17726                    .cms-section .footer-main>.boxed {
17727                        padding-top: 15px;
17728                    }
17729
17730                    .KAPALTOGEL-generator-box {
17731                        margin: 18px 10px;
17732                        padding: 18px;
17733                        border-radius: 8px;
17734                        background: linear-gradient(135deg, #0c0a02, #0c0a02);
17735                        border: 1px solid #0c0a02;
17736                        box-shadow: 0 0 25px #0c0a02, inset 0 0 18px #0c0a02;
17737                        color: #fff;
17738                        text-align: center;
17739                    }
17740
17741                    .KAPALTOGEL-generator-title {
17742                        font-weight: 800;
17743                        font-size: 18px;
17744                        letter-spacing: 1px;
17745                        text-transform: uppercase;
17746                        color: #ffcc00;
17747                        text-shadow: 0 0 8px #0c0a02, 0 0 14px #0c0a02;
17748                        margin-bottom: 14px;
17749                    }
17750
17751                    .KAPALTOGEL-number-display {
17752                        display: inline-grid;
17753                        grid-template-columns: repeat(4, 54px);
17754                        gap: 10px;
17755                        margin-bottom: 14px;
17756                    }
17757
17758                    .KAPALTOGEL-digit {
17759                        height: 58px;
17760                        display: grid;
17761                        place-items: center;
17762                        border-radius: 4px;
17763                        background: linear-gradient(180deg, #0c0a02, #0c0a02);
17764                        color: #ffcc00;
17765                        font-size: 30px;
17766                        font-weight: 900;
17767                        box-shadow: 0 0 14px rgba(255,204,0,.65);
17768                    }
17769
17770                    .KAPALTOGEL-generate-btn {
17771                        border: 1px solid #0c0a02;
17772                        background: linear-gradient(90deg, #0c0a02, #0c0a02);
17773                        color: #ffcc00;
17774                        font-weight: 800;
17775                        padding: 10px 18px;
17776                        border-radius: 4px;
17777                        cursor: pointer;
17778                        text-transform: uppercase;
17779                        box-shadow: 0 0 16px #0c0a02;
17780                    }
17781
17782                    .KAPALTOGEL-result-grid {
17783                        margin: 16px 10px;
17784                        display: grid;
17785                        grid-template-columns: repeat(4, minmax(0, 1fr));
17786                        gap: 12px;
17787                    }
17788
17789                    .KAPALTOGEL-result-card {
17790                        border-radius: 12px;
17791                        padding: 16px;
17792                        text-align: center;
17793                        background:
17794                        radial-gradient(80% 80% at 0% 0%, #0c0a02, #0c0a02 60%),
17795                        linear-gradient(135deg, #0c0a02, #0c0a02);
17796                        border: 1px solid #0c0a02;
17797                        box-shadow: 0 0 20px #0c0a02;
17798                        color: #fff;
17799                    }
17800
17801                    .KAPALTOGEL-market {
17802                        font-weight: 800;
17803                        font-size: 14px;
17804                        text-transform: uppercase;
17805                        color: #ffcc00;
17806                        text-shadow: 0 0 8px rgba(255,204,0,.75);
17807                        margin-bottom: 8px;
17808                    }
17809
17810                    .KAPALTOGEL-result-number {
17811                        font-size: 32px;
17812                        font-weight: 900;
17813                        color: #ffcc00;
17814                        text-shadow: 0 0 8px #0c0a02, 0 0 12px #0c0a02;
17815                        margin-bottom: 6px;
17816                    }
17817
17818                    .KAPALTOGEL-result-date {
17819                        font-size: 12px;
17820                        color: #ffcc00;
17821                    }
17822
17823                    @media (max-width: 991px) {
17824                        .KAPALTOGEL-result-grid {
17825                        grid-temp
17825late-columns: repeat(2, minmax(0, 1fr));
17826                        }
17827                    }
17828
17829                    @media (max-width: 575px) {
17830                        .KAPALTOGEL-number-display {
17831                        grid-template-columns: repeat(4, 44px);
17832                        }
17833
17834                        .KAPALTOGEL-digit {
17835                        height: 50px;
17836                        font-size: 26px;
17837                        }
17838
17839                        .KAPALTOGEL-result-grid {
17840                        grid-template-columns: 1fr;
17841                        }
17842                    }
17843
17844                    </style>
17845                    
17845<script>
17846                    function generate4D() {
17847                        const digits = document.querySelectorAll("#KAPALTOGELGenerator .KAPALTOGEL-digit");
17848                        digits.forEach(function(digit) {
17849                        digit.textContent = Math.floor(Math.random() * 10);
17850                        });
17851                    }
17852                    </script>
17852
17853        </article>
17854    </div>
17855    </section>
17856    
17857        </div>
17858    
17859    
17860    <div class="overlay overlay-cart"></div>
17861    <div id="CartDrawer" class="drawer drawer--right">
17862    <div class="drawer__header pl-2 pr-2">
17863        <div class="drawer__icon-cart display-table-cell">
17864        <a href="/cart" class="">
17865            <svg class="icon icon-cart" version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" 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.005-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>
17866        </a>
17867        </div>
17868        <div class="drawer__title h4">Keranjang Belanja</div>
17869        <div class="drawer__close js-drawer-close">
17870        <button type="button">
17871            <svg class="icon icon-close" version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32">
17872    <title>icon-close</title>
17873    <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>
17874    </svg>
17875        </button>
17876        </div>
17877    </div>
17878    <div id="CartContainer" class="p-2"></div>
17879    </div>
17880    
17881    
17881<script>
17882        
17883        </script>
17883
17884        
17884<script src="//outerbloom.com/cdn/shop/t/138/assets/handlebars.min.js?v=79044469952368397291752652415" defer></script>
17884
17885        <!-- /snippets/ajax-cart-template.liquid -->
17886    
17887    
17887<script id="CartTemplate" type="text/template">
17888    
17889        <form action="/cart" method="post" novalidate class="cart ajaxcart">
17890        <div class="ajaxcart__inner" {{ cart.item_count }}>
17891            {{#items}}
17892            <div class="ajaxcart__product">
17893            <div class="ajaxcart__row" data-line="{{line}}">
17894                <div class="grid">
17895                <div class="grid__item one-quarter">
17896                    <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt=""></a>
17897                </div>
17898                <div class="grid__item three-quarters">
17899                    <p class="d-block mb-3">
17900                    <a class="h4 d-block mb-2" href="{{url}}" class="ajaxcart__product-name">{{name}}</a>
17901                    {{#if variation}}
17902                        <span class="ajaxcart__product-meta p">{{variation}}</span>
17903                    {{/if}}
17904                    {{#properties}}
17905                        {{#each this}}
17906                        {{#if this}}
17907                            <span class="ajaxcart__product-meta p hide">{{@key}}: {{this}}</span>
17908                        {{/if}}
17909                        {{/each}}
17910                    {{/properties}}
17911                    
17912                    </p>
17913                    <div class="grid--full display-table">
17914                    <div class="grid__item display-table-cell one-half">
17915                        <div class="ajaxcart__qty">
17916                        <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}">
17917                            <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" 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>
17918                            <span class="visually-hidden">Kurangi jumlah barang</span>
17919                        </button>
17920                        <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]*">
17921                        <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}">
17922                            <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" 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>
17923                            <span class="visually-hidden">Tambahkan jumlah barang</span>
17924                        </button>
17925                        </div>
17926                    </div>
17927                    <div class="grid__item display-table-cell one-half text-right">
17928                        {{#if discountsApplied}}
17929                        <small class="ajaxcart-item__price-strikethrough"><s>{{{originalLinePrice}}}</s></small>
17930                        <br><span class="h4">{{{linePrice}}}</span>
17931                        {{else}}
17932                        <span class="h4">{{{linePrice}}}</span>
17933                        {{/if}}
17934                        </div>
17935                    </div>
17936                    {{#if discountsApplied}}
17937                        <div class="grid--full display-table">
17938                        <div class="grid__item text-right">
17939                            {{#each discounts}}
17940                            <small class="ajaxcart-item__discount">{{ this.title }}</small><br>
17941                            {{/each}}
17942                        </div>
17943                        </div>
17944                    {{/if}}
17945                    </div>
17946                    </div>
17947                </div>
17948                </div>
17949            </div>
17950            </div>
17951            {{/items}}
17952        </div>
17953        <div class="ajaxcart__footer">
17954            <div class="grid--full cart-subtotal py-2">
17955                <p>Subtotal</p>
17956                <h3 class="primary">{{{totalPrice}}}</h3>
17957            {{#if totalCartDiscount}}
17958                <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p>
17959            {{/if}}
17960            </div>
17961            
17962            <a href="/cart" class="btn btn-cta view-more btn-block cart__checkout mt-2">Checkout</a>
17963            
17964            <p class="cart-checkout-shipping hide">Free Ongkir dengan belanja di atas Rp.100.000 <a href="/pages/pengiriman">detail</a></p>
17965        </div>
17966        </form>
17967    
17968    </script>
17968
17969    
17969<script id="AjaxQty" type="text/template">
17970    
17971        <div class="ajaxcart__qty">
17972        <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}">
17973            <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="24" viewBox="0 0 32 32">
17974                <title>icon-minus</title>
17975                <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>
17976            </svg>
17977            <span class="visually-hidden">Kurangi jumlah barang</span>
17978            </button>
17979                <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*">
17980            <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-qty="{{itemAdd}}">
17981            <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" 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>
17982            <span class="visually-hidden">Tambahkan jumlah barang</span>
17983        </button>
17984        </div>
17985    
17986    </script>
17986
17987    
17987<script id="JsQty" type="text/template">
17988    
17989        <div class="js-qty mx-auto mt-2">
17990        <button type="button" class="js-qty__adjust js-qty__adjust--minus" data-id="{{key}}" data-qty="{{itemMinus}}">
17991            <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" 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>
17992            <span class="visually-hidden">Kurangi jumlah barang</span>
17993        </button>
17994        <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}">
17995        <button type="button" class="js-qty__adjust js-qty__adjust--plus" data-id="{{key}}" data-qty="{{itemAdd}}">
17996            <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" 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>
17997            <span class="visually-hidden">Tambahkan jumlah barang</span>
17998        </button>
17999        </div>
18000    
18001    </script>
18001
18002    
18003    <style>
18004    #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty button,
18005    #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty button,
18006    #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty button {display: none;}
18007    #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
18008    #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
18009    #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;opacity: 0.5;}
18010    #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
18011    #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
18012    #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;}
18013    </style>
18014        
18014<script src="//outerbloom.com/cdn/shop/t/138/assets/ajax-cart.js?v=51128912329657147331752652452" defer></script>
18014
18015        
18015<script>
18016            jQuery(function($) {
18017            ajaxCart.init({
18018                formSelector: '#AddToCartForm',
18019                cartContainer: '#CartContainer',
18020                addToCartSelector: '#AddToCartXX',
18021                cartCountSelector: '#CartCount, #CartCount2',
18022                cartCostSelector: '#CartCost',
18023                moneyFormat: "Rp {{amount_no_decimals}}"
18024            });
18025            });
18026    
18027            jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) {
18028                // Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM
18029                timber.RightDrawer.open();
18030            });
18031        </script>
18031
18032        
18033    
18034    
18035    
18036    <style>
18037    /** Search AutoComplete **/
18038    .resultsearch .ui-menu-item[data-cat="Collection"],
18039    .resultsearch .ui-menu-item[data-cat="Collection"] {display: none;}
18040    .resultsearch .ui-widget.ui-widget-content {
18041        width: 100%;
18042        top: 48px;
18043        border: none;
18044        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
18045    }
18046    .resultsearch .ui-menu-item {text-align: left;}
18047    .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: #9e1313;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: #9e1313;width: 100%;display: block;color: #ffffff;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"] span {display: none;}
18048    .ui-state-active {
18049        border: none!important;
18050        background-color: #fafafa!important;
18051        color: #000!important;
18052    }
18053    .ui-menu-item a[data-cat="Collection"] {padding: 5px 12px;}
18054    .ui-menu .ui-menu-item {line-height: normal;}
18055    </style>
18056    
18056<script>
18057    $(window).load(function(){
18058    
18059    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;}
18060    
18061    $.widget("custom.catcomplete", $.ui.autocomplete, {
18062        _renderMenu: function (ul, items) {
18063        // have search reults split up in categories
18064        var that = this,
18065            currentCategory = "";
18066        $.each(items, function (index, item) {
18067            if (item.category != currentCategory) {
18068            ul.append("<li class='ui-autocomplete-category' data-cat=" + item.category + ">" + "<span>" + item.category + "</span>" + "</li>");
18069            currentCategory = item.category;
18070            }
18071            that._renderItemData(ul, item);
18072        });
18073        }
18074    });
18075    
18076    // higlight searched for term
18077    $.ui.autocomplete.prototype._renderItem = function( ul, item ) {
18078        var term = this.element.val(),
18079            html = item.label.replace( term, "<b>$&</b>" );
18080        return $( "<li>" )
18081        .append(format(item))
18082        .appendTo( ul );
18083    };
18084    
18085    
18086    var data = [
18087        { 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: "/collec
18087tions/couple-gift", images: " ", price: " " },{ label: "Craft Sweetbox Newborn", category: "Collection", 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: " " }
18087,{ 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: " " }
18087,{ 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: " " }
18087,{ 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
18087dal", 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-
18087hampers", 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
18087o-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: " " }
18087,{ 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: " " }
18087,{ 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: " " }
18087,{ 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: " " }
18087,{ 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: " " }
18087,{ 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: " " }
18087,{ 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: " " }
18087,{ 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: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.", category: "Collection", url: "/collections/standing-flower", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Bali", category: "Collection", url: "/collections/standing-flower-bali", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Bandung", category: "Collection", url: "/collections/standing-flower-bandung", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Congratulations", category: "Collection", url: "/collections/standing-flower-congratulations", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Demak", category: "Collection", url: "/collections/standing-flower-demak", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Jepara", category: "Collection", url: "/collections/standing-flower-jepara", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Semarang", category: "Collection", url: "/collections/standing-flower-semarang", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Sidoarjo", category: "Collection", url: "/collections/standing-flower-sidoarjo", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Surabaya", category: "Collection", url: "/collections/standing-flower-surabaya", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. 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:
18087 " " },{ label: "Toko Bunga Atambua", category: "Collection", url: "/collections/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: " " }
18087,{ 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
18087dal", 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: " " },
18088        { 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" }
18088,{ 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" }
18088,{ label: "majestic red romance bouquet", category: "Produk", url: "/products/majestic-red-romance-bouquet", images: "//outerbloom.com/cdn/shop/files/OBVBUN1357_Majestic-red-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" }
18089    ];
18090    
18091                
18092            $( ".header-input-search" ).catcomplete({
18093            appendTo: ".searchResult",source: function(request, response) {
18094                var results = $.ui.autocomplete.filter(data, request.term);
18095                var predicate = function () {
18096                    var counter = { Collection: 0, Produk: 0 };
18097                var fn = function(item) {counter[item.category] += 1;return (counter[item.category] <= 5);}
18098                return fn
18099                }();
18100                response(results.filter(predicate));
18101            },
18102            minLength:1,
18103                //results are clickable
18104            select: function( event, ui ) {window.location = ui.item.url;}
18105    });
18106    $( ".header-input-search2" ).catcomplete({
18107            appendTo: ".searchResult2",
18108                        source: function(request, response) {
18109                        var results = $.ui.autocomplete.filter(data, request.term);
18110                        var predicate = function () {
18111                            var counter = { Collection: 0, Produk: 0 };
18112                var fn = function(item) {
18113                counter[item.category] += 1;
18114    return (counter[item.category] <= 5);
18115    }
18116                    return fn
18117                    }();
18118    response(results.filter(predicate));
18119    },
18120    minLength:1,
18121            //results are clickable
18122            select: function( event, ui ) {
18123            window.location = ui.item.url;
18124            }
18125    });
18126    });
18127    </script>
18127
18128    
18129        
18129<script src="//outerbloom.com/cdn/shop/t/138/assets/vendors.js?v=6349622868601634021752652419" defer></script>
18129
18130    
18130<script src="//outerbloom.com/cdn/shop/t/138/assets/app.js?v=136050180318808583701752652452" defer></script>
18130
18131    
18132    
18132<script>
18133    ( function() {
18134        var youtube = document.querySelectorAll( ".youtube" );
18135        for (var i = 0; i < youtube.length; i++) {
18136        var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault_1x.jpg";
18137        var datasource = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg";
18138        var image = new Image();
18139        image.src = source;
18140        image.setAttribute("data-src", datasource);
18141        image.classList.add("swiper-lazy");
18142        image.addEventListener( "load", function() {
18143            youtube[ i ].appendChild( image );
18144        }( i ) );
18145        youtube[i].addEventListener( "click", function() {
18146            var iframe = document.createElement( "iframe" );
18147            iframe.setAttribute( "width", "480" );
18148            iframe.setAttribute( "height", "480" );
18149            iframe.setAttribute( "frameborder", "0" );
18150            iframe.setAttribute( "allowfullscreen", "" );
18151            iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" );
18152            this.innerHTML = "";
18153            this.appendChild( iframe );
18154        } );
18155        };
18156    
18157    } )();
18158    
18159    /* Lazy Load */
18160    const mainLazyLoad = new LazyLoad({threshold:400});
18161    $(document).ready(function(){
18162    
18163        $("selectxxx").addClass("needsclick");
18164        FastClick.attach(document.body);
18165        
18166        var $customSelects = $('.select-search');
18167        $customSelects.select2({
18168        templateResult: function(result, container) {
18169            if (!result.id) {
18170            return result.text;
18171            }
18172            container.className += ' needsclick';
18173            return result.text;
18174        }
18175        });
18176        $customSelects.each(function(index, el){$(el).data('select2').$container.find('*').addClass('needsclick');});
18177        $(document).on('select2:open', () => {
18178        document.querySelector('.select2-search__field').focus();
18179        });
18180        
18181    
18182        $(".overlay").click(function(){
18183        $(".js-drawer-close").click();
18184        });
18185        $(".site-nav--mobile .js-drawer-open-left, #NavDrawer .icon-close, .overlay-nav").click(function(){
18186        $("html").toggleClass("nav_open");
18187        });
18188        
18189        $('.swatch-element label').on('click', function(){
18190        var srcImg = $(this).data('src');
18191        $('#thumb-image-product .product-single__thumbnail').each(function(){
18192            if ($(this).attr("href") == srcImg) {
18193            $(this).trigger('click');
18194            }
18195        });
18196        });
18197        var defaultValue = $(".swatch input:checked").val()
18198        
18199        $('#purchaseProduct .swatch [type=radio]').change(function() {
18200        var optionIndex = $(this).closest('.swatch').attr('data-option-index');
18201        var optionValue = $(this).val();
18202        console.log(optionIndex, optionValue)
18203        var value = parseInt(optionValue.split(' ')[0])
18204        $(this)
18205        .closest('#purchaseProduct')
18206        .find('.single-option-selector')
18207        .eq(optionIndex)
18208        .val(optionValue)
18209        .trigger('change');
18210        
18211        });
18212        
18213    });
18214    $(document).ready(function(){
18215        $(".nav-search a").click(function(e){
18216        e.preventDefault();
18217        $(".icon-navsearch").toggle();
18218        $(".icon-navclose").toggle();
18219        $(".site-nav__item > .site-nav__link").toggle();
18220        $(".open-search").toggle();
18221        $(".open-search input").focus();
18222        });
18223        $(".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'>");
18224        if ($(window).width() < 768) {
18225        $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_75x.png?v=82732945490105366961752652419' alt='Icon Valentine'>");
18226        $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_45x.png?v=101884295148001743851752652418' alt='Icon CNY'>");
18227        $(".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'>");
18228        } else {
18229        $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_60x.png?v=82732945490105366961752652419' alt='Icon Valentine'>");
18230        $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_60x.png?v=101884295148001743851752652418' alt='Icon CNY'>");
18231        $(".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'>");
18232        }
18233        $(".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'>");
18234        $(".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'>");
18235    });
18236    </script>
18236
18237    
18238    
18239        
18240        
18241        
18242        
18243    
18244        
18244<script type="text/javascript">
18245        var wishlistpage = 0;
18246            
18247            var quickShop_money_format="<span class='money'>"+"Rp {{amount_no_decimals}}"+"</span>";
18248        </script>
18248
18249        
18250        <!-- Remove duplicate wishlist.js reference -->
18251        <style>
18252    .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)}}
18253    </style>
18254    
18255    <div class="modal fade" id="modalwishlist0" tabindex="-1" role="dialog">
18256    <div class="modal-dialog" role="document">
18257        <div class="modal-content">        
18258        <div class="modal-body">Your Wishlist is empty!</div>
18259        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>          
18260        </div>
18261    </div>
18262    </div> 
18263    
18264    <div class="wishlist-model">
18265    <div class="modal fade" id="modalwishlist1" tabindex="-1" role="dialog" aria-hidden="true">
18266        <div class="modal-dialog white-modal">
18267        <div class="modal-content">
18268            <div class="modal-header">
18269            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
18270                <svg class="icon icon-close" version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32">
18271    <title>icon-close</title>
18272    <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>
18273    </svg>
18274            </button>
18275            </div>
18276            <div class="modal-body">
18277            <div class="wishlist-left">
18278                <div class="wishlist-note">
18279                <span class="cirle"><svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32">
18280    <title>icon-check</title>
18281    <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>
18282    </svg></span>
18283                Product added to <a href="/pages/wish-list">Wishlist</a>
18284                </div>
18285                <div class="wishlist-product">
18286                <div class="product-left">
18287                    <div class="wishlist-image"></div>
18288                </div>
18289                <div class="product-right">
18290                    <div class="wishlist-name"></div>
18291                    <div class="wishlist-price"></div>
18292                </div>
18293                </div>
18294            </div>
18295            <div class="wishlist-right">
18296                <div class="wishlist-cart">
18297                <form action="/cart/add" method="post" class="variants-form variants" id="AddToCartForm" enctype="multipart/form-data">                  
18298                    <div class="others-bottom">
18299                    <a class="btn btn-quick-shop" href="/pages/wish-list">View Wishlist</a>
18300                    <button type="submit" name="add" id="AddToCart" class="btn btn-cta">
18301                        <span id="AddToCartText" class="">Beli Sekarang</span>
18302                    </button>
18303                    </div>
18304                    <div id="wishlist-variants-container" class="variants-wrapper"></div> 
18305                    <div class="quantity-content">
18306                    <label>QTY</label>
18307                    <input type="number" size="5" class="" name="quantity" value="1" />
18308                    </div>
18309                </form> 
18310                </div>
18311            </div>
18312            </div>
18313        </div>
18314        </div>
18315    </div>
18316    </div>
18317    
18318        
18319        <style>
18320            .stamped-badge[data-rating="0.0"]{display: none !Important;}
18321            
18322            div[data-load-type="continue"] ul.stamped-pagination li.next a, div[data-widget-load-type="continue"] ul.stamped-pagination li.next a {
18323            border-radius: 0px;
18324        }
18325            .stamped-review-body {
18326            padding-left: 0px !important;
18327        }
18328            #product-reviews .stamped-header:after {
18329                display:none !Important;
18330            }
18331        #stamped-main-widget .stamped-container, .stamped-badge-caption,#stamped-reviews-widget {
18332            font-family:inherit !important;
18333        }
18334        </style>
18335    
18336        
18337    
18338    <div id='stamped-rewards-init' class='stamped-rewards-init'
18339    data-key-public=''
18340    
18341    ></div>
18342    
18343        
18343<script src="//outerbloom.com/cdn/shop/t/138/assets/variant-sku-handler.js?v=91239063692820757781752652418" defer></script>
18343
18344        <!-- Remove duplicate jQuery reference and load wishlist script properly -->
18345        
18345<script src="//outerbloom.com/cdn/shop/t/138/assets/wishlist-fixed.js?v=35991423018869066281754360012" defer></script>
18345
18346    
18347        
18347<script>
18348        function myInit(){ StampedFn.init({ apiKey: 'pubkey-hCS8DHE9QbBHhHN89WXFkuJ0Y3422D', sId: '23462' }); }
18349        </script>
18349
18350        
18350<script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script>
18350<style>
18351    .jss59 {
18352        background-color: rgba(0, 0, 0, 0.6);
18353    }
18354    .MuiBackdrop-root {
18355        top: 0;
18356        left: 0;
18357        right: 0;
18358        bottom: 0;
18359        display: flex;
18360        z-index: -1;
18361        position: fixed;
18362        align-items: center;
18363        justify-content: center;
18364        background-color: rgba(0, 0, 0, 0.5);
18365        -webkit-tap-highlight-color: #000000;
18366    }
18367    .MuiDialog-scrollPaper {
18368        display: flex;
18369        align-items: center;
18370        justify-content: center;
18371    }
18372    .MuiDialog-container {
18373        height: 100%;
18374        outline: 0;
18375    }
18376    .MuiPaper-elevation24 {
18377        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);
18378    }
18379    .MuiDialog-paper {
18380        margin: 32px;
18381        position: relative;
18382        overflow-y: auto;
18383    }
18384    .MuiDialog-paperScrollPaper {
18385        display: flex;
18386        max-height: calc(100% - 64px);
18387        flex-direction: column;
18388    }
18389    .MuiDialog-paperWidthSm {
18390        max-width: 600px;
18391    }
18392    #location-lock-dialog {
18393        top: 20%;
18394        left: 0;
18395        right: 0;
18396        width: 30%;
18397        margin: 0px auto;
18398        display: block;
18399        padding: 30px;
18400        z-index: 99999;
18401        position: fixed;
18402        font-size: 14px;
18403        background: rgb(0, 0, 0);
18404        box-shadow: rgba(11, 11, 12, 0.2) 2px 4px 5px 0px;
18405        text-align: center;
18406        font-family: Roboto, Arial, sans-serif;
18407        line-height: 1;
18408        border-radius: 8px;
18409        -webkit-font-smoothing: subpixel-antialiased;
18410    }
18411    .MuiButtonBase-root {
18412        color: inherit;
18413        border: 0;
18414        cursor: pointer;
18415        margin: 0;
18416        display: inline-flex;
18417        outline: 0;
18418        padding: 0;
18419        position: relative;
18420        align-items: center;
18421        user-select: none;
18422        border-radius: 0;
18423        vertical-align: middle;
18424        -moz-appearance: none;
18425        justify-content: center;
18426        text-decoration: none;
18427        background-color: #000000;
18428        -webkit-appearance: none;
18429        -webkit-tap-highlight-color: #000000;
18430    }
18431    .MuiIconButton-root {
18432        flex: 0 0 auto;
18433        color: rgba(0, 0, 0, 0.54);
18434        padding: 12px;
18435        overflow: visible;
18436        font-size: 1.5rem;
18437        text-align: center;
18438        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
18439        border-radius: 50%;
18440    }
18441    .MuiIconButton-label {
18442        width: 100%;
18443        display: flex;
18444        align-items: inherit;
18445        justify-content: inherit;
18446    }
18447    .MuiSvgIcon-root {
18448        fill: currentColor;
18449        width: 1em;
18450        height: 1em;
18451        display: inline-block;
18452        font-size: 1.5rem;
18453        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
18454        flex-shrink: 0;
18455        user-select: none;
18456    }
18457    .MuiTouchRipple-root {
18458        top: 0;
18459        left: 0;
18460        right: 0;
18461        bottom: 0;
18462        z-index: 0;
18463        overflow: hidden;
18464        position: absolute;
18465        border-radius: inherit;
18466        pointer-events: none;
18467    }
18468    .jss36 {
18469        color: #222222;
18470        font-size: 24px;
18471        font-family: Roboto, Arial, sans-serif;
18472        font-weight: 500;
18473    }
18474    .jss37 {
18475        color: #555555;
18476        padding: 10px 0px 0px;
18477        font-size: 14px;
18478    }
18479    .MuiFormGroup-root {
18480        display: flex;
18481        flex-wrap: wrap;
18482        flex-direction: column;
18483    }
18484    .MuiFormGroup-row {
18485        flex-direction: row;
18486    }
18487    .jss63 {
18488        width: 85%;
18489        margin: 15px auto;
18490        display: flex;
18491        padding: 11px 0px 0px;
18492        justify-content: space-evenly;
18493    }
18494    .MuiFormControlLabel-root {
18495        cursor: pointer;
18496        display: inline-flex;
18497        align-items: center;
18498        margin-left: -11px;
18499        margin-right: 16px;
18500        vertical-align: middle;
18501        -webkit-tap-highlight-color: #000000;
18502    }
18503    .jss70 {
18504        margin: 0;
18505    }
18506    .MuiButtonBase-root {
18507        color: inherit;
18508        border: 0;
18509        cursor: pointer;
18510        margin: 0;
18511        display: inline-flex;
18512        outline: 0;
18513        padding: 0;
18514        position: relative;
18515        align-items: center;
18516        user-select: none;
18517        border-radius: 0;
18518        vertical-align: middle;
18519        -moz-appearance: none;
18520        justify-content: center;
18521        text-decoration: none;
18522        background-color: #000000;
18523        -webkit-appearance: none;
18524        -webkit-tap-highlight-color: #000000;
18525    }
18526    .MuiIconButton-root {
18527        flex: 0 0 auto;
18528        color: rgba(0, 0, 0, 0.54);
18529        padding: 12px;
18530        overflow: visible;
18531        font-size: 1.5rem;
18532        text-align: center;
18533        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
18534        border-radius: 50%;
18535    }
18536    .MuiIconButton-colorSecondary {
18537        color: #f50057;
18538    }
18539    .jss71 {
18540        padding: 9px;
18541    }
18542    .MuiRadio-root {
18543        color: rgba(0, 0, 0, 0.54);
18544    }
18545    .jss64 {
18546        padding: 2px;
18547    }
18548    .MuiRadio-colorSecondary.Mui-checked {
18549        color: #f50057;
18550    }
18551    .MuiIconButton-label {
18552        width: 100%;
18553        display: flex;
18554        align-items: inherit;
18555        justify-content: inherit;
18556    }
18557    .MuiTypography-root {
18558        margin: 0;
18559    }
18560    .MuiTypography-body1 {
18561        font-size: 18px;
18562        font-family: Roboto,sans-serif;
18563        font-weight: 400;
18564        line-height: 1.5;
18565    }
18566    .location-popup_area-block__sp9Ws {
18567        display: -moz-box;
18568        display: flex;
18569        -moz-box-orient: vertical;
18570        -moz-box-direction: normal;
18571        flex-direction: column;
18572        -moz-box-pack: center;
18573        justify-content: center;
18574        position: relative;
18575        margin: 10px 10% 0;
18576    }
18577    .location-popup_pin-search-box__3l5mJ {
18578        width: 100%;
18579        display: -moz-box;
18580        display: flex;
18581        -moz-box-align: center;
18582        align-items: center;
18583    }
18584    .location-popup_place-icon-city__1XAX5, .location-popup_place-icon__jSG0Q {
18585        position: absolute;
18586        z-index: 999;
18587    }
18588    .location-popup_place-icon__jSG0Q {
18589        color: #ffffff;
18590        padding-left: 8px;
18591    }
18592    .location-popup_place-icon__jSG0Q svg {
18593        width: 18px;
18594        height: 18px;
18595    }
18596    .location-popup_cancel-icon__FHujU {
18597        color: #fff;
18598        right: 10px;
18599        width: 16px;
18600        cursor: pointer;
18601        height: 16px;
18602        display: none;
18603        padding: 5px;
18604        position: absolute;
18605        background: #999;
18606        text-align: center;
18607        border-radius: 50%;
18608    }
18609    .location-popup_pin-search-box__3l5mJ>div>select {
18610    /*     -webkit-box-shadow: 0 0 10px #ffffff;
18611        box-shadow: 0 0 10px #ffffff; */
18612        text-transform: capitalize;
18613        border: 1px solid #ffffff;
18614        color: #ffffff;
18615        width: 100%;
18616        margin: 0;
18617        display: -moz-box;
18618        display: flex;
18619        padding: 0 30px;
18620        -webkit-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
18621        -moz-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
18622        animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
18623        font-size: 16px;
18624        border-radius: 4px;
18625        height: 44px;
18626        moz-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
18627        webkit-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
18628    }
18629    .MuiButtonBase-root {
18630        color: inherit;
18631        border: 0;
18632        cursor: pointer;
18633        margin: 0;
18634        display: inline-flex;
18635        outline: 0;
18636        padding: 0;
18637        position: relative;
18638        align-items: center;
18639        user-select: none;
18640        border-radius: 0;
18641        vertical-align: middle;
18642        -moz-appearance: none;
18643        justify-content: center;
18644        text-decoration: none;
18645        background-color: #000000;
18646        -webkit-appearance: none;
18647        -webkit-tap-highlight-color: #000000;
18648    }
18649    .MuiButton-root {
18650        color: rgba(0, 0, 0, 0.87);
18651        padding: 6px 16px;
18652        font-size: 0.875rem;
18653        min-width: 64px;
18654        box-sizing: border-box;
18655        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;
18656        font-family: Roboto,sans-serif;
18657        font-weight: 500;
18658        line-height: 1.75;
18659        border-radius: 4px;
18660        text-transform: uppercase;
18661    }
18662    .MuiButton-contained {
18663        color: rgba(0, 0, 0, 0.87);
18664        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);
18665        background-color: #e0e0e0;
18666    }
18667    .MuiButtonBase-root.Mui-disabled {
18668        cursor: default;
18669        pointer-events: none;
18670    }
18671    .MuiButton-label {
18672        width: 100%;
18673        display: inherit;
18674        align-items: inherit;
18675        justify-content: inherit;
18676    }
18677    .cartButton_login_content__2j1f7 {
18678        display: -moz-box;
18679        display: flex;
18680        text-align: center;
18681        z-index: 9;
18682        font-size: 18px;
18683        font-weight: 500;
18684        color: #fff;
18685    }
18686    
18687    .jss35 {
18688        top: 5px;
18689        right: 5px;
18690        padding: 4px;
18691        position: absolute;
18692        border-radius: 50%;
18693    }
18694    .jss67 {
18695        cursor: pointer;
18696        font-size: 15px;
18697        line-height: 1.3;
18698        padding-left: 5px;
18699    }
18700    .jss69 {
18701        color: #222222;
18702    }
18703    .jss80 {
18704        color: #fff;
18705        width: 100%;
18706        height: 52px;
18707        padding: 11px 16px;
18708        font-size: 18px;
18709        min-width: 88px;
18710        min-height: 36px;
18711        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;
18712        font-weight: 500;
18713        line-weight: 1em;
18714        border-radius: 4px;
18715        text-transform: uppercase;
18716        background-color: #E87325;
18717    }
18718    @media (min-width: 991px){
18719        .cartButton_login_content__2j1f7 {
18720            font-weight: 500;
18721        }
18722    }
18723    
18724    @media (max-width: 992px) {
18725        #location-lock-dialog {
18726        width: 100%;
18727        top: auto;
18728        bottom: 0;
18729        padding-left: 0;
18730        padding-right: 0;
18731        }
18732        .MuiFormGroup-row {
18733        display: block
18734        }
18735        .MuiIconButton-label input {
18736        margin: 0;
18737        }
18738    }
18739    </style>
18740    <div role="presentation" class="MuiDialog-root jss34" style="display: none;position: fixed; z-index: 9999; inset: 0px;">
18741    <div class="MuiBackdrop-root" aria-hidden="true" style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"></div>
18742    <div tabindex="0" data-test="sentinelStart"></div>
18743    <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;">
18744        <div class="MuiPaper-root MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded" role="dialog">
18745        <div class="jss31 undefined" id="location-lock-dialog">
18746            <button id="close-popup-delivery" class="MuiButtonBase-root MuiIconButton-root jss35" tabindex="0" type="button" aria-label="close">
18747            <span class="MuiIconButton-label">
18748                <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
18749                <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>
18750                </svg>
18751            </span>
18752            <span class="MuiTouchRipple-root"></span>
18753            </button>
18754            <div>
18755            <div class="jss36">Select Delivery Location</div>
18756            <div class="jss37">Select a delivery location to see product availability</div>
18757            </div>
18758            <div class="MuiFormGroup-root jss63 MuiFormGroup-row" role="radiogroup">
18759            <label for="jabodetabek" class="MuiFormControlLabel-root jss45">
18760                <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 jss47 Mui-checked MuiIconButton-colorSecondary" aria-disabled="false">
18761                <span class="MuiIconButton-label">
18762                    <input id="jabodetabek" class="jss49" type="radio" value="Jabodetabek" checked="" name="location">
18763                    <span class="jss41"></span>
18764                </span>
18765                <span class="MuiTouchRipple-root"></span>
18766                </span>
18767                <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1">
18768                <span class="jss67 jss69">Jabodetabek</span>
18769                </span>
18770            </label>
18771            <label for="non-jabodetabek" class="MuiFormControlLabel-root jss45">
18772                <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 MuiIconButton-colorSecondary" aria-disabled="false">
18773                <span class="MuiIconButton-label">
18774                    <input id="non-jabodetabek" class="jss49" type="radio" value="Outside Jabodetabek" name="location">
18775                    <span class="jss40"></span>
18776                </span>
18777                <span class="MuiTouchRipple-root"></span>
18778                </span>
18779                <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1">
18780                <span class="jss67 jss68">Outside Jabodetabek</span>
18781                </span>
18782            </label>
18783            </div>
18784            <div>
18785            <div class="MuiGrid-root location-popup_area-block__sp9Ws">
18786                <div class="MuiGrid-root location-popup_pin-search-box__3l5mJ false">
18787                <div class="MuiGrid-root location-popup_place-icon__jSG0Q">
18788                    <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>
18789                </div>
18790                <div class="MuiGrid-root location-popup_cancel-icon__FHujU false">
18791                    <i class="material-icons location-popup_clear-pin__s1dRc">close</i>
18792                </div>
18793                <div style="width: 100%;">
18794                    <select id="choose-location" class="form-control">
18795                    <option value="">Choose Location</option>
18796                    <option value="jakarta">Jakarta</option>
18797                    <option value="bogor">Bogor</option>
18798                    <option value="depok">Depok</option>
18799                    <option value="tangerang">Tangerang</option>
18800                    <option value="bekasi">Bekasi</option>
18801                    </select>
18802                </div>
18803                </div>
18804            </div>
18805            </div>
18806            <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="">
18807            <span class="MuiButton-label">
18808                <span class=""></span>
18809                <span id="location-lock-continue-btn" class="cartButton_login_content__2j1f7" style="font-weight: 500;" data-content="">Continue Shopping</span>
18810            </span>
18811            </button>
18812        </div>
18813        </div>
18814    </div>
18815    <div tabindex="0" data-test="sentinelEnd"></div>
18816    </div>
18817    
18818    
18818<script>
18819    const jabodetabek = [
18820        {
18821        "code": "jakarta",
18822        "city": "jakarta",
18823        "zip": []
18824        },
18825        {
18826        "code": "bogor",
18827        "city": "bogor",
18828        "zip": []
18829        },
18830        {
18831        "code": "depok",
18832        "city": "depok",
18833        "zip": []
18834        },
18835        {
18836        "code": "tangerang",
18837        "city": "tangerang",
18838        "zip": []
18839        },
18840        {
18841        "code": "bekasi",
18842        "city": "bekasi",
18843        "zip": []
18844        }
18845    ]
18846    let cityNonJabodetabek = [
18847        
18848        
18849        
18850        
18851        
18852        
18853        
18854        
18855        
18856        
18857        
18858        
18859        
18860        
18861        
18862        
18863        
18864        
18865        
18866        
18867        
18868        
18869        
18870        
18871        
18872        
18873        
18874        
18875        
18876        
18877        
18878        
18879        
18880        
18881        
18882        
18883        
18884        
18885        
18886        
18887        
18888        
18889        
18890        
18891        
18892        
18893        
18894        
18895        
18896        
18897        
18898        
18899        
18900        
18901        
18902        
18903        
18904        
18905        
18906        
18907        
18908        
18909        
18910        
18911        
18912        
18913        
18914        
18915        
18916        
18917        
18918        
18919        
18920        
18921        
18922        
18923        
18924        
18925        
18926        
18927        
18928        
18929        
18930        
18931        
18932        
18933        
18934        
18935        
18936        
18937        
18938        
18939        
18940        
18941        
18942        
18943        
18944        
18945        
18946        
18947        
18948        
18949        
18950        
18951        
18952        
18953        
18954        
18955        
18956        
18957        
18958        
18959        
18960        
18961        
18962        
18963        
18964        
18965        
18966        
18967        
18968        
18969        
18970        
18971        
18972        
18973        
18974        
18975        
18976        
18977        
18978        
18979        
18980        
18981        
18982        
18983        
18984        
18985        
18986        
18987        
18988        
18989        
18990        
18991        
18992        
18993        
18994        
18995        
18996        
18997        
18998        
18999        
19000        
19001        
19002        
19003        
19004        
19005        
19006        
19007        
19008        
19009        
19010        
19011        
19012        
19013        
19014        
19015        
19016        
19017        
19018        
19019        
19020        
19021        
19022        
19023        
19024        
19025        
19026        
19027        
19028        
19029        
19030        
19031        
19032        
19033        
19034        
19035        
19036        
19037        
19038        
19039        
19040        
19041        
19042        
19043        
19044        
19045        
19046        
19047        
19048        
19049        
19050        
19051        
19052        
19053        
19054        
19055        
19056        
19057        
19058        
19059        
19060        
19061        
19062        
19063        
19064        
19065        
19066        
19067        
19068        
19069        
19070        
19071        
19072        
19073        
19074        
19075        
19076        
19077        
19078        
19079        
19080        
19081        
19082        
19083        
19084        
19085        
19086        
19087        
19088        
19089        
19090        
19091        
19092        
19093        
19094        
19095        
19096        
19097        
19098        
19099        
19100        
19101        
19102        
19103        
19104        
19105        
19106        
19107        
19108        
19109        
19110        
19111        
19112        
19113        
19114        
19115        
19116        
19117        
19118        
19119        
19120        
19121        
19122        
19123        
19124        
19125        
19126        
19127        
19128        
19129        
19130        
19131        
19132        
19133        
19134        
19135        
19136        
19137        
19138        
19139        
19140        
19141        
19142        
19143        
19144        
19145        
19146        
19147        
19148        
19149        
19150        
19151        
19152        
19153        
19154        
19155        
19156        
19157        
19158        
19159        
19160        
19161        
19162        
19163        
19164        
19165        
19166        
19167        
19168        
19169        
19170        
19171        
19172        
19173        
19174        
19175        
19176        
19177        
19178        
19179        
19180        
19181        
19182        
19183        
19184        
19185        
19186        
19187        
19188        
19189        
19190        
19191        
19192        
19193        
19194        
19195        
19196        
19197        
19198        
19199        
19200        
19201        
19202        
19203        
19204        
19205        
19206        
19207        
19208        
19209        
19210        
19211        
19212        
19213        
19214        
19215        
19216        
19217        
19218        
19219        
19220        
19221        
19222        
19223        
19224        
19225        
19226        
19227        
19228        
19229        
19230        
19231        
19232        
19233        
19234        
19235        
19236        
19237        
19238        
19239        
19240        
19241        
19242        
19243        
19244        
19245        
19246        
19247        
19248        
19249        
19250        
19251        
19252        
19253        
19254        
19255        
19256        
19257        
19258        
19259        
19260        
19261        
19262        
19263        
19264        
19265        
19266        
19267        
19268        
19269        
19270        
19271        
19272        
19273        
19274        
19275        
19276        
19277        
19278        
19279        
19280        
19281        
19282        
19283        
19284        
19285        
19286        
19287        
19288        
19289        
19290        
19291        
19292        
19293        
19294        
19295        
19296        
19297        
19298        
19299        
19300        
19301        
19302        
19303        
19304        
19305        
19306        
19307        
19308        
19309        
19310        
19311        
19312        
19313        
19314        
19315        
19316        
19317        
19318        
19319        
19320        
19321        
19322        
19323        
19324        
19325        
19326        
19327        
19328        
19329        
19330        
19331        
19332        
19333        
19334        
19335        
19336        
19337        
19338        
19339        
19340        
19341        
19342        
19343        
19344        
19345        
19346        
19347        
19348        
19349        
19350        
19351        
19352        
19353        
19354        
19355        
19356        
19357        
19358        
19359        
19360        
19361        
19362        
19363        
19364        
19365        
19366        
19367        
19368        
19369        
19370        
19371        
19372        
19373        
19374        
19375        
19376        
19377        
19378        
19379        
19380        
19381        
19382        
19383        
19384        
19385        
19386        
19387        
19388        
19389        
19390        
19391        
19392        
19393        
19394        
19395        
19396        
19397        
19398        
19399        
19400        
19401        
19402        
19403        
19404        
19405        
19406        
19407        
19408        
19409        
19410        
19411        
19412        
19413        
19414        
19415        
19416        
19417        
19418        
19419        
19420        
19421        
19422        
19423        
19424        
19425        
19426        
19427        
19428        
19429        
19430        
19431        
19432        
19433        
19434        
19435        
19436        
19437        
19438        
19439        
19440        
19441        
19442        
19443        
19444        
19445        
19446        
19447        
19448        
19449        
19450        
19451        
19452        
19453        
19454        
19455        
19456        
19457        
19458        
19459        
19460        
19461        
19462        
19463        
19464        
19465        
19466        
19467        
19468        
19469        
19470        
19471        
19472        
19473        
19474        
19475        
19476        
19477        
19478        
19479        
19480        
19481        
19482        
19483        
19484        
19485        
19486        
19487        
19488        
19489        
19490        
19491        
19492        
19493        
19494        
19495        
19496        
19497        
19498        
19499        
19500        
19501        
19502        
19503        
19504        
19505        
19506        
19507        
19508        
19509        
19510        
19511        
19512        
19513        
19514        
19515        
19516        
19517        
19518        
19519        
19520        
19521        
19522        
19523        
19524        
19525        
19526        
19527        
19528        
19529        
19530        
19531        
19532        
19533        
19534        
19535        
19536        
19537        
19538        
19539        
19540        
19541        
19542        
19543        
19544        
19545        
19546        
19547        
19548        
19549        
19550        
19551        
19552        
19553        
19554        
19555        
19556        
19557        
19558        
19559        
19560        
19561        
19562        
19563        
19564        
19565        
19566        
19567        
19568        
19569        
19570        
19571        
19572        
19573        
19574        
19575        
19576        
19577        
19578        
19579        
19580        
19581        
19582        
19583        
19584        
19585        
19586        
19587        
19588        
19589        
19590        
19591        
19592        
19593        
19594        
19595        
19596        
19597        
19598        
19599        
19600        
19601        
19602        
19603        
19604        
19605        
19606        
19607        
19608        
19609        
19610        
19611        
19612        
19613        
19614        
19615        
19616        
19617        
19618        
19619        
19620        
19621        
19622        
19623        
19624        
19625        
19626        
19627        
19628        
19629        
19630        
19631        
19632        
19633        
19634        
19635        
19636        
19637        
19638        
19639        
19640        
19641        
19642        
19643        
19644        
19645        
19646        
19647        
19648        
19649        
19650        
19651        
19652        
19653        
19654        
19655        
19656        
19657        
19658        
19659        
19660        
19661        
19662        
19663        
19664        
19665        
19666        
19667        
19668        
19669        
19670        
19671        
19672        
19673        
19674        
19675        
19676        
19677        
19678        
19679        
19680        
19681        
19682        
19683        
19684        
19685        
19686        
19687        
19688        
19689        
19690        
19691        
19692        
19693        
19694        
19695        
19696        
19697        
19698        
19699        
19700        
19701        
19702        
19703        
19704        
19705        
19706        
19707        
19708        
19709        
19710        
19711        
19712        
19713        
19714        
19715        
19716        
19717        
19718        
19719        
19720        
19721        
19722        
19723        
19724        
19725        
19726        
19727        
19728        
19729        
19730        
19731        
19732        
19733        
19734        
19735        
19736        
19737        
19738        
19739        
19740        
19741        
19742        
19743        
19744        
19745        
19746        
19747        
19748        
19749        
19750        
19751        
19752        
19753        
19754        
19755        
19756        
19757        
19758        
19759        
19760        
19761        
19762        
19763        
19764        
19765        
19766        
19767        
19768        
19769        
19770        
19771        
19772        
19773        
19774        
19775        
19776        
19777        
19778        
19779        
19780        
19781        
19782        
19783        
19784        
19785        
19786        
19787        
19788        
19789        
19790        
19791        
19792        
19793        
19794        
19795        
19796        
19797        
19798        
19799        
19800        
19801        
19802        
19803        
19804        
19805        
19806        
19807        
19808        
19809        
19810        
19811        
19812        
19813        
19814        
19815        
19816        
19817        
19818        
19819        
19820        
19821        
19822        
19823        
19824        
19825        
19826        
19827        
19828        
19829        
19830        
19831        
19832        
19833        
19834        
19835        
19836        
19837        
19838        
19839        
19840        
19841        
19842        
19843        
19844        
19845        
19846        
19847        
19848        
19849        
19850        
19851        
19852        
19853        
19854        
19855        
19856        
19857        
19858        
19859        
19860        
19861        
19862        
19863        
19864        
19865        
19866        
19867        
19868        
19869        
19870        
19871        
19872        
19873        
19874        
19875        
19876        
19877        
19878        
19879        
19880        
19881        
19882        
19883        
19884        
19885        
19886        
19887        
19888        
19889        
19890        
19891        
19892        
19893        
19894        
19895        
19896        
19897        
19898        
19899        
19900        
19901        
19902        
19903        
19904        
19905        
19906        
19907        
19908        
19909        
19910        
19911        
19912        
19913        
19914        
19915        
19916        
19917        
19918        
19919        
19920        
19921        
19922        
19923        
19924        
19925        
19926        
19927        
19928        
19929        
19930        
19931        
19932        
19933        
19934        
19935        
19936        
19937        
19938        
19939        
19940        
19941        
19942        
19943        
19944        
19945        
19946        
19947        
19948        
19949        
19950        
19951        
19952        
19953        
19954        
19955        
19956        
19957        
19958        
19959        
19960        
19961        
19962        
19963        
19964        
19965        
19966        
19967        
19968        
19969        
19970        
19971        
19972        
19973        
19974        
19975        
19976        
19977        
19978        
19979        
19980        
19981        
19982        
19983        
19984        
19985        
19986        
19987        
19988        
19989        
19990        
19991        
19992        
19993        
19994        
19995        
19996        
19997        
19998        
19999        
20000        
20001        
20002        
20003        
20004        
20005        
20006        
20007        
20008        
20009        
20010        
20011        
20012        
20013        
20014        
20015        
20016        
20017        
20018        
20019        
20020        "pengiriman_aceh",
20021        
20022        
20023        
20024        
20025        
20026        "pengiriman_ambon",
20027        
20028        
20029        
20030        
20031        
20032        "pengiriman_atambua",
20033        
20034        
20035        
20036        
20037        
20038        "pengiriman_badung",
20039        
20040        
20041        
20042        
20043        
20044        "pengiriman_bali",
20045        
20046        
20047        
20048        
20049        
20050        "pengiriman_balikpapan",
20051        
20052        
20053        
20054        
20055        
20056        "pengiriman_bandar lampung",
20057        
20058        
20059        
20060        
20061        
20062        "pengiriman_bandung",
20063        
20064        
20065        
20066        
20067        
20068        "pengiriman_bandung barat",
20069        
20070        
20071        
20072        
20073        
20074        "pengiriman_banjarmasin",
20075        
20076        
20077        
20078        
20079        
20080        "pengiriman_banyumas",
20081        
20082        
20083        
20084        
20085        
20086        "pengiriman_banyuwangi",
20087        
20088        
20089        
20090        
20091        
20092        "pengiriman_batam",
20093        
20094        
20095        
20096        
20097        
20098        
20099        
20100        
20101        
20102        "pengiriman_biak",
20103        
20104        
20105        
20106        
20107        
20108        "pengiriman_binjai",
20109        
20110        
20111        
20112        
20113        
20114        "pengiriman_blitar",
20115        
20116        
20117        
20118        
20119        
20120        "pengiriman_blora",
20121        
20122        
20123        
20124        
20125        
20126        
20127        
20128        
20129        
20130        "pengiriman_bojonegoro",
20131        
20132        
20133        
20134        
20135        
20136        "pengiriman_boyolali",
20137        
20138        
20139        
20140        
20141        
20142        "pengiriman_bukittinggi",
20143        
20144        
20145        
20146        
20147        
20148        "pengiriman_buleleng",
20149        
20150        
20151        
20152        
20153        
20154        "pengiriman_ciamis",
20155        
20156        
20157        
20158        
20159        
20160        "pengiriman_cianjur",
20161        
20162        
20163        
20164        
20165        
20166        "pengiriman_cibinong",
20167        
20168        
20169        
20170        
20171        
20172        "pengiriman_cikarang",
20173        
20174        
20175        
20176        
20177        
20178        "pengiriman_cikupa",
20179        
20180        
20181        
20182        
20183        
20184        "pengiriman_cilacap",
20185        
20186        
20187        
20188        
20189        
20190        "pengiriman_cileunyi",
20191        
20192        
20193        
20194        
20195        
20196        "pengiriman_cimahi",
20197        
20198        
20199        
20200        
20201        
20202        "pengiriman_cirebon",
20203        
20204        
20205        
20206        
20207        
20208        "pengiriman_ciwidey",
20209        
20210        
20211        
20212        
20213        
20214        "pengiriman_deli serdang",
20215        
20216        
20217        
20218        
20219        
20220        "pengiriman_demak",
20221        
20222        
20223        
20224        
20225        
20226        "pengiriman_denpasar",
20227        
20228        
20229        
20230        
20231        
20232        
20233        
20234        
20235        
20236        "pengiriman_garut",
20237        
20238        
20239        
20240        
20241        
20242        "pengiriman_gianyar",
20243        
20244        
20245        
20246        
20247        
20248        "pengiriman_gresik",
20249        
20250        
20251        
20252        
20253        
20254        "pengiriman_gunung kidul",
20255        
20256        
20257        
20258        
20259        
20260        
20261        
20262        
20263        
20264        "pengiriman_jambi",
20265        
20266        
20267        
20268        
20269        
20270        "pengiriman_jayapura",
20271        
20272        
20273        
20274        
20275        
20276        "pengiriman_jember",
20277        
20278        
20279        
20280        
20281        
20282        "pengiriman_jepara",
20283        
20284        
20285        
20286        
20287        
20288        "pengiriman_jombang",
20289        
20290        
20291        
20292        
20293        
20294        "pengiriman_karanganyar",
20295        
20296        
20297        
20298        
20299        
20300        "pengiriman_karawang",
20301        
20302        
20303        
20304        
20305        
20306        "pengiriman_karo",
20307        
20308        
20309        
20310        
20311        
20312        "pengiriman_kebumen",
20313        
20314        
20315        
20316        
20317        
20318        "pengiriman_kediri",
20319        
20320        
20321        
20322        
20323        
20324        "pengiriman_keerom",
20325        
20326        
20327        
20328        
20329        
20330        "pengiriman_kendal",
20331        
20332        
20333        
20334        
20335        
20336        "pengiriman_klaten",
20337        
20338        
20339        
20340        
20341        
20342        
20343        
20344        
20345        
20346        "pengiriman_kudus",
20347        
20348        
20349        
20350        
20351        
20352        "pengiriman_kupang",
20353        
20354        
20355        
20356        
20357        
20358        "pengiriman_lainnya",
20359        
20360        
20361        
20362        
20363        
20364        "pengiriman_lamongan",
20365        
20366        
20367        
20368        
20369        
20370        "pengiriman_lampung",
20371        
20372        
20373        
20374        
20375        
20376        "pengiriman_lampung barat",
20377        
20378        
20379        
20380        
20381        
20382        "pengiriman_lembang",
20383        
20384        
20385        
20386        
20387        
20388        "pengiriman_lombok",
20389        
20390        
20391        
20392        
20393        
20394        "pengiriman_lumajang",
20395        
20396        
20397        
20398        
20399        
20400        "pengiriman_madiun",
20401        
20402        
20403        
20404        
20405        
20406        "pengiriman_magelang",
20407        
20408        
20409        
20410        
20411        
20412        "pengiriman_majalengka",
20413        
20414        
20415        
20416        
20417        
20418        "pengiriman_makassar",
20419        
20420        
20421        
20422        
20423        
20424        "pengiriman_malang",
20425        
20426        
20427        
20428        
20429        
20430        "pengiriman_manado",
20431        
20432        
20433        
20434        
20435        
20436        "pengiriman_medan",
20437        
20438        
20439        
20440        
20441        
20442        "pengiriman_mengwi",
20443        
20444        
20445        
20446        
20447        
20448        "pengiriman_mojokerto",
20449        
20450        
20451        
20452        
20453        
20454        "pengiriman_nganjuk",
20455        
20456        
20457        
20458        
20459        
20460        "pengiriman_ngawi",
20461        
20462        
20463        
20464        
20465        
20466        "pengiriman_padang",
20467        
20468        
20469        
20470        
20471        
20472        "pengiriman_palembang",
20473        
20474        
20475        
20476        
20477        
20478        "pengiriman_pasuruan",
20479        
20480        
20481        
20482        
20483        
20484        "pengiriman_pati",
20485        
20486        
20487        
20488        
20489        
20490        "pengiriman_pekalongan",
20491        
20492        
20493        
20494        
20495        
20496        "pengiriman_pekanbaru",
20497        
20498        
20499        
20500        
20501        
20502        "pengiriman_pemalang",
20503        
20504        
20505        
20506        
20507        
20508        "pengiriman_ponorogo",
20509        
20510        
20511        
20512        
20513        
20514        "pengiriman_pontianak",
20515        
20516        
20517        
20518        
20519        
20520        "pengiriman_probolinggo",
20521        
20522        
20523        
20524        
20525        
20526        "pengiriman_purbalingga",
20527        
20528        
20529        
20530        
20531        
20532        "pengiriman_purwakarta",
20533        
20534        
20535        
20536        
20537        
20538        "pengiriman_purwokerto",
20539        
20540        
20541        
20542        
20543        
20544        "pengiriman_rembang",
20545        
20546        
20547        
20548        
20549        
20550        "pengiriman_riau",
20551        
20552        
20553        
20554        
20555        
20556        "pengiriman_salatiga",
20557        
20558        
20559        
20560        
20561        
20562        "pengiriman_samarinda",
20563        
20564        
20565        
20566        
20567        
20568        "pengiriman_semarang",
20569        
20570        
20571        
20572        
20573        
20574        "pengiriman_sentani",
20575        
20576        
20577        
20578        
20579        
20580        "pengiriman_serang",
20581        
20582        
20583        
20584        
20585        
20586        "pengiriman_sidoarjo",
20587        
20588        
20589        
20590        
20591        
20592        "pengiriman_singkawang",
20593        
20594        
20595        
20596        
20597        
20598        "pengiriman_sragen",
20599        
20600        
20601        
20602        
20603        
20604        "pengiriman_subang",
20605        
20606        
20607        
20608        
20609        
20610        "pengiriman_sukabumi",
20611        
20612        
20613        
20614        
20615        
20616        "pengiriman_sumbawa",
20617        
20618        
20619        
20620        
20621        
20622        "pengiriman_surabaya",
20623        
20624        
20625        
20626        
20627        
20628        "pengiriman_surakarta solo",
20629        
20630        
20631        
20632        
20633        
20634        
20635        
20636        
20637        
20638        "pengiriman_tasikmalaya",
20639        
20640        
20641        
20642        
20643        
20644        "pengiriman_tegal",
20645        
20646        
20647        
20648        
20649        
20650        "pengiriman_timika",
20651        
20652        
20653        
20654        
20655        
20656        "pengiriman_wamena",
20657        
20658        
20659        
20660        
20661        
20662        "pengiriman_wiyung",
20663        
20664        
20665        
20666        
20667        
20668        "pengiriman_wonokromo",
20669        
20670        
20671        
20672        
20673        
20674        "pengiriman_yogyakarta",
20675        
20676        
20677        
20678        
20679        
20680        
20681        
20682        
20683        
20684        
20685        
20686        
20687        
20688        
20689        
20690        
20691        
20692        
20693        
20694        
20695        
20696        
20697        
20698        
20699        
20700        
20701        
20702        
20703        
20704        
20705        
20706        
20707        
20708        
20709        
20710        
20711        
20712        
20713        
20714        
20715        
20716        
20717        
20718        
20719        
20720        
20721        
20722        
20723        
20724        
20725        
20726        
20727        
20728        
20729        
20730        
20731        
20732        
20733        
20734        
20735        
20736        
20737        
20738        
20739        
20740        
20741        
20742        
20743        
20744        
20745        
20746        
20747        
20748        
20749        
20750        
20751        
20752        
20753        
20754        
20755        
20756        
20757        
20758        
20759        
20760        
20761        
20762        
20763        
20764        
20765        
20766        
20767        
20768        
20769        
20770        
20771        
20772        
20773        
20774        
20775        
20776        
20777        
20778        
20779        
20780        
20781        
20782        
20783        
20784        
20785        
20786        
20787        
20788        
20789        
20790        
20791        
20792        
20793        
20794        
20795        
20796        
20797        
20798        
20799        
20800        
20801        
20802        
20803        
20804        
20805        
20806        
20807        
20808        
20809        
20810        
20811        
20812        
20813        
20814        
20815        
20816        
20817        
20818        
20819        
20820        
20821        
20822        
20823        
20824        
20825        
20826        
20827        
20828        
20829        
20830        
20831        
20832        
20833        
20834        
20835        
20836        
20837        
20838        
20839        
20840        
20841        
20842        
20843        
20844        
20845        
20846        
20847        
20848        
20849        
20850        
20851        
20852        
20853        
20854        
20855        
20856        
20857        
20858        
20859        
20860        
20861        
20862        
20863        
20864        
20865        
20866        
20867        
20868        
20869        
20870        
20871        
20872        
20873        
20874        
20875        
20876        
20877        
20878        
20879        
20880        
20881        
20882        
20883        
20884        
20885        
20886        
20887        
20888        
20889        
20890        
20891        
20892        
20893        
20894        
20895        
20896        
20897        
20898        
20899        
20900        
20901        
20902        
20903        
20904        
20905        
20906        
20907        
20908        
20909        
20910        
20911        
20912        
20913        
20914        
20915        
20916        
20917        
20918        
20919        
20920        
20921        
20922        
20923        
20924        
20925        
20926        
20927        
20928        
20929        
20930        
20931        
20932        
20933        
20934        
20935        
20936        
20937        
20938        
20939        
20940        
20941        
20942        
20943        
20944        
20945        
20946        
20947        
20948        
20949        
20950        
20951        
20952        
20953        
20954        
20955        
20956        
20957        
20958        
20959        
20960        
20961        
20962        
20963        
20964        
20965        
20966        
20967        
20968        
20969        
20970        
20971        
20972        
20973        
20974        
20975        
20976        
20977        
20978        
20979        
20980        
20981        
20982        
20983        
20984        
20985        
20986        
20987        
20988        
20989        
20990        
20991        
20992        
20993        
20994        
20995        
20996        
20997        
20998        
20999        
21000        
21001        
21002        
21003        
21004        
21005        
21006        
21007        
21008        
21009        
21010        
21011        
21012        
21013        
21014        
21015        
21016        
21017        
21018        
21019        
21020        
21021        
21022        
21023        
21024        
21025        
21026        
21027        
21028        
21029        
21030        
21031        
21032        
21033        
21034        
21035        
21036        
21037        
21038        
21039        
21040        
21041        
21042        
21043        
21044        
21045        
21046        
21047        
21048        
21049        
21050        
21051        
21052        
21053        
21054        
21055        
21056        
21057        
21058        
21059        
21060        
21061        
21062        
21063        
21064        
21065        
21066        
21067        
21068        
21069        
21070        
21071        
21072        
21073        
21074        
21075        
21076        
21077        
21078        
21079        
21080        
21081        
21082        
21083        
21084        
21085        
21086        
21087        
21088        
21089        
21090        
21091        
21092        
21093        
21094        
21095        
21096        
21097        
21098        
21099        
21100        
21101        
21102        
21103        
21104        
21105        
21106        
21107        
21108        
21109        
21110        
21111        
21112        
21113        
21114        
21115        
21116        
21117        
21118        
21119        
21120        
21121        
21122        
21123        
21124        
21125        
21126        
21127        
21128        
21129        
21130        
21131        
21132        
21133        
21134        
21135        
21136        
21137        
21138        
21139        
21140        
21141        
21142        
21143        
21144        
21145        
21146        
21147        
21148        
21149        
21150        
21151        
21152        
21153        
21154        
21155        
21156        
21157        
21158        
21159        
21160        
21161        
21162        
21163        
21164        
21165        
21166        
21167        
21168        
21169        
21170        
21171        
21172        
21173        
21174        
21175        
21176        
21177        
21178        
21179        
21180        
21181        
21182        
21183        
21184        
21185        
21186        
21187        
21188        
21189        
21190        
21191        
21192        
21193        
21194        
21195        
21196        
21197        
21198        
21199        
21200        
21201        
21202        
21203        
21204        
21205        
21206        
21207        
21208        
21209        
21210        
21211        
21212        
21213        
21214        
21215        
21216        
21217        
21218        
21219        
21220        
21221        
21222        
21223        
21224        
21225        
21226        
21227        
21228        
21229        
21230        
21231        
21232        
21233        
21234        
21235        
21236        
21237        
21238        
21239        
21240        
21241        
21242        
21243        
21244        
21245        
21246        
21247        
21248        
21249        
21250        
21251        
21252        
21253        
21254        
21255        
21256        
21257        
21258        
21259        
21260        
21261        
21262        
21263        
21264        
21265        
21266        
21267        
21268        
21269        
21270        
21271        
21272        
21273        
21274        
21275        
21276        
21277        
21278        
21279        
21280        
21281        
21282        
21283        
21284    ]
21285    console.log(cityNonJabodetabek)
21286    let non_jabodetabek = []
21287    for(var i=0;i<cityNonJabodetabek.length;i++) {
21288        const obj = {
21289        "code": cityNonJabodetabek[i].toLowerCase().replace('pengiriman_', '').replace(' ','-'),
21290        "city": cityNonJabodetabek[i].replace('pengiriman_', '').replace(' ','-'),
21291        "zip": []
21292        }
21293        non_jabodetabek.push(obj)
21294    }
21295    let current_location = getCookie("location_delivery")
21296    $("[name=location]").change(function(){
21297        let v = $(this).val()
21298        let option = []
21299        if(v == 'Jabodetabek') {
21300        for(var i=0;i<jabodetabek.length;i++) {
21301            const jabodetabekHtml = `<option value=${jabodetabek[i].city}>${jabodetabek[i].city}</option>`
21302            option.push(jabodetabekHtml)
21303        }
21304        $("#choose-location").html(`<option value="">Choose Location</option>${option}`)
21305        } else {
21306        for(var i=0;i<non_jabodetabek.length;i++) {
21307            const nonjabodetabekHtml = `<option value=${non_jabodetabek[i].city}>${non_jabodetabek[i].city}</option>`
21308            option.push(nonjabodetabekHtml)
21309        }
21310        $("#choose-location").html(`<option value="">Choose Location</option>${option}`)
21311        }
21312    })
21313    
21314    $("#location-lock-submit").click(function(e){
21315        let select = $("#choose-location")
21316        let value = select.val().toLowerCase()
21317        console.log(value)
21318        if(select.val() == "") {
21319        return alert("Choose Your Location")
21320        e.preventDefault()
21321        }
21322        setCookie("location_delivery",value,1000000);
21323        
21324        location.reload();
21325        
21326    })
21327    
21328    $("#close-popup-delivery").click(function(){
21329        $(".MuiDialog-root").hide()
21330        if(!current_location){
21331        setCookie("location_delivery","jakarta",1000000);
21332        $("#loc_delivery_city, #loc_delivery_city_mobile").text("Jakarta")
21333        }
21334    })
21335    $("#loc_delivery, #loc_delivery_mobile").click(function(){
21336        $(".MuiDialog-root").show()
21337    })
21338    
21339    
21340    if(!current_location){
21341        
21342    } else {
21343        $("#loc_delivery_city, #loc_delivery_city_mobile").text(current_location)
21344        console.log(current_location)
21345        $("#choose-location").each(function(){
21346        if(current_location == 'jakarta' || current_location == 'depok' || current_location == 'bogor' || current_location == 'tangerang' || current_location == 'bekasi'){
21347            $("#jabodetabek").trigger("click")
21348        } else {
21349            $("#non-jabodetabek").trigger("click")
21350        }
21351        $("#choose-location").find("option[value="+current_location+"]").attr("selected", "selected")
21352        })
21353    }
21354    
21355    // 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'){
21356    //   $("#timeMalam").attr("disabled", false)
21357    // } else {
21358    //   $("#timeMalam").attr("disabled", true)
21359    // }
21360    
21361    if(current_location && current_location != 'jakarta') {
21362        $("#self-pickup").attr("disabled", true)
21363    }
21364    
21365    function setCookie(name,value,days) {
21366        var expires = "";
21367        if (days) {
21368        var date = new Date();
21369        date.setTime(date.getTime() + (days*24*60*60*1000));
21370        expires = "; expires=" + date.toUTCString();
21371        }
21372        document.cookie = name + "=" + (value || "")  + expires + "; path=/";
21373    }
21374    function getCookie(name) {
21375        var nameEQ = name + "=";
21376        var ca = document.cookie.split(';');
21377        for(var i=0;i < ca.length;i++) {
21378        var c = ca[i];
21379        while (c.charAt(0)==' ') c = c.substring(1,c.length);
21380        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
21381        }
21382        return null;
21383    }
21384    </script>
21384
21385    <!-- One Tap -->
21386        
21386<script>
21387        console.log("Outerbloom...");
21388        </script>
21388
21389    <div id="shopify-block-ANVEzSUcxTUxZOGpwZ__9703700522657871012" class="shopify-block shopify-app-block">
21390    
21391    
21392    
21393    
21394    
21395    
21396    
21397    
21398    
21399    
21400    
21401    
21402    
21403    
21404    
21405    
21406    
21407    
21408    
21409    
21410    
21411    
21412    
21413    
21414    
21415    
21416    
21417    
21418    
21419    
21420    
21421    
21422    
21423    
21424    
21425    
21426    
21427    
21428    
21429    
21430    
21431    
21432    
21433    
21434    
21435    
21436    <link rel="stylesheet" href="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.css" />
21437    
21437<script src="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.js" defer></script>
21437
21438    
21438<script>
21439    const widgetConfig = {
21440        id: "clz7897za002cz7otleaz0d3d",
21441        showQuickResponse: false,
21442        quickResponsesData: [],
21443        themeColor: "#ffffff",
21444        widgetText: "",
21445        radiusType: "circle",
21446        widgetIconType: "whatsapp",
21447        position: "right",
21448        storeLogo: "",
21449        storeName: "Outerbloom",
21450        storeDescription: "",
21451        size: "small",
21452        showCard: false,
21453        widgetColorType: "solid",
21454        widgetColor1: "#008069",
21455        widgetColor2: "#008069",
21456        social: {
21457        socialOrders: ["instagram","tiktok","facebook","x","youtube","linkedin","email"],
21458        values: {
21459            instagram: {
21460            enabled: false,
21461            value: "",
21462            },
21463            facebook: {
21464            enabled: false,
21465            value: "",
21466            },
21467            email: {
21468            enabled: false,
21469            value: "",
21470            },
21471            x: {
21472            enabled: false,
21473            value: "",
21474            },
21475            tiktok: {
21476            enabled: false,
21477            value: "",
21478            },
21479            linkedin: {
21480            enabled: false,
21481            value: "",
21482            },
21483            youtube: {
21484            enabled: false,
21485            value: "",
21486            },
21487        },
21488        },
21489    };
21490    
21491    function initializeWidget() {
21492        if (typeof BBBWidget !== 'undefined') {
21493        BBBWidget.init(widgetConfig);
21494        } else {
21495        setTimeout(initializeWidget, 100);
21496        }
21497    }
21498    
21499    initializeWidget();</script>
21499
21500    
21501    
21502    </div><div id="shopify-block-ATzRpVTBPU3k1R2pnW__286197278318599166" class="shopify-block shopify-app-block">
21503    
21504    
21505    <div style="position: fixed; bottom: 0; right: 0"></div>
21506    
21507    
21507<script>
21508    console.info("bitlogin extension version: v2.5.7");
21509    
21510    const googleScript = document.createElement("script");
21511    googleScript.setAttribute("src", "https://accounts.google.com/gsi/client");
21512    document.head.append(googleScript);
21513    
21514    const bitLoginBaseUrl = "https://api.bitbybit.studio";
21515    const apiUrl = `${bitLoginBaseUrl}/bitlogin/api`;
21516    
21517    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"}};
21518    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
21518n1.oa2-cs.v1.1cb5f9085a202341f60daf5a7be16c570ccc0b4bd5908b3afd080f34e9b8935d","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null}];
21519    const redirectUrl = appearance.redirectLink;
21520    
21521    let locationCacheSet = false;
21522    let errorLocation = false;
21523    let oneTapSet = false;
21524    
21525    let bitloginCache = {
21526    appearance: appearance,
21527    config: config
21528    };
21529    
21530    let isInitializing = false;
21531    const queue = [];
21532    
21533    // Add CSS for the popup
21534    const popupStyles = document.createElement('style');
21535    popupStyles.textContent = `
21536    /* Styles for login popup */
21537    .bitlogin-popup-overlay {
21538        position: fixed;
21539        top: 0;
21540        left: 0;
21541        width: 100%;
21542        height: 100%;
21543        background: rgba(0, 0, 0, 0.45);
21544        backdrop-filter: blur(4px);
21545        display: flex;
21546        align-items: center;
21547        justify-content: center;
21548        opacity: 0;
21549        transition: opacity 0.3s ease-in-out;
21550        z-index: 999999;
21551    }
21552    
21553    .bitlogin-popup-overlay.visible {
21554        opacity: 1;
21555    }
21556    
21557    .bitlogin-popup {
21558        background: #FFFFFF;
21559        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
21560        border-radius: 16px;
21561        width: 100%;
21562        max-width: 560px;
21563        display: flex;
21564        overflow: hidden;
21565        position: relative;
21566        opacity: 0;
21567        transform: translateY(20px) scale(0.98);
21568        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
21569    }
21570    
21571    .bitlogin-popup.visible {
21572        opacity: 1;
21573        transform: translateY(0) scale(1);
21574    }
21575    
21576    .bitlogin-popup-with-image {
21577        max-width: 640px;
21578    }
21579    
21580    .bitlogin-popup-right-image {
21581        flex-direction: row-reverse;
21582    }
21583    
21584    .bitlogin-popup-image {
21585        object-fit: cover;
21586        width: 50%;
21587        height: auto;
21588    }
21589    
21590    .bitlogin-popup-content {
21591        padding: 32px;
21592        position: relative;
21593        width: 50%;
21594    }
21595    
21596    .bitlogin-popup-close {
21597        position: absolute;
21598        top: 16px;
21599        right: 16px;
21600        background: white;
21601        border: none;
21602        width: 30px;
21603        height: 30px;
21604        display: flex;
21605        align-items: center;
21606        justify-content: center;
21607        cursor: pointer;
21608        transition: background-color 0.2s;
21609        color: inherit;
21610        padding: 0;
21611    }
21612    
21613    .bitlogin-popup-close:hover {
21614        background-color: #e5e5e5;
21615    }
21616    
21617    .bitlogin-popup-buttons {
21618        display: flex;
21619        flex-direction: column;
21620        gap: 12px;
21621        margin-top: 24px;
21622    }
21623    
21624    /* Button styles within popup - override width for popup buttons */
21625    .bitlogin-popup-buttons #google-login,
21626    .bitlogin-popup-buttons #facebook-login,
21627    .bitlogin-popup-buttons #apple-login,
21628    .bitlogin-popup-buttons #whatsapp-login,
21629    .bitlogin-popup-buttons #microsoft-login,
21630    .bitlogin-popup-buttons #twitter-login,
21631    .bitlogin-popup-buttons #amazon-login,
21632    .bitlogin-popup-buttons #instagram-login,
21633    .bitlogin-popup-buttons #magic-link-login,
21634    .bitlogin-popup-buttons #mobile-app-login {
21635        width: 100% !important;
21636        font-family: inherit !important;
21637    }
21638    
21639    .bitlogin-popup-footer {
21640        margin-top: 32px;
21641        text-align: center;
21642        font-size: 14px;
21643        opacity: 0.6;
21644    }
21645    
21646    /* Modern Typography */
21647    .bitlogin-popup h2 {
21648        margin-top: 12px;
21649        font-size: 21px !important;
21650        line-height: 1.2 !important;
21651        font-weight: 700 !important;
21652        letter-spacing: -0.02em !important;
21653        margin-bottom: 16px !important;
21654    }
21655    
21656    .bitlogin-popup-header {
21657        position: relative;
21658        margin-bottom: 24px;
21659    }
21660    
21661    /* Modern gradient accent */
21662    .bitlogin-popup-content > div {
21663        font-size: 16px !important;
21664        line-height: 1.2 !important;
21665        opacity: 0.85 !important;
21666    }
21667    
21668    /* Enhanced button interactions */
21669    .bitlogin-popup-buttons button {
21670        position: relative;
21671        overflow: hidden;
21672    }
21673    
21674    @keyframes ripple {
21675        0% {
21676        transform: scale(0, 0);
21677        opacity: 0.5;
21678        }
21679        100% {
21680        transform: scale(100, 100);
21681        opacity: 0;
21682        }
21683    }
21684    
21685    /* Responsive adjustments */
21686    @media (max-width: 640px) {
21687        .bitlogin-popup {
21688        max-width: 90%;
21689        width: 90%;
21690        margin: 0 16px;
21691        }
21692        
21693        .bitlogin-popup-with-image {
21694        flex-direction: column !important;
21695        }
21696        
21697        .bitlogin-popup-image {
21698        width: 100%;
21699        height: 180px;
21700        }
21701        
21702        .bitlogin-popup-content {
21703        padding: 24px;
21704        }
21705        
21706        .bitlogin-popup h2 {
21707        font-size: 24px !important;
21708        }
21709    }
21710    `;
21711    
21712    document.head.appendChild(popupStyles);
21713    
21714    // Add fonts link for different font options
21715    const fontsLink = document.createElement('link');
21716    fontsLink.rel = 'stylesheet';
21717    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';
21718    document.head.appendChild(fontsLink);
21719    
21720    (async () => {
21721    try {
21722        let host = window.location.host;
21723        if (host === "admin.shopify.com") {
21724        host = `${window.location.pathname.split("/")[2]}.myshopify.com`;
21725        }
21726    
21727        const urlSearchParams = new URLSearchParams(window.location.search);
21728        const checkoutUrl = urlSearchParams.get("checkout_url");
21729    
21730        async function init({ inputRef, index }) {
21731        if (isInitializing) {
21732            queue.push(() => init({ inputRef, index }));
21733            return;
21734        }
21735    
21736        isInitializing = true;
21737    
21738        try {
21739            let bitLoginSectionRoot = document.querySelector(
21740            `.bitlogin-root[data-index="${index}"]`
21741            );
21742    
21743            const formRef = inputRef?.closest(
21744            "form:not([action='/account/recover'])"
21745            );
21746    
21747            if (formRef && !bitLoginSectionRoot) {
21748            await getLocation();
21749    
21750            bitLoginSectionRoot = document.createElement(`div`);
21751    
21752            bitLoginSectionRoot.setAttribute("class", "bitlogin-root");
21753            bitLoginSectionRoot.setAttribute("data-index", `${index}`);
21754    
21755            updateAppearance({
21756                formRef,
21757                rootRef: bitLoginSectionRoot,
21758                host,
21759            });
21760            }
21761        } catch (err) {
21762            console.error(`error while initiating bitlogin extensions`, err);
21763        } finally {
21764            // Release the lock
21765            isInitializing = false;
21766    
21767            // Check if there are pending items in the queue
21768            if (queue.length > 0) {
21769            // Process the next function in the queue
21770            const nextFunction = queue.shift();
21771            nextFunction();
21772            }
21773        }
21774        }
21775    
21776        function initAll() {
21777        return new Promise((resolve, reject) => {
21778            setTimeout(async () => {
21779            const inputRefs = document.querySelectorAll(
21780                'input[name="customer[email]"]'
21781            );
21782    
21783            for (let i = 0; i < inputRefs.length; i++) {
21784                const currentInputRef = inputRefs[i];
21785                const isVisible = isElementVisible(currentInputRef);
21786    
21787                if (isVisible) {
21788                await init({ inputRef: currentInputRef, index: i });
21789                }
21790            }
21791    
21792            resolve("ok");
21793            }, 100);
21794        });
21795        }
21796    
21797        const observer = new MutationObserver((mutationsList) => {
21798        for (let mutation of mutationsList) {
21799            initAll();
21800        }
21801        });
21802    
21803        observer.observe(document.body, {
21804        childList: true,
21805        subtree: true,
21806        attributes: true,
21807        });
21808    
21809        initAll();
21810    
21811        if (appearance.googleOneTap) {
21812        setupOneTap({ host, checkoutUrl });
21813        }
21814    
21815        // Initialize popup
21816        await initPopup(host);
21817    } catch (error) {
21818        console.error("Error initializing BitLogin:", error);
21819    }
21820    })();
21821    
21822    async function initPopup(host) {
21823    // Check if user is already logged in using Liquid checks properly
21824    const isLoggedIn = false || 
21825                        document.querySelector('.customer-logout-link') || 
21826                        document.querySelector('.account-link') || 
21827                        window.location.pathname.includes('/account');
21828    
21829    if (isLoggedIn) {
21830        return; // User is logged in, don't show popup
21831    }
21832    
21833    try {
21834        // Fetch the popup configuration
21835        const popupConfig = await fetch(`${apiUrl}/appearance/popup/domain/${host}`)
21836        .then(res => res.json())
21837        .catch(err => {
21838            console.error('Error fetching popup configuration:', err);
21839            return null;
21840        });
21841    
21842        if (!popupConfig || !popupConfig.enabled) {
21843        return;
21843 // Don't show popup if disabled or config not found
21844        }
21845    
21846        // Create popup after 10 seconds
21847        setTimeout(() => {
21848        // Check if user is still on the page and still not logged in
21849        if (document.visibilityState === 'visible') {
21850            // Additional check in case user logged in during the 10 second wait
21851            const currentlyLoggedIn = false || 
21852                                document.querySelector('.customer-logout-link') || 
21853                                document.querySelector('.account-link');
21854            
21855            if (!currentlyLoggedIn) {
21856            createLoginPopup(popupConfig, host);
21857            }
21858        }
21859        }, 10000);
21860    } catch (error) {
21861        console.error('Error initializing popup:', error);
21862    }
21863    }
21864    
21865    function createLoginPopup(popupConfig, host) {
21866    // Font mapping
21867    const fontFamilyMap = {
21868        system_fonts: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
21869        montserrat: 'Montserrat, sans-serif',
21870        roboto: 'Roboto, sans-serif',
21871        open_sans: 'Open Sans, sans-serif',
21872        noto_sans: 'Noto Sans, sans-serif',
21873        lato: 'Lato, sans-serif',
21874        poppins: 'Poppins, sans-serif',
21875        quicksand: 'Quicksand, sans-serif',
21876        raleway: 'Raleway, sans-serif',
21877        pt_sans: 'PT Sans, sans-serif',
21878        oswald: 'Oswald, sans-serif',
21879    };
21880    
21881    // Create overlay
21882    const overlay = document.createElement('div');
21883    overlay.className = 'bitlogin-popup-overlay';
21884    
21885    // Create popup container with appropriate styling
21886    const popup = document.createElement('div');
21887    popup.className = 'bitlogin-popup';
21888    
21889    if (popupConfig.layout === 'default') {
21890        popup.style.maxWidth = '400px';
21891    }
21892    
21893    // Function to close the popup
21894    const closePopup = () => {
21895        overlay.classList.remove('visible');
21896        popup.classList.remove('visible');
21897        setTimeout(() => {
21898        if (document.body.contains(overlay)) {
21899            document.body.removeChild(overlay);
21900        }
21901        }, 300);
21902    };
21903    
21904    // Add click handler to the overlay to close when clicking outside
21905    overlay.addEventListener('click', (event) => {
21906        // Close only if clicking directly on the overlay, not its children
21907        if (event.target === overlay) {
21908        closePopup();
21909        }
21910    });
21911    
21912    // Add escape key handler to close popup
21913    document.addEventListener('keydown', (event) => {
21914        if (event.key === 'Escape' && document.body.contains(overlay)) {
21915        closePopup();
21916        }
21917    });
21918    
21919    // Create layout with image if specified
21920    let contentWrapper;
21921    if (popupConfig.layout !== 'default' && popupConfig.popupImage) {
21922        popup.classList.add('bitlogin-popup-with-image');
21923        
21924        if (popupConfig.layout === 'right') {
21925        popup.classList.add('bitlogin-popup-right-image');
21926        }
21927        
21928        // Add image
21929        const image = document.createElement('img');
21930        image.className = 'bitlogin-popup-image';
21931        image.src = popupConfig.popupImage;
21932        image.alt = 'Login';
21933        image.loading = 'lazy';
21934        popup.appendChild(image);
21935        
21936        // Create content container
21937        contentWrapper = document.createElement('div');
21938        contentWrapper.className = 'bitlogin-popup-content';
21939    
21940        if (popupConfig.layout === 'right') {
21941        const closeButton = document.createElement('button');
21942        closeButton.className = 'bitlogin-popup-close';
21943        closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png">
21944            <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
21945        </svg>`;
21946        closeButton.setAttribute('aria-label', 'Close');
21947        closeButton.onclick = closePopup;
21948    
21949        popup.appendChild(closeButton);
21950        }
21951    } else {
21952        contentWrapper = document.createElement('div');
21953        contentWrapper.className = 'bitlogin-popup-content';
21954        contentWrapper.style.width = '100%';
21955    }
21956    
21957    // Set background style
21958    if (popupConfig.backgroundTheme === 'gradient') {
21959        contentWrapper.style.background = `linear-gradient(135deg, ${popupConfig.backgroundPopupColor}, ${popupConfig.gradientColor})`;
21960    } else {
21961        contentWrapper.style.backgroundColor = popupConfig.backgroundPopupColor;
21962    }
21963    
21964    // Apply font family
21965    contentWrapper.style.setProperty('font-family', fontFamilyMap[popupConfig.font] || fontFamilyMap.system_fonts, 'important');
21966    
21967    if (popupConfig.layout !== 'right') {
21968        const closeButton = document.createElement('button');
21969        closeButton.className = 'bitlogin-popup-close';
21970        closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png">
21971        <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
21972        </svg>`;
21973        closeButton.setAttribute('aria-label', 'Close');
21974        closeButton.onclick = closePopup;
21975    
21976        contentWrapper.appendChild(closeButton);
21977    }
21978    
21979    // Add heading with subtle animation effect
21980    const header = document.createElement('div');
21981    header.className = 'bitlogin-popup-header';
21982    
21983    const heading = document.createElement('h2');
21984    heading.textContent = popupConfig.headingText || 'Sign in for exclusive benef
21984its';
21985    heading.style.color = popupConfig.fontColor;
21986    header.appendChild(heading);
21987    
21988    // Add body text with improved formatting
21989    const bodyText = document.createElement('div');
21990    bodyText.innerHTML = popupConfig.bodyText || 'Join our community to access exclusive offers and a personalized shopping experience.';
21991    bodyText.style.color = popupConfig.fontColor;
21992    header.appendChild(bodyText);
21993    
21994    contentWrapper.appendChild(header);
21995    
21996    // Create buttons container with modern styling
21997    const buttonsContainer = document.createElement('div');
21998    buttonsContainer.className = 'bitlogin-popup-buttons';
21999    
22000    // Add social buttons
22001    const providerLabels = {
22002        'GOOGLE': 'Continue with Google',
22003        'FACEBOOK': 'Continue with Facebook',
22004        'APPLE': 'Continue with Apple',
22005        'WHATSAPP': 'Continue with WhatsApp',
22006        'MAGIC_LINK': 'Continue with Email',
22007    };
22008    
22009    // Add first login provider button
22010    if (popupConfig.loginProvider1 !== 'NONE') {
22011        const buttonConfig = {
22012        theme: popupConfig.colorScheme || 'match',
22013        customColor: popupConfig.textColor,
22014        format: 'contentFlex',
22015        buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider1.toLowerCase()],
22016        hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true,
22017        style: popupConfig.style || 'rounded',
22018        size: popupConfig.size || 'medium',
22019        colorScheme: popupConfig.colorScheme || 'match',
22020        backgroundColor: popupConfig.backgroundColor || '#3B82F6',
22021        textColor: popupConfig.textColor || '#FFFFFF',
22022        outlineColor: popupConfig.outlineColor || '#3B82F6',
22023        host: host
22024        };
22025        
22026        const button1 = createSocialLoginButton(popupConfig.loginProvider1, buttonConfig);
22027        
22028        // Handle click event - this overrides the default click handler in createSocialLoginButton
22029        button1.onclick = () => {
22030        onClickSocialLogin({ provider: popupConfig.loginProvider1.toLowerCase(), host });
22031        closePopup();
22032        };
22033        
22034        buttonsContainer.appendChild(button1);
22035    }
22036    
22037    // Add second login provider button if enabled
22038    if (popupConfig.loginProvider2 !== 'NONE') {
22039        const buttonConfig = {
22040        theme: popupConfig.colorScheme || 'match',
22041        customColor: popupConfig.textColor,
22042        format: 'contentFlex',
22043        buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider2.toLowerCase()],
22044        hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true,
22045        style: popupConfig.style || 'rounded',
22046        size: popupConfig.size || 'medium',
22047        colorScheme: popupConfig.colorScheme || 'match',
22048        backgroundColor: popupConfig.backgroundColor || '#3B82F6',
22049        textColor: popupConfig.textColor || '#FFFFFF',
22050        outlineColor: popupConfig.outlineColor || '#3B82F6',
22051        host: host
22052        };
22053        
22054        const button2 = createSocialLoginButton(popupConfig.loginProvider2, buttonConfig);
22055        
22056        // Handle click event - this overrides the default click handler in createSocialLoginButton
22057        button2.onclick = () => {
22058        onClickSocialLogin({ provider: popupConfig.loginProvider2.toLowerCase(), host });
22059        closePopup();
22060        };
22061        
22062        buttonsContainer.appendChild(button2);
22063    }
22064    
22065    contentWrapper.appendChild(buttonsContainer);
22066    
22067    // Append content to popup
22068    popup.appendChild(contentWrapper);
22069    
22070    // Append popup to overlay
22071    overlay.appendChild(popup);
22072    
22073    // Append overlay to body
22074    document.body.appendChild(overlay);
22075    
22076    // Trigger animation with slight delay for better perceived performance
22077    setTimeout(() => {
22078        overlay.classList.add('visible');
22079        setTimeout(() => {
22080        popup.classList.add('visible');
22081        }, 50);
22082    }, 10);
22083    }
22084    
22085    window.addEventListener("load", () => {
22086    window.addEventListener("message", (event) => {
22087        const receivedData = event.data;
22088    
22089        if (receivedData.type === "authorize") {
22090        post(
22091            JSON.parse(
22092            JSON.stringify({
22093                "customer[email]": receivedData.email,
22094                "customer[password]": receivedData.password,
22095                form_type: "customer_login",
22096                utf8: "✓",
22097                return_url: redirectUrl,
22098            })
22099            )
22100        );
22101        } else if (receivedData.type === "rejected") {
22102        if (receivedData.reason === "customer_account_disabled") {
22103            showAlert(
22104            "Your account needs to be activated. We've sent you an activation link - please check your email to complete this step."
22105            );
22106        } else if (receivedData.reason === "customer_entry_created_email_not_set") {
22107            showAlert(
22108            "A new account was created but requires an email address. Please update your account with a valid email address to continue."
22109            );
22110        } else if (receivedData.reason === "customer_exist_email_not_set") {
22111            showAlert(
22112            "Your existing account is missing an email address. Please contact support to update your account with a valid email address."
22113            );
22114        }
22115        }
22116    
22117        if (receivedData.type === "customer_authenticated") {
22118        // Dispatch a custom event that merchants can listen for to implement their custom logic
22119        const customerAuthEvent = new CustomEvent('bitlogin:customer_authenticated', {
22120            detail: {
22121            provider: receivedData.provider,
22122            customer: receivedData.customer,
22123            shopifyCustomerCreated: receivedData.shopifyCustomerCreated
22124            }
22125        });
22126        
22127        // Dispatch the event on the window object so merchants can listen for it
22128        window.dispatchEvent(customerAuthEvent);
22129        
22130        }
22131    });
22132    });
22133    
22134    // Reusable functions for social login buttons
22135    function createSocialLoginButton(provider, config = {}) {
22136    const {
22137        theme = 'match',
22138        customColor = null,
22139        format = 'contentFlex',
22140        buttonText = null,
22141        hasShadow = true,
22142        style = 'rounded',
22143        size = 'medium',
22144        colorScheme = 'match',
22145        backgroundColor = '#3B82F6',
22146        textColor = '#FFFFFF',
22147        outlineColor = '#3B82F6',
22148        rootRef = null,
22149        host = null
22150    } = config;
22151    
22152    // Create button element with appropriate ID and attributes
22153    const button = document.createElement('button');
22154    button.id = `${provider.toLowerCase()}-login`;
22155    button.type = 'button';
22156    
22157    // Set the inner SVG based on provider
22158    switch (provider.toUpperCase()) {
22159        case 'GOOGLE':
22160        button.innerHTML = googleLoginIcon(theme, customColor);
22161        break;
22162        case 'FACEBOOK':
22163        button.innerHTML = facebookLoginIcon(theme, customColor);
22164        break;
22165        case 'APPLE':
22166        button.innerHTML = appleLoginIcon(theme, customColor);
22167        break;
22168        case 'WHATSAPP':
22169        button.innerHTML = whatsappLoginIcon(theme, customColor);
22170        break;
22171        case 'MICROSOFT':
22172        button.innerHTML = microsoftLoginIcon(theme, customColor);
22173        break;
22174        case 'TWITTER':
22175        button.innerHTML = twitterLoginIcon(theme, customColor);
22176        break;
22177        case 'AMAZON':
22178        button.innerHTML = amazonLoginIcon(theme, customColor);
22179        break;
22180        case 'INSTAGRAM':
22181        button.innerHTML = instagramLoginIcon(theme, customColor);
22182        break;
22183        case 'MAGIC_LINK':
22184        button.innerHTML = magicLinkLoginIcon(theme, customColor);
22185        break;
22186        case 'MOBILE_APP':
22187        button.innerHTML = mobileAppLoginIcon(theme, customColor);
22188        break;
22189        case 'LINKEDIN':
22190        button.innerHTML = linkedinLoginIcon(theme, customColor);
22191        break;
22192    }
22193    
22194    // Add text if format isn't icon-only and buttonText is provided
22195    if (format !== "wrapperFlexContainerOnlyLogo" && buttonText) {
22196        button.innerHTML += `<p>${buttonText}</p>`;
22197    }
22198    
22199    // Apply styling
22200    // Shadow
22201    if (hasShadow) {
22202        const shadowProperties = `0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`;
22203        button.style["box-shadow"] = shadowProperties;
22204    }
22205    
22206    // Border radius
22207    const radiusProperties =
22208        style === "rounded"
22209        ? "8px"
22210        : style === "square"
22211        ? "0px"
22212        : style === "fullRounded"
22213        ? format === "wrapperFlexContainerOnlyLogo"
22214            ? "50%"
22215            : "50px"
22216        : undefined;
22217    button.style["border-radius"] = radiusProperties;
22218    
22219    // Size
22220    const sizeProperties =
22221        size === "medium"
22222        ? "12px"
22223        : size === "small"
22224        ? "8px"
22225        : size === "large"
22226        ? "16px"
22227        : "8px";
22228    
22229    button.style["padding-block"] = sizeProperties;
22230    
22231    // Format styling
22232    if (format) {
22233        if (
22234        format === "contentFlexReverse" ||
22235        format === "contentFlexCenterReverse"
22236        ) {
22237        const flexDir = `row-reverse`;
22238        button.style["flex-direction"] = flexDir;
22239        }
22240        
22241        if (
22242        format === "contentFlexCenter" ||
22243        format === "contentFlexCenterReverse"
22244        ) {
22245        const justifyContent = `center`;
22246        button.style["justify-content"] = justifyContent;
22247        } else if (
22248        format === "contentFlex" ||
22249        format === "contentFlexReverse"
22250        ) {
22251        const buttonTextElement = button.querySelector("p");
22252        if (buttonTextElement) {
22253            buttonTextElement.style["flex-grow"] = 1;
22254            buttonTextElement.style["text-align"] = "center";
22255        }
22256        }
22257    
22258        if (format === "wrapperFlexContainerOnlyLogo" && rootRef) {
22259        rootRef.style["flex-direction"] = "row";
22260        rootRef.style["gap"] = "8px";
22261        rootRef.style["display"] = "flex";
22262        rootRef.style["flex-wrap"] = "wrap";
22263    
22264        const sizeMapping = {
22265            small: "52px",
22266            medium: "62px",
22267            large: "72px",
22268        };
22269        const buttonSize = sizeMapping[size] || "52px";
22270    
22271        button.style["margin"] = 0;
22272        button.style["width"] = buttonSize;
22273        button.style["height"] = buttonSize;
22274        button.style["display"] = "flex";
22275        button.style["align-items"] = "center";
22276        button.style["justify-content"] = "center";
22277    
22278        const svgElement = button.querySelector("svg");
22279        if (svgElement) {
22280            svgElement.style["flex"] = "none";
22281        }
22282        }
22283    }
22284    
22285    // Color scheme styling
22286    if (colorScheme === "black") {
22287        button.classList.add("scheme-black");
22288    } else if (colorScheme === "white") {
22289        button.classList.add("scheme-white");
22290    } else if (colorScheme === "custom") {
22291        button.style["background-color"] = backgroundColor;
22292        button.style["color"] = textColor;
22293        button.style["border-color"] = outlineColor;
22294    
22295        const darkenColor = (color, percentage) => {
22296        const value = parseInt(color.slice(1), 16);
22297        const r = Math.max(0, ((value >> 16) & 0xff) - (0xff * percentage));
22298        const g = Math.max(0, ((value >> 8) & 0xff) - (0xff * percentage));
22299        const b = Math.max(0, (value & 0xff) - (0xff * percentage));
22300        return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`;
22301        };
22302    
22303        button.addEventListener("mouseover", () => {
22304        button.style["background-color"] = darkenColor(backgroundColor, 0.2);
22305        });
22306        button.addEventListener("mouseout", () => {
22307        button.style["background-color"] = backgroundColor;
22308        });
22309    } else if (colorScheme === "match") {
22310        button.classList.add("scheme-match");
22311    } else if (colorScheme === "matchOutline") {
22312        button.classList.add("scheme-match-outline");
22313    }
22314    
22315    // Add click event listener if host is provided
22316    if (host) {
22317        button.addEventListener("click", () => 
22318        onClickSocialLogin({ provider: provider.toLowerCase(), host })
22319        );
22320    }
22321    
22322    return button;
22323    }
22324    
22325    function setupSocialLoginButtons(config, rootRef, data, host) {
22326    // Clear any existing content
22327    rootRef.innerHTML = '';
22328    
22329    const sortedEnabledProviders = config
22330        .filter(c => c.enabledWeb)
22331        .sort((a, b) => a.position - b.position);
22332    
22333    sortedEnabledProviders.forEach(provider => {
22334        const key = provider.provider;
22335        const lowerKey = key.toLowerCase();
22336    
22337        const buttonText = data.format !== "wrapperFlexContainerOnlyLogo"
22338        ? (lowerKey === 'twitter'
22339            ? data.buttonList.twitter.replace('Twitter', 'X')
22340            : data.buttonList[lowerKey])
22341        : null;
22342    
22343        const button = createSocialLoginButton(key, {
22344        theme: data.colorScheme || 'match',
22345        customColor: data.textColor,
22346        format: data.format,
22347        buttonText: buttonText,
22348        hasShadow: data.hasShadow !== undefined ? data.hasShadow : true,
22349        style: data.style,
22350        size: data.size,
22351        colorScheme: data.colorScheme,
22352        backgroundColor: data.backgroundColor,
22353        textColor: data.textColor,
22354        outlineColor: data.outlineColor,
22355        rootRef: rootRef,
22356        host: host
22357        });
22358    
22359        rootRef.appendChild(button);
22360    });
22361    
22362    return rootRef;
22363    }
22364    
22365    function updateAppearance({ formRef, rootRef, host }) {
22366    if (!formRef) return;
22367    
22368    const data = bitloginCache.appearance || {
22369        style: "square",
22370        hasShadow: false,
22371        colorScheme: "match",
22372        backgroundColor: "#FFFFFF",
22373        outlineColor: "#000000",
22374        textColor: "#ffffff",
22375        position: "bottom",
22376        hideDivider: "false",
22377        dividerText: "OR",
22378        size: "small",
22379        format: "contentFlex",
22380        language: "en",
22381        buttonText: "Continue with",
22382        redirectLink: "/account",
22383        googleOneTap: true,
22384        googleOneTapBanner: true,
22385        customerTag: "bitLogin",
22386        redirectOneTapDesktop: null,
22387        redirectOneTapMobile: null,
22388        buttonList: {
22389        google: "Continue with Google",
22390        facebook: "Continue with Facebook",
22391        apple: "Continue with Apple",
22392        whatsapp: "Continue with WhatsApp",
22393        microsoft: "Continue with Microsoft",
22394        twitter: "Continue with X",
22395        amazon: "Continue with Amazon",
22396        instagram: "Continue with Instagram",
22397        magic_link: "Continue with Magic Link",
22398        mobile_app: "Continue with Mobile App",
22399        linkedin: "Continue with LinkedIn",
22400        },
22401    };
22402    
22403    // Use the new setupSocialLoginButtons function to create and configure all buttons
22404    setupSocialLoginButtons(bitloginCache.config, rootRef, data, host);
22405    
22406    let divider;
22407    
22408    if (!data.hideDivider) {
22409        divider = document.createElement("div");
22410        const dividerStyle = "text-align:center;margin-block:16px";
22411        divider.setAttribute("style", dividerStyle);
22412        divider.innerHTML = data.dividerText;
22413    }
22414    
22415    if (data.position === "bottom") {
22416        if (divider) {
22417        formRef.appendChild(divider);
22418        }
22419        formRef.appendChild(rootRef);
22420    } else if (data.position === "top") {
22421        if (divider) {
22422        formRef.prepend(divider);
22423        }
22424        formRef.prepend(rootRef);
22425    }
22426    }
22427    
22428    
22429    async function onClickSocialLogin({ provider, host }) {
22430    const rand = Math.random().toString();
22431    
22432    const locationQueryString = bitloginCache.location
22433        ? `&${objectToQueryString(bitloginCache.location)}`
22434        : "";
22435    
22436    const width = 800;
22437    const height = 600;
22438    const left = (window.screen.width / 2) - (width / 2);
22439    const top = (window.screen.height / 2) - (height / 2) - 50;
22440    
22441    if(provider === 'whatsapp') {
22442        window.open(
22443        `/apps/bitlogin/whatsapp${locationQueryString ? `?${locationQueryString}` : ''}`,
22444        "mywindow",
22445        `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}`
22446        );
22447    } else {
22448        window.open(
22449        `${apiUrl}/login/${provider}?referrerId=${rand}&shop=${host}${locationQueryString}`,
22450        "mywindow",
22451        `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}`
22452        );
22453    }
22454    }
22455    
22456    function objectToQueryString(obj) {
22457    return Object.keys(obj)
22458        .map((key) => {
22459        return encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]);
22460        })
22461        .join("&");
22462    }
22463    
22464    async function getLocation() {
22465    if (locationCacheSet) return;
22466    
22467    try {
22468        const response = await fetch("https://ipapi.co/json/");
22469    
22470        if (!response.ok) {
22471        console.error(`error retrieving location...`, response.status);
22472        errorLocation = true;
22473        } else {
22474        const data = await response.json();
22475    
22476        const { city, region, country_name, country_code } = data;
22477    
22478        const formattedLocationData = {
22479            city,
22480            region,
22481            country_name,
22482            country_code,
22483        };
22484    
22485        bitloginCache.location = formattedLocationData;
22486        locationCacheSet = true;
22487        errorLocation = false;
22488        }
22489    } catch (err) {
22490        console.error(`error fetching location`, err);
22491        errorLocation = true;
22492    }
22493    }
22494    
22495    function post(params) {
22496    // The rest of this code assumes you are not using a library.
22497    // It can be made less verbose if you use one.
22498    const form = document.createElement("form");
22499    form.method = "post";
22500    form.action = `/account/login`;
22501    form.acceptCharset = "UTF-8";
22502    form.setAttribute("data-login-with-shop-sign-in", "true");
22503    form.setAttribute("novalidate", "novalidate");
22504    
22505    for (const key in params) {
22506        if (params.hasOwnProperty(key)) {
22507        const hiddenField = document.createElement("input");
22508        hiddenField.type = "hidden";
22509        hiddenField.name = key;
22510        hiddenField.value = params[key];
22511    
22512        form.appendChild(hiddenField);
22513        }
22514    }
22515    
22516    document.body.appendChild(form);
22517    form.submit();
22518    }
22519    
22520    async function setupOneTap({ host, checkoutUrl }) {
22521    if (oneTapSet) return;
22522    
22523    const redirectOneTapDesktop = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapDesktop || '[]'));
22524    const redirectOneTapMobile = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapMobile || '[]'));
22525    
22526    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
22527    const redirectList = JSON.parse(isMobile ? redirectOneTapMobile : redirectOneTapDesktop);
22528    
22529    const currentPath = window.location.pathname.toLowerCase();
22530    const currentUrl = window.location.href.toLowerCase();
22531    
22532    const shouldHideGoogleOneTap = redirectList.some(({ value }) => {
22533        switch (value) {
22534        case 'home':
22535            return currentPath === '/';
22536        case 'product':
22537            return currentPath.startsWith('/products/');
22538        case 'collections':
22539            return currentPath.startsWith('/collections');
22540        case 'cart':
22541            return currentPath === '/cart';
22542        case 'checkout':
22543            return currentPath.startsWith('/checkouts') && !currentPath.includes('thank_you');
22544        case 'thank_you':
22545            return currentPath.includes('/thank_you');
22546        case 'account':
22547            return currentPath.startsWith('/account');
22548        case 'pages':
22549            return currentPath.startsWith('/pages');
22550        case 'blogs':
22551            return currentPath === '/blogs' || currentPath === '/blogs/news';
22552        case 'blog_post':
22553            return currentPath.startsWith('/blogs/') && currentPath.split('/').length > 3;
22554        default:
22555            return false;
22556        }
22557    });
22558    
22559    if (shouldHideGoogleOneTap) return;
22560    
22561    const oneTapClientId = bitloginCache.config.find(
22562        (config) => config.provider === "GOOGLE"
22563    )?.clientId;
22564    
22565    const isLoggedIn = false;
22566    
22567    if (bitloginCache.appearance.googleOneTap && oneTapClientId && !isLoggedIn) {
22568        const googleOneTapButton = document.createElement("div");
22569        googleOneTapButton.setAttribute("id", "g_id_onload");
22570        googleOneTapButton.setAttribute("data-client_id", oneTapClientId);
22571        googleOneTapButton.setAttribute("data-context", "signin");
22572        googleOneTapButton.setAttribute(
22573        "data-callback",
22574        "handleGoogleOneTapResponse"
22575        );
22576        googleOneTapButton.setAttribute("data-itp_support", "true");
22577    
22578        const googleOneTapScript = document.createElement("script");
22579    
22580        googleOneTapScript.innerHTML += `
22581            function handleGoogleOneTapResponse(response) {
22582                if (response.credential) {
22583                    const idToken = response.credential;
22584                    fetch('${bitLoginBaseUrl}/bitlogin/api/login/google-one-tap', {
22585                        method: 'POST',
22586                        headers: { 'Content-Type': 'application/json' },
22587                        body: JSON.stringify({ idToken, shop: "${host}", ...bitloginCache.location })
22588                    }).then(response => {
22589                        response.json().then((data) => {
22590                            post(
22591                            JSON.parse(
22592                                JSON.stringify({
22593                                "customer[email]": data.email,
22594                                "customer[password]": data.password,
22595                                form_type: "customer_login",
22596                                utf8: "✓",
22597                                return_url: redirectUrl,
22598                                })
22599                            )
22600                            );
22601                        });  
22602                    }).catch(error => {
22603                        console.error('Error occurred:', error);
22604                    });
22605                } else {
22606                    console.error('No credential available');
22607                }
22608            }
22609            `;
22610    
22611        document.body.append(googleOneTapButton);
22612        document.body.append(googleOneTapScript);
22613    }
22614    
22615    oneTapSet = true;
22616    }
22617    
22618    const googleLoginIcon = (
22619    theme,
22620    customColor
22621    ) => `
22622    ${
22623    theme === "match" || theme === "matchOutline" || theme === "custom"
22624        ? `<svg
22625        xmlns='https://carikapal.link/img/logo-2line.png'
22626        xmlns:v='https://vecta.io/nano'
22627        width='24'
22628        height='24'
22629        viewBox='0 0 186.69 190.5'
22630    >
22631        <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="${
22632        theme === "custom" ? customColor : "#4285f4"
22633        }"/><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="${
22634            theme === "custom" ? customColor : "#34a853"
22635        }"/><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="${
22636            theme === "custom" ? customColor : "#fbbc05"
22637        }"/><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="${
22638            theme === "custom" ? customColor : "#ea4335"
22639        }" clip-path="none" mask="none"/></g>
22640    </svg>`
22641        : `<svg xmlns="https://carikapal.link/img/logo-2line.png" width="25" height="25" viewBox="0 0 25 25" fill="none">
22642    <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="${
22643            theme !== "black" ? "black" : "white"
22644        }"/>
22645    <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="${
22646            theme !== "black" ? "black" : "white"
22647        }"/>
22648    <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="${
22649            theme !== "black" ? "black" : "white"
22650        }"/>
22651    <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="${
22652            theme !== "black" ? "black" : "white"
22653        }"/>
22654    </svg>`
22655    }`;
22656    
22657    const appleLoginIcon = (
22658    theme,
22659    customColor
22660    ) => `<svg width="24" height="24" viewBox="0 0 19 24" fill="none" xmlns="https://carikapal.link/img/logo-2line.png">
22661    <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="${
22662    theme === "custom"
22663        ? customColor
22664        : theme === "match" || theme === "black"
22665        ? "white"
22666        : "black"
22667    }"/>
22668    </svg>`;
22669    
22670    const facebookLoginIcon = (
22671    theme,
22672    customColor
22673    ) => `
22674    ${
22675    theme === "match" || theme === "matchOutline" || theme === "custom"
22676        ? `<svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="25" viewBox="0 0 24 25" fill="none">
22677        <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="${
22678        theme === "custom" ? customColor : theme === "match" ? "white" : "#1977F3"
22679        }"/>
22680        <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="${
22681        theme === "match" ? "#1778f2" : "#000000"
22682        }"/>
22683        </svg>`
22684        : `<svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="25" viewB
22684ox="0 0 24 25" fill="none">
22685    <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="${
22686            theme === "black" ? "white" : "black"
22687        }"/>
22688    <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="${
22689            theme === "black" ? "black" : "white"
22690        }"/>
22691    </svg>`
22692    }`;
22693    
22694    const whatsappLoginIcon = (
22695    theme,
22696    customColor
22697    ) => `<svg
22698    viewBox="0 0 24 24"
22699    fill="none"
22700    width="24"
22701    height="25"
22702    xmlns="https://carikapal.link/img/logo-2line.png"
22703    >
22704    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
22705    <g
22706        id="SVGRepo_tracerCarrier"
22707        stroke-linecap="round"
22708        stroke-linejoin="round"
22709    ></g>
22710    <g id="SVGRepo_iconCarrier">
22711        <path
22712        fill-rule="evenodd"
22713        clip-rule="evenodd"
22714        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"
22715        fill="${
22716            theme === "match" || theme === "black"
22717            ? "#ffffff"
22718            : theme === "white"
22719            ? "#000000"
22720            : theme === "matchOutline"
22721            ? "#25d366"
22722            : customColor
22723        }"
22724        ></path>
22725    </g>
22726    </svg>`;
22727    
22728    const microsoftLoginIcon = (
22729    theme,
22730    customColor
22731    ) => `<svg
22732    xmlns="https://carikapal.link/img/logo-2line.png"
22733    width="25"
22734    height="25"
22735    viewBox="0 0 48 48">
22736    <path fill="${
22737    theme === "match" || theme == "matchOutline"
22738        ? "#ff5722"
22739        : theme === "black"
22740        ? "#ffffff"
22741        : theme === "white"
22742        ? "#000000"
22743        : customColor
22744    }" d="M6 6H22V22H6z" transform="rotate(-180 14 14)"></path>
22745    <path
22746    fill="${
22747        theme === "match" || theme == "matchOutline"
22748        ? "#4caf50"
22749        : theme === "black"
22750        ? "#ffffff"
22751        : theme === "white"
22752        ? "#000000"
22753        : customColor
22754    }"
22755    d="M26 6H42V22H26z"
22756    transform="rotate(-180 34 14)"></path>
22757    <path
22758    fill="${
22759        theme === "match" || theme == "matchOutline"
22760        ? "#ffc107"
22761        : theme === "black"
22762        ? "#ffffff"
22763        : theme === "white"
22764        ? "#000000"
22765        : customColor
22766    }"
22767    d="M26 26H42V42H26z"
22768    transform="rotate(-180 34 34)"></path>
22769    <path fill="${
22770    theme === "match" || theme == "matchOutline"
22771        ? "#03a9f4"
22772        : theme === "black"
22773        ? "#ffffff"
22774        : theme === "white"
22775        ? "#000000"
22776        : customColor
22777    }" d="M6 26H22V42H6z" transform="rotate(-180 14 34)"></path>
22778    </svg>`;
22779    
22780    const twitterLoginIcon = (
22781    theme,
22782    customColor
22783    ) => `<svg
22784    xmlns="https://carikapal.link/img/logo-2line.png"
22785    width="25"
22786    height="25"
22787    viewBox="0 0 48 48">
22788    <polygon fill="${
22789    theme === "match" || theme === "black"
22790        ? "#ffffff"
22791        : theme === "matchOutline" || theme === "white"
22792        ? "#000000"
22793        : customColor
22794    }" points="41,6 9.929,42 6.215,42 37.287,6"></polygon>
22795    <polygon
22796    fill="${
22797        theme === "match" || theme === "black"
22798        ? "#000000"
22799        : theme === "matchOutline" || theme === "white"
22800        ? "#ffffff"
22801        : customColor
22802    }"
22803    fill-rule="evenodd"
22804    points="31.143,41 7.82,7 16.777,7 40.1,41"
22805    clip-rule="evenodd"></polygon>
22806    <path
22807    fill="${
22808        theme === "match" || theme === "black"
22809        ? "#ffffff"
22810        : theme === "matchOutline" || theme === "white"
22811        ? "#000000"
22812        : customColor
22813    }"
22814    d="M15.724,9l20.578,30h-4.106L11.618,9H15.724 M17.304,6H5.922l24.694,36h11.382L17.304,6L17.304,6z"></path>
22815    </svg>`;
22816    
22817    const amazonLoginIcon = (theme, customColor) => `
22818    <svg
22819        xmlns="https://carikapal.link/img/logo-2line.png"
22820        x="0px"
22821        y="0px"
22822        width="25"
22823        height="25"
22824        viewBox="0 0 50 50"
22825        >
22826        <path
22827            fill="${
22828            theme === "black"
22829                ? "#ffffff"
22830                : theme === "matchOutline"
22831                ? "#FF9900"
22832                : theme === "white" || theme === "match"
22833                ? "#000000"
22834                : customColor
22835            }"
22836            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"
22837        ></path>
22838        </svg>`;
22839    
22840    const instagramLoginIcon= (theme, customColor) => `
22841        <svg
22842        width="25"
22843        height="25"
22844        viewBox="0 0 25 24"
22845        fill="none"
22846        xmlns="https://carikapal.link/img/logo-2line.png">
22847        <path
22848            fill-rule="evenodd"
22849            clip-rule="evenodd"
22850            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"
22851            fill="url(#paint0_radial_378_3535)" />
22852        <path
22853            fill-rule="evenodd"
22854            clip-rule="evenodd"
22855            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.
2285564321C8.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"
22856            fill="url(#paint0_radial_378_3535)" />
22857        <path
22858            fill-rule="evenodd"
22859            clip-rule="evenodd"
22860            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"
22861            fill="url(#paint0_radial_378_3535)" />
22862        <path
22863            fill-rule="evenodd"
22864            clip-rule="evenodd"
22865            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.
2286564321C8.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"
22866            fill="url(#paint1_radial_378_3535)" />
22867        <defs>
22868            <radialGradient
22869            id="paint0_radial_378_3535"
22870            cx="0"
22871            cy="0"
22872            r="1"
22873            gradientUnits="userSpaceOnUse"
22874            gradientTransform="translate(17.4 22.7) rotate(-115.776) scale(27.2737 40.5665)">
22875            <stop offset="0.24392" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF1B90' : customColor}" />
22876            <stop offset="0.436673" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#F80261' : customColor}" />
22877            <stop offset="0.688476" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#ED00C0' : customColor}" />
22878            <stop offset="0.776787" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#C500E9' : customColor}" />
22879            <stop offset="0.893155" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#7017FF' : customColor}" />
22880            </radialGradient>
22881            <radialGradient
22882            id="paint1_radial_378_3535"
22883            cx="0"
22884            cy="0"
22885            r="1"
22886            gradientUnits="userSpaceOnUse"
22887            gradientTransform="translate(7.75 19.31) rotate(-57.4396) scale(11.8174 12.2918)">
22888            <stop stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FFD600' : customColor}" />
22889            <stop offset="0.484375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF6930' : customColor}" />
22890            <stop offset="0.734375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" />
22891            <stop offset="1" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" stop-opacity="0" />
22892            </radialGradient>
22893        </defs>
22894        </svg>`;
22895    
22896    const magicLinkLoginIcon = (theme, customColor) => `
22897    <svg
22898        xmlns="https://carikapal.link/img/logo-2line.png"
22899        width="25"
22900        height="25"
22901        fill="none"
22902        viewBox="0 0 25 25"
22903    >
22904        <path
22905        fill="${
22906            theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' || theme === 'white' ? '#000000' : customColor
22907        }"
22908        fillRule="evenodd"
22909        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"
22910        clipRule="evenodd"
22911        ></path>
22912    </svg>`;
22913    
22914    const mobileAppLoginIcon = (theme, customColor) => `
22915    <svg
22916        width="20"
22917        height="24"
22918        viewBox="0 0 12 16"
22919        fill="none"
22920        xmlns="https://carikapal.link/img/logo-2line.png"
22921    >
22922        <path
22923        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"
22924        fill=${
22925            theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#FD823E' : theme === 'white' ? '#000000' : customColor
22926        }
22927        />
22928    </svg>
22929    `;
22930    
22931    const linkedinLoginIcon = (theme, customColor) => `
22932    <svg
22933        xmlns="https://carikapal.link/img/logo-2line.png"
22934        width="25"
22935        height="24"
22936        viewBox="0 0 25 24"
22937        fill="none"
22938    >
22939        <path
22940        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"
22941        fill=${
22942            theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#0A66C2' : theme === 'white' ? '#000000' : customColor
22943        }
22944        />
22945    </svg>
22946    `;
22947    
22948    function isElementVisible(element) {
22949    return (
22950        document.body.contains(element) &&
22951        getComputedStyle(element).display !== "none" &&
22952        getComputedStyle(element).visibility !== "hidden" &&
22953        getComputedStyle(element).opacity !== "0" &&
22954        !element.hasAttribute("hidden") &&
22955        !isAncestorHidden(element)
22956    );
22957    }
22958    
22959    function isAncestorHidden(element) {
22960    let parent = element.parentElement;
22961    while (parent) {
22962        if (
22963        getComputedStyle(parent).display === "none" ||
22964        getComputedStyle(parent).visibility === "hidden" ||
22965        getComputedStyle(parent).opacity === "0" ||
22966        parent.hasAttribute("hidden")
22967        ) {
22968        return true;
22969        }
22970        parent = parent.parentElement;
22971    }
22972    return false;
22973    }
22974    
22975    function showAlert(message) {
22976    const alertBox = document.createElement("div");
22977    alertBox.textContent = message;
22978    alertBox.style.position = "fixed";
22979    alertBox.style.top = "20px";
22980    alertBox.style.right = "-300px"; // Start off-screen
22981    alertBox.style.backgroundColor = "#000000"; // Black background
22982    alertBox.style.color = "#ffffff"; // White text
22983    alertBox.style.padding = "15px";
22984    alertBox.style.borderRadius = "8px";
22985    alertBox.style.zIndex = "1000";
22986    alertBox.style.transition =
22987        "right 0.5s ease-in-out, opacity 0.5s ease-in-out"; // Transition for sliding and fading
22988    alertBox.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)"; // Optional shadow for depth
22989    
22990    document.body.appendChild(alertBox);
22991    
22992    // Slide in
22993    requestAnimationFrame(() => {
22994        alertBox.style.right = "20px"; // Move into view
22995        alertBox.style.opacity = "1"; // Ensure opacity is set to 1
22996    });
22997    
22998    // Slide out and remove the alert after a few seconds
22999    setTimeout(() => {
23000        alertBox.style.opacity = "0"; // Fade out
23001        alertBox.style.right = "-300px"; // Move out of view
23002    
23003        // Wait for the transition to finish before removing the element
23004        setTimeout(() => {
23005        document.body.removeChild(alertBox);
23006        }, 500); // Match this duration with the exit transition duration
23007    }, 3000);
23008    }
23009    </script>
23009
23010    
23011<style>
23012    :root{
23013        --cta-blue:#000000;
23014        --cta-gold:#000000;
23015        --cta-red:#000000; /* merah hanya di border */
23016        --gold-brown: #c9a227;
23017        --gold-soft: #e8d48b;
23018        --gold-deep: #8b6914;
23019    }
23020
23021    .footer-cta, .footer-cta *{
23022        box-sizing: border-box;
23023    }
23024
23025    .footer-cta{
23026        position: fixed;
23027        bottom: 18px;
23028        left: 50%;
23029        transform: translateX(-50%);
23030        width: calc(100% - 24px);
23031        max-width: 1280px;
23032        padding: 14px 14px;
23033        border-radius: 22px;
23034        z-index: 9999;
23035        overflow: hidden;
23036        isolation: isolate;
23037
23038        background:
23039            radial-gradient(900px 220px at 15% 0%, #000000, #000000 60%),
23040            radial-gradient(900px 240px at 85% 120%, #000000, #000000 60%),
23041            repeating-linear-gradient(45deg, #000000 0 1px, #000000 1px 8px),
23042            linear-gradient(180deg, #000000, #000000);
23043        backdrop-filter: blur(12px) saturate(140%);
23044        -webkit-backdrop-filter: blur(12px) saturate(140%);
23045
23046        box-shadow:
23047            0 14px 40px #000000,
23048            0 0 24px #000000,
23049            0 0 18px #000000;
23050
23051        animation:
23052            floatUpDown 3.2s ease-in-out infinite,
23053            glassPulse 3.2s ease-in-out infinite;
23054    }
23055
23056    .footer-cta::before{
23057        content:"";
23058        position:absolute;
23059        inset:0;
23060        padding:3px;
23061        border-radius:inherit;
23062        z-index:0;
23063        pointer-events:none;
23064
23065        background: conic-gradient(from 0deg,
23066            var(--cta-red),
23067            var(--cta-blue) 18%,
23068            var(--cta-gold) 38%,
23069            var(--cta-blue) 62%,
23070            var(--cta-red) 82%,
23071            var(--cta-red)
23072        );
23073        animation: borderSpin 7s linear infinite;
23074
23075        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
23076        -webkit-mask-composite: xor;
23077        mask-composite: exclude;
23078    }
23079
23080    .footer-cta::after{
23081        content:"";
23082        position:absolute;
23083        inset:0;
23084        border-radius:inherit;
23085        z-index:1;
23086        pointer-events:none;
23087        background: linear-gradient(180deg, rgba(255,255,255,.14), #000000 38%);
23088        opacity:.55;
23089    }
23090
23091    @keyframes borderSpin { to { transform: rotate(360deg); } }
23092    @keyframes floatUpDown {
23093        0%,100% { transform: translateX(-50%) translateY(0); }
23094        50%     { transform: translateX(-50%) translateY(-8px); }
23095    }
23096    @keyframes glassPulse{
23097        0%,100%{
23098            box-shadow:
23099                0 14px 38px #000000,
23100                0 0 18px #000000,
23101                0 0 14px #000000;
23102        }
23103        50%{
23104            box-shadow:
23105                0 18px 46px #000000,
23106                0 0 26px #000000,
23107                0 0 22px #000000;
23108        }
23109    }
23110
23111    /* ===== Animasi kelap-kelip pelan coklat keemasan ===== */
23112    @keyframes goldBlink {
23113        0%, 100% {
23114            border-color: #c9a227;
23115            box-shadow:
23116                0 0 8px rgba(201, 162, 39, 0.25),
23117                0 0 16px rgba(201, 162, 39, 0.12),
23118                inset 0 0 0 1px rgba(201, 162, 39, 0.12);
23119        }
23120        50% {
23121            border-color: #e8d48b;
23122            box-shadow:
23123                0 0 18px rgba(232, 212, 139, 0.55),
23124                0 0 32px rgba(201, 162, 39, 0.35),
23125                0 0 48px rgba(139, 105, 20, 0.2),
23126                inset 0 0 0 1px rgba(232, 212, 139, 0.3);
23127        }
23128    }
23129
23130    .cta-footer{
23131        display:flex;
23132        flex-wrap: nowrap;
23133        gap: 10px;
23134        align-items:center;
23135        width: 100%;
23136        padding: 10px;
23137        border-radius: 18px;
23138        background: #0a0a0a;
23139        border: 1.5px solid #c9a227;
23140        box-shadow:
23141            0 0 12px rgba(201, 162, 39, 0.25),
23142            inset 0 0 0 1px rgba(201, 162, 39, 0.15);
23143        position:relative;
23144        z-index:2;
23145        overflow: hidden;
23146        animation: goldBlink 3.8s ease-in-out infinite;
23147    }
23148
23149    .cta-footer::before{
23150        content:"";
23151        position:absolute;
23152        inset:8px;
23153        border-radius:14px;
23154        pointer-events:none;
23155        opacity:.7;
23156        background:
23157            radial-gradient(140px 46px at 18% 15%, rgba(201, 162, 39, 0.1
23157), transparent 70%),
23158            radial-gradient(140px 46px at 82% 85%, rgba(201, 162, 39, 0.1), transparent 70%);
23159        animation: goldBlink 3.8s ease-in-out infinite;
23160    }
23161
23162    .cta-footer .btn{
23163        flex: 1 1 0;
23164        min-width: 105px;
23165        padding: 12px 10px; 
23166        font-size: 13px;
23167        font-weight: 900;
23168        border-radius: 999px;
23169        text-decoration:none;
23170        text-align:center;
23171        letter-spacing:.9px;
23172        text-transform:uppercase;
23173        position:relative;
23174        overflow:hidden;
23175        border:none;
23176        color:#fff;
23177        transition: transform .25s ease, filter .25s ease, box-shadow .25s ease;
23178        isolation:isolate;
23179        white-space: nowrap;
23180    }
23181
23182    .cta-footer .btn::before{
23183        content:"";
23184        position:absolute;
23185        inset:0;
23186        padding:2px;
23187        border-radius:inherit;
23188        z-index:0;
23189        pointer-events:none;
23190
23191        background: linear-gradient(90deg,
23192            var(--cta-red),
23193            var(--cta-blue),
23194            var(--cta-gold),
23195            var(--cta-blue),
23196            var(--cta-red)
23197        );
23198        background-size:300% 300%;
23199        animation: borderFlow 4.2s linear infinite;
23200
23201        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
23202        -webkit-mask-composite: xor;
23203        mask-composite: exclude;
23204    }
23205
23206    .cta-footer .btn::after{
23207        content:"";
23208        position:absolute;
23209        inset:2px;
23210        border-radius:inherit;
23211        z-index:1;
23212        background:
23213            linear-gradient(110deg, #111 0%, #1a1a1a 22%, #111 45%) no-repeat,
23214            linear-gradient(180deg, #9e0707, #000);
23215        background-size: 220% 100%, 100% 100%;
23216        background-position: -130% 0, 0 0;
23217        animation: shineMove 4.6s ease-in-out infinite;
23218    }
23219
23220    .cta-footer .btn span{
23221        position:relative;
23222        z-index:2;
23223        text-shadow: 0 2px 10px rgba(255, 255, 255, 0.4);
23224    }
23225
23226    .cta-footer .btn:hover{
23227        transform: translateY(-2px) scale(1.03);
23228        filter: brightness(1.12);
23229        box-shadow:
23230            0 0 18px rgba(232, 212, 139, 0.45),
23231            0 0 14px rgba(201, 162, 39, 0.3);
23232    }
23233    .cta-footer .btn:active{ transform: translateY(0) scale(0.98); }
23234
23235    @keyframes borderFlow{
23236        0%{ background-position: 0% 50%; }
23237        50%{ background-position: 100% 50%; }
23238        100%{ background-position: 0% 50%; }
23239    }
23240    @keyframes shineMove{
23241        0%,55%{ background-position: -130% 0, 0 0; }
23242        70%   { background-position: 130% 0, 0 0; }
23243        100%  { background-position: 130% 0, 0 0; }
23244    }
23245
23246    @media (max-width: 760px){
23247        .cta-footer{ overflow-x:auto; -webkit-overflow-scrolling: touch; scrollbar-width:none; }
23248        .cta-footer::-webkit-scrollbar{ display:none; }
23249        .cta-footer .btn{ flex: 0 0 120px; min-width: 120px; }
23250    }
23251
23252    @media (prefers-reduced-motion: reduce){
23253        .footer-cta,
23254        .footer-cta::before,
23255        .cta-footer,
23256        .cta-footer::before,
23257        .cta-footer .btn::before,
23258        .cta-footer .btn::after{ animation: none !important; }
23259    }
23260</style>
23261    <footer class="footer-cta">
23262    <div class="cta-footer">
23263        <a href="https://store.astrokamalsharma.site" class="btn"><span>LIVECHAT</span></a>
23264        <a href="https://store.astrokamalsharma.site" class="btn"><span>LINK</span></a>
23265        <a href="https://store.astrokamalsharma.site" class="btn"><span>LOGIN</span></a>
23266        <a href="https://store.astrokamalsharma.site" class="btn"><span>DAFTAR</span></a>
23267        <a href="https://store.astrokamalsharma.site" class="btn"><span>PROMO</span></a>
23268        <a href="https://store.astrokamalsharma.site" class="btn"><span>PREDIKSI</span></a>
23269    </div>
23270    
23270<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b29e8bc30b1849a5bd9e7bcfaad52b0d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23270
23271    
23271<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0e89c04290584d9',t:'MTc4MTkzNTgxNg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23271
23272    
23272<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0f5c8e4eb26a3dd',t:'MTc4MjA3Mzk2OQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23272<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"6d964f74e87341c2a66d096b34ebf90a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23272
23273    
23273<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"d619bc2a39ff4d0c8aa051925ec673b5","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23273
23274    
23274<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a114949638d114b5',t:'MTc4MjM5Njg4NQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23274<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a122ce826874fd9e',t:'MTc4MjU0NjA1OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23274<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"96e664c4b6af4e0895b3e3a48bb504fe","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23274
23275    
23275<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b4fd9eb1e7974a30adc0876046ad010a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23275
23276    
23276<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0fe56ac417684b8eb6b0cd11fdbedf9f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23276
23277    
23277<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1401cfe9ed0f838',t:'MTc4Mjg1MzM2MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23277<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a15946eabe352652',t:'MTc4MzExNzIyMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23277<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0fe56ac417684b8eb6b0cd11fdbedf9f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23277
23278    
23278<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"fbc9f5ab73474082a23afa820c2dd724","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23278
23279    
23279<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a16185480881a3e0',t:'MTc4MzIwMzY2Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23279<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0ca4c2ee72d747e7913a13995736232a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23279
23280    
23280<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"20515d710334495194d7b3cb060113c8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23280
23281    
23281<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1be7c8dbe7bfd32',t:'MTc4NDE3ODQ4MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23281<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"5896953251b74bdfbc685f2d7d731d72","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23281
23282    
23282<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"d0f7079f5a664cc28ae4b9e6c2364498","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23282
23283    
23283<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"247453026960438d80b9278ea6e7ece6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23283
23284    
23284<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"341ce9c5d94d449682fad82884e8318a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23284
23285    
23285<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"6ab30577d77847ceb01c6ed09e4538a6","r":1}' crossorigin="anonymous"></script>
23285
23286    
23286<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":"704c3acd45d546e3a2d32001cfec2673","r":1,"spa":2}' crossorigin="anonymous"></script>
23286
23287</body>
23288    </html>
23289        
23290                
23291        

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.