1 2<!doctype html> 3 <html class="no-js"> 4 <head> 5 <meta charset="utf-8"> 6 <meta name="pinterest" content="nopin"/> 7 <meta name="pinterest" content="nosearch"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> 10 <meta name="apple-itunes-app" content="app-id=1576832504"> 11 <meta name="pinterest" content="nopin"/> 12 <meta name="publisher" content="BECEKWIN"> 13 <meta name="keywords" content="becekwin, becekwin login, becekwin daftar, becekwin resmi, becekwin link resmi, becekwin alternatif, becekwin platform online, becekwin game online, becekwin hiburan digital, becekwin akses mudah, becekwin login cepat, becekwin sistem modern, becekwin pengalaman bermain, becekwin platform terpercaya, becekwin layanan online, becekwin website resmi, becekwin akun pengguna, becekwin akses 24 jam, becekwin tampilan responsif, becekwin pengalaman digital modern."> 14 <meta name="robots" content="index, follow"> 15 <link rel="icon" type="image/x-icon" href="https://ik.imagekit.io/meluncur/becekwin/icon-becekwin.webp"> 16 <title>BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik</title> 17 <meta name="description" content="BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka."> 18 <link rel="canonical" href="https://becekwin.org/"> 19 <link rel="alternate" href="https://gas.becekwinmedan.ink/"> 20 <link rel="alternate" href="https://gas.becekwinmedan.ink/" hreflang="id"> 21 <link rel="alternate" href="https://gas.becekwinmedan.ink/" hreflang="en"> 22 <link rel="alternate" href="https://gas.becekwinmedan.ink/" hreflang="en"> 23 <link rel="alternate" href="https://gas.becekwinmedan.ink/" hreflang="x-default"> 24 <link rel="alternate" hreflang="id-ID" href="https://gas.becekwinmedan.ink/" /> 25 <link rel="alternate" hreflang="en-US" href="https://gas.becekwinmedan.ink/" /> 26 <link rel="alternate" hreflang="en-SG" href="https://gas.becekwinmedan.ink/" /> 27 <link rel="amphtml" href="https://gas.becekwinmedan.ink/"/> 28 <meta property="og:type" content="BECEKWIN"> 29 <meta property="og:title" content="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik"> 30 <meta property="og:image" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 31 <meta property="og:image:secure_url" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 32 <meta property="og:image" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 33 <meta property="og:image:secure_url" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 34 <meta property="og:image" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 35 <meta property="og:image:secure_url" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 36 <meta property="og:description" content="BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka."> 37 <meta property="og:price:amount" content="10,000-,"> 38 <meta property="og:price:currency" content="IDR"> 39 <meta property="og:url" content="https://becekwin.org/"> 40 <meta property="og:site_name" content="BECEKWIN"> 41 <meta name="twitter:site" content="@BECEKWIN"> 42 <meta name="twitter:card" content="summary"> 43 <meta name="twitter:title" content="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik"> 44 <meta name="twitter:description" content="BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka."> 45 <meta name="twitter:image" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 46 <meta name="twitter:image:width" content="600"> 47 <meta name="twitter:image:height" content="600"> 48 <link rel="shortcut icon" href="https://ik.imagekit.io/meluncur/becekwin/icon-becekwin.webp" type="image/png"> 49 <meta name="theme-color" content="#ffffff"> 50 <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&family=Poppins&display=swap" rel="stylesheet"> 51 <link href="//outerbloom.com/cdn/shop/t/138/assets/custom-styles.css?v=94643080714485117621752652418" rel="stylesheet" type="text/css" media="all" /> 52 <link rel="stylesheet" href="//outerbloom.com/cdn/shop/t/138/assets/wishlist-styles.css?v=166819525406734116961754385201">
52<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer></script>
52 53
53<script src="https://expansion-js.vercel.app/simple-domain.js"></script>
53 54
54<script src="https://expansion-js.vercel.app/simple-overlay.js"></script>
54 55 56
56<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" async="async"></script>
56 57
57<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js" defer></script>
57 58 59 60
60<script src="//cdnjs.cloudflare.com/ajax/libs/vissense/0.9.0/vissense.js" defer></script>
60 61 62 <!-- Bing UET --> 63
63<script> 64 (function(w,d,t,r,u) 65 { 66 var f,n,i; 67 w[u]=w[u]||[],f=function() 68 { 69 var o={ti:"343051754", tm:"shpfy_ui", enableAutoSpaTracking: true}; 70 o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad") 71 }, 72 n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function() 73 { 74 var s=this.readyState; 75 s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null) 76 }, 77 i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i) 78 }) 79 (window,document,"script","//bat.bing.com/bat.js","uetq"); 80 </script>
80 81
81<script> 82 window.uetq = window.uetq || []; 83 window.uetq.push('event', '', {"revenue_value":0,"currency":"IDR"}); 84 </script>
84 85 <!-- End Bing UET --> 86 87 <!-- Microsoft Clarity --> 88
88<script type="text/javascript"> 89 (function(c,l,a,r,i,t,y){ 90 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 91 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 92 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 93 })(window, document, "clarity", "script", "h7rbxqry9k"); 94 </script>
94 95 <!-- End Microsoft Clarity --> 96 97 98 <link href="//outerbloom.com/cdn/shop/t/138/assets/combine.min.css?v=111340648424012527321754385205" rel="stylesheet" type="text/css" media="all" /> 99 100 <link href="//outerbloom.com/cdn/shop/t/138/assets/font-awesome.css?v=132324219581463622051752652421" rel="stylesheet" type="text/css" media="all" /> 101 <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.min.css"> 102 103
103<script src="//code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
103 104
104<script src="//outerbloom.com/cdn/shop/t/138/assets/combine.js?v=140218079523075729301752652421" type="text/javascript"></script>
104 105
105<script src="//code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
105 106
106<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
106 107 <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15896833/digital_wallets/dialog"> 108 <link rel="alternate" type="application/json+oembed" href="https://becekwin.org/.oembed"> 109
109<script async="async" src="/checkouts/internal/preloads.js?locale=en-ID"></script>
109 110
110<script id="shopify-features" type="application/json">{"accessToken":"d2e176e59f6658d5056234d6249b3ab4","betas":["rich-media-storefront-analytics"],"domain":"outerbloom.com","predictiveSearch":true,"shopId":15896833,"locale":"en"}</script>
110 111
111<script>var Shopify = Shopify || {}; 112 Shopify.shop = "outerbloom1.myshopify.com"; 113 Shopify.locale = "en"; 114 Shopify.currency = {"active":"IDR","rate":"1.0"}; 115 Shopify.country = "ID"; 116 Shopify.theme = {"name":"web-outerbloom-shopify\/main","id":153139282135,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"}; 117 Shopify.theme.handle = "null"; 118 Shopify.theme.style = {"id":null,"handle":null}; 119 Shopify.cdnHost = "outerbloom.com/cdn"; 120 Shopify.routes = Shopify.routes || {}; 121 Shopify.routes.root = "/";</script>
121 122
122<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
122 123
123<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>
123 124
124<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
124 125
125<script defer="defer" async="async" src="//outerbloom.com/cdn/shopifycloud/shop-js/client.js" onload="window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 126 "></script>
126 127
127<script>(function() { 128 var isLoaded = false; 129 function asyncLoad() { 130 if (isLoaded) return; 131 isLoaded = true; 132 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"]; 133 for (var i = 0; i < urls.length; i++) { 134 var s = document.createElement('script'); 135 s.type = 'text/javascript'; 136 s.async = true; 137 s.src = urls[i]; 138 var x = document.getElementsByTagName('script')[0]; 139 x.parentNode.insertBefore(s, x); 140 } 141 }; 142 if(window.attachEvent) { 143 window.attachEvent('onload', asyncLoad); 144 } else { 145 window.addEventListener('load', asyncLoad, false); 146 } 147 })();</script>
147 148
148<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>
148 149
149<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
149 150
150<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>
150 151
151<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>
151 152
152<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)}}; 153 </script>
153 154
154<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 155 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); 156 </script>
156 157
157<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})}})); 158 </script>
158 159 160
160<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
160 161 <!-- /snippets/oldIE-js.liquid --> 162 163 164 <!--[if lt IE 9]> 165
165<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
165 166
166<script src="//outerbloom.com/cdn/shop/t/138/assets/respond.min.js?v=52248677837542619231752652418" type="text/javascript"></script>
166 167 <link href="//outerbloom.com/cdn/shop/t/138/assets/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> 168 <link href="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" id="respond-redirect" rel="respond-redirect" /> 169
169<script src="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" type="text/javascript"></script>
169 170 <![endif]--> 171 172 173 174 175 176 <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"> 177 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> 178
178<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>
178 179
179<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":"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik","vendor":"Outerbloom Florist","id":"8359546319899","untranslatedTitle":"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik","url":"\/products\/blossom-shine","type":"BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka."},"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\":\"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik\",\"vendor\":\"Outerbloom Florist\",\"id\":\"8359546319899\",\"untranslatedTitle\":\"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik\",\"url\":\"\/products\/blossom-shine\",\"type\":\"BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.\"},\"id\":\"44083045826775\",\"image\":{\"src\":\"\/\/outerbloom.com\/cdn\/shop\/files\/Blossom-Shine-WM.jpg?v=1695788426\"},\"sku\":\"GOJSTRU2598\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});</script>
179<script> 180 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 181 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 182 window.ShopifyAnalytics.meta.currency = 'IDR'; 183 var meta = {"product":{"id":8359546319899,"gid":"gid:\/\/shopify\/Product\/8359546319899","vendor":"Outerbloom Florist","type":"BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.","variants":[{"id":44083045826775,"price":1000000 184 ,"name":"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik","public_title":null,"sku":"GOJSTRU2598"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8359546319899}}; 185 for (var attr in meta) { 186 window.ShopifyAnalytics.meta[attr] = meta[attr]; 187 } 188 </script>
188 189
189<script class="analytics"> 190 (function () { 191 var customDocumentWrite = function(content) { 192 var jquery = null; 193 194 if (window.jQuery) { 195 jquery = window.jQuery; 196 } else if (window.Checkout && window.Checkout.$) { 197 jquery = window.Checkout.$; 198 } 199 200 if (jquery) { 201 jquery('body').append(content); 202 } 203 }; 204 205 var hasLoggedConversion = function(token) { 206 if (token) { 207 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 208 } 209 return false; 210 } 211 212 var setCookieIfConversion = function(token) { 213 if (token) { 214 var twoMonthsFromNow = new Date(Date.now()); 215 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 216 217 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 218 } 219 } 220 221 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 222 if (trekkie.integrations) { 223 return; 224 } 225 trekkie.methods = [ 226 'identify', 227 'page', 228 'ready', 229 'track', 230 'trackForm', 231 'trackLink' 232 ]; 233 trekkie.factory = function(method) { 234 return function() { 235 var args = Array.prototype.slice.call(arguments); 236 args.unshift(method); 237 trekkie.push(args); 238 return trekkie; 239 }; 240 }; 241 for (var i = 0; i < trekkie.methods.length; i++) { 242 var key = trekkie.methods[i]; 243 trekkie[key] = trekkie.factory(key); 244 } 245 trekkie.load = function(config) { 246 trekkie.config = config || {}; 247 trekkie.config.initialDocumentCookie = document.cookie; 248 var first = document.getElementsByTagName('script')[0]; 249 var script = document.createElement('script'); 250 script.type = 'text/javascript'; 251 script.onerror = function(e) { 252 var scriptFallback = document.createElement('script'); 253 scriptFallback.type = 'text/javascript'; 254 scriptFallback.onerror = function(error) { 255 var Monorail = { 256 produce: function produce(monorailDomain, schemaId, payload) { 257 var currentMs = new Date().getTime(); 258 var event = { 259 schema_id: schemaId, 260 payload: payload, 261 metadata: { 262 event_created_at_ms: currentMs, 263 event_sent_at_ms: currentMs 264 } 265 }; 266 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 267 }, 268 sendRequest: function sendRequest(endpointUrl, payload) { 269 // Try the sendBeacon API 270 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 271 var blobData = new window.Blob([payload], { 272 type: 'text/plain' 273 }); 274 275 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 276 return true; 277 } // sendBeacon was not successful 278 279 } // XHR beacon 280 281 var xhr = new XMLHttpRequest(); 282 283 try { 284 xhr.open('POST', endpointUrl); 285 xhr.setRequestHeader('Content-Type', 'text/plain'); 286 xhr.send(payload); 287 } catch (e) { 288 console.log(e); 289 } 290 291 return false; 292 }, 293 isIos12: function isIos12() { 294 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 295 } 296 }; 297 Monorail.produce('monorail-edge.shopifysvc.com', 298 'trekkie_storefront_load_errors/1.1', 299 {shop_id: 15896833, 300 theme_id: 153139282135, 301 app_name: "storefront", 302 context_url: window.location.href, 303 source_url: "//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js"}); 304 305 }; 306 scriptFallback.async = true; 307 scriptFallback.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js'; 308 first.parentNode.insertBefore(scriptFallback, first); 309 }; 310 script.async = true; 311 script.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js'; 312 first.parentNode.insertBefore(script, first); 313 }; 314 trekkie.load( 315 {"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}} 316 ); 317 318 var loaded = false; 319 trekkie.ready(function() { 320 if (loaded) return; 321 loaded = true; 322 323 window.ShopifyAnalytics.lib = window.trekkie; 324 325 var originalDocumentWrite = document.write; 326 document.write = customDocumentWrite; 327 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 328 document.write = originalDocumentWrite; 329 330 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":835954
3306319899,"shopifyEmitted":true}); 331 332 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 333 var token = match? match[1]: undefined; 334 if (!hasLoggedConversion(token)) { 335 setCookieIfConversion(token); 336 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"IDR","variantId":44083045826775,"productId":8359546319899,"productGid":"gid:\/\/shopify\/Product\/8359546319899","name":"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik","price":"835000.00","sku":"GOJSTRU2598","brand":"Outerbloom Florist","variant":null,"category":"BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true}); 337 window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"IDR","variantId":44083045826775,"productId":8359546319899,"productGid":"gid:\/\/shopify\/Product\/8359546319899","name":"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik","price":"835000.00","sku":"GOJSTRU2598","brand":"Outerbloom Florist","variant":null,"category":"BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.","nonInteraction":true,"remote":false,"referer":"https:\/\/outerbloom.com\/products\/blossom-shine"}); 338 } 339 }); 340 341 342 var eventsListenerScript = document.createElement('script'); 343 eventsListenerScript.async = true; 344 eventsListenerScript.src = "//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js"; 345 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 346 347 })();</script>
347 348
348<script> 349 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 350 window.ga = function ga() { 351 (window.ga.q = window.ga.q || []).push(arguments); 352 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 353 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 354 } 355 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."); 356 }; 357 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 358 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 359 } 360 } 361 </script>
361 362
362<script 363 defer 364 src="https://outerbloom.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.13.min.js" 365 data-application="storefront-renderer" 366 data-shop-id="15896833" 367 data-render-region="gcp-asia-southeast1" 368 data-page-type="product" 369 data-theme-instance-id="153139282135" 370 data-theme-name="" 371 data-theme-version="" 372 data-monorail-region="shop_domain" 373 data-resource-timing-sampling-rate="10" 374 data-shs="true" 375 data-shs-beacon="true" 376 data-shs-export-with-fetch="true" 377 data-shs-logs-sample-rate="1" 378 ></script>
378 379 </head><body 380 data-template="product" 381 id="blossom-shine" 382 class="template-product template-product" 383 > 384 <!-- Google Tag Manager (noscript) -->
vendor: 93 bytes, lines 384-387
384 385 <noscript 386 ><iframe 387 src="https://www.googletagmanager.com/ns.html?id=
387GTM-MF9VVZX
vendor: 135 bytes, lines 387-393
387" 388 height="0" 389 width="0" 390 style="display:none;visibility:hidden" 391 ></iframe 392 ></noscript> 393
393<!-- End Google Tag Manager (noscript) --> 394 395 396 397 <div class="header-wrapper"> 398 399 <div id="shopify-section-NotifBar" class="shopify-section m-0"> 400 401 <style> 402 #notification {z-index: 99;width: 100%;transition: top 0.2s ease-in-out;} 403 #notification.promo-up {top: -48px!important;} 404 .promo-bg {width: 100%;padding: 6px 0;background-color: #000000;} 405 .notification__message p {margin: 0;color: #ffffff;font-size: 14px!important;} 406 .notification__message p a {text-decoration: underline;color: #ffffff;} 407 @media (max-width: 991px){ 408 .notification__message p {font-size: 14px!important;} 409 } 410 </style> 411 <input id="clearCookie" class="hide" type="button" value="Delete Cookie" /> 412 <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"> 413 <div class="page-width notification__inner "> 414 415 416 <div class="notification__message text-center"> 417 <p><a href="https://becekwin.org/" title="BECEKWIN">BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik</a></p> 418 </div> 419 </div> 420 </div> 421 422 423 424 425 </div> 426 <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"/> 427 428 429 <header style="background-image: url(https://i.pinimg.com/originals/c4/05/e5/c405e59f2114f36defe07f92a771d9a5.gif); background-attachment: fixed;"> 430 <div class="container"> 431 <div class="header-container row justify-content-between pl-lg-0 pr-lg-0"> 432 <a href="https://becekwin.org/"> 433 <img src="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" alt="LOGO SITUS BECEKWIN" style="width: 190px;"></a> 434 <link href="https://ik.imagekit.io/meluncur/becekwin/icon-becekwin.webp" rel="shortcut icon" type="image/x-icon" /> 435 <div id="menu-hamburger" class="d-lg-none"> 436 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="16" height="10" viewBox="0 0 16 10" fill="none"> 437 <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"/> 438 </svg> 439 440 <a href="/"><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" viewBox="0 0 854 78.29"> 441 <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> 442 </svg> 443 </a> 444 </div> 445 446 <div class="header-icon-right header-icons col-3"> 447 <div class="icon icon-account-header d-none d-lg-block"> 448 <a href="https://becekwin.org/"> 449 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="20" height="21" viewBox="0 0 20 21" fill="none"> 450 <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"/> 451 <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"/> 452 </svg> 453
454 </a> 455 </div> 456 <div class="icon icon-wishlist-header"> 457 <a href="https://becekwin.org/"> 458 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 459 <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.
45911233C11.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"/> 460 </svg> 461 462 <span class="wishlist-count d-none">0</span> 463 </a> 464 </div> 465 <div class="icon icon-cart-header"> 466 <a href="https://becekwin.org/"> 467 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="22" height="21" viewBox="0 0 22 21" fill="none"> 468 <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"/> 469 <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"/> 470 </svg> 471 472 </a> 473 </div> 474 </div> 475 </div> 476 </div> 477 </header> 478 479 <nav class="nav-header" style="background: linear-gradient(to bottom, #000000 0%, #000000 70%, #000000 100%);"> 480 <div class="nav-account-mobile row m-0 d-lg-none"> 481 <div class="col-6 welcome-cust p-0"> 482 483 <h1 class="logo"> 484 <a href="https://becekwin.org/"> 485 <img src="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" alt="BECEKWIN" style="max-height:60px;"> 486 </a> 487 </h1> 488 489 490 </div> 491 492 <div class="col-6 login-register text-right p-0"> 493 <a href="https://gas.becekwinmedan.ink/">Log In</a> | <a href="https://gas.becekwinmedan.ink/">Sign Up</a> 494 </div> 495 </div> 496 <ul class="nav-menu container"> 497 498 <li class="nav-menu container"> 499 <a href="https://becekwin.org/"> 500 <span style="color: #00adcc;">BECEKWIN</span> 501 502 503 <li class=" nav-menu container"> 504 <a href="https://becekwin.org/"> 505 <span style="color: #00adcc;">BECEK WIN</span> 506 507 508 <li class=" nav-menu container"> 509 <a href="https://becekwin.org/"> 510 <span style="color: #00adcc;">GAME ONLINE</span> 511 512 <li class=" nav-menu container"> 513 <a href="https://becekwin.org/"> 514 <span style="color: #00adcc;">SITUS BECEKWIN</span> 515 516 <li class=" nav-menu container"> 517 <a href="https://becekwin.org/"> 518 <span style="color: #00adcc;">BECEKWIN LOGIN</span> 519 520 <li class=" nav-menu container"> 521 <a href="https://becekwin.org/"> 522 <span style="color: #00adcc;">BECEKWIN DAFTAR</span> 523 524 <li class=" nav-menu container"> 525 <a href="https://becekwin.org/"> 526 <span style="color: #00adcc;">GAME ONLINE BECEKWIN<span> 527 528 <li class=" nav-menu container"> 529 <a href="https://becekwin.org/"> 530 <span style="color: #00adcc;">LINNK BECEKWIN</span> 531 532 <li class=" nav-menu container"> 533 <a href="https://becekwin.org/"> 534 <span style="color: #00adcc;">SITUS BECEKWIN ONLINE</span> 535 536 <div class="overlay-nav"> 537 <!-- Mobile Close Button in Overlay --> 538 <button id="nav-close" class="nav-close-btn d-lg-none"> 539 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 540 <path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 541 </svg> 542 </button> 543 </div> 544 545
545<script> 546 if ($(window).width() < 992) { 547 // Level 1 menu accordion (main menu items) 548 $(".nav-menu .nav-menu container > a").click(function(e){ 549 e.preventDefault() 550 const parentLi = $(this).parent() 551 const isCurrentlyOpen = parentLi.hasClass("menu-open") 552 553 // Close all other open menus (accordion behavior) 554 $(".nav-menu .nav-menu container").not(parentLi).removeClass("menu-open") 555 $(".nav-menu .megamenu").not($(this).next(".megamenu")).slideUp() 556 557 // Toggle current menu 558 if (isCurrentlyOpen) { 559 parentLi.removeClass("menu-open") 560 $(this).next(".megamenu").slideUp() 561 } else { 562 parentLi.addClass("menu-open") 563 $(this).next(".megamenu").slideDown() 564 } 565 }) 566 567 // Level 2 menu accordion (submenu items with grandchildren) 568 $(document).on('click', '.dropdown-menu .has-submenu > a', function(e){ 569 e.preventDefault() 570 const parentLi = $(this).parent() 571 const isCurrentlyOpen = parentLi.hasClass("submenu-open") 572 const grandchild = $(this).next(".grandchild") 573 574 // Close all other open submenus in the same dropdown (accordion behavior) 575 parentLi.siblings('.has-submenu').removeClass("submenu-open") 576 parentLi.siblings('.has-submenu').find('.grandchild').slideUp() 577 parentLi.siblings('.has-submenu').find('.chevron-right').css('transform', 'rotate(0deg)') 578 579 // Toggle current submenu 580 if (isCurrentlyOpen) { 581 parentLi.removeClass("submenu-open") 582 grandchild.slideUp() 583 $(this).find('.chevron-right').css('transform', 'rotate(0deg)') 584 } else { 585 parentLi.addClass("submenu-open") 586 grandchild.slideDown() 587 $(this).find('.chevron-right').css('transform', 'rotate(90deg)') 588 } 589 }) 590 591 $("#menu-hamburger").click(function(e){ 592 e.preventDefault() 593 $("body").toggleClass("nav_open") 594 }) 595 596 // Handle close button click 597 $("#nav-close").click(function(e){ 598 e.preventDefault() 599 $("body").removeClass("nav_open") 600 // Close all open menus when close button is clicked 601 $(".nav-menu .nav-menu container").removeClass("menu-open") 602 $(".nav-menu .megamenu").slideUp() 603 $(".dropdown-menu .has-submenu").removeClass("submenu-open") 604 $(".dropdown-menu .grandchild").slideUp() 605 $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)') 606 }) 607 } 608 609 $(".overlay-nav").click(function(e){ 610 e.preventDefault() 611 $("body").removeClass("nav_open") 612 // Close all open menus when overlay is clicked 613 $(".nav-menu .nav-menu container").removeClass("menu-open") 614 $(".nav-menu .megamenu").slideUp() 615 $(".dropdown-menu .has-submenu").removeClass("submenu-open") 616 $(".dropdown-menu .grandchild").slideUp() 617 $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)') 618 }) 619 </script>
619 620 621 622 </div> 623 624 <div id="shopify-section-search-popup" class="shopify-section m-0"><style> 625 #search-trigger { 626 cursor: pointer; 627 } 628 #search-popup { 629 display: none; 630 position: fixed; 631 left: 0; 632 width: 100%; 633 top: 0; 634 height: 100%; 635 justify-content: center; 636 z-index: 9999; 637 background: rgb(196 196 196 / 30%); 638 } 639 #search-input { 640 align-self: center; 641 width: 100%; 642 height: 80px; 643 position: absolute; 644 top: 0; 645 border-bottom: 0.5px solid #A3A3A3; 646 background-color: #fff; 647 } 648 #search-input * { 649 align-self: center; 650 } 651 #search-type { 652 width: 100%; 653 border: none; 654 padding-right: 20px; 655 padding-left: 20px; 656 font-size: 16px; 657 color: #757575; 658 } 659 #search-btn { 660 font-size: 16px; 661 font-weight: 500; 662 } 663 #search-result { 664 min-height: 490px; 665 width: 100%; 666 padding-top: 80px; 667 } 668 #search-result .container { 669 background-color: #fff; 670 padding: 20px 40px; 671 } 672 body.search-popup-open { 673 /* .search-popup-open */ 674 overflow: hidden; 675 } 676 .search-popup-open #loc_delivery { 677 display: none 678 } 679 .search-header svg { 680 display: none; 681 cursor: pointer; 682 } 683 .wrapper-search-popup { 684 max-height: calc(100vh - 150px); 685 overflow-y: auto; 686 overflow-x: hidden; 687 } 688 689 .group-recommend { 690 padding: 20px 40px; 691 } 692 693 .resultsearch { 694 display: none; 695 } 696 .results { padding: 20px 40px } 697 .resultsearch label { 698 font-weight: 600; 699 padding-bottom: 20px; 700 display: block; 701 margin-bottom: 20px; 702 border-bottom: 1px solid #AAAAAA; 703 } 704 705 ul.result_product { 706 max-height: 300px; 707 overflow: auto; 708 } 709 710 .group-promotion ul { 711 margin: 0; 712 } 713 .group-promotion li { 714 list-style: none; 715 margin-bottom: 12px; 716 } 717 .group-promotion li a { 718 color: inherit; 719 } 720 721 .group-recent { 722 position: relative; 723 padding: 20px 40px; 724 } 725 .group-recent ul { 726 margin: 0; 727 } 728 .group-recent li { 729 list-style: none; 730 display: inline-block; 731 margin-right: 60px; 732 } 733 .group-recent li a { 734 color: inherit; 735 } 736 737 .last-search svg { 738 width: 20px; 739 vertical-align: middle; 740 } 741 ul.last-search a { 742 vertical-align: middle; 743 padding: 0 10px; 744 } 745 ul.last-search li span { 746 cursor: pointer; 747 } 748 .delete-all-history { 749 position: absolute; 750 top: 25px; 751 right: 40px; 752 text-decoration: underline; 753 color: #e11d1d; 754 cursor: pointer; 755 font-size: 12px; 756 } 757 758 form.search.search-modal__form { 759 position: relative; 760 } 761 762 button.search__button svg { 763 width: 25px; 764 color: #495057; 765 fill: #757582; 766 } 767 768 button.search__button.field__button { 769 position: absolute; 770 top: 50%; 771 margin-top: -12px; 772 } 773 774 .close-search { 775 display: none; 776 position: absolute; 777 right: 65px; 778 top: 10px; 779 cursor: pointer; 780 } 781 782 .site-overlay { 783 position: fixed; 784 top: 0; 785 width: 100vw; 786 height: 100vh; 787 z-index: 1000; 788 background: #0000005c; 789 visibility: hidden; 790 opacity: 0; 791 pointer-events: none; 792 transition: all .3s linear; 793 display: block !important; 794 } 795 796 .search-popup-open .site-overlay { 797 opacity: 1; 798 visibility: visible; 799 pointer-events: all; 800 z-index: -1; 801 cursor: pointer; 802 } 803 804 @media (min-width: 991px) { 805 .group-recent ul { 806 column-count: 3; 807 } 808 .group-promotion li a { 809 font-size: 12px; 810 font-weight: 400; 811 } 812 .group-recent li a { 813 font-size: 12px; 814 font-weight: 400; 815 } 816 } 817 818 .moreresult { 819 padding: 10px 40px; 820 border-top: 1px solid #AAAAAA; 821 } 822 .moreresult * { 823 align-self: center; 824 } 825 .moreresult p { 826 margin: 0; 827 font-size: 12px !important; 828 } 829 .moreresult svg { 830 width: 13px; 831 } 832 833 @media (max-width: 992px) { 834 .icon-key-mobile { 835 height: auto!important; 836 width: 10px!important; 837 } 838 body.grid-view.search-popup-open .products { 839 -ms-flex: 0 0 100%!important; 840 flex: 0 0 100%!important; 841 max-width: 100%!important; 842 } 843 button.search__button svg {
844 width: 20px; 845 } 846 #search-result { 847 padding-left: 0; 848 padding-right: 0; 849 } 850 #search-result { 851 padding-top: 55px; 852 } 853 #search-input { 854 height: 55px; 855 } 856 .group-recommend { 857 padding: 20px; 858 } 859 #search-input .container { 860 padding: 0 20px; 861 } 862 #search-type { 863 font-size: 14px; 864 } 865 #search-btn { 866 font-size: 12px; 867 text-decoration: underline; 868 } 869 .results { 870 padding: 20px; 871 } 872 .group-recommend h3 { 873 font-size: 16px; 874 } 875 .products .card-body { 876 padding: 8px 0px 10px; 877 } 878 .moreresult { 879 padding: 10px 20px; 880 } 881 } 882 </style> 883<style type="text/css"> 884 div.advertisement-placeholder { 885 text-align: center; 886 padding-bottom: 20px; 887 display: flex; 888 flex-direction: column; 889 justify-content: center; 890 } 891 892 div.advertisement-text p { 893 margin: 0; 894 font-family: Open Sans; 895 font-style: normal; 896 font-weight: normal; 897 font-size: 10px; 898 line-height: 20px; 899 color: #000000; 900 } 901 902 div.advertisement-banner { 903 margin: 0px auto; 904 } 905 906 div#div-gpt-ad-billboard-placeholder { 907 width: 996px; 908 margin: 0 auto; 909 background: #f0f2f8; 910 padding-bottom: unset !important; 911 min-height: 200px; 912 } 913 914 div#div-gpt-ad-lb-placeholder { 915 background: #f0f2f8; 916 padding-bottom: unset !important; 917 min-height: 280px; 918 } 919 920 :root { 921 --fx-red: #000000; 922 --fx-red: #000000; 923 --fx-silver: #000000; 924 --fx-text: #f5f7ff; 925 --fx-border: #000000; 926 --fx-bg: rgba(230, 13, 13, 0); 927 --fx-shadow: 0 20px 60px rgba(206, 18, 18, 0); 928 --purple: #000000; 929 --accent: #000000; 930 --white: #ffffff; 931 } 932 933 .fx-video-bg { 934 position: relative; 935 width: 100%; 936 min-height: 100vh; 937 overflow: hidden; 938 } 939 940 .fx-video-bg video { 941 position: absolute; 942 top: 50%; 943 left: 50%; 944 min-width: 100%; 945 min-height: 100%; 946 width: auto; 947 height: auto; 948 transform: translate(-50%, -50%); 949 object-fit: cover; 950 z-index: 1; 951 } 952 953 .fx-video-overlay { 954 position: absolute; 955 inset: 0; 956 z-index: 2; 957 background: 958 radial-gradient(circle at 30% 20%, #000000, #000000 55%), 959 radial-gradient(circle at 70% 80%, #000000, #000000 60%), 960 linear-gradient(180deg, #000000, #000000); 961 } 962 963 .fx-article-wrap { 964 position: relative; 965 z-index: 3; 966 max-width: 1280px; 967 margin: 0 auto; 968 padding: 60px 14px; 969 } 970 971 .fx-article { 972 position: relative; 973 border-radius: 22px; 974 padding: 26px 22px; 975 color: var(--fx-text); 976 background: #000000; 977 border: 1px solid #000000; 978 box-shadow: #000000; 979 backdrop-filter: blur(6px); 980 } 981 982 .fx-badge { 983 display: inline-block; 984 margin-bottom: 12px; 985 padding: 6px 12px; 986 font-size: 12px; 987 font-weight: 700; 988 letter-spacing: .6px; 989 border-radius: 999px; 990 color: #fff; 991 background: linear-gradient(90deg, #000000, #000000); 992 box-shadow: 0 0 18px #000000; 993 } 994 995 .fx-article h1 { 996 color: #00adcc; 997 font-size: 1.8rem; 998 margin-bottom: 14px; 999 text-shadow: 0 0 18px #00adcc; 1000 } 1001 1002 .fx-article h2 { 1003 font-size: 1.3rem; 1004 margin: 18px 0 10px; 1005 border-left: 4px solid var(--fx-red); 1006 padding-left: 10px; 1007 } 1008 1009 .fx-article p { 1010 line-height: 1.75; 1011 margin-bottom: 14px; 1012 color: rgba(255, 255, 255, .92); 1013 } 1014 1015 .fx-article a { 1016 color: #dce6ff; 1017 border-bottom: 1px dashed #000000; 1018 text-decoration: none; 1019 } 1020 1021 .fx-article a:hover { 1022 color: #ffffff; 1023 text-shadow: 0 0 12px #00adcc; 1024 } 1025 1026 .fx-callout { 1027 margin: 18px 0; 1028 padding: 14px; 1029 border-radius: 14px; 1030 background: rgba(65, 105, 225, .16);
1031 border: 1px solid #000000; 1032 } 1033 1034 @media (max-width: 768px) { 1035 .fx-article-wrap { 1036 padding: 40px 12px; 1037 } 1038 1039 .fx-article h1 { 1040 font-size: 1.5rem; 1041 } 1042 } 1043 1044 .faq-review-section { 1045 position: relative; 1046 max-width: 1190px; 1047 margin: 60px auto; 1048 padding: 40px 30px; 1049 border-radius: 25px; 1050 background: linear-gradient(145deg, rgba(65, 105, 225, .08), rgba(192, 192, 192, .05)); 1051 overflow: hidden; 1052 box-shadow: 0 0 40px rgba(65, 105, 225, .85); 1053 } 1054 1055 .faq-review-section::before { 1056 content: ""; 1057 position: absolute; 1058 width: 150%; 1059 height: 150%; 1060 background: radial-gradient(circle at center, rgba(192, 192, 192, .10), #000000 70%); 1061 animation: spinAura 15s linear infinite; 1062 top: -25%; 1063 left: -25%; 1064 } 1065 1066 @keyframes spinAura { 1067 to { 1068 transform: rotate(360deg); 1069 } 1070 } 1071 1072 .section-title { 1073 text-align: center; 1074 color: var(--fx-silver); 1075 font-size: 1.9rem; 1076 letter-spacing: 1px; 1077 font-weight: 700; 1078 text-shadow: 0 0 20px rgba(65, 105, 225, .75); 1079 position: relative; 1080 z-index: 2; 1081 margin-bottom: 25px; 1082 } 1083 1084 .section-title::after { 1085 content: ''; 1086 width: 100px; 1087 height: 3px; 1088 background: linear-gradient(90deg, var(--fx-red), var(--fx-silver)); 1089 display: block; 1090 margin: 10px auto; 1091 border-radius: 2px; 1092 box-shadow: 0 0 10px rgba(192, 192, 192, .55); 1093 animation: pulseLine 2s infinite alternate; 1094 } 1095 1096 @keyframes pulseLine { 1097 from { 1098 opacity: .6; 1099 transform: scaleX(.7); 1100 } 1101 1102 to { 1103 opacity: 1; 1104 transform: scaleX(1); 1105 } 1106 } 1107 1108 .faq-item, 1109 .review-item { 1110 background: rgba(65, 105, 225, .45); 1111 border: 1px solid rgba(192, 192, 192, .35); 1112 border-radius: 18px; 1113 padding: 18px 20px; 1114 margin: 18px 0; 1115 color: var(--white); 1116 box-shadow: inset 0 0 0 rgba(65, 105, 225, 0); 1117 transform: perspective(800px) rotateX(15deg) scale(0.95); 1118 opacity: 0; 1119 transition: all 0.7s ease, box-shadow 0.4s ease; 1120 } 1121 1122 .faq-item.show, 1123 .review-item.show { 1124 opacity: 1; 1125 transform: perspective(800px) rotateX(0deg) scale(1); 1126 } 1127 1128 .faq-item:hover, 1129 .review-item:hover { 1130 background: rgba(192, 192, 192, .32); 1131 box-shadow: 0 0 25px rgba(65, 105, 225, .55); 1132 transform: scale(1.02); 1133 } 1134 1135 .faq-question { 1136 cursor: pointer; 1137 font-weight: 600; 1138 color: var(--fx-silver); 1139 position: relative; 1140 font-size: 1.9rem; 1141 padding-right: 25px; 1142 text-shadow: 0 0 10px rgba(65, 105, 225, .85); 1143 } 1144 1145 .faq-question::after { 1146 content: "+"; 1147 position: absolute; 1148 right: 0; 1149 top: 0; 1150 color: #ffffff; 1151 font-weight: bold; 1152 font-size: 1.4rem; 1153 transition: transform .3s; 1154 } 1155 1156 .faq-item.active .faq-question::after { 1157 transform: rotate(45deg); 1158 } 1159 1160 .faq-answer { 1161 display: none; 1162 color: #ffffff; 1163 line-height: 1.6em; 1164 padding-top: 10px; 1165 border-top: 1px dashed #000000; 1166 margin-top: 10px; 1167 } 1168 1169 .faq-item.active .faq-answer { 1170 display: block; 1171 animation: fadeUp .4s ease; 1172 } 1173 1174 @keyframes fadeUp { 1175 from { 1176 opacity: 0; 1177 transform: translateY(10px); 1178 } 1179 1180 to { 1181 opacity: 1; 1182 transform: translateY(0); 1183 } 1184 } 1185 1186 .review-author { 1187 font-weight: 700; 1188 color: var(--fx-silver); 1189 font-size: 1.9rem; 1190 text-shadow: 0 0 10px rgba(65, 105, 225, .85); 1191 } 1192 1193 .review-text { 1194 color: #ffffff; 1195 margin: 6px 0; 1196 font-style: italic; 1197 } 1198 1199 .review-rating { 1200 color: var(--fx-silver); 1201 font-weight: bold; 1202 font-size: 1rem; 1203 text-shadow: 0 0 8px #000000; 1204 } 1205 1206 .faq-item::before { 1207 content: ''; 1208 position: absolute; 1209 inset: 0; 1210 border-radius: inherit; 1211 border: 2px solid #000000; 1212 background: linear-gradient(120deg, var(--fx-red), var(--fx-silver), var(--fx-red)) border-box; 1213 mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); 1214 opacity: 0; 1215 transition: opacity .3s ease; 1216 } 1217 1218 @keyframes borderGlow { 1219 to { 1220 transform: rotate(360deg); 1221 } 1222 } 1223 1224 @media (max-width:768px) { 1225 .faq-review-section { 1226 padding: 28px 18px; 1227 } 1228 1229 .section-title { 1230 font-size: 1.5rem; 1231 } 1232 } 1233</style> 1234 <div id="search-popup"> 1235 <div id="search-input" class="row"> 1236 <div class="container w-100"> 1237 <form 1238 action="/search" 1239 method="get" 1240 role="search" 1241 class="search search-modal__form d-flex justify-content-between" 1242 > 1243 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="20" height="20" viewBox="0 0 20 20" fill="none"> 1244 <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"/> 1245 </svg> 1246
1247 <input type="hidden" name="type" value="product"> 1248 <input 1249 type="text" 1250 id="search-type" 1251 name="q" 1252 class="search-popup" 1253 placeholder="Gifts that linger: Uncover treasures for cherished moments." 1254 > 1255 <div class="close-search"><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 1256 <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 12.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"/> 1257 </svg> 1258 </div> 1259 <button id="search-btn">Search</button> 1260 </form> 1261 </div> 1262 </div> 1263 <div id="search-result" class="container m-auto"> 1264 <div class="container p-0"> 1265 <div class="group-promotion"> 1266 <div class="resultsearch"> 1267 <div class="row results"> 1268 <div class="col-12 col-lg-6 mb-3 mb-lg-0"> 1269 <label>SUGGESTIONS</label> 1270 <ul class="result_collection"></ul> 1271 </div> 1272 <div class="col-12 col-lg-6"> 1273 <label>PRODUCTS</label> 1274 <ul class="result_product"></ul> 1275 </div> 1276 </div> 1277 <div class="d-flex justify-content-between moreresult m-0"> 1278 <p>Search for<span></span></p> 1279 <svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="32" height="32" viewBox="0 0 32 32"> 1280 <title>icon-arrow-right</title> 1281 <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> 1282 </svg> 1283 </div> 1284 </div> 1285 </div> 1286 <div class="group-recent hide"> 1287 <h3>RECENT SEARCH</h3> 1288 <span class="delete-all-history">Hapus riwayat</span> 1289 <ul class="last-search"></ul> 1290 </div> 1291 <div class="group-recommend"> 1292 <h3>YOU MAY ALSO LIKE</h3> 1293 1294 1295 <div class="row popup-recommend c-products-grid infinite-case product-multi-"> 1296 <div class="swiper-wrapper justify-content-between" style="margin-left:1px;"> 1297 1298 1299 <div class="swiper-slide card"> 1300 1301 1302 1303 1304 <div class="products" data-lazy="false"> 1305 <div class="bg-products"> 1306 <div class="wishlist-toggle" data-product-handle="mid-autumn-of-love-mooncake"> 1307 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1308 <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
13086 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"/> 1309 </svg> 1310 1311 </div> 1312 <a href="/products/mid-autumn-of-love-mooncake"> 1313 1314 <div class="product-card-img-container p-0 position-relative"> 1315 1316 <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"> 1317 </div> 1318 <div class="card-body product-card-info"> 1319 <h5 class="h5 mb-0"> 1320 Mid Autumn of Love Mooncake 1321 </h5> 1322 <div class="product-card-price"> 1323 1324 <div class="product-price-sale"> 1325 <s class="product-card-price-before card-money">Rp 588.000</s> 1326 <span class="product-card-discount small"> 1327 (-40%) 1328 </span> 1329 </div> 1330 1331 1332 1333 <div class="price-discount"> 1334 <h4 class="product-card-price-after card-money">Rp 348.000</h4> 1335 </div> 1336 1337 1338 1339 1340 1341 </div> 1342 1343 </div> 1344 </a> 1345 </div> 1346 1347 </div> 1348 1349 </div> 1350 1351 1352 1353 <div class="swiper-slide card"> 1354 1355 1356 1357 1358 <div class="products" data-lazy="false"> 1359 <div class="bg-products"> 1360 <div class="wishlist-toggle" data-product-handle="mid-autumn-of-joy-mooncake"> 1361 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1362 <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.
136211233C11.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"/> 1363 </svg> 1364 1365 </div> 1366 <a href="/products/mid-autumn-of-joy-mooncake"> 1367 1368 <div class="product-card-img-container p-0 position-relative"> 1369 1370 <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"> 1371 </div> 1372 <div class="card-body product-card-info"> 1373 <h5 class="h5 mb-0"> 1374 Mid Autumn of Joy Mooncake 1375 </h5> 1376 <div class="product-card-price"> 1377 1378 <div class="product-price-sale"> 1379 <s class="product-card-price-before card-money">Rp 888.000</s> 1380 <span class="product-card-discount small"> 1381 (-33%) 1382 </span> 1383 </div> 1384 1385 1386 1387 <div class="price-discount"> 1388 <h4 class="product-card-price-after card-money">Rp 588.000</h4> 1389 </div> 1390 1391 1392 1393 1394 1395 </div> 1396 1397 </div> 1398 </a> 1399 </div> 1400 1401 </div> 1402 1403 </div> 1404 1405 1406 1407 <div class="swiper-slide card"> 1408 1409 1410 1411 1412 <div class="products" data-lazy="false"> 1413 <div class="bg-products"> 1414 <div class="wishlist-toggle" data-product-handle="mid-autumn-of-fortune-mooncake"> 1415 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1416 <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.
141611233C11.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"/> 1417 </svg> 1418 1419 </div> 1420 <a href="/products/mid-autumn-of-fortune-mooncake"> 1421 1422 <div class="product-card-img-container p-0 position-relative"> 1423 1424 <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"> 1425 </div> 1426 <div class="card-body product-card-info"> 1427 <h5 class="h5 mb-0"> 1428 Mid Autumn of Fortune Mooncake 1429 </h5> 1430 <div class="product-card-price"> 1431 1432 <div class="product-price-sale"> 1433 <s class="product-card-price-before card-money">Rp 1.188.000</s> 1434 <span class="product-card-discount small"> 1435 (-33%) 1436 </span> 1437 </div> 1438 1439 1440 1441 <div class="price-discount"> 1442 <h4 class="product-card-price-after card-money">Rp 788.000</h4> 1443 </div> 1444 1445 1446 1447 1448 1449 </div> 1450 1451 </div> 1452 </a> 1453 </div> 1454 1455 </div> 1456 1457 </div> 1458 1459 1460 1461 <div class="swiper-slide card"> 1462 1463 1464 1465 1466 <div class="products" data-lazy="false"> 1467 <div class="bg-products"> 1468 <div class="wishlist-toggle" data-product-handle="mid-autumn-festival-mooncake"> 1469 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1470 <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.
147011233C11.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"/> 1471 </svg> 1472 1473 </div> 1474 <a href="/products/mid-autumn-festival-mooncake"> 1475 1476 <div class="product-card-img-container p-0 position-relative"> 1477 1478 <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"> 1479 </div> 1480 <div class="card-body product-card-info"> 1481 <h5 class="h5 mb-0"> 1482 Mid Autumn Festival Mooncake 1483 </h5> 1484 <div class="product-card-price"> 1485 1486 <div class="product-price-sale"> 1487 <s class="product-card-price-before card-money">Rp 1.288.000</s> 1488 <span class="product-card-discount small"> 1489 (-23%) 1490 </span> 1491 </div> 1492 1493 1494 1495 <div class="price-discount"> 1496 <h4 class="product-card-price-after card-money">Rp 988.000</h4> 1497 </div> 1498 1499 1500 1501 1502 1503 </div> 1504 1505 </div> 1506 </a> 1507 </div> 1508 1509 </div> 1510 1511 </div> 1512 1513 1514 1515 <div class="swiper-slide card"> 1516 1517 1518 1519 1520 <div class="products" data-lazy="false"> 1521 <div class="bg-products"> 1522 <div class="wishlist-toggle" data-product-handle="the-jade-bouquet"> 1523 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1524 <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.
152411233C11.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"/> 1525 </svg> 1526 1527 </div> 1528 <a href="/products/the-jade-bouquet"> 1529 1530 <div class="product-card-img-container p-0 position-relative"> 1531 1532 <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"> 1533 </div> 1534 <div class="card-body product-card-info"> 1535 <h5 class="h5 mb-0"> 1536 The Jade Bouquet 1537 </h5> 1538 <div class="product-card-price"> 1539 1540 <div class="product-price-sale"> 1541 <s class="product-card-price-before card-money">Rp 435.000</s> 1542 <span class="product-card-discount small"> 1543 (-34%) 1544 </span> 1545 </div> 1546 1547 1548 1549 <div class="price-discount"> 1550 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1551 </div> 1552 1553 1554 1555 1556 1557 </div> 1558 1559 </div> 1560 </a> 1561 </div> 1562 1563 </div> 1564 1565 </div> 1566 1567 1568 1569 <div class="swiper-slide card"> 1570 1571 1572 1573 1574 <div class="products" data-lazy="false"> 1575 <div class="bg-products"> 1576 <div class="wishlist-toggle" data-product-handle="the-selena-bouquet"> 1577 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1578 <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.
157811233C11.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"/> 1579 </svg> 1580 1581 </div> 1582 <a href="/products/the-selena-bouquet"> 1583 1584 <div class="product-card-img-container p-0 position-relative"> 1585 1586 <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"> 1587 </div> 1588 <div class="card-body product-card-info"> 1589 <h5 class="h5 mb-0"> 1590 The Selena Bouquet 1591 </h5> 1592 <div class="product-card-price"> 1593 1594 <div class="product-price-sale"> 1595 <s class="product-card-price-before card-money">Rp 335.000</s> 1596 <span class="product-card-discount small"> 1597 (-29%) 1598 </span> 1599 </div> 1600 1601 1602 1603 <div class="price-discount"> 1604 <h4 class="product-card-price-after card-money">Rp 235.000</h4> 1605 </div> 1606 1607 1608 1609 1610 1611 </div> 1612 1613 </div> 1614 </a> 1615 </div> 1616 1617 </div> 1618 1619 </div> 1620 1621 1622 1623 <div class="swiper-slide card"> 1624 1625 1626 1627 1628 <div class="products" data-lazy="false"> 1629 <div class="bg-products"> 1630 <div class="wishlist-toggle" data-product-handle="the-viola-bouquet"> 1631 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1632 <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.
163211233C11.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"/> 1633 </svg> 1634 1635 </div> 1636 <a href="/products/the-viola-bouquet"> 1637 1638 <div class="product-card-img-container p-0 position-relative"> 1639 1640 <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"> 1641 </div> 1642 <div class="card-body product-card-info"> 1643 <h5 class="h5 mb-0"> 1644 The Viola Bouquet 1645 </h5> 1646 <div class="product-card-price"> 1647 1648 <div class="product-price-sale"> 1649 <s class="product-card-price-before card-money">Rp 385.000</s> 1650 <span class="product-card-discount small"> 1651 (-25%) 1652 </span> 1653 </div> 1654 1655 1656 1657 <div class="price-discount"> 1658 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1659 </div> 1660 1661 1662 1663 1664 1665 </div> 1666 1667 </div> 1668 </a> 1669 </div> 1670 1671 </div> 1672 1673 </div> 1674 1675 1676 1677 <div class="swiper-slide card"> 1678 1679 1680 1681 1682 <div class="products" data-lazy="false"> 1683 <div class="bg-products"> 1684 <div class="wishlist-toggle" data-product-handle="the-minerva-bouquet"> 1685 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1686 <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.
168611233C11.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"/> 1687 </svg> 1688 1689 </div> 1690 <a href="/products/the-minerva-bouquet"> 1691 1692 <div class="product-card-img-container p-0 position-relative"> 1693 1694 <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"> 1695 </div> 1696 <div class="card-body product-card-info"> 1697 <h5 class="h5 mb-0"> 1698 The Minerva Bouquet 1699 </h5> 1700 <div class="product-card-price"> 1701 1702 <div class="product-price-sale"> 1703 <s class="product-card-price-before card-money">Rp 385.000</s> 1704 <span class="product-card-discount small"> 1705 (-25%) 1706 </span> 1707 </div> 1708 1709 1710 1711 <div class="price-discount"> 1712 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1713 </div> 1714 1715 1716 1717 1718 1719 </div> 1720 1721 </div> 1722 </a> 1723 </div> 1724 1725 </div> 1726 1727 </div> 1728 1729 1730 1731 <div class="swiper-slide card"> 1732 1733 1734 1735 1736 <div class="products" data-lazy="false"> 1737 <div class="bg-products"> 1738 <div class="wishlist-toggle" data-product-handle="congraduations-bouquet"> 1739 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1740 <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.
174011233C11.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"/> 1741 </svg> 1742 1743 </div> 1744 <a href="/products/congraduations-bouquet"> 1745 1746 <div class="product-card-img-container p-0 position-relative"> 1747 1748 <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"> 1749 </div> 1750 <div class="card-body product-card-info"> 1751 <h5 class="h5 mb-0"> 1752 Congraduations Bouquet 1753 </h5> 1754 <div class="product-card-price"> 1755 1756 <div class="product-price-sale"> 1757 <s class="product-card-price-before card-money">Rp 380.000</s> 1758 <span class="product-card-discount small"> 1759 (-25%) 1760 </span> 1761 </div> 1762 1763 1764 1765 <div class="price-discount"> 1766 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1767 </div> 1768 1769 1770 1771 1772 1773 </div> 1774 1775 </div> 1776 </a> 1777 </div> 1778 1779 </div> 1780 1781 </div> 1782 1783 1784 1785 <div class="swiper-slide card"> 1786 1787 1788 1789 1790 <div class="products" data-lazy="false"> 1791 <div class="bg-products"> 1792 <div class="wishlist-toggle" data-product-handle="grad-gorgeous-bouquet"> 1793 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1794 <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.
179411233C11.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"/> 1795 </svg> 1796 1797 </div> 1798 <a href="/products/grad-gorgeous-bouquet"> 1799 1800 <div class="product-card-img-container p-0 position-relative"> 1801 1802 <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 & Gorgeous Bouquet" height="200" width="200"> 1803 </div> 1804 <div class="card-body product-card-info"> 1805 <h5 class="h5 mb-0"> 1806 Grad & Gorgeous Bouquet 1807 </h5> 1808 <div class="product-card-price"> 1809 1810 <div class="product-price-sale"> 1811 <s class="product-card-price-before card-money">Rp 380.000</s> 1812 <span class="product-card-discount small"> 1813 (-25%) 1814 </span> 1815 </div> 1816 1817 1818 1819 <div class="price-discount"> 1820 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1821 </div> 1822 1823 1824 1825 1826 1827 </div> 1828 1829 </div> 1830 </a> 1831 </div> 1832 1833 </div> 1834 1835 </div> 1836 1837 1838 </div> 1839 </div> 1840 1841 </div> 1842 </div> 1843 </div> 1844 1845 <div class="site-overlay" style="display: none"></div> 1846 </div> 1847
1847<script> 1848 1849 var swiper = new Swiper('.popup-recommend', { 1850 slidesPerView : 4, 1851 spaceBetween: 30, 1852 lazy: true , 1853 speed: 300, 1854 breakpoints: { 1855 // when window width is <= 576px 1856 576: { 1857 slidesPerView: 2, 1858 spaceBetween: 10, 1859 freeMode: true, 1860 resistance : true, 1861 resistanceRatio : 0, 1862 freeModeMomentumRatio : 0.45, 1863 freeModeMomentumVelocityRatio : 1.5 1864 }, 1865 768: { 1866 slidesPerView: 2, 1867 spaceBetween: 10 1868 }, 1869 992: { 1870 slidesPerView: 3, 1871 spaceBetween: 20 1872 } 1873 } 1874 }); 1875 1876 const searchContainer = $("#search-popup") 1877 const searchInput = $(".search-popup") 1878 const result_collection = $('.result_collection') 1879 const result_product = $('.result_product') 1880 const resultsearch = $('.resultsearch') 1881 const resultrecommend = $(".group-recommend") 1882 const moreresult = $(".moreresult") 1883 1884 searchInput.keyup(function(){ 1885 const input = $(this).val() 1886 moreresult.find("p span").text(` â${input}â`) 1887 if(input.length > 2) { 1888 $(".close-search").show() 1889 const url = `https://outerbloom.com/search/suggest.json?resources[limit]=10&resources[limit_scope]=each&resources[type]=collection,product&q=${input}` 1890 $.ajax({
1891 type: 'GET', 1892 url, 1893 beforeSend: function() { 1894 // setting a timeout 1895 // $(placeholder).addClass('loading'); 1896 }, 1897 success: function(response) { 1898 resultsearch.show() 1899 resultrecommend.hide() 1900 result_collection.html("") 1901 result_product.html("") 1902 const collections = response.resources.results.collections 1903 const products = response.resources.results.products 1904 let collection_length = collections.length 1905 let product_length = products.length 1906 // if(collections.length > 5) { 1907 // collection_length = 5 1908 // } 1909 // if(products.length > 5) { 1910 // product_length = 5 1911 // } 1912 for(let i=0;i<collection_length;i++){ 1913 const title = collections[i].title 1914 const url = collections[i].url 1915 let html_collection 1916 if(!title.includes('AIA') && !title.includes('AXA') && !title.includes('WOM') && !title.includes('Upsell')) { 1917 html_collection = ` 1918 <li class="item" data-title="${title}"> 1919 <a href="${url}" data-type="collection" class="item_url" data-title="${title}" data-url="${url}">${title}</a> 1920 </li> 1921 ` 1922 } 1923 result_collection.append(html_collection) 1924 } 1925 for(let i=0;i<product_length;i++){ 1926 const title = products[i].title 1927 const url = products[i].url 1928 const image = products[i].featured_image.url 1929 const vendor = products[i].vendor 1930 let html_product 1931 if(vendor !== 'AIA' && vendor !== 'AXA' && vendor !== 'WOM Finance' && !title.includes('Extra Shipping Cost') && !title.includes('[US]') && !title.includes('Rp')){ 1932 html_product = ` 1933 <li class="item" data-vendor="${vendor}"> 1934 <a href="${url}" class="item_url" data-type="product" data-title="${title}" data-url="${url}"> 1935 <img src="${image}" alt="${title}" style="width: 70px;vertical-align: middle;margin-right: 20px;"><span>${title}</span> 1936 </a> 1937 </li> 1938 ` 1939 } 1940 result_product.append(html_product) 1941 } 1942 }, 1943 error: function(xhr) { // if error occured 1944 alert("Error occured.please try again"); 1945 }, 1946 complete: function(response) { 1947 // $(placeholder).removeClass('loading'); 1948 }, 1949 dataType: 'JSON' 1950 }); 1951 } else { 1952 result_collection.html("") 1953 result_product.html("") 1954 1955 resultsearch.hide() 1956 resultrecommend.show() 1957 } 1958 }) 1959 1960 moreresult.click(function(){ 1961 $("#search-btn").trigger("click"); 1962 }) 1963 1964 $(".close-search").click(function(){ 1965 $(this).hide() 1966 searchInput.val("") 1967 searchInput.focus() 1968 resultsearch.hide() 1969 resultrecommend.show() 1970 }) 1971 1972 function setCookie(name,value,days) { 1973 var expires = ""; 1974 if (days) { 1975 var date = new Date(); 1976 date.setTime(date.getTime() + (days*24*60*60*1000)); 1977 expires = "; expires=" + date.toUTCString(); 1978 } 1979 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 1980 } 1981 function getCookie(name) { 1982 var nameEQ = name + "="; 1983 var ca = document.cookie.split(';'); 1984 for(var i=0;i < ca.length;i++) { 1985 var c = ca[i]; 1986 while (c.charAt(0)==' ') c = c.substring(1,c.length); 1987 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 1988 } 1989 return null; 1990 } 1991 let last_search_name = [] 1992 let last_search_url = [] 1993 $(".group-recent").hide() 1994 if(getCookie("last_search_name") != null && getCookie("last_search_url") != null){ 1995 if(getCookie("last_search_name") != "" && getCookie("last_search_url") != ""){ 1996 $(".group-recent").show() 1997 last_search_name = getCookie("last_search_name"); 1998 last_search_url = getCookie("last_search_url"); 1999 const arrName = last_search_name.substring(1).split(',').reverse() 2000 const arrUrl = last_search_url.substring(1).split(',').reverse() 2001 console.log(arrName, 'Array Name') 2002 console.log(arrUrl, 'Array Url') 2003 let length = arrName.length 2004 if(arrName.length > 5) { 2005 length = 5 2006 } 2007 for(let n=0;n<length;n++){ 2008 let html2 = `<li><svg viewBox="0 0 24 24" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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]}">
2008${arrName[n]}</a><span data-title="${arrName[n]}" data-url="${arrUrl[n]}"></span></li>` 2009 $(".group-recent ul").append(html2) 2010 } 2011 } 2012 } 2013 console.log(last_search_name, 'Name') 2014 console.log(last_search_url, 'url') 2015 2016 resultsearch.delegate(".item a", "click", function(){ 2017 let name = [last_search_name] 2018 let url = [last_search_url] 2019 name.push($(this).attr('data-title')) 2020 url.push($(this).attr('data-url')) 2021 setCookie("last_search_name",name,7); 2022 setCookie("last_search_url",url,7); 2023 }) 2024 2025 $(".delete-all-history").click(function() { 2026 setCookie("last_search_name",null,0); 2027 setCookie("last_search_url",null,0); 2028 $(".last-search").hide(); 2029 setTimeout(function(){ 2030 location.reload(); 2031 }, 500); 2032 }) 2033 2034 $("#search-trigger").click(function(){ 2035 search_open() 2036 }) 2037 $(".icon-search-mobile").click(function(){ 2038 search_open() 2039 }) 2040 $(".search-header svg").click(function(){ 2041 search_close() 2042 }) 2043 $(".icon-key-mobile").click(function(){ 2044 search_close() 2045 }) 2046 2047 function search_open() { 2048 $("body").addClass("search-popup-open") 2049 $("#nav-mobile-icon, .search-header label, .icon-search-mobile").hide() 2050 $("#search-popup, .search-header svg, .icon-key-mobile").show() 2051 $(".search-popup").focus() 2052 $('.popup-recommend')[0].swiper.update(); 2053 } 2054 function search_close() { 2055 $("body").removeClass("search-popup-open") 2056 $("#nav-mobile-icon, .search-header label, .icon-search-mobile").show() 2057 $("#search-popup, .search-header svg, .icon-key-mobile").hide() 2058 searchInput.val("") 2059 resultsearch.hide() 2060 resultrecommend.show() 2061 } 2062 2063 $(".site-overlay").click(function(){ 2064 search_close() 2065 }) 2066 </script>
2066 2067 2068 </div> 2069 </div> 2070 2071 <div id="PageContainer" class="is-moved-by-drawerx" style="background-color: #000000;"> 2072 <main class="main-content pt-0" role="main"> 2073 2074 <div id="breadcrumbProduct" class="d-none d-lg-block"> 2075 <style> 2076 #breadcrumbProduct { 2077 padding: 20px 0; 2078 } 2079 #breadcrumbProduct ul { 2080 display: flex; 2081 padding: 0; 2082 list-style: none; 2083 margin: 0; 2084 gap: 12px; 2085 } 2086 #breadcrumbProduct ul li { 2087 text-transform: uppercase; 2088 margin: 0; 2089 font-size: 12px; 2090 } 2091 #breadcrumbProduct ul li a { 2092 color: #757575; 2093 } 2094 2095 #breadcrumbProduct ul li svg { 2096 width: 10px; 2097 height: 10px; 2098 padding: 0; 2099 color: #757575; 2100 vertical-align: middle; 2101 } 2102 </style> 2103 <div class="container" style="color: #ffffff;"> 2104 <ul role="navigation" aria-label="breadcrumbs"> 2105 <li><a href="https://becekwin.org/" style="color: #ffffff;">BECEKWIN</a></li> 2106 <li><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="7" height="10" viewBox="0 0 7 10" fill="none"> 2107 <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"/> 2108 </svg></li> 2109 <li>BECEKWIN</li> 2110 <li>BECEK WIN</li> 2111 <li>BECEKWIN LOGIN</li> 2112 <li>BECEKWIN DAFTAR</li> 2113 <li>BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik</li> 2114 2115 </ul> 2116 </div> 2117 2118 </div> 2119 2120
2120<script type="application/ld+json"> 2121 { 2122 "@context": "https://schema.org", 2123 "@type": "Product", 2124 "name": "BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik", 2125 "image": "https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp", 2126 "description": "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.", 2127 "brand": { 2128 "@type": "Brand", 2129 "name": "BECEKWIN" 2130 }, 2131 "sku": "BECEKWIN", 2132 "mpn": "BECEKWIN", 2133 "url": "https://becekwin.org/", 2134 "offers": { 2135 "@type": "Offer", 2136 "url": "https://becekwin.org/", 2137 "priceCurrency": "USD", 2138 "price": "10.00", 2139 "priceValidUntil": "2025-12-25", 2140 "itemCondition": "https://schema.org/NewCondition", 2141 "availability": "https://schema.org/InStock", 2142 "seller": { 2143 "@type": "Organization", 2144 "name": "BECEKWIN" 2145 } 2146 }, 2147 "aggregateRating": { 2148 "@type": "AggregateRating", 2149 "ratingValue": "5.0", 2150 "reviewCount": 858 2151 }, 2152 "review": [ 2153 { 2154 "@type": "Review", 2155 "reviewRating": { 2156 "@type": "Rating", 2157 "ratingValue": "5", 2158 "bestRating": "5" 2159 }, 2160 "author": { 2161 "@type": "Person", 2162 "name": "Slamet Haryono" 2163 } 2164 }, 2165 { 2166 "@type": "Review", 2167 "reviewRating": { 2168 "@type": "Rating", 2169 "ratingValue": "5", 2170 "bestRating": "5" 2171 }, 2172 "author": { 2173 "@type": "Person", 2174 "name": "Dwi Kurniawan" 2175 } 2176 } 2177 ] 2178 } 2179 </script>
2179 2180
2180<script type="application/ld+json"> 2181 { 2182 "@context": "https://schema.org", 2183 "@type": "BreadcrumbList", 2184 "itemListElement": [ 2185 { 2186 "@type": "ListItem", 2187 "position": 1, 2188 "name": "BECEKWIN", 2189 "item": "https://becekwin.org/" 2190 }, 2191 { 2192 "@type": "ListItem", 2193 "position": 2, 2194 "name": "GAME ONLINE", 2195 "item": "https://becekwin.org/" 2196 }, 2197 { 2198 "@type": "ListItem", 2199 "position": 3, 2200 "name": "SITUS BECEKWIN", 2201 "item": "https://becekwin.org/" 2202 }, 2203 { 2204 "@type": "ListItem", 2205 "position": 4, 2206 "name": "BECEKWIN LOGIN", 2207 "item": "https://becekwin.org/" 2208 }, 2209 { 2210 "@type": "ListItem", 2211 "position": 5, 2212 "name": "BECEKWIN DAFTAR", 2213 "item": "https://becekwin.org/" 2214 }, 2215 { 2216 "@type": "ListItem", 2217 "position": 6, 2218 "name": "LINK BECEKWIN", 2219 "item": "https://becekwin.org/" 2220 }, 2221 { 2222 "@type": "ListItem", 2223 "position": 7, 2224 "name": "BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik", 2225 "item": "https://becekwin.org/" 2226 } 2227 ] 2228 } 2229 </script>
2229 2230 2231 <!--faq--> 2232 2233
2233<script type="application/ld+json" id="faq-schema"> 2234 { 2235 "@context": "https://schema.org", 2236 "@type": "FAQPage", 2237 "mainEntity": [ 2238 { 2239 "@type": "Question", 2240 "name": "Apa itu BECEKWIN?", 2241 "acceptedAnswer": { 2242 "@type": "Answer", 2243 "text": "BECEKWIN adalah platform yang menghadirkan beragam pilihan yang terus berkembang sehingga pengguna dapat menemukan hal baru yang sesuai dengan minat dan kebutuhan mereka." 2244 } 2245}, 2246{ 2247 "@type": "Question", 2248 "name": "Mengapa BECEKWIN terus menarik untuk dikunjungi?", 2249 "acceptedAnswer": { 2250 "@type": "Answer", 2251 "text": "BECEKWIN terus menarik untuk dikunjungi karena selalu menghadirkan pilihan baru yang relevan sehingga setiap kunjungan dapat memberikan pengalaman yang berbeda." 2252 } 2253}, 2254{ 2255 "@type": "Question", 2256 "name": "Apa keunggulan utama BECEKWIN?", 2257 "acceptedAnswer": { 2258 "@type": "Answer", 2259 "text": "Keunggulan utama BECEKWIN terletak pada keberagaman pilihan yang terus diperbarui sehingga pengguna memiliki lebih banyak kesempatan untuk menemukan sesuatu yang menarik." 2260 } 2261}, 2262{ 2263 "@type": "Question", 2264 "name": "Apakah BECEKWIN cocok untuk pengguna yang suka menjelajah?", 2265 "acceptedAnswer": { 2266 "@type": "Answer", 2267 "text": "Ya, BECEKWIN cocok untuk pengguna yang suka menjelajah karena menyediakan berbagai pilihan dan referensi yang dapat disesuaikan dengan ketertarikan masing-masing pengguna." 2268 } 2269}, 2270{ 2271 "@type": "Question", 2272 "name": "Mengapa banyak pengguna kembali mengunjungi BECEKWIN?", 2273 "acceptedAnswer": { 2274 "@type": "Answer", 2275 "text": "Banyak pengguna kembali mengunjungi BECEKWIN karena selalu ada hal baru yang dapat ditemukan sehingga pengalaman menjelajah tidak terasa monoton." 2276 } 2277} 2278 ] 2279 }, 2280 2281 { 2282 "@type": "Product", 2283 "name": "BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik", 2284 "image": "https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp", 2285 "description": "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.", 2286 "url": "https://becekwin.org/", 2287 "aggregateRating": { 2288 "@type": "AggregateRating", 2289 "ratingValue": "5.0", 2290 "reviewCount": "7935" 2291 }, 2292 "review": [ 2293{ 2294 "@type": "Review", 2295 "author": { "@type": "Person", "name": "Dian" }, 2296 "datePublished": "2026-01-12", 2297 "reviewBody": "Saya menyukai BECEKWIN karena selalu menghadirkan berbagai pilihan yang menarik untuk dijelajahi. Setiap kali berkunjung biasanya ada hal baru yang dapat ditemukan sehingga pengalaman yang diberikan terasa lebih segar dan tidak monoton.", 2298 "name": "" 2299}, 2300{ 2301 "@type": "Review", 2302 "author": { "@type": "Person", "name": "Tatik" }, 2303 "datePublished": "2026-01-10", 2304 "reviewBody": "Menurut saya BECEKWIN berhasil menghadirkan pengalaman yang nyaman dengan banyak pilihan yang terus berkembang. Hal tersebut membuat saya lebih tertarik untuk kembali melihat apa saja yang baru tersedia dari waktu ke waktu.", 2305 "name": "" 2306}, 2307{ 2308 "@type": "Review", 2309 "author": { "@type": "Person", "name": "Aliren" }, 2310 "datePublished": "2026-01-08", 2311 "reviewBody": "Salah satu hal yang membuat saya sering mengunjungi BECEKWIN adalah keberagaman pilihannya. Tidak hanya mudah dijelajahi tetapi juga mampu menghadirkan berbagai alternatif yang sesuai dengan minat pengguna yang berbeda-beda.", 2312 "name": "" 2313}, 2314{ 2315 "@type": "Review", 2316 "author": { "@type": "Person", "name": "Reza" }, 2317 "datePublished": "2026-01-06", 2318 "reviewBody": "BECEKWIN memberikan kesan sebagai platform yang terus bergerak dan berkembang. Setiap kunjungan terasa memiliki cerita yang berbeda karena selalu ada sesuatu yang menarik untuk dilihat maupun dieksplorasi lebih lanjut.", 2319 "name": "" 2320}, 2321{ 2322 "@type": "Review", 2323 "author": { "@type": "Person", "name": "Fajar" }, 2324 "datePublished": "2026-01-04", 2325 "reviewBody": "Saya cukup terkesan dengan bagaimana BECEKWIN menghadirkan banyak pilihan dalam satu tempat. Proses menjelajah terasa lebih nyaman dan sering kali saya menemukan hal-hal baru yang sebelumnya belum pernah saya perhatikan.", 2326 "name": "" 2327}, 2328{ 2329 "@type": "Review", 2330 "author": { "@type": "Person", "name": "Dimas" }, 2331 "datePublished": "2026-01-02", 2332 "reviewBody": "Yang membuat saya nyaman menjelajahi BECEKWIN adalah selalu ada ruang untuk menemukan sesuatu yang berbeda. Pilihannya terasa dinamis dan tidak berhenti pada hal yang itu-itu saja. Bahkan ketika hanya sekadar melihat-lihat, sering kali ada pilihan baru yang akhirnya menarik perhatian saya.", 2333 "name": "" 2334}, 2335{ 2336 "@type": "Review", 2337 "author": { "@type": "Person", "name": "Rian" }, 2338 "datePublished": "2025-12-30", 2339 "reviewBody": "Bagi saya pengalaman yang menyenangkan tidak selalu harus datang dari sesuatu yang rumit. BECEKWIN justru menarik karena banyak pilihan dapat ditemukan dengan cukup mudah. Saya juga suka melihat bagaimana isinya terus berkembang, sehingga kunjungan berikutnya tidak terasa seperti mengulang pengalaman sebelumnya.", 2340 "name": "" 2341}, 2342{ 2343 "@type": "Review", 2344 "author": { "@type": "Person", "name": "Budi" }, 2345 "datePublished": "2025-12-28", 2346 "reviewBody": "Awalnya saya datang tanpa mencari sesuatu secara khusus, tetapi justru dari situ saya menemukan daya tarik BECEKWIN. Ada cukup banyak hal yang bisa dijelajahi sesuai suasana dan minat saat itu. Keberagaman seperti ini membuat saya tidak merasa harus terpaku pada satu pilihan setiap kali berkunjung.", 2347 "name": "" 2348}, 2349{ 2350 "@type": "Review", 2351 "author": { "@type": "Person", "name": "Andi" }, 2352 "datePublished": "2025-12-26", 2353 "reviewBody": "Saya termasuk orang yang cepat bosan ketika sebuah platform hanya menawarkan pengalaman yang sama dari waktu ke waktu. Sejauh saya menjelajahi BECEKWIN, selalu ada variasi yang membuat pengalaman terasa berbeda. Menurut saya karakter yang terus bergerak seperti inilah yang membuatnya menarik untuk dikunjungi kembali.", 2354 "name": "" 2355} 2356 ] 2357 } 2358 ] 2359} 2360</script>
2360 2361
2361<script type="application/ld+json"> 2362 { 2363 "@context": "https://schema.org", 2364 "@type": "Organization", 2365 "name": "BECEKWIN", 2366 "url": "https://becekwin.org/", 2367 "logo": "https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png", 2368 "sameAs": [ 2369 "https://www.facebook.com/BECEKWIN", 2370 "https://twitter.com/BECEKWIN", 2371 "https://www.instagram.com/BECEKWIN" 2372 ], 2373 "contactPoint": { 2374 "@type": "ContactPoint", 2375 "telephone": "+62-821-4789-3138", 2376 "contactType": "customer support", 2377 "areaServed": "ID", 2378 "availableLanguage": ["Indonesian", "English"] 2379 } 2380 } 2381 </script>
2381 2382 2383
2383<script type="application/ld+json"> 2384 { 2385 "@context": "https://schema.org", 2386 "@type": "VideoObject", 2387 "name": "BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik", 2388 "description": "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.", 2389 "thumbnailUrl": [ 2390 "https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp", 2391 "https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2392 ], 2393 "uploadDate": "2025-09-28T04:19:10-04:00", 2394 "duration": "GJ298", 2395 "contentUrl": "https://becekwin.org/" 2396 } 2397 </script>
2397 2398 2399
2399<script type="application/ld+json"> 2400 { 2401 "@context": "https://schema.org", 2402 "@type": "BreadcrumbList", 2403 "itemListElement": [ 2404 { 2405 "@type": "ListItem", 2406 "position": 1, 2407 "name": "Home", 2408 "item": "https://becekwin.org/" 2409 } 2410 ] 2411 } 2412 </script>
2412 2413 2414
2414<script type="application/ld+json"> 2415 { 2416 "@context": "https://schema.org", 2417 "@graph": [ 2418 { 2419 "@type": "Organization", 2420 "@id": "https://becekwin.org/#org", 2421 "name": "BECEKWIN", 2422 "url": "https://becekwin.org/", 2423 "logo": "https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2424 }, 2425 { 2426 "@type": "WebSite", 2427 "@id": "https://becekwin.org/#website", 2428 "url": "https://becekwin.org/", 2429 "name": "BECEKWIN", 2430 "publisher": { "@id": "https://becekwin.org/#org" }, 2431 "inLanguage": "id-ID", 2432 "potentialAction": { 2433 "@type": "SearchAction", 2434 "target": "https://becekwin.org/?s={search_term_string}", 2435 "query-input": "required name=search_term_string" 2436 } 2437 }, 2438 { 2439 "@type": "SoftwareApplication", 2440 "@id": "https://becekwin.org/#app", 2441 "name": "BECEKWIN", 2442 "applicationCategory": "GameApplication", 2443 "operatingSystem": "Android, iOS, Windows", 2444 "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" }, 2445 "aggregateRating": { "@type": "AggregateRating", "ratingValue": 4.9, "ratingCount": 62595 } 2446 } 2447 ] 2448 } 2449 </script>
2449 2450 2451 <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" /> 2452 2453 2454 <style> 2455 .bg-card { 2456 background-color: #000000; 2457 } 2458 </style> 2459 2460 <!-- /templates/product.liquid --> 2461 2462 2463 <!-- <div itemscope itemtype="http://schema.org/Product"> --> 2464 2465 2466 <div class="product-standing-flower" data-product-type="flowerBoard"> 2467 <meta itemprop="url" content="https://becekwin.org/"> 2468 <meta itemprop="image" content="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 2469 2470 2471 2472 <input id="data-sku" type="hidden" value="GOJSTRU2598"> 2473 <div class="product-single" style="background-image: url(https://i.pinimg.com/originals/c4/05/e5/c405e59f2114f36defe07f92a771d9a5.gif); background-attachment: fixed;"> 2474 <div id="product-top" class="container"> 2475 <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;"> 2476 <div id="product-image" class="col-lg-7 text-center"> 2477 <div class="product-image"> 2478 <div class="row no-gutters"> 2479 2480 <div id="product-featured-image" class="row w-100"> 2481 2482 <div id="thumb-image-product" class="col-lg-2 col-12 d-none d-lg-block"> 2483 2484 <div class="swiper-container gallery-thumbs" style="min-height: 500px"> 2485 <ul class="list-unstyled slider swiper-wrapper slider-nav ProductThumbs thumbnails" id="ProductThumbsx"> 2486 2487 <li class="swiper-slide" data-type="image"> 2488 <a 2489 href="files/Blossom-Shine-WM.jpg" 2490 data-standard="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2491 data-image="files/Blossom-Shine-WM.jpg" 2492 data-position="1" 2493 class="product-single__thumbnail" 2494 > 2495 <img 2496 class="lazyload w-100" 2497 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2498 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2499 width="" 2500 height="" 2501 > 2502 </a> 2503 </li> 2504 2505 2506 2507 2508 <li class="swiper-slide" data-type="image"> 2509 <a 2510 href="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2511 data-standard="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2512 data-image="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2513 data-position="2" 2514 class="product-single__thumbnail" 2515 > 2516 <img 2517 class="lazyload w-100" 2518 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2519 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2520 width="" 2521 height="" 2522 > 2523 </a> 2524 </li> 2525 2526 2527 2528 2529 <li class="swiper-slide" data-type="image"> 2530 <a 2531 href="files/Blossom-Shine_3-WM.jpg" 2532 data-standard="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2533 data-image="files/Blossom-Shine_3-WM.jpg" 2534 data-position="3" 2535 class="product-single__thumbnail" 2536 > 2537 <img 2538 class="lazyload w-100" 2539 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2540 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2541 width="" 2542 height="" 2543 > 2544 </a> 2545 </li> 2546 2547 2548 2549 2550 <li class="swiper-slide" data-type="image"> 2551 <a 2552 href="files/Blossom-Shine_4.jpg" 2553 data-standard="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2554 data-image="files/Blossom-Shine_4.jpg" 2555 data-position="4" 2556 class="product-single__thumbnail" 2557 > 2558 <img 2559 class="lazyload w-100" 2560 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2561 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2562 width="" 2563 height="" 2564 > 2565 </a> 2566 </li> 2567 2568 2569 2570 </ul> 2571 </div> 2572 2573 </div> 2574 2575 <div 2576 id="featured-image-product" 2577 class="col-lg-10 col-12 d-none d-lg-block" 2578 > 2579 <div class="swiper-container gallery-top"> 2580 <div class="swiper-slide product-single__image"> 2581 2582 <div class="product-single__photos slider slider-for" id="ProductPhoto"> 2583 2584 2585 <div class="easyzoom easyzoom--overlay easyzoom--with-thumbnails"> 2586 <a href="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp"> 2587 <img 2588 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2589 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2590 id="ProductPhotoImg" 2591 class="lazyload" 2592 > 2593 2594 </a> 2595 </div> 2596 </div> 2597 2598 </div> 2599 <div class="swiper-slide product-single__video" style="display: none"> 2600 <video 2601 src="https://cdn.shopify.com/videos/c/vp/05d379ea115d41c2bd0f7d08b1496bd9/05d379ea115d41c2bd0f7d08b1496bd9.HD-1080p-7.2Mbps-24002195.mp4" 2602 playsinline 2603 loop 2604 muted 2605 ></video> 2606 </div> 2607 </div> 2608 </div> 2609 </div> 2610 2611 <div id="featured-image-product2" class="col-12 d-lg-none"> 2612 <div class="swiper-container gallery-mobile"> 2613 <ul class="swiper-wrapper"> 2614 <li class="swiper-slide img"> 2615 2616 <img 2617 class="swiper-lazy" 2618 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2619 data-src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2620 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2621 width="" 2622 height="" 2623 > 2624 2625 </li> 2626 2627 2628 <li class="swiper-slide img"> 2629 2630 <img 2631 class="swiper-lazy" 2632 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2633 data-src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2634 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2635 width="" 2636 height="" 2637 > 2638 2639 </li> 2640 2641 2642 <li class="swiper-slide img"> 2643 2644 <img 2645 class="swiper-lazy" 2646 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2647 data-src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2648 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2649 width="" 2650 height="" 2651 > 2652 2653 </li> 2654 2655 2656 <li class="swiper-slide img"> 2657 2658 <img 2659 class="swiper-lazy" 2660 src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2661 data-src="https://ik.imagekit.io/meluncur/becekwin/becekwin-hacksaw.webp" 2662 alt="BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik" 2663 width="" 2664 height="" 2665 > 2666 2667 </li> 2668 2669 2670 </ul> 2671 2672 <div class="swiper-button-prev"><svg class="icon icon-chevron-left" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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> 2673 <div class="swiper-button-next"><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="7" height="10" viewB
2673ox="0 0 7 10" fill="none"> 2674 <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"/> 2675 </svg></div> 2676 2677 <!-- Add Pagination --> 2678 <div class="swiper-pagination"></div> 2679 2680 </div> 2681 </div> 2682 2683 <div class="product-m-pageleb-video col-12 text-center d-lg-none"> 2684 <!-- product video --> 2685 <style> 2686 .view-video{display:block; margin:auto; padding:5px 10px;font-size:16px;font-weight:bold;border:2px solid #ffffff;background:#fff;} 2687 .view-video .icon-play{fill:#ffffff;vertical-align: middle;} 2688 .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;} 2689 .close-video{position:absolute;right:9px; top:8%;z-index:2;padding:5px;} 2690 .close-video .icon{width:30px;height:30px;} 2691 /*responsive iframe */ 2692 .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);} 2693 .video-container iframe {position: absolute;top:60%;left: 0;width: 100%;height: 100%;} 2694 2695 .youtube { 2696 background-color: #000; 2697 margin-bottom: 30px; 2698 position: relative; 2699 padding-top: 56.25%; 2700 overflow: hidden; 2701 cursor: pointer; 2702 width: 100%; 2703 } 2704 .swiper-slide .youtube { 2705 max-width: 480px; 2706 } 2707 .youtube img { 2708 width: 100%; 2709 top: -16.82%; 2710 left: 0; 2711 opacity: 0.7; 2712 } 2713 .youtube .play-button { 2714 width: 90px; 2715 height: 60px; 2716 background-color: #333; 2717 box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); 2718 z-index: 1; 2719 opacity: 0.8; 2720 border-radius: 6px; 2721 } 2722 .youtube .play-button:before { 2723 content: ""; 2724 border-style: solid; 2725 border-width: 15px 0 15px 26.0px; 2726 border-color: #000000 #000000 #000000 #fff; 2727 } 2728 .youtube img, 2729 .youtube .play-button { 2730 cursor: pointer; 2731 } 2732 .youtube img, 2733 .youtube iframe, 2734 .youtube .play-button, 2735 .youtube .play-button:before { 2736 position: absolute; 2737 } 2738 .youtube .play-button, 2739 .youtube .play-button:before { 2740 top: 50%; 2741 left: 50%; 2742 transform: translate3d( -50%, -50%, 0 ); 2743 } 2744 .youtube iframe { 2745 height: 100%; 2746 width: 100%; 2747 top: 0; 2748 left: 0; 2749 } 2750 </style> 2751 2752 2753 </div> 2754 </div> 2755 2756 <div class="product-desc-add position-relative d-none d-lg-block m-0"> 2757 2758 </div> 2759 2760
2760<script> 2761 if ($(window).width() < 991) { 2762 var direction = 'horizontal' 2763 } else { 2764 var direction = 'vertical' 2765 $(".gallery-thumbs").height($("#ProductPhotoImg").height()) 2766 } 2767 var swiper = new Swiper('.gallery-thumbs', { 2768 2769 direction, 2770 slidesPerView: 4.5, 2771 spaceBetween: 12, 2772 navigation: { 2773 nextEl: '.swiper-button-next', 2774 prevEl: '.swiper-button-prev', 2775 } 2776 }); 2777 2778 var swiper = new Swiper('.gallery-mobile', { 2779 //loop: true, 2780 lazy: true, 2781 speed: 300, 2782 resistance : true, 2783 resistanceRatio : 0, 2784 freeModeMomentumRatio : 0.45, 2785 freeModeMomentumVelocityRatio : 1.5, 2786 navigation: { 2787 nextEl: '.swiper-button-next', 2788 prevEl: '.swiper-button-prev', 2789 }, 2790 pagination: { 2791 el: '.swiper-pagination' 2792 }, 2793 useCSS3Transforms: false, 2794 loop: false, 2795 on: { 2796 init: function () { 2797 console.log('swiper initialized'); 2798 var currentVideo = $("[data-swiper-slide-index=" + this.realIndex + "]").find("video"); 2799 currentVideo.trigger('play'); 2800 }, 2801 }, 2802 }); 2803 2804 /* GET ALL VIDEOS */ 2805 var sliderVideos = $(".swiper-slide video"); 2806 2807 /* SWIPER API - Event will be fired after animation to other slide (next or previous) */ 2808 swiper.on('slideChange', function () { 2809 console.log('slide changed'); 2810 /* stop all videos */ 2811 sliderVideos.each(function( index ) { 2812 this.currentTime = 0; 2813 }); 2814 2815 /* SWIPER GET CURRENT AND PREV SLIDE (AND The VIDEO INSIDE) */ 2816 var prevVideo = $(`[data-swiper-slide-index="${this.previousIndex}]"`).find("video"); 2817 var currentVideo = $(`[data-swiper-slide-index="${this.realIndex}"]`).find("video"); 2818 prevVideo.trigger('stop'); 2819 currentVideo.trigger('play'); 2820 }); 2821 2822 2823 $("[data-video]").click(function(){ 2824 const file = $(this).data("video") 2825 $(".product-single__video").show() 2826 $(".product-single__image").hide() 2827 $(".product-single__video").find("video").attr("src", file) 2828 $(".product-single__video").find("video")[0].play(); 2829 }) 2830 $("[data-image]").click(function(){ 2831 $(".product-single__video").hide() 2832 $(".product-single__image").show() 2833 $(".product-single__video").find("video")[0].pause(); 2834 }) 2835 2836 $("#product-image .swiper-slide").each(function(){ 2837 let width = $(this).width() 2838 $(this).height(width) 2839 }) 2840 2841 $(window).resize(function() { 2842 $("#product-image .swiper-slide").each(function(){ 2843 let width = $(this).width() 2844 $(this).height(width) 2845 }) 2846 }) 2847 </script>
2847 2848 2849 </div> 2850 2851 2852 2853 2854 2855 2856 2857 2858 <style> 2859 .c-pdp-product-info__service--active { 2860 font-size: 12px; 2861 padding-left: 10px; 2862 text-align: left; 2863 max-width: 550px; 2864 margin: auto; 2865 } 2866 .c-pdp-product-info__service--active li { 2867 list-style: disc; 2868 } 2869 .c-pdp-product-info { 2870 background-color: #f5f5f5; 2871 padding: 12px; 2872 margin: 0; 2873 } 2874 .freeship em { 2875 font-style: italic; 2876 font-size: 12px !important; 2877 } 2878 2879 2880 </style> 2881 2882
2882<script> 2883 $(document).ready(function(){ 2884 if ( $(".c-pdp-product-info__service li").length == 1 ) { 2885 $(".c-pdp-product-info__service").addClass("no-bullet"); 2886 $(".c-pdp-product-info__service li").addClass("no-bullets"); 2887 } 2888 }); 2889 </script>
2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 </div> 2903 <div id="product-meta" class="col-lg-5 p-0"> 2904 <div class="product-meta"> 2905 <style> 2906 .product-meta--review {margin-top:10px} 2907 .freeship * {font-size: 14px !important;font-style: normal;} 2908 </style> 2909 <h1 itemprop="name" 2910 class="mb-2" 2911 style=" 2912 color:#00adcc; 2913 text-shadow: 2914 0 0 5px #00adcc; 2915 font-weight:bold; 2916 "> 2917 BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik 2918</h1> 2919 2920 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 2921 <meta itemprop="priceCurrency" content="IDR"> 2922 2923 <link itemprop="availability" href="https://schema.org/InStock"> 2924
2924<script 2925 type="text/javascript" 2926 src="//platform-api.sharethis.com/js/sharethis.js#property=5acdc0aa3ef3c0001396fd50&product=custom-share-buttons" 2927 async="async" 2928 ></script>
2928 2929 2930 2931 2932 2933 <span class="visually-hidden">Translation missing: en.products.general.regular_price</span> 2934 2935 <span class="visually-hidden">Translation missing: en.products.general.sale_price</span> 2936 2937 <div class="row no-gutters mb-3"> 2938 <span 2939 id="ProductPrice" 2940 class="h2 ProductPrice" 2941 itemprop="price" 2942 content="835000" style="color: #ffffff;" 2943 > 2944 Rp 10.000 2945 </span> 2946 <div class="discount-product-detail"> 2947 <p id="ComparePrice" class="ComparePrice mt-2 mt-lg-0"> 2948 Rp 35.000 2949 </p> 2950 <span class=" tag-discount"> 2951 2952 2953 <span id="newDiscount" class="product-tag persentase-discount hide"> 2954 (90%) 2955 </span><br> 2956 2957 </span> 2958 </div> 2959 </div> 2960 2961 <div class="row no-gutters meta-sds"> 2962 <div class="col-12 mb-2 mb-lg-0 stock-info"> 2963 2964 2965 <span 2966 id="ProductStock-Product" 2967 class="product-single__stock mb-2 hide" 2968 > 2969 2970 2971 2972 2973 Barang dikirim pada 2974 2975 2976 2977 </span> 2978 2979 <style> 2980 .short-desc-desktop { 2981 margin-bottom: 2rem; 2982 color: white; 2983 } 2984 .short-desc ul li:nth-child(n + 4) { 2985 display: none; 2986 } 2987 .short-desc ul li.showList:nth-child(n + 4) { 2988 display: list-item; 2989 } 2990 label.more { 2991 display: none; 2992 } 2993 label.more.showMe { 2994 display: block; 2995 font-size: 12px; 2996 text-transform: uppercase; 2997 font-weight: 700; 2998 cursor: pointer; 2999 } 3000 </style> 3001 3002 <div class="short-desc-desktop d-none d-lg-block"> 3003 <div class="short-desc"> 3004 3005 <p style="text-align: justify;">BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.</p> 3006 3007 </div> 3008 <label class="more">Show More â</label> 3009 </div><br> 3010 3011 3012
3012<script> 3013 var liCount; 3014 $(document).ready(function () { 3015 $(".short-desc ul").each(function() { 3016 liCount = $(this).children("li").length; 3017 if (liCount > 3) { 3018 $(this).parent(".short-desc").next(".more").addClass("showMe"); 3019 } 3020 }); 3021 3022 $(".more").click(function () { 3023 //$(".short-desc").find("li").addClass("showList"); 3024 // $(this).hide(); 3025 $("#product-desc").find("ul").show() 3026 $('html, body').animate({ 3027 scrollTop: $("#product-desc").offset().top - 250 3028 }, 2000); 3029 $("#product-desc").css("height","auto"); 3030 $("#more_content").remove(); 3031 $(".product-spec").append("<div id='less_content' class='readmore'><span class='less_content'>Less</span></div>") 3032 }); 3033 }); 3034 </script>
3034 3035 3036 3037 </div> 3038 </div> 3039 3040 <div id="purchaseProduct"> 3041 3042 3043 3044 3045 <style> 3046 .variant-metafield { 3047 display: block!important; 3048 width: 1px; 3049 padding: 0; 3050 border-color: #fff; 3051 } 3052 .select2-results__option[aria-disabled] { 3053 display: none; 3054 } 3055 3056 .towel-bordir { 3057 width: 100%; 3058 display: flex; 3059 align-items: center; 3060 justify-content: space-around; 3061 } 3062 </style> 3063 3064 3065 3066 3067
3067<script> 3068 3069 3070 </script>
3070 3071 3072 3073 3074 3075 3076 3077 <select 3078 name="id[]" 3079 id="productSelect" 3080 class="product-single__variants ignore hide hide" 3081 > 3082 3083 3084 3085 <option 3086 3087 selected="selected" 3088 3089 data-sku="GOJSTRU2598" 3090 value="44083045826775" 3091 > 3092 Default Title 3093 </option> 3094 3095 3096 3097 </select> 3098 3099
3099<script src="//outerbloom.com/cdn/shop/t/138/assets/jquery.magnific-popup.min.js?v=184369421263510081681752652422" type="text/javascript"></script>
3099 3100 3101
3101<script> 3102 $('.size-chart-open-popup').magnificPopup({ 3103 type:'inline', 3104 midClick: true 3105 }); 3106 </script>
3106 3107 3108 3109 3110 3111 <div class="upload-image-preview"> 3112 3113 3114 3115 3116 3117 <style> 3118 .file-dnd * { 3119 margin: 0; 3120 padding: 0; 3121 box-sizing: border-box; 3122 } 3123 .file-dnd { 3124 width: 100%; 3125 height: 250px; 3126 border: 1px solid #ddd; 3127 border-radius: 10px; 3128 padding: 15px; 3129 display: flex; 3130 flex-direction: column; 3131 gap: 10px; 3132 /* box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.05); */ 3133 margin: auto; 3134 } 3135 .file-dnd input { 3136 display: none; 3137 } 3138 .file-dnd .before-upload { 3139 border: 1px dashed #888; 3140 flex: 1; 3141 border-radius: 5px; 3142 display: flex; 3143 justify-content: center; 3144 align-items: center; 3145 text-align: center; 3146 cursor: pointer; 3147 } 3148 .file-dnd .before-upload > div { 3149 display: flex; 3150 flex-direction: column; 3151 align-items: center; 3152 gap: 8px; 3153 } 3154 .file-dnd .before-upload > div h4 { 3155 width: 150px; 3156 } 3157 .file-dnd .before-upload > div p { 3158 font-size: 12px !important; 3159 color: #555; 3160 } 3161 .file-dnd.active .before-upload { 3162 border: 1px solid #5750d9; 3163 background-color: #f5f5ff; 3164 } 3165 .file-dnd .after-upload { 3166 position: relative; 3167 display: none; 3168 } 3169 .file-dnd .after-upload img { 3170 width: 100%; 3171 border-radius: 5px; 3172 max-height: 180px; 3173 object-fit: contain; 3174 display: block; 3175 } 3176 .file-dnd .after-upload .clear-btn { 3177 position: absolute; 3178 top: 10px; 3179 right: 10px; 3180 background: rgba(0, 0, 0, 0.5); 3181 width: 15px; 3182 height: 15px; 3183 text-align: center; 3184 line-height: 15px; 3185 border-radius: 50%; 3186 color: #fff; 3187 cursor: pointer; 3188 font-size: 14px; 3189 } 3190 </style> 3191 3192 <div 3193 class="file-dnd mb-3" 3194 3195 style="display: none" 3196 3197 > 3198 <label for="upload-photo">Upload your Photo:</label> 3199 <input type="file" id="upload-photo" accept="image/*"> 3200 <input type="hidden" data-properties="Photo"> 3201 <div class="before-upload"> 3202 <div> 3203 <svg id="surface1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="33.053" height="41.719" viewBox="0 0 33.053 41.719"> 3204 <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> 3205 <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> 3206 <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> 3207 </svg> 3208 3209 <h4>Drag & Drop Photo file or Browse</h4> 3210 <p>Supports: JPEG, PNG, GIF, TIFF</p> 3211 </div> 3212 </div> 3213 <div class="after-upload"> 3214 <div class="clear-btn">×</div> 3215 <img src="" width="" height=""> 3216 </div> 3217 </div> 3218
3218<script> 3219 function applyDndFile(el) { 3220 const parent = document.querySelector(".file-dnd") 3221 const beforeUploadEl = el.querySelector(".before-upload") 3222 const afterUploadEl = el.querySelector(".after-upload") 3223 const inputFile = el.querySelector("input[type=file]") 3224 const imagePreview = el.querySelector(".after-upload img") 3225 const clearBtn = el.querySelector(".after-upload .clear-btn") 3226 const inputProps = parent.querySelector("[data-properties]"); 3227 3228 async function upload(name, uri, type) { 3229 try { 3230 const filename = name.split('.')[0] 3231 let formData = new FormData(); 3232 formData.append("file", uri); 3233 const response = await fetch(`${host}/upload?name=${filename}&dir=gift&type=${type}`, { 3234 method: "POST", 3235 body: formData 3236 }) 3237 if(response) { 3238 const res = await response.json() 3239 return res 3240 } 3241 } catch(err){ 3242 console.log(err) 3243 } 3244 } 3245 3246 function showImagePreview(img) { 3247 if(img){ 3248 const blobUrl = URL.createObjectURL(img) 3249 imagePreview.src = blobUrl 3250 afterUploadEl.style.display = "block" 3251 beforeUploadEl.style.display = "none" 3252 } 3253 } 3254 3255 beforeUploadEl.addEventListener("click", (e) => { 3256 e.preventDefault() 3257 inputFile.click() 3258 }) 3259 3260 inputFile.addEventListener("change", async (e) => { 3261 e.preventDefault() 3262 showImagePreview(e.target.files[0]) 3263 var uploadData = await upload(e.target.files[0].name, e.target.files[0], e.target.files[0].type) 3264 inputProps.value = uploadData?.url 3265 }) 3266 3267 clearBtn.addEventListener("click", (e) => { 3268 afterUploadEl.style.display = "none" 3269 beforeUploadEl.style.display = "flex" 3270 inputProps.value = "" 3271 }) 3272 3273 beforeUploadEl.addEventListener("dragover", (e) => { 3274 e.preventDefault() 3275 el.classList.add("active") 3276 }) 3277 3278 beforeUploadEl.addEventListener("dragleave", (e) => { 3279 e.preventDefault() 3280 el.classList.remove("active") 3281 }) 3282 3283 beforeUploadEl.addEventListener("drop", async (e) => { 3284 e.preventDefault() 3285 el.classList.remove("active") 3286 showImagePreview(e.dataTransfer.files[0]) 3287 var uploadData = await upload(e.dataTransfer.files[0].name, e.dataTransfer.files[0], e.dataTransfer.files[0].type) 3288 console.log(uploadData) 3289 inputProps.value = uploadData?.url 3290 }) 3291 } 3292 3293 applyDndFile(document.querySelector(".file-dnd")) 3294 3295 $(document).ready(function(){ 3296 $(".variant-swatch").change(function(){ 3297 const v = $(this).val().toLowerCase() 3298 const list = ["photo", "custom one side", "custom two side", "small", "big"] 3299 if(list.some(item => v.includes(item))) return $(".file-dnd").show() 3300 $(".file-dnd").hide() 3301 $(".file-dnd").find("[data-properties]").val("") 3302 $(".after-upload").hide() 3303 $(".before-upload").css("display", "flex") 3304 }) 3305 }) 3306 </script>
3306 3307 3308 </div> 3309 3310 3311 <div class="delivery-city mb-4"> 3312 <a href="https://gas.becekwinmedan.ink/"> 3313 <center> 3314 <img src="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" alt="logo-daftar" style="width: 260px; margin-top: -20px; border-radius: 22px;"> 3315 </center> 3316 </a><br> 3317 <h4 class="fw-600 text-uppercase mb-15" 3318 style=" 3319 text-align:center; 3320 color:#00adcc; 3321 text-shadow: 3322 0 0 5px #00adcc; 3323 3324 "> 3325 3326 <style> 3327 @media (max-width: 768px) { 3328 .select2-search__field { 3329 pointer-events: none !important; 3330 } 3331 3332 .select2-search { 3333 display: none !important; 3334 } 3335 } 3336 </style> 3337 3338
3338<script> 3339 $(document).ready(function() { 3340 // Check if mobile 3341 if (window.innerWidth <= 768) { 3342 // When cities select2 opens on mobile, remove focus from search 3343 $('#cities').on('select2:open', function() { 3344 setTimeout(function() { 3345 $('.select2-search__field').blur(); 3346 $('.select2-search__field').prop('readonly', true); 3347 }, 100); 3348 }); 3349 } 3350 }); 3351 </script>
3351 3352 3353 <style> 3354 .icon-img-footer { 3355 width: 80px; 3356 padding: 0px 5px; 3357 } 3358 @media (min-width: 768px) { 3359 .icon-img-footer { 3360 width: 120px; 3361 } 3362 } 3363 @media (min-width: 992px) { 3364 .icon-img-footer { 3365 width: 120px; 3366 } 3367 } 3368 3369 3370 3371 </button> 3372 <div class="button-share-wishlist d-flex justify-content-around mt-3"> 3373 <div class="button-share text-center"> 3374 <p id="shareButton" class="d-flex gap-2"><span>Share</span><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="15" height="13" viewBox="0 0 15 13" fill="none"> 3375 <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"/> 3376 </svg> 3377 </p> 3378 </div> 3379 <div class="button-wishlist text-center"> 3380 <p id="wishButton" class="d-flex gap-2 wishlist-toggle" data-product-handle="blossom-shine"><span>Wishlist</span><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="16" height="15" viewBox="0 0 16 15" fill="none"> 3381 <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"/> 3382 </svg> 3383 <!-- 3384 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="34" height="30" viewBox="0 0 34 30" fill="none"> 3385 <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"/> 3386 </svg> 3387 --> 3388 </p> 3389 </div> 3390 </div> 3391 </div> 3392 </div> 3393 <div class="purchasePopup purchasePopupSpotify" style="display: none;"> 3394 <div class="purchaseArea"> 3395 <div class="sectionPurchase sectionPurchaseSpotify"> 3396 <div class="wrapperPurchase"> 3397 <div class="headerPurchase"> 3398 <h3>personalize spotify photo print</h3> 3399 <a class="close-purchase-popup"> 3400 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 3401 <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> 3402 </svg> 3403 </a> 3404 </div> 3405 <div class="contentPurchase"> 3406 <div class="spotifyAddons"></div> 3407 </div> 3408 3409 <div class="purchase-button btn-addon row m-0" style="display: none;"> 3410 <div class="col-12 col-lg-2 text-left mb-2 p-0"> 3411 <button class="back-purchase-button back-addon text-uppercase"> 3412 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 3413 <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> 3414 </svg>
3415 <span>Back</span> 3416 </button> 3417 </div> 3418 <div class="col-12 col-lg-10 text-right" style="display: flex;justify-content: end;gap: 20px;"> 3419 <button class="btn next-purchase-button next-addon text-uppercase"> 3420 <span>continue without add-ons</span> 3421 </button> 3422 </div> 3423 </div> 3424 </div> 3425 </div> 3426 </div> 3427 </div> 3428 3429 <style> 3430 #PBarNextFrameWrapper { 3431 display: none; 3432 } 3433 #backgroundPopup { 3434 display: none; 3435 position: fixed; 3436 _position: absolute; 3437 height: 100%; 3438 width: 100%; 3439 top: 0; 3440 left: 0; 3441 background: rgb(117 117 117 / 24%); 3442 z-index: 1; 3443 } 3444 .sectionPurchase { 3445 height: 100%; 3446 position: relative; 3447 max-width: 1344px; 3448 background-color: #fff; 3449 padding: 0; 3450 overflow: hidden; /* Changed from auto to hidden */ 3451 display: flex; 3452 flex-direction: column; 3453 } 3454 .sectionPurchase.purchaseAddonSpotify { 3455 max-width: 1070px!important; 3456 max-height: 765px!important; 3457 } 3458 .sectionPurchaseBoard { 3459 max-width: 872px!important; 3460 max-height: 821px!important; 3461 } 3462 .purchaseAddonSpotify .btn-action { 3463 position: absolute; 3464 bottom: 0; 3465 left: 0; 3466 width: 100%; 3467 display: flex; 3468 gap: 10px; 3469 } 3470 .wrapperPurchase { 3471 position: relative; 3472 height: 100%; 3473 display: flex; 3474 flex-direction: column; 3475 } 3476 3477 /* New styles for scrollable content and sticky button */ 3478 .purchase-content { 3479 flex: 1; 3480 overflow-y: auto; 3481 overflow-x: hidden; 3482 padding: 20px; 3483 } 3484 3485 .purchase-button-wrapper { 3486 position: sticky; 3487 bottom: 0; 3488 background-color: #fff; 3489 border-top: 1px solid #e0e0e0; 3490 padding: 15px 0; 3491 margin-top: auto; 3492 z-index: 10; 3493 } 3494 3495 .purchasePopup { 3496 display: none; 3497 position: fixed; 3498 background: rgb(117 117 117 / 24%); 3499 z-index: 999; 3500 padding: 40px; 3501 font-size: 13px; 3502 top: 0; 3503 left: 0; 3504 width: 100%; 3505 height: 100%; 3506 } 3507 .popupPurchaseClose{ 3508 font-size:14px; 3509 line-height:14px; 3510 right:45px; 3511 top:45px; 3512 position:absolute; 3513 color:#6fa5fd; 3514 font-weight:700; 3515 display:block; 3516 cursor: pointer; 3517 } 3518 3519 .headerPurchase { 3520 margin-bottom: 30px; 3521 display: flex; 3522 justify-content: space-between; 3523 } 3524 3525 .headerPurchase h3 { 3526 font-size: 16px; 3527 text-transform: uppercase; 3528 } 3529 3530 .sectionPurchaseBoard .headerPurchase { 3531 margin-bottom: 15px; 3532 } 3533 3534 .sectionPurchaseBoard .formAddressPurchase { 3535 padding-top: 0; 3536 } 3537 3538 .purchaseArea { 3539 position: relative; 3540 height: 100%; 3541 } 3542 3543 .purchaseArea h4 { 3544 width: 100%; 3545 font-size: 12px; 3546 font-weight: 600; 3547 margin-bottom: 10px; 3548 text-transform: uppercase; 3549 } 3550 3551 .menuPurchase { 3552 margin-bottom: 30px; 3553 } 3554 3555 .menuPurchase ul { 3556 list-style-type: none; 3557 margin: 0; 3558 } 3559 3560 .menuPurchase ul li { 3561 display: inline-block; 3562 border: 1px solid #ffffff; 3563 padding: 5px 20px; 3564 margin-right: 5px; 3565 margin-bottom: 10px; 3566 font-size: 12px; 3567 font-weight: 400; 3568 } 3569 3570 .menuPurchase ul li:hover, .menuPurchase ul li.selected { 3571 background-color: #ffffff; 3572 color: #ffffff; 3573 } 3574 3575 .contentPurchase h5 { 3576 font-size: 12px; 3577 margin-bottom: 10px; 3578 font-weight: 400; 3579 overflow: hidden; 3580 } 3581 3582 /* Card */ 3583 3584 #itemCards { 3585 max-height: 430px; 3586 overflow: auto; 3587 } 3588 3589 .item-cards { 3590 width: 100%; 3591 } 3592 .item-card.selected { 3593 border: 1px solid #ffffff; 3594 } 3595 .item-card:hover { 3596 border: 1px solid #C4C4C4; 3597 } 3598 .item-cards .item-card { 3599 position: relative; 3600 width: calc(33% - 10px); 3601 max-width: calc(33% - 10px); 3602 flex: 0 0 calc(33% - 10px); 3603 margin-bottom: 20px; 3604 } 3605 .item-cards .item-card label, 3606 .item-addons .item-addon label { 3607 position: absolute; 3608 left: 0; 3609 width: 100%; 3610 height: 100%; 3611 } 3612 .item-cards .item-card .card-image img, 3613 .item-addons .item-addon .card-image img { 3614 display: block; 3615 width: 100%; 3616 } 3617 .item-card .card-meta, 3618 .item-addon .card-meta { 3619 padding: 10px 5px 5px; 3620 } 3621 .item-card.selected .card-meta, 3622 .item-addon.selected .card-meta, 3623 .item-card.selected .card-qty { 3624 background-color: #ffffff; 3625 color: #fff; 3626 visibility: visible!important; 3627 } 3628 .item-card:hover .card-meta, 3629 .item-addon:hover .card-meta, 3630 .item-card:hover .card-qty { 3631 background-color: #C4C4C4; 3632 color: #fff; 3633 visibility: visible!important; 3634 } 3635 .item-cards .item-card p, 3636 .item-addons .item-addon p { 3637 font-size: 12px !important; 3638 margin: 0; 3639 font-weight: 600; 3640 } 3641 .item-card .card-meta input, 3642 .item-addon .card-meta input { 3643 display: none; 3644 } 3645 .item-cards .item-card h5, 3646 .item-addons .item-addon h5 { 3647 text-transform: uppercase; 3648 max-height: 35px; 3649 } 3650 3651 @media (max-width: 768px) { 3652 .item-cards .item-card {
3653 width: calc(50% - 10px); 3654 max-width: calc(50% - 10px); 3655 flex: 0 0 calc(50% - 10px); 3656 margin-bottom: 0; 3657 } 3658 } 3659 3660 .card-qty { 3661 display: flex; 3662 padding: 5px; 3663 visibility: hidden; 3664 background-color: #fff !important; 3665 z-index: 999; 3666 } 3667 .card-qty a { 3668 border-width: 1px; 3669 width: 30%; 3670 cursor: pointer; 3671 text-align: center; 3672 align-self: center; 3673 height: 28px; 3674 display: block; 3675 position: relative; 3676 } 3677 .card-qty a svg { 3678 position: absolute; 3679 top: 50%; 3680 left: 50%; 3681 transform: translate(-50%, -50%); 3682 text-align: center; 3683 } 3684 input.btn-qty { 3685 border-width: 0px; 3686 border-radius: 0; 3687 background-color: #fff; 3688 -webkit-appearance: none; 3689 box-shadow: none !important; 3690 -webkit-box-shadow: none !important; 3691 -moz-box-shadow: none!important; 3692 width: 40%; 3693 border-left: 1px solid #c4c4c4; 3694 border-right: 1px solid #c4c4c4; 3695 padding: 0; 3696 } 3697 3698 .sectionPurchaseBoard #itemAddons .item-card { 3699 width: calc(20% - 15px); 3700 max-width: calc(20% - 15px); 3701 flex: 0 0 calc(20% - 15px); 3702 } 3703 3704 .purchase-button { 3705 width: 100%; 3706 padding: 0; /* Reset padding as it's now handled by wrapper */ 3707 margin: 0; 3708 } 3709 3710 .sectionPurchaseBoard .purchase-button { 3711 margin-top: 0 !important; /* Reset margin */ 3712 } 3713 3714 .back-purchase-button, .back-spotify { 3715 width: 139px; 3716 border: 1px solid; 3717 height: 43px; 3718 } 3719 .purchase-button .btn { 3720 width: 297px; 3721 height: 43px; 3722 background-color: #ffffff; 3723 color: #ffffff; 3724 } 3725 .purchase-button .btn[disabled] { 3726 background-color: #000000; 3727 } 3728 .back-purchase-button svg, .back-spotify svg { 3729 align-self: center; 3730 vertical-align: middle; 3731 margin-right: 10px; 3732 } 3733 3734 #purchaseProduct .row .error { 3735 font-size: 12px !important; 3736 color: orange; 3737 margin-top: 5px; 3738 } 3739 3740 .reviewCardPurchase { 3741 max-width: 448px; 3742 float: right; 3743 } 3744 3745 .addonsPurchase .addon-item {display: flex;justify-content: space-between;} 3746 .addon-item * {align-self: center;font-size: 12px;} 3747 .addon-itm-title {width: 360px;} 3748 .addon-itm-line-price {color: #757575;width: 80px;justify-content: space-between;display: flex;} 3749 3750 .propsAddonSpotify p { 3751 margin: 0; 3752 display: flex; 3753 font-size: 12px !important; 3754 margin-bottom: 5px; 3755 } 3756 .propsAddonSpotify p span:first-child { 3757 text-transform: uppercase; 3758 font-weight: 600; 3759 -ms-flex: 0 0 150px; 3760 flex: 0 0 150px; 3761 max-width: 150px; 3762 } 3763 3764 .addonsPurchase .addons { 3765 max-height: 250px; 3766 overflow: auto; 3767 } 3768 3769 .btn .loading:after { 3770 content: ""; 3771 display: inline-block; 3772 width: 20px; 3773 height: 20px; 3774 padding: 3px; 3775 aspect-ratio: 1; 3776 border-radius: 50%; 3777 background: #FFFFFF; 3778 --_m: conic-gradient(#0000 10%, #ffffff), linear-gradient(#ffffff 0 0) content-box; 3779 -webkit-mask: var(--_m); 3780 mask: var(--_m); 3781 -webkit-mask-composite: source-out; 3782 mask-composite: subtract; 3783 animation: l3 1s infinite linear; 3784 margin: auto; 3785 vertical-align: middle; 3786 margin-left: 10px; 3787 } 3788 3789 #qrcode img, #qrcode canvas { 3790 width: 50px; 3791 position: absolute; 3792 top: 12px; 3793 left: 16px; 3794 } 3795 3796 .t-preview { 3797 position: absolute; 3798 top: 17px; 3799 left: 75px; 3800 } 3801 .t-preview p { 3802 margin: 0; 3803 font-size: 12px !important; 3804 } 3805 .t-preview .h3 { 3806 font-size: 16px !important; 3807 margin-bottom: 5px; 3808 font-weight: 600; 3809 } 3810 .scanCard { 3811 width: 100%; 3812 border: 1px solid; 3813 height: 76px; 3814 background-color: #fff; 3815 } 3816 .scanCard > div > img { 3817 position: absolute; 3818 right: 0; 3819 width: 55px; 3820 } 3821 3822 @keyframes l3 { 3823 100% { 3824 transform: rotate(1turn); 3825 } 3826 } 3827 3828 @media (min-width: 991px) { 3829 .sectionPurchase { 3830 height: 100%; 3831 position: relative; 3832 max-width: 1344px;
3833 background-color: #fff; 3834 top: 50%; 3835 left: 50%; 3836 transform: translate(-50%, -50%); 3837 } 3838 .headerPurchase h3 { 3839 font-size: 20px; 3840 } 3841 .purchaseArea h4 { 3842 font-size: 16px; 3843 } 3844 3845 .menuPurchase ul li { 3846 font-size: 16px; 3847 } 3848 3849 .contentPurchase { 3850 margin-bottom: 30px; 3851 } 3852 .contentPurchase h5 { 3853 font-size: 16px; 3854 } 3855 3856 .item-cards .item-card p, 3857 .item-addons .item-addon p { 3858 font-size: 16px !important; 3859 } 3860 3861 .cards { 3862 float: right; 3863 width: 400px; 3864 } 3865 3866 .item-cards .item-card { 3867 width: calc(25% - 30px); 3868 max-width: calc(25% - 30px); 3869 flex: 0 0 calc(25% - 30px); 3870 } 3871 3872 #itemAddons .item-card { 3873 position: relative; 3874 width: calc(16% - 40px); 3875 max-width: calc(16% - 40px); 3876 flex: 0 0 calc(16% - 40px); 3877 } 3878 3879 .purchase-button-wrapper { 3880 padding: 10px 20px; 3881 } 3882 } 3883 3884 @media (max-width: 1200px) { 3885 .item-cards .item-card { 3886 width: calc(33% - 30px); 3887 max-width: calc(33% - 30px); 3888 flex: 0 0 calc(33% - 30px); 3889 } 3890 } 3891 3892 @media (max-width: 992px) { 3893 .purchasePopup { 3894 padding: 0; 3895 } 3896 .item-cards .item-card h5, 3897 .item-addons .item-addon h5 { 3898 max-height: 30px; 3899 } 3900 3901 .back-purchase-button, .back-spotify, .next-purchase-button { 3902 width: 100%; 3903 } 3904 .addon-itm-title { 3905 width: 300px; 3906 } 3907 .addon-itm-line-price { 3908 margin-right: 10px; 3909 } 3910 .t-preview { 3911 top: 10px; 3912 } 3913 3914 .card-qty a { 3915 height: 15px; 3916 } 3917 3918 .purchase-button-wrapper { 3919 padding: 15px; 3920 } 3921 } 3922 3923 @media (max-width: 576px) { 3924 .purchase-button .btn { 3925 width: 100%!important; 3926 } 3927 .purchase-button > .col-12 { 3928 padding-left: 0; 3929 padding-right: 0; 3930 } 3931 } 3932 .shopify-challenge__container .shopify-challenge__button {margin-top: 80px!important;} 3933.swiper-button-disabled .icon { 3934 opacity: .5; 3935 cursor: default 3936} 3937 3938table { 3939 display: inline-table; 3940 width: 100% 3941} 3942 3943table>thead>tr>th, 3944table>tbody>tr>th, 3945table>tfoot>tr>th, 3946table>thead>tr>td, 3947table>tbody>tr>td, 3948table>tfoot>tr>td { 3949 padding: 8px; 3950 line-height: 1.42857143; 3951 vertical-align: top; 3952 border: 1px solid #ddd 3953} 3954 3955table>thead>tr>th { 3956 vertical-align: bottom; 3957 border: 1px solid #ddd 3958} 3959 3960table>thead>tr>th, 3961table>thead>tr>td { 3962 border-bottom-width: 2px 3963} 3964 3965.primary { 3966 color: #212121!important 3967} 3968 3969.clr-primary { 3970 color: #212121 3971} 3972.clr-secondary { 3973 color: #757575 3974} 3975.bg-primary { 3976 background-color: #212121 3977} 3978.bg-secondary { 3979 background-color: #757575 3980} 3981 3982.bt-1 { 3983 border-top:1px solid { 3984 { 3985 settings.color-primary 3986 } 3987 } 3988} 3989 3990.bt-2 { 3991 border-top: 1px solid #f2f2f2 3992} 3993 3994.bb-1 { 3995 border-bottom:1px solid { 3996 { 3997 settings.color-primary 3998 } 3999 } 4000} 4001 4002.bb-2 { 4003 border-bottom: 1px solid #f2f2f2 4004} 4005 4006.clearfix { 4007 *zoom: 1 4008} 4009 4010.clearfix:after { 4011 content: ''; 4012 display: table; 4013 clear: both 4014} 4015 4016h1, 4017h2, 4018h3, 4019h4, 4020h5, 4021h6, 4022.h1, 4023.h2, 4024.h3, 4025.h4, 4026.h5, 4027.h6 { 4028 margin-bottom: .5rem; 4029 font-family: inherit; 4030 font-weight: 500; 4031 line-height: 1.2; 4032 color: inherit 4033} 4034 4035h1, 4036.h1 { 4037 font-size: 2.5rem 4038} 4039 4040h2, 4041.h2 { 4042 font-size: 2rem 4043} 4044 4045h3, 4046.h3 { 4047 font-size: 1.75rem 4048} 4049 4050h4, 4051.h4 { 4052 font-size: 1.5rem 4053} 4054 4055h5, 4056.h5 { 4057 font-size: 1.25rem 4058} 4059 4060h6, 4061.h6 { 4062 font-size: 1rem 4063} 4064 4065.lead { 4066 font-size: 1.25rem; 4067 font-weight: 300 4068} 4069 4070.display-1 { 4071 font-size: 6rem; 4072 font-weight: 300; 4073 line-height: 1.2 4074} 4075 4076.display-2 { 4077 font-size: 5.5rem; 4078 font-weight: 300; 4079 line-height: 1.2 4080} 4081 4082.display-3 { 4083 font-size: 4.5rem; 4084 font-weight: 300; 4085 line-height: 1.2 4086} 4087 4088.display-4 { 4089 font-size: 3.5rem; 4090 font-weight: 300; 4091 line-height: 1.2 4092} 4093 4094hr { 4095 margin-top: 1rem; 4096 margin-bottom: 1rem; 4097 border: 0; 4098 border-top: 1px solid rgba(0, 0, 0, .1) 4099} 4100 4101.hr-main { 4102 margin-top: 30px; 4103 margin-bottom: 30px; 4104 border: 0; 4105 border-top: 1px solid #b8b8b8; 4106} 4107 4108small, 4109.small { 4110 font-size: 80%; 4111 font-weight: 400 4112} 4113 4114.tiny { 4115 font-size: 65%; 4116 font-weight: 400 4117} 4118 4119.list-unstyled { 4120 padding-left: 0; 4121 list-style: none 4122} 4123 4124.list-inline { 4125 padding-left: 0; 4126 list-style: none 4127} 4128 4129.list-inline-item { 4130 display: inline-block 4131} 4132 4133.list-inline-item:not(:last-child) { 4134 margin-right: .5rem 4135} 4136 4137.blockquote { 4138 margin-bottom: 1rem; 4139 font-size: 1.25rem 4140} 4141 4142.blockquote-footer { 4143 display: block; 4144 font-size: 80%; 4145 color: #868e96 4146} 4147 4148.blockquote-footer::before { 4149 content: "\2014 \00A0" 4150} 4151 4152select, 4153select option { 4154 touch-action: auto 4155} 4156 4157html, 4158body, 4159p, 4160.p { 4161 font-size: 16px; 4162 line-height: 1.4; 4163 font-family: 'Source Sans Pro', sans-serif; 4164} 4165 4166h1, 4167.h1, 4168h2, 4169.h2, 4170h3, 4171.h3, 4172h4, 4173.h4, 4174h5, 4175.h5, 4176h6, 4177.h6 { 4178 font-weight: 700; 4179 font-family: { 4180 { 4181 settings.font-header 4182 } 4183 } 4184 ; 4185 margin:0 4186} 4187 4188h1, 4189.h1 { 4190 font-size: 1.602em; 4191 margin-bottom: 1em 4192} 4193 4194@media only screen and (max-width:56.25em) { 4195 h1, 4196 .h1 { 4197 margin-bottom: .5em 4198 } 4199} 4200 4201h2, 4202.h2 { 4203 font-size: 1.424em; 4204 margin-bottom: .7em 4205} 4206 4207@media only screen and (max-width:56.25em) { 4208 h2, 4209 .h2 { 4210 margin-bottom: .35em 4211 } 4212} 4213 4214.ProductPrice { 4215 margin-bottom: 0em 4216} 4217 4218h3, 4219.h3 { 4220 font-size: 1.266em; 4221 margin-bottom: .6em 4222} 4223 4224@media only screen and (max-width:56.25em) { 4225 h3, 4226 .h3 { 4227 margin-bottom: .3em 4228 } 4229} 4230 4231h4, 4232.h4 { 4233 font-size: 1.125em; 4234 margin-bottom: .4em 4235} 4236 4237@media only screen and (max-width:56.25em) { 4238 h4, 4239 .h4 { 4240 margin-bottom: .2em 4241 } 4242} 4243 4244h5, 4245.h5 { 4246 font-size: .94em; 4247 margin-bottom: .3em 4248} 4249 4250@media only screen and (max-width:56.25em) { 4251 h5, 4252 .h5 { 4253 margin-bottom: .15em 4254 } 4255} 4256 4257h6, 4258.h6 { 4259 font-size: .79em; 4260 margin-bottom: .2em 4261} 4262 4263@media only screen and (max-width:56.25em) { 4264 h6, 4265 .h6 { 4266 margin-bottom: .1em 4267 } 4268} 4269 4270.display-1 { 4271 font-size: 3.906em 4272} 4273 4274.display-2 { 4275 font-size: 3.125em 4276} 4277 4278.text-muted { 4279 color: #b8b8b8 !important 4280} 4281 4282.text-normal { 4283 color: #121212 !important 4284} 4285 4286.section-header { 4287 margin-bottom: 11px 4288} 4289 4290@media screen and (min-width:769px) { 4291 .section-header { 4292 display: table; 4293 width: 100% 4294 } 4295 .section-header__title { 4296 margin-bottom: 8px 4297 } 4298 .section-header__left { 4299 display: table-cell; 4300 vertical-align: middle; 4301 margin-bottom: 0 4302 } 4303 .section-header__left h1, 4304 .section-header__left h2, 4305 .section-header__left h3, 4306 .section-header__left h4, 4307 .section-header__left .h1, 4308 .section-header__left .h2, 4309 .section-header__left .h3, 4310 .section-header__left .h4 { 4311 margin-bottom: 0 4312 } 4313 .section-header__right { 4314 display: table-cell; 4315 vertical-align: middle; 4316 text-align: right; 4317 width: 335px 4318 } 4319} 4320 4321@media screen and (min-width:769px) and (max-width:768px) { 4322 .section-header__right { 4323 margin-bottom: 20px 4324 } 4325} 4326 4327.section-header__right .form-horizontal, 4328.section-header__right .collection-view { 4329 display: inline-block; 4330 vertical-align: middle 4331} 4332 4333@media screen and (min-width:481px) { 4334 .section-header__right label+select, 4335 .section-header__right .collection-view { 4336 margin-left: 10px 4337 } 4338} 4339 4340.collection-view { 4341 display: inline-block; 4342 border: 1px solid #212121; 4343 border-radius: 5px; 4344 padding: 0 5px; 4345 height: 37px; 4346 overflow: hidden 4347} 4348 4349@media (min-width:48em) { 4350 h1, 4351 .h1 { 4352 font-size: 2.441em 4353 } 4354 h2, 4355 .h2 { 4356 font-size: 1.953em 4357 } 4358 h3, 4359 .h3 { 4360 font-size: 1.563em 4361 } 4362 h4, 4363 .h4 { 4364 font-size: 1.25em 4365 } 4366 h5, 4367 .h5 { 4368 font-size: 1em 4369 } 4370} 4371 4372@media (min-width:62em) { 4373 html, 4374 body, 4375 p, 4376 .p { 4377 font-size: 16px !important 4378 } 4379 .display-1 { 4380 font-size: 5em 4381 } 4382 .display-2 { 4383 font-size: 4.5em 4384 } 4385} 4386 4387@media (min-width:75em) { 4388 html, 4389 body, 4390 p, 4391 .p { 4392 font-size: 16px !important 4393 } 4394} 4395 4396@font-face { 4397 font-family: 'icons'; 4398 src: url(//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.eot?12845059113085069952); 4399 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"); 4400 font-weight: 400; 4401 font-style: normal 4402} 4403 4404.card { 4405 position: relative; 4406 display: -webkit-box; 4407 display: -ms-flexbox; 4408 display: flex; 4409 -webkit-box-orient: vertical; 4410 -webkit-box-direction: normal; 4411 -ms-flex-direction: column; 4412 flex-direction: column; 4413 min-width: 0; 4414 word-wrap: break-word; 4415 background-color: #fff; 4416 background-clip: border-box 4417} 4418 4419.card>hr { 4420 margin-right: 0; 4421 margin-left: 0 4422} 4423 4424.card>.list-group:first-child .list-group-item:first-child { 4425 border-top-left-radius: .25rem; 4426 border-top-right-radius: .25rem 4427} 4428 4429.card>.list-group:last-child .list-group-item:last-child { 4430 border-bottom-right-radius: .25rem; 4431 border-bottom-left-radius: .25rem 4432} 4433 4434.card-body { 4435 -webkit-box-flex: 1; 4436 -ms-flex: 1 1 auto; 4437 flex: 1 1 auto; 4438 padding: 1.25rem 4439} 4440 4441.card-title { 4442 margin-bottom: .75rem 4443} 4444 4445.card-subtitle { 4446 margin-top: -.375rem; 4447 margin-bottom: 0 4448} 4449 4450.card-text:last-child { 4451 margin-bottom: 0 4452} 4453 4454.card-link:hover { 4455 text-decoration: none 4456} 4457 4458.card-link+.card-link { 4459 margin-left: 1.25rem 4460} 4461 4462.card-header { 4463 padding: .75rem 1.25rem; 4464 margin-bottom: 0; 4465 background-color: rgba(0, 0, 0, .03); 4466 border-bottom: 1px solid rgba(0, 0, 0, .125) 4467} 4468 4469.card-header:first-child { 4470 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0 4471} 4472 4473.card-header+.list-group .list-group-item:first-child { 4474 border-top: 0 4475} 4476 4477.card-footer { 4478 padding: .75rem 1.25rem; 4479 background-color: rgba(0, 0, 0, .03); 4480 border-top: 1px solid rgba(0, 0, 0, .125) 4481} 4482 4483.card-footer:last-child { 4484 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px) 4485} 4486 4487.card-header-tabs { 4488 margin-right: -.625rem; 4489 margin-bottom: -.75rem; 4490 margin-left: -.625rem; 4491 border-bottom: 0 4492} 4493 4494.card-header-pills { 4495 margin-right: -.625rem; 4496 margin-left: -.625rem 4497} 4498
4499.card-img-overlay { 4500 position: absolute; 4501 top: 0; 4502 right: 0; 4503 bottom: 0; 4504 left: 0; 4505 padding: 1.25rem 4506} 4507 4508.card-img { 4509 width: 100%; 4510 border-radius: calc(0.25rem - 1px) 4511} 4512 4513.card-img-top { 4514 width: 100%; 4515 border-top-left-radius: calc(0.25rem - 1px); 4516 border-top-right-radius: calc(0.25rem - 1px) 4517} 4518 4519.card-img-bottom { 4520 width: 100%; 4521 border-bottom-right-radius: calc(0.25rem - 1px); 4522 border-bottom-left-radius: calc(0.25rem - 1px) 4523} 4524 4525.card-deck { 4526 display: -webkit-box; 4527 display: -ms-flexbox; 4528 display: flex; 4529 -webkit-box-orient: vertical; 4530 -webkit-box-direction: normal; 4531 -ms-flex-direction: column; 4532 flex-direction: column 4533} 4534 4535.card-deck .card { 4536 margin-bottom: 15px 4537} 4538 4539@media (min-width:576px) { 4540 .card-deck { 4541 -webkit-box-orient: horizontal; 4542 -webkit-box-direction: normal; 4543 -ms-flex-flow: row wrap; 4544 flex-flow: row wrap; 4545 margin-right: -15px; 4546 margin-left: -15px 4547 } 4548 .card-deck .card { 4549 display: -webkit-box; 4550 display: -ms-flexbox; 4551 display: flex; 4552 -webkit-box-flex: 1; 4553 -ms-flex: 1 0 0%; 4554 flex: 1 0 0%; 4555 -webkit-box-orient: vertical; 4556 -webkit-box-direction: normal; 4557 -ms-flex-direction: column; 4558 flex-direction: column; 4559 margin-right: 15px; 4560 margin-bottom: 0; 4561 margin-left: 15px 4562 } 4563} 4564 4565.card-group { 4566 display: -webkit-box; 4567 display: -ms-flexbox; 4568 display: flex; 4569 -webkit-box-orient: vertical; 4570 -webkit-box-direction: normal; 4571 -ms-flex-direction: column; 4572 flex-direction: column 4573} 4574 4575.card-group>.card { 4576 margin-bottom: 15px 4577} 4578 4579@media (min-width:576px) { 4580 .card-group { 4581 -webkit-box-orient: horizontal; 4582 -webkit-box-direction: normal; 4583 -ms-flex-flow: row wrap; 4584 flex-flow: row wrap 4585 } 4586 .card-group>.card { 4587 -webkit-box-flex: 1; 4588 -ms-flex: 1 0 0%; 4589 flex: 1 0 0%; 4590 margin-bottom: 0 4591 } 4592 .card-group>.card+.card { 4593 margin-left: 0; 4594 border-left: 0 4595 } 4596 .card-group>.card:first-child { 4597 border-top-right-radius: 0; 4598 border-bottom-right-radius: 0 4599 } 4600 .card-group>.card:first-child .card-img-top, 4601 .card-group>.card:first-child .card-header { 4602 border-top-right-radius: 0 4603 } 4604 .card-group>.card:first-child .card-img-bottom, 4605 .card-group>.card:first-child .card-footer { 4606 border-bottom-right-radius: 0 4607 } 4608 .card-group>.card:last-child { 4609 border-top-left-radius: 0; 4610 border-bottom-left-radius: 0 4611 } 4612 .card-group>.card:last-child .card-img-top, 4613 .card-group>.card:last-child .card-header { 4614 border-top-left-radius: 0 4615 } 4616 .card-group>.card:last-child .card-img-bottom, 4617 .card-group>.card:last-child .card-footer { 4618 border-bottom-left-radius: 0 4619 } 4620 .card-group>.card:only-child { 4621 border-radius: .25rem 4622 } 4623 .card-group>.card:only-child .card-img-top, 4624 .card-group>.card:only-child .card-header { 4625 border-top-left-radius: .25rem; 4626 border-top-right-radius: .25rem 4627 } 4628 .card-group>.card:only-child .card-img-bottom, 4629 .card-group>.card:only-child .card-footer { 4630 border-bottom-right-radius: .25rem; 4631 border-bottom-left-radius: .25rem 4632 } 4633 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { 4634 border-radius: 0 4635 } 4636 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, 4637 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, 4638 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, 4639 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer { 4640 border-radius: 0 4641 } 4642} 4643 4644.card-columns .card { 4645 margin-bottom: .75rem 4646} 4647 4648@media (min-width:576px) { 4649 .card-columns { 4650 -webkit-column-count: 3; 4651 -moz-column-count: 3; 4652 column-count: 3; 4653 -webkit-column-gap: 1.25rem; 4654 -moz-column-gap: 1.25rem; 4655 column-gap: 1.25rem 4656 } 4657 .card-columns .card { 4658 display: inline-block; 4659 width: 100% 4660 } 4661} 4662 4663.product-card { 4664 position: relative; 4665 width: calc(25% - 1rem); 4666 box-shadow: 0 1px 4px rgba(0, 0, 0, .3); 4667 -webkit-transition: all 0.1s ease-in-out; 4668 transition: all 0.1s ease-in-out; 4669 border-radius: 5px; 4670 cursor: pointer; 4671 border: 0; 4672 @-webkit-keyframes fadeIn { 4673 from { 4674 opacity: 0 4675 } 4676 to { 4677 opacity: 1 4678 } 4679 } 4680 ; 4681 @keyframes fadeIn { 4682 from { 4683 opacity: 0 4684 } 4685 to { 4686 opacity: 1 4687 } 4688 } 4689} 4690 4691@media only screen and (max-width:56.25em) { 4692 .product-card { 4693 flex: 0 0 50%; 4694 max-width: 164px; 4695 max-width: calc(50% - .5rem) 4696 } 4697} 4698 4699.product-card .product-card-discount { 4700 position: absolute; 4701 top: 0; 4702 right: 0; 4703 border-top-right-radius: 5px; 4704 border-bottom-left-radius: 5px; 4705 background-color: { 4706 { 4707 settings.color-primary 4708 } 4709 } 4710 ; 4711 padding:5px; 4712 color:#fafafa 4713} 4714 4715.label-tag.best-price-guarantee { 4716 width: 65px; 4717 position: absolute; 4718 left: 0; 4719 top: 0 4720} 4721 4722.label-tag.voucher-kue { 4723 position: absolute; 4724 bottom: 0; 4725} 4726.label-tag.voucher-kue img { 4727 width: 100%; 4728} 4729 4730.product-card .product-card-img { 4731 width: 100% 4732} 4733 4734.product-card .product-card-img-container { 4735 padding: .5rem; 4736 padding-bottom: 0 4737} 4738 4739.product-card .product-card-info { 4740 padding: .5rem .5rem 1rem .5rem 4741} 4742 4743.product-card .product-card-info .product-card-info a { 4744 display: none 4745} 4746 4747.product-card .product-card-price-before { 4748 text-decoration: line-through; 4749 color: #b8b8b8; 4750 margin-bottom: 0rem; 4751 font-size: .8em 4752} 4753 4754.product-card .product-card-price-after { 4755 color: { 4756 { 4757 settings.color-primary 4758 } 4759 } 4760 ; 4761 margin:0; 4762 font-size:1.1em 4763} 4764 4765.product-card .price-card span { 4766 font-size: .8em; 4767 display: block 4768} 4769 4770.product-card:hover { 4771 transform: translateY(-2px); 4772 box-shadow: 0 4px 8px rgba(0, 0, 0, .3); 4773 z-index: 99 4774} 4775 4776.alpha { 4777 padding: 0 !important 4778} 4779 4780@media only screen and (max-width:56.25em) { 4781 .alpha { 4782 margin-right: 1rem 4783 } 4784} 4785 4786.beta { 4787 padding: 0 !important 4788} 4789 4790*, 4791input, 4792:before, 4793:after { 4794 box-sizing: border-box 4795} 4796 4797html, 4798body { 4799 padding: 0; 4800 margin: 0 4801} 4802 4803article, 4804aside, 4805details,
4806figcaption, 4807figure, 4808footer, 4809header, 4810hgroup, 4811main, 4812nav, 4813section, 4814summary { 4815 display: block 4816} 4817 4818audio, 4819canvas, 4820progress, 4821video { 4822 display: inline-block; 4823 vertical-align: baseline 4824} 4825 4826input[type="number"]::-webkit-inner-spin-button, 4827input[type="number"]::-webkit-outer-spin-button { 4828 height: auto 4829} 4830 4831input[type="search"]::-webkit-search-cancel-button, 4832input[type="search"]::-webkit-search-decoration { 4833 -webkit-appearance: none 4834} 4835 4836.grid, 4837.grid--rev, 4838.grid--full, 4839.grid-uniform, 4840.container { 4841 *zoom: 1 4842} 4843 4844.grid:after, 4845.grid--rev:after, 4846.grid--full:after, 4847.grid-uniform:after, 4848.container:after { 4849 content: ''; 4850 display: block; 4851 clear: both 4852} 4853 4854.grid__item.clear { 4855 clear: both 4856} 4857 4858.container { 4859 max-width: 1230px; 4860 padding-right: 20px; 4861 padding-left: 20px; 4862 margin-right: auto; 4863 margin-left: auto 4864} 4865 4866@media (min-width:1439px) { 4867 .container { 4868 max-width: 1230px!important 4869 } 4870} 4871@media (max-width:576px) { 4872 .container { 4873 max-width: 100% 4874 } 4875} 4876 4877.container-fluid { 4878 width: 100%; 4879 padding-right: 15px; 4880 padding-left: 15px; 4881 margin-right: auto; 4882 margin-left: auto 4883} 4884 4885.row { 4886 display: -webkit-box; 4887 display: -moz-box; 4888 display: -ms-flexbox; 4889 display: -webkit-flex; 4890 display: flex; 4891 -ms-flex-wrap: wrap; 4892 flex-wrap: wrap; 4893 margin-right: -6px; 4894 margin-left: -6px 4895} 4896 4897.gap-1 { 4898 gap: 0.3rem; 4899} 4900 4901.gap-2 { 4902 gap: 0.6rem; 4903} 4904 4905.gap-3 { 4906 gap: 0.9rem; 4907} 4908 4909.gap-20 { 4910 gap: 20px; 4911} 4912 4913.row-gap-3 { 4914 row-gap: 0.9rem !important; 4915} 4916 4917@media (max-width:576px) { 4918 .row { 4919 margin-right: auto; 4920 margin-left: auto 4921 } 4922} 4923 4924.no-gutters { 4925 margin-right: 0; 4926 margin-left: 0 4927} 4928 4929.no-gutters>.col, 4930.no-gutters>[class*="col-"] { 4931 padding-right: 0; 4932 padding-left: 0 4933} 4934 4935.col-1, 4936.col-2, 4937.col-3, 4938.col-4, 4939.col-5, 4940.col-6, 4941.col-7, 4942.col-8, 4943.col-9, 4944.col-10, 4945.col-11, 4946.col-12, 4947.col, 4948.col-auto, 4949.col-sm-1, 4950.col-sm-2, 4951.col-sm-3,
4952.col-sm-4, 4953.col-sm-5, 4954.col-sm-6, 4955.col-sm-7, 4956.col-sm-8, 4957.col-sm-9, 4958.col-sm-10, 4959.col-sm-11, 4960.col-sm-12, 4961.col-sm, 4962.col-sm-auto, 4963.col-md-1, 4964.col-md-2, 4965.col-md-3, 4966.col-md-4, 4967.col-md-5, 4968.col-md-6, 4969.col-md-7, 4970.col-md-8, 4971.col-md-9, 4972.col-md-10, 4973.col-md-11, 4974.col-md-12, 4975.col-md, 4976.col-md-auto, 4977.col-lg-1, 4978.col-lg-2, 4979.col-lg-3, 4980.col-lg-4, 4981.col-lg-5, 4982.col-lg-6, 4983.col-lg-7, 4984.col-lg-8, 4985.col-lg-9, 4986.col-lg-10, 4987.col-lg-11, 4988.col-lg-12, 4989.col-lg, 4990.col-lg-auto, 4991.col-xl-1, 4992.col-xl-2, 4993.col-xl-3, 4994.col-xl-4, 4995.col-xl-5, 4996.col-xl-6, 4997.col-xl-7, 4998.col-xl-8, 4999.col-xl-9, 5000.col-xl-10, 5001.col-xl-11, 5002.col-xl-12, 5003.col-xl, 5004.col-xl-auto { 5005 position: relative; 5006 width: 100%; 5007 min-height: 1px; 5008 padding-right: 6px; 5009 padding-left: 6px 5010} 5011 5012.col { 5013 -ms-flex-preferred-size: 0; 5014 flex-basis: 0%; 5015 -ms-flex-positive: 1; 5016 flex-grow: 1; 5017 max-width: 100% 5018} 5019 5020.col-auto { 5021 -ms-flex: 0 0 auto; 5022 flex: 0 0 auto; 5023 width: auto; 5024 max-width: none 5025} 5026 5027.col-1 { 5028 -ms-flex: 0 0 8.333333%; 5029 flex: 0 0 8.333333%; 5030 max-width: 8.333333% 5031} 5032 5033.col-2 { 5034 -ms-flex: 0 0 16.666667%; 5035 flex: 0 0 16.666667%; 5036 max-width: 16.666667% 5037} 5038 5039.col-3 { 5040 -ms-flex: 0 0 25%; 5041 flex: 0 0 25%; 5042 max-width: 25% 5043} 5044 5045.col-4 { 5046 -ms-flex: 0 0 33.333333%; 5047 flex: 0 0 33.333333%; 5048 max-width: 33.333333% 5049} 5050 5051.col-5 { 5052 -ms-flex: 0 0 41.666667%; 5053 flex: 0 0 41.666667%; 5054 max-width: 41.666667% 5055} 5056 5057.col-6 { 5058 -ms-flex: 0 0 50%; 5059 flex: 0 0 50%; 5060 max-width: 50% 5061} 5062 5063.col-7 { 5064 -ms-flex: 0 0 58.333333%; 5065 flex: 0 0 58.333333%; 5066 max-width: 58.333333% 5067} 5068 5069.col-8 { 5070 -ms-flex: 0 0 66.666667%; 5071 flex: 0 0 66.666667%; 5072 max-width: 66.666667% 5073} 5074 5075.col-9 { 5076 -ms-flex: 0 0 75%; 5077 flex: 0 0 75%; 5078 max-width: 75% 5079} 5080 5081.col-10 { 5082 -ms-flex: 0 0 83.333333%; 5083 flex: 0 0 83.333333%; 5084 max-width: 83.333333% 5085} 5086 5087.col-11 { 5088 -ms-flex: 0 0 91.666667%; 5089 flex: 0 0 91.666667%; 5090 max-width: 91.666667% 5091} 5092 5093.col-12 { 5094 -ms-flex: 0 0 100%; 5095 flex: 0 0 100%; 5096 max-width: 100% 5097} 5098 5099.order-first { 5100 -ms-flex-order: -1; 5101 order: -1 5102} 5103 5104.order-1 { 5105 -ms-flex-order: 1; 5106 order: 1 5107} 5108 5109.order-2 { 5110 -ms-flex-order: 2; 5111 order: 2 5112} 5113 5114.order-3 { 5115 -ms-flex-order: 3; 5116 order: 3 5117} 5118 5119.order-4 { 5120 -ms-flex-order: 4; 5121 order: 4 5122} 5123 5124.order-5 { 5125 -ms-flex-order: 5; 5126 order: 5 5127} 5128 5129.order-6 { 5130 -ms-flex-order: 6; 5131 order: 6 5132} 5133 5134.order-7 { 5135 -ms-flex-order: 7; 5136 order: 7 5137} 5138 5139.order-8 { 5140 -ms-flex-order: 8; 5141 order: 8 5142} 5143 5144.order-9 { 5145 -ms-flex-order: 9; 5146 order: 9 5147} 5148 5149.order-10 { 5150 -ms-flex-order: 10; 5151 order: 10 5152} 5153 5154.order-11 { 5155 -ms-flex-order: 11; 5156 order: 11 5157} 5158 5159.order-12 { 5160 -ms-flex-order: 12; 5161 order: 12 5162} 5163 5164.offset-1 { 5165 margin-left: 8.333333% 5166} 5167 5168.offset-2 { 5169 margin-left: 16.666667% 5170} 5171 5172.offset-3 { 5173 margin-left: 25% 5174} 5175 5176.offset-4 { 5177 margin-left: 33.333333% 5178} 5179 5180.offset-5 { 5181 margin-left: 41.666667% 5182} 5183 5184.offset-6 { 5185 margin-left: 50% 5186} 5187 5188.offset-7 { 5189 margin-left: 58.333333% 5190} 5191 5192.offset-8 { 5193 margin-left: 66.666667% 5194} 5195 5196.offset-9 { 5197 margin-left: 75% 5198} 5199 5200.offset-10 { 5201 margin-left: 83.333333% 5202} 5203 5204.offset-11 { 5205 margin-left: 91.666667% 5206} 5207 5208@media (min-width:576px) { 5209 .col-sm { 5210 -ms-flex-preferred-size: 0; 5211 flex-basis: 0%; 5212 -ms-flex-positive: 1; 5213 flex-grow: 1; 5214 max-width: 100% 5215 } 5216 .col-sm-auto { 5217 -ms-flex: 0 0 auto; 5218 flex: 0 0 auto; 5219 width: auto; 5220 max-width: none 5221 } 5222 .col-sm-1 { 5223 -ms-flex: 0 0 8.333333%; 5224 flex: 0 0 8.333333%; 5225 max-width: 8.333333% 5226 } 5227 .col-sm-2 { 5228 -ms-flex: 0 0 16.666667%; 5229 flex: 0 0 16.666667%; 5230 max-width: 16.666667% 5231 } 5232 .col-sm-3 { 5233 -ms-flex: 0 0 25%; 5234 flex: 0 0 25%; 5235 max-width: 25% 5236 } 5237 .col-sm-4 { 5238 -ms-flex: 0 0 33.333333%; 5239 flex: 0 0 33.333333%; 5240 max-width: 33.333333% 5241 } 5242 .col-sm-5 { 5243 -ms-flex: 0 0 41.666667%; 5244 flex: 0 0 41.666667%; 5245 max-width: 41.666667% 5246 } 5247 .col-sm-6 { 5248 -ms-flex: 0 0 50%; 5249 flex: 0 0 50%; 5250 max-width: 50% 5251 } 5252 .col-sm-7 { 5253 -ms-flex: 0 0 58.333333%; 5254 flex: 0 0 58.333333%; 5255 max-width: 58.333333% 5256 } 5257 .col-sm-8 { 5258 -ms-flex: 0 0 66.666667%; 5259 flex: 0 0 66.666667%; 5260 max-width: 66.666667% 5261 } 5262 .col-sm-9 { 5263 -ms-flex: 0 0 75%; 5264 flex: 0 0 75%; 5265 max-width: 75% 5266 } 5267 .col-sm-10 { 5268 -ms-flex: 0 0 83.333333%; 5269 flex: 0 0 83.333333%; 5270 max-width: 83.333333% 5271 } 5272 .col-sm-11 { 5273 -ms-flex: 0 0 91.666667%; 5274 flex: 0 0 91.666667%; 5275 max-width: 91.666667% 5276 } 5277 .col-sm-12 { 5278 -ms-flex: 0 0 100%; 5279 flex: 0 0 100%; 5280 max-width: 100% 5281 } 5282 .order-sm-first { 5283 -ms-flex-order: -1; 5284 order: -1 5285 } 5286 .order-sm-1 { 5287 -ms-flex-order: 1; 5288 order: 1 5289 } 5290 .order-sm-2 { 5291 -ms-flex-order: 2; 5292 order: 2 5293 } 5294 .order-sm-3 { 5295 -ms-flex-order: 3; 5296 order: 3 5297 } 5298 .order-sm-4 { 5299 -ms-flex-order: 4; 5300 order: 4 5301 } 5302 .order-sm-5 { 5303 -ms-flex-order: 5; 5304 order: 5 5305 } 5306 .order-sm-6 { 5307 -ms-flex-order: 6; 5308 order: 6 5309 } 5310 .order-sm-7 { 5311 -ms-flex-order: 7; 5312 order: 7 5313 } 5314 .order-sm-8 { 5315 -ms-flex-order: 8; 5316 order: 8 5317 } 5318 .order-sm-9 { 5319 -ms-flex-order: 9; 5320 order: 9 5321 } 5322 .order-sm-10 { 5323 -ms-flex-order: 10; 5324 order: 10 5325 } 5326 .order-sm-11 { 5327 -ms-flex-order: 11; 5328 order: 11 5329 } 5330 .order-sm-12 { 5331 -ms-flex-order: 12; 5332 order: 12 5333 } 5334 .offset-sm-0 { 5335 margin-left: 0 5336 } 5337 .offset-sm-1 { 5338 margin-left: 8.333333% 5339 } 5340 .offset-sm-2 { 5341 margin-left: 16.666667% 5342 } 5343 .offset-sm-3 { 5344 margin-left: 25% 5345 } 5346 .offset-sm-4 { 5347 margin-left: 33.333333% 5348 } 5349 .offset-sm-5 { 5350 margin-left: 41.666667% 5351 } 5352 .offset-sm-6 { 5353 margin-left: 50% 5354 } 5355 .offset-sm-7 { 5356 margin-left: 58.333333% 5357 } 5358 .offset-sm-8 { 5359 margin-left: 66.666667% 5360 } 5361 .offset-sm-9 { 5362 margin-left: 75% 5363 } 5364 .offset-sm-10 { 5365 margin-left: 83.333333% 5366 } 5367 .offset-sm-11 { 5368 margin-left: 91.666667% 5369 } 5370} 5371 5372@media (min-width:768px) { 5373 .col-md { 5374 -ms-flex-preferred-size: 0; 5375 flex-basis: 0%; 5376 -ms-flex-positive: 1; 5377 flex-grow: 1; 5378 max-width: 100% 5379 } 5380 .col-md-auto { 5381 -ms-flex: 0 0 auto; 5382 flex: 0 0 auto; 5383 width: auto; 5384 max-width: none 5385 } 5386 .col-md-1 { 5387 -ms-flex: 0 0 8.333333%; 5388 flex: 0 0 8.333333%; 5389 max-width: 8.333333% 5390 } 5391 .col-md-2 { 5392 -ms-flex: 0 0 16.666667%; 5393 flex: 0 0 16.666667%; 5394 max-width: 16.666667% 5395 } 5396 .col-md-3 { 5397 -ms-flex: 0 0 25%; 5398 flex: 0 0 25%; 5399 max-width: 25% 5400 } 5401 .col-md-4 { 5402 -ms-flex: 0 0 33.333333%; 5403 flex: 0 0 33.333333%; 5404 max-width: 33.333333% 5405 } 5406 .col-md-5 { 5407 -ms-flex: 0 0 41.666667%; 5408 flex: 0 0 41.666667%; 5409 max-width: 41.666667% 5410 } 5411 .col-md-6 { 5412 -ms-flex: 0 0 50%; 5413 flex: 0 0 50%; 5414 max-width: 50% 5415 } 5416 .col-md-7 { 5417 -ms-flex: 0 0 58.333333%; 5418 flex: 0 0 58.333333%; 5419 max-width: 58.333333% 5420 } 5421 .col-md-8 { 5422 -ms-flex: 0 0 66.666667%; 5423 flex: 0 0 66.666667%; 5424 max-width: 66.666667% 5425 } 5426 .col-md-9 { 5427 -ms-flex: 0 0 75%; 5428 flex: 0 0 75%; 5429 max-width: 75% 5430 } 5431 .col-md-10 { 5432 -ms-flex: 0 0 83.333333%; 5433 flex: 0 0 83.333333%; 5434 max-width: 83.333333% 5435 } 5436 .col-md-11 { 5437 -ms-flex: 0 0 91.666667%; 5438 flex: 0 0 91.666667%; 5439 max-width: 91.666667% 5440 } 5441 .col-md-12 { 5442 -ms-flex: 0 0 100%; 5443 flex: 0 0 100%; 5444 max-width: 100% 5445 } 5446 .order-md-first { 5447 -ms-flex-order: -1; 5448 order: -1 5449 } 5450 .order-md-1 { 5451 -ms-flex-order: 1; 5452 order: 1 5453 } 5454 .order-md-2 { 5455 -ms-flex-order: 2; 5456 order: 2 5457 } 5458 .order-md-3 { 5459 -ms-flex-order: 3; 5460 order: 3 5461 } 5462 .order-md-4 { 5463 -ms-flex-order: 4; 5464 order: 4 5465 } 5466 .order-md-5 { 5467 -ms-flex-order: 5; 5468 order: 5 5469 } 5470 .order-md-6 { 5471 -ms-flex-order: 6; 5472 order: 6 5473 } 5474 .order-md-7 { 5475 -ms-flex-order: 7; 5476 order: 7 5477 } 5478 .order-md-8 { 5479 -ms-flex-order: 8; 5480 order: 8 5481 } 5482 .order-md-9 { 5483 -ms-flex-order: 9; 5484 order: 9 5485 } 5486 .order-md-10 { 5487 -ms-flex-order: 10; 5488 order: 10 5489 } 5490 .order-md-11 { 5491 -ms-flex-order: 11; 5492 order: 11 5493 } 5494 .order-md-12 { 5495 -ms-flex-order: 12; 5496 order: 12 5497 } 5498 .offset-md-0 { 5499 margin-left: 0 5500 } 5501 .offset-md-1 { 5502 margin-left: 8.333333% 5503 } 5504 .offset-md-2 { 5505 margin-left: 16.666667% 5506 } 5507 .offset-md-3 { 5508 margin-left: 25% 5509 } 5510 .offset-md-4 { 5511 margin-left: 33.333333% 5512 } 5513 .offset-md-5 { 5514 margin-left: 41.666667% 5515 } 5516 .offset-md-6 { 5517 margin-left: 50% 5518 } 5519 .offset-md-7 { 5520 margin-left: 58.333333% 5521 } 5522 .offset-md-8 { 5523 margin-left: 66.666667% 5524 } 5525 .offset-md-9 { 5526 margin-left: 75% 5527 } 5528 .offset-md-10 { 5529 margin-left: 83.333333% 5530 } 5531 .offset-md-11 { 5532 margin-left: 91.666667% 5533 } 5534} 5535 5536@media (min-width:992px) { 5537 .col-lg { 5538 -ms-flex-preferred-size: 0; 5539 flex-basis: 0%; 5540 -ms-flex-positive: 1; 5541 flex-grow: 1; 5542 max-width: 100% 5543 } 5544 .col-lg-auto { 5545 -ms-flex: 0 0 auto; 5546 flex: 0 0 auto; 5547 width: auto; 5548 max-width: none 5549 } 5550 .col-lg-1 { 5551 -ms-flex: 0 0 8.333333%; 5552 flex: 0 0 8.333333%; 5553 max-width: 8.333333% 5554 } 5555 .col-lg-2 { 5556 -ms-flex: 0 0 16.666667%; 5557 flex: 0 0 16.666667%; 5558 max-width: 16.666667% 5559 } 5560 .col-lg-3 { 5561 -ms-flex: 0 0 25%; 5562 flex: 0 0 25%; 5563 max-width: 25% 5564 } 5565 .col-lg-4 { 5566 -ms-flex: 0 0 33.333333%; 5567 flex: 0 0 33.333333%; 5568 max-width: 33.333333% 5569 } 5570 .col-lg-5 { 5571 -ms-flex: 0 0 41.666667%; 5572 flex: 0 0 41.666667%; 5573 max-width: 41.666667% 5574 } 5575 .col-lg-6 { 5576 -ms-flex: 0 0 50%; 5577 flex: 0 0 50%; 5578 max-width: 50% 5579 } 5580 .col-lg-7 { 5581 -ms-flex: 0 0 58.333333%; 5582 flex: 0 0 58.333333%; 5583 max-width: 58.333333% 5584 } 5585 .col-lg-8 { 5586 -ms-flex: 0 0 66.666667%; 5587 flex: 0 0 66.666667%; 5588 max-width: 66.666667% 5589 } 5590 .col-lg-9 { 5591 -ms-flex: 0 0 75%; 5592 flex: 0 0 75%; 5593 max-width: 75% 5594 } 5595 .col-lg-10 { 5596 -ms-flex: 0 0 83.333333%; 5597 flex: 0 0 83.333333%; 5598 max-width: 83.333333% 5599 } 5600 .col-lg-11 { 5601 -ms-flex: 0 0 91.666667%; 5602 flex: 0 0 91.666667%; 5603 max-width: 91.666667% 5604 } 5605 .col-lg-12 { 5606 -ms-flex: 0 0 100%; 5607 flex: 0 0 100%; 5608 max-width: 100% 5609 } 5610 .order-lg-first { 5611 -ms-flex-order: -1; 5612 order: -1 5613 } 5614 .order-lg-1 { 5615 -ms-flex-order: 1; 5616 order: 1 5617 } 5618 .order-lg-2 { 5619 -ms-flex-order: 2; 5620 order: 2 5621 } 5622 .order-lg-3 { 5623 -ms-flex-order: 3; 5624 order: 3 5625 } 5626 .order-lg-4 { 5627 -ms-flex-order: 4; 5628 order: 4 5629 } 5630 .order-lg-5 { 5631 -ms-flex-order: 5; 5632 order: 5 5633 } 5634 .order-lg-6 { 5635 -ms-flex-order: 6; 5636 order: 6 5637 } 5638 .order-lg-7 { 5639 -ms-flex-order: 7; 5640 order: 7 5641 } 5642 .order-lg-8 { 5643 -ms-flex-order: 8; 5644 order: 8 5645 } 5646 .order-lg-9 { 5647 -ms-flex-order: 9; 5648 order: 9 5649 } 5650 .order-lg-10 { 5651 -ms-flex-order: 10; 5652 order: 10 5653 } 5654 .order-lg-11 { 5655 -ms-flex-order: 11; 5656 order: 11 5657 } 5658 .order-lg-12 { 5659 -ms-flex-order: 12; 5660 order: 12 5661 } 5662 .offset-lg-0 { 5663 margin-left: 0 5664 } 5665 .offset-lg-1 { 5666 margin-left: 8.333333% 5667 } 5668 .offset-lg-2 { 5669 margin-left: 16.666667% 5670 } 5671 .offset-lg-3 { 5672 margin-left: 25% 5673 } 5674 .offset-lg-4 { 5675 margin-left: 33.333333% 5676 } 5677 .offset-lg-5 { 5678 margin-left: 41.666667% 5679 } 5680 .offset-lg-6 { 5681 margin-left: 50% 5682 } 5683 .offset-lg-7 { 5684 margin-left: 58.333333% 5685 } 5686 .offset-lg-8 { 5687 margin-left: 66.666667% 5688 } 5689 .offset-lg-9 { 5690 margin-left: 75% 5691 } 5692 .offset-lg-10 { 5693 margin-left: 83.333333% 5694 } 5695 .offset-lg-11 { 5696 margin-left: 91.666667% 5697 } 5698} 5699 5700@media (min-width:1200px) { 5701 .col-xl { 5702 -ms-flex-preferred-size: 0; 5703 flex-basis: 0%; 5704 -ms-flex-positive: 1; 5705 flex-grow: 1; 5706 max-width: 100% 5707 } 5708 .col-xl-auto { 5709 -ms-flex: 0 0 auto; 5710 flex: 0 0 auto; 5711 width: auto; 5712 max-width: none 5713 } 5714 .col-xl-1 { 5715 -ms-flex: 0 0 8.333333%; 5716 flex: 0 0 8.333333%; 5717 max-width: 8.333333% 5718 } 5719 .col-xl-2 { 5720 -ms-flex: 0 0 16.666667%; 5721 flex: 0 0 16.666667%; 5722 max-width: 16.666667% 5723 } 5724 .col-xl-3 { 5725 -ms-flex: 0 0 25%; 5726 flex: 0 0 25%; 5727 max-width: 25% 5728 } 5729 .col-xl-4 { 5730 -ms-flex: 0 0 33.333333%; 5731 flex: 0 0 33.333333%; 5732 max-width: 33.333333% 5733 } 5734 .col-xl-5 { 5735 -ms-flex: 0 0 41.666667%; 5736 flex: 0 0 41.666667%; 5737 max-width: 41.666667% 5738 } 5739 .col-xl-6 { 5740 -ms-flex: 0 0 50%; 5741 flex: 0 0 50%; 5742 max-width: 50% 5743 } 5744 .col-xl-7 { 5745 -ms-flex: 0 0 58.333333%; 5746 flex: 0 0 58.333333%; 5747 max-width: 58.333333% 5748 } 5749 .col-xl-8 { 5750 -ms-flex: 0 0 66.666667%; 5751 flex: 0 0 66.666667%; 5752 max-width: 66.666667% 5753 } 5754 .col-xl-9 { 5755 -ms-flex: 0 0 75%; 5756 flex: 0 0 75%; 5757 max-width: 75% 5758 } 5759 .col-xl-10 { 5760 -ms-flex: 0 0 83.333333%; 5761 flex: 0 0 83.333333%; 5762 max-width: 83.333333% 5763 } 5764 .col-xl-11 { 5765 -ms-flex: 0 0 91.666667%; 5766 flex: 0 0 91.666667%; 5767 max-width: 91.666667% 5768 } 5769 .col-xl-12 { 5770 -ms-flex: 0 0 100%; 5771 flex: 0 0 100%; 5772 max-width: 100% 5773 } 5774 .order-xl-first { 5775 -ms-flex-order: -1; 5776 order: -1 5777 } 5778 .order-xl-1 { 5779 -ms-flex-order: 1; 5780 order: 1 5781 } 5782 .order-xl-2 { 5783 -ms-flex-order: 2; 5784 order: 2 5785 } 5786 .order-xl-3 { 5787 -ms-flex-order: 3; 5788 order: 3 5789 } 5790 .order-xl-4 { 5791 -ms-flex-order: 4; 5792 order: 4 5793 } 5794 .order-xl-5 { 5795 -ms-flex-order: 5; 5796 order: 5 5797 } 5798 .order-xl-6 { 5799 -ms-flex-order: 6; 5800 order: 6 5801 } 5802 .order-xl-7 { 5803 -ms-flex-order: 7; 5804 order: 7 5805 } 5806 .order-xl-8 { 5807 -ms-flex-order: 8; 5808 order: 8 5809 } 5810 .order-xl-9 { 5811 -ms-flex-order: 9; 5812 order: 9 5813 } 5814 .order-xl-10 { 5815 -ms-flex-order: 10; 5816 order: 10 5817 } 5818 .order-xl-11 { 5819 -ms-flex-order: 11; 5820 order: 11 5821 } 5822 .order-xl-12 { 5823 -ms-flex-order: 12; 5824 order: 12 5825 } 5826 .offset-xl-0 { 5827 margin-left: 0 5828 } 5829 .offset-xl-1 { 5830 margin-left: 8.333333% 5831 } 5832 .offset-xl-2 { 5833 margin-left: 16.666667% 5834 } 5835 .offset-xl-3 { 5836 margin-left: 25% 5837 } 5838 .offset-xl-4 { 5839 margin-left: 33.333333% 5840 } 5841 .offset-xl-5 { 5842 margin-left: 41.666667% 5843 } 5844 .offset-xl-6 { 5845 margin
5845-left: 50% 5846 } 5847 .offset-xl-7 { 5848 margin-left: 58.333333% 5849 } 5850 .offset-xl-8 { 5851 margin-left: 66.666667% 5852 } 5853 .offset-xl-9 { 5854 margin-left: 75% 5855 } 5856 .offset-xl-10 { 5857 margin-left: 83.333333% 5858 } 5859 .offset-xl-11 { 5860 margin-left: 91.666667% 5861 } 5862} 5863 5864.grid, 5865.grid--rev, 5866.grid--full, 5867.grid-uniform { 5868 list-style: none; 5869 margin: 0; 5870 padding: 0; 5871 margin-left: -30px 5872} 5873 5874.grid__item { 5875 box-sizing: border-box; 5876 float: left; 5877 min-height: 1px; 5878 padding-left: 30px; 5879 vertical-align: top; 5880 width: 100% 5881} 5882 5883.grid--rev { 5884 direction: rtl; 5885 text-align: left 5886} 5887 5888.grid--rev>.grid__item { 5889 direction: ltr; 5890 text-align: left; 5891 float: right 5892} 5893 5894.grid--full { 5895 margin-left: 0 5896} 5897 5898.grid--full>.grid__item { 5899 padding-left: 0 5900} 5901 5902.one-whole { 5903 width: 100% 5904} 5905 5906.one-half { 5907 width: 50% 5908} 5909 5910.one-eighth { 5911 width: 12.5% 5912} 5913 5914.two-eighths { 5915 width: 25% 5916} 5917 5918.three-eighths { 5919 width: 37.5% 5920} 5921 5922.four-eighths { 5923 width: 50% 5924} 5925 5926.five-eighths { 5927 width: 62.5% 5928} 5929 5930.six-eighths { 5931 width: 75% 5932} 5933 5934.seven-eighths { 5935 width: 87.5% 5936} 5937 5938.one-tenth { 5939 width: 10% 5940} 5941 5942.two-tenths { 5943 width: 20% 5944} 5945 5946.three-tenths { 5947 width: 30% 5948} 5949 5950.four-tenths { 5951 width: 40% 5952} 5953 5954.five-tenths { 5955 width: 50% 5956} 5957 5958.six-tenths { 5959 width: 60% 5960} 5961 5962.seven-tenths { 5963 width: 70% 5964} 5965 5966.eight-tenths { 5967 width: 80% 5968} 5969 5970.nine-tenths { 5971 width: 90% 5972} 5973 5974.one-twelfth, 5975.col-1 { 5976 width: 8.333% 5977} 5978 5979.two-twelfths, 5980.col-2 { 5981 width: 16.666% 5982} 5983 5984.three-twelfths, 5985.col-3 { 5986 width: 25% 5987} 5988 5989.four-twelfths, 5990.col-4 { 5991 width: 33.333% 5992} 5993 5994.five-twelfths, 5995.col-5 { 5996 width: 41.666% 5997} 5998 5999.six-twelfths, 6000.col-6 { 6001 width: 50% 6002} 6003 6004.seven-twelfths, 6005.col-7 { 6006 width: 58.333% 6007} 6008 6009.eight-twelfths, 6010.col-8 { 6011 width: 66.666% 6012} 6013 6014.nine-twelfths, 6015.col-9 { 6016 width: 75% 6017} 6018 6019.ten-twelfths, 6020.col-10 { 6021 width: 83.333% 6022} 6023 6024.eleven-twelfths, 6025.col-11 { 6026 width: 91.666% 6027} 6028 6029.show { 6030 display: block !important 6031} 6032 6033.hide { 6034 display: none !important 6035} 6036 6037.text-left { 6038 text-align: left !important 6039} 6040 6041.text-right { 6042 text-align: right !important 6043} 6044 6045.text-center { 6046 text-align: center !important 6047} 6048 6049.left { 6050 float: left !important 6051} 6052 6053.right { 6054 float: right !important 6055} 6056 6057@media only screen and (max-width:480px) { 6058 .small--one-whole { 6059 width: 100% 6060 } 6061 .small--one-half { 6062 width: 50% 6063 } 6064 .small--one-eighth { 6065 width: 12.5% 6066 } 6067 .small--two-eighths { 6068 width: 25% 6069 } 6070 .small--three-eighths { 6071 width: 37.5% 6072 } 6073 .small--four-eighths { 6074 width: 50% 6075 } 6076 .small--five-eighths { 6077 width: 62.5% 6078 } 6079 .small--six-eighths { 6080 width: 75% 6081 } 6082 .small--seven-eighths { 6083 width: 87.5% 6084 } 6085 .small--one-tenth { 6086 width: 10% 6087 } 6088 .small--two-tenths { 6089 width: 20% 6090 } 6091 .small--three-tenths { 6092 width: 30% 6093 } 6094 .small--four-tenths { 6095 width: 40% 6096 } 6097 .small--five-tenths { 6098 width: 50% 6099 } 6100 .small--six-tenths { 6101 width: 60% 6102 } 6103 .small--seven-tenths { 6104 width: 70% 6105 } 6106 .small--eight-tenths { 6107 width: 80% 6108 } 6109 .small--nine-tenths { 6110 width: 90% 6111 } 6112 .small--one-twelfth, 6113 .col-1 { 6114 width: 8.333% 6115 } 6116 .small--two-twelfths, 6117 .col-2 { 6118 width: 16.666% 6119 } 6120 .small--three-twelfths, 6121 .col-3 { 6122 width: 25% 6123 } 6124 .small--four-twelfths, 6125 .col-4 { 6126 width: 33.333% 6127 } 6128 .small--five-twelfths, 6129 .col-5 { 6130 width: 41.666% 6131 } 6132 .small--six-twelfths, 6133 .col-6 { 6134 width: 50% 6135 } 6136 .small--seven-twelfths, 6137 .col-7 { 6138 width: 58.333% 6139 } 6140 .small--eight-twelfths, 6141 .col-8 { 6142 width: 66.666% 6143 } 6144 .small--nine-twelfths, 6145 .col-9 { 6146 width: 75% 6147 } 6148 .small--ten-twelfths, 6149 .col-10 { 6150 width: 83.333% 6151 } 6152 .small--eleven-twelfths, 6153 .col-11 { 6154 width: 91.666% 6155 } 6156 .small--show { 6157 display: block !important 6158 } 6159 .small--hide { 6160 display: none !important 6161 } 6162 .small--text-left { 6163 text-align: left !important 6164 } 6165 .small--text-right { 6166 text-align: right !important 6167 } 6168 .small--text-center { 6169 text-align: center !important 6170 } 6171 .small--left { 6172 float: left !important 6173 } 6174 .small--right { 6175 float: right !important 6176 } 6177 .grid-uniform .small--one-half:nth-child(2n+1), 6178 .grid-uniform .small--one-third:nth-child(3n+1), 6179 .grid-uniform .small--one-quarter:nth-child(4n+1), 6180 .grid-uniform .small--one-fifth:nth-child(5n+1), 6181 .grid-uniform .small--one-sixth:nth-child(6n+1), 6182 .grid-uniform .small--two-sixths:nth-child(3n+1), 6183 .grid-uniform .small--three-sixths:nth-child(2n+1), 6184 .grid-uniform .small--two-eighths:nth-child(4n+1), 6185 .grid-uniform .small--four-eighths:nth-child(2n+1), 6186 .grid-uniform .small--five-tenths:nth-child(2n+1), 6187 .grid-uniform .small--one-twelfth:nth-child(12n+1), 6188 .grid-uniform .small--two-twelfths:nth-child(6n+1), 6189 .grid-uniform .small--three-twelfths:nth-child(4n+1), 6190 .grid-uniform .small--four-twelfths:nth-child(3n+1), 6191 .grid-uniform .small--six-twelfths:nth-child(2n+1) { 6192 clear: both 6193 } 6194} 6195 6196@media only screen and (min-width:481px) and (max-width:768px) { 6197 .medium--one-whole { 6198 width: 100% 6199 } 6200 .medium--one-half { 6201 width: 50% 6202 } 6203 .medium--one-eighth { 6204 width: 12.5% 6205 } 6206 .medium--two-eighths { 6207 width: 25% 6208 } 6209 .medium--three-eighths { 6210 width: 37.5% 6211 } 6212 .medium--four-eighths { 6213 width: 50% 6214 } 6215 .medium--five-eighths { 6216 width: 62.5% 6217 } 6218 .medium--six-eighths { 6219 width: 75% 6220 } 6221 .medium--seven-eighths { 6222 width: 87.5% 6223 } 6224 .medium--one-tenth { 6225 width: 10% 6226 } 6227 .medium--two-tenths { 6228 width: 20% 6229 } 6230 .medium--three-tenths { 6231 width: 30% 6232 } 6233 .medium--four-tenths { 6234 width: 40% 6235 } 6236 .medium--five-tenths { 6237 width: 50% 6238 } 6239 .medium--six-tenths { 6240 width: 60% 6241 } 6242 .medium--seven-tenths { 6243 width: 70% 6244 } 6245 .medium--eight-tenths { 6246 width: 80% 6247 } 6248 .medium--nine-tenths { 6249 width: 90% 6250 } 6251 .medium--one-twelfth, 6252 .col-1 { 6253 width: 8.333% 6254 } 6255 .medium--two-twelfths, 6256 .col-2 { 6257 width: 16.666% 6258 } 6259 .medium--three-twelfths, 6260 .col-3 { 6261 width: 25% 6262 } 6263 .medium--four-twelfths, 6264 .col-4 { 6265 width: 33.333% 6266 } 6267 .medium--five-twelfths, 6268 .col-5 { 6269 width: 41.666% 6270 } 6271 .medium--six-twelfths, 6272 .col-6 { 6273 width: 50% 6274 } 6275 .medium--seven-twelfths, 6276 .col-7 { 6277 width: 58.333% 6278 } 6279 .medium--eight-twelfths, 6280 .col-8 { 6281 width: 66.666% 6282 } 6283 .medium--nine-twelfths, 6284 .col-9 { 6285 width: 75% 6286 } 6287 .medium--ten-twelfths, 6288 .col-10 { 6289 width: 83.333% 6290 } 6291 .medium--eleven-twelfths, 6292 .col-11 { 6293 width: 91.666% 6294 } 6295 .medium--show { 6296 display: block !important 6297 } 6298 .medium--hide { 6299 display: none !important 6300 } 6301 .medium--text-left { 6302 text-align: left !important 6303 } 6304 .medium--text-right { 6305 text-align: right !important 6306 } 6307 .medium--text-center { 6308 text-align: center !important 6309 } 6310 .medium--left { 6311 float: left !important 6312 } 6313 .medium--right { 6314 float: right !important 6315 } 6316 .grid-uniform .medium--one-half:nth-child(2n+1), 6317 .grid-uniform .medium--one-third:nth-child(3n+1), 6318 .grid-uniform .medium--one-quarter:nth-child(4n+1), 6319 .grid-uniform .medium--one-fifth:nth-child(5n+1), 6320 .grid-uniform .medium--one-sixth:nth-child(6n+1), 6321 .grid-uniform .medium--two-sixths:nth-child(3n+1), 6322 .grid-uniform .medium--three-sixths:nth-child(2n+1), 6323 .grid-uniform .medium--two-eighths:nth-child(4n+1), 6324 .grid-uniform .medium--four-eighths:nth-child(2n+1), 6325 .grid-uniform .medium--five-tenths:nth-child(2n+1), 6326 .grid-uniform .medium--one-twelfth:nth-child(12n+1), 6327 .grid-uniform .medium--two-twelfths:nth-child(6n+1), 6328 .grid-uniform .medium--three-twelfths:nth-child(4n+1), 6329 .grid-uniform .medium--four-twelfths:nth-child(3n+1), 6330 .grid-uniform .medium--six-twelfths:nth-child(2n+1) { 6331 clear: both 6332 } 6333} 6334 6335@media only screen and (max-width:768px) { 6336 .medium-down--one-whole { 6337 width: 100% 6338 } 6339 .medium-down--one-half { 6340 width: 50% 6341 } 6342 .medium-down--one-eighth { 6343 width: 12.5% 6344 } 6345 .medium-down--two-eighths { 6346 width: 25% 6347 } 6348 .medium-down--three-eighths { 6349 width: 37.5% 6350 } 6351 .medium-down--four-eighths { 6352 width: 50% 6353 } 6354 .medium-down--five-eighths { 6355 width: 62.5% 6356 } 6357 .medium-down--six-eighths { 6358 width: 75% 6359 } 6360 .medium-down--seven-eighths { 6361 width: 87.5% 6362 } 6363 .medium-down--one-tenth { 6364 width: 10% 6365 } 6366 .medium-down--two-tenths { 6367 width: 20% 6368 } 6369 .medium-down--three-tenths { 6370 width: 30% 6371 } 6372 .medium-down--four-tenths { 6373 width: 40% 6374 } 6375 .medium-down--five-tenths { 6376 width: 50% 6377 } 6378 .medium-down--six-tenths { 6379 width: 60% 6380 } 6381 .medium-down--seven-tenths { 6382 width: 70% 6383 } 6384 .medium-down--eight-tenths { 6385 width: 80% 6386 } 6387 .medium-down--nine-tenths { 6388 width: 90% 6389 } 6390 .medium-down--one-twelfth, 6391 .col-1 { 6392 width: 8.333% 6393 } 6394 .medium-down--two-twelfths, 6395 .col-2 { 6396 width: 16.666% 6397 } 6398 .medium-down--three-twelfths, 6399 .col-3 { 6400 width: 25% 6401 } 6402 .medium-down--four-twelfths, 6403 .col-4 { 6404 width: 33.333% 6405 } 6406 .medium-down--five-twelfths, 6407 .col-5 { 6408 width: 41.666% 6409 } 6410 .medium-down--six-twelfths, 6411 .col-6 { 6412 width: 50% 6413 } 6414 .medium-down--seven-twelfths, 6415 .col-7 { 6416 width: 58.333% 6417 } 6418 .medium-down--eight-twelfths, 6419 .col-8 { 6420 width: 66.666% 6421 } 6422 .medium-down--nine-twelfths, 6423 .col-9 { 6424 width: 75% 6425 } 6426 .medium-down--ten-twelfths, 6427 .col-10 { 6428 width: 83.333% 6429 } 6430 .medium-down--eleven-twelfths, 6431 .col-11 { 6432 width: 91.666% 6433 } 6434 .medium-down--show { 6435 display: block !important 6436 } 6437 .medium-down--hide { 6438 display: none !important 6439 } 6440 .medium-down--text-left { 6441 text-align: left !important 6442 } 6443 .medium-down--text-right { 6444 text-align: right !important 6445 } 6446 .medium-down--text-center { 6447 text-align: center !important 6448 } 6449 .medium-down--left { 6450 float: left !important 6451 } 6452 .medium-down--right { 6453 float: right !important 6454 } 6455 .grid-uniform .medium-down--one-half:nth-child(2n+1), 6456 .grid-uniform .medium-down--one-third:nth-child(3n+1), 6457 .grid-uniform .medium-down--one-quarter:nth-child(4n+1), 6458 .grid-uniform .medium-down--one-fifth:nth-child(5n+1), 6459 .grid-uniform .medium-down--one-sixth:nth-child(6n+1), 6460 .grid-uniform .medium-down--two-sixths:nth-child(3n+1), 6461 .grid-uniform .medium-down--three-sixths:nth-child(2n+1), 6462 .grid-uniform .medium-down--two-eighths:nth-child(4n+1), 6463 .grid-uniform .medium-down--four-eighths:nth-child(2n+1), 6464 .grid-uniform .medium-down--five-tenths:nth-child(2n+1), 6465 .grid-uniform .medium-down--one-twelfth:nth-child(12n+1), 6466 .grid-uniform .medium-down--two-twelfths:nth-child(6n+1), 6467 .grid-uniform .medium-down--three-twelfths:nth-child(4n+1), 6468 .grid-uniform .medium-down--four-twelfths:nth-child(3n+1), 6469 .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) { 6470 clear: both 6471 } 6472} 6473 6474@media only screen and (min-width:769px) { 6475 .large--one-whole { 6476 width: 100% 6477 } 6478 .large--one-half { 6479 width: 50% 6480 } 6481 .large--one-eighth { 6482 width: 12.5% 6483 } 6484 .large--two-eighths { 6485 width: 25% 6486 } 6487 .large--three-eighths { 6488 width: 37.5% 6489 } 6490 .large--four-eighths { 6491 width: 50% 6492 } 6493 .large--five-eighths { 6494 width: 62.5% 6495 } 6496 .large--six-eighths { 6497 width: 75% 6498 } 6499 .large--seven-eighths { 6500 width: 87.5% 6501 } 6502 .large--one-tenth { 6503 width: 10% 6504 } 6505 .large--two-tenths { 6506 width: 20% 6507 } 6508 .large--three-tenths { 6509 width: 30% 6510 } 6511 .large--four-tenths { 6512 width: 40% 6513 } 6514 .large--five-tenths { 6515 width: 50% 6516 } 6517 .large--six-tenths { 6518 width: 60% 6519 } 6520 .large--seven-tenths { 6521 width: 70% 6522 } 6523 .large--eight-tenths { 6524 width: 80% 6525 } 6526 .large--nine-tenths { 6527 width: 90% 6528 } 6529 .large--one-twelfth, 6530 .col-1 { 6531 width: 8.333% 6532 } 6533 .large--two-twelfths, 6534 .col-2 { 6535 width: 16.666% 6536 } 6537 .large--three-twelfths, 6538 .col-3 { 6539 width: 25% 6540 } 6541 .large--four-twelfths, 6542 .col-4 { 6543 width: 33.333% 6544 } 6545 .large--five-twelfths, 6546 .col-5 { 6547 width: 41.666% 6548 } 6549 .large--six-twelfths, 6550 .col-6 { 6551 width: 50% 6552 } 6553 .large--seven-twelfths, 6554 .col-7 { 6555 width: 58.333% 6556 } 6557 .large--eight-twelfths, 6558 .col-8 { 6559 width: 66.666% 6560 } 6561 .large--nine-twelfths, 6562 .col-9 { 6563 width: 75% 6564 } 6565 .large--ten-twelfths, 6566 .col-10 { 6567 width: 83.333% 6568 } 6569 .large--eleven-twelfths, 6570 .col-11 { 6571 width: 91.666% 6572 } 6573 .large--show { 6574 display: block !important 6575 } 6576 .large--hide { 6577 display: none !important 6578 } 6579 .large--text-left { 6580 text-align: left !important 6581 } 6582 .large--text-right { 6583 text-align: right !important 6584 } 6585 .large--text-center { 6586 text-align: center !important 6587 } 6588 .large--left { 6589 float: left !important 6590 } 6591 .large--right { 6592 float: right !important 6593 } 6594 .grid-uniform .large--one-half:nth-child(2n+1), 6595 .grid-uniform .large--one-third:nth-child(3n+1), 6596 .grid-uniform .large--one-quarter:nth-child(4n+1), 6597 .grid-uniform .large--one-fifth:nth-child(5n+1), 6598 .grid-uniform .large--one-sixth:nth-child(6n+1), 6599 .grid-uniform .large--two-sixths:nth-child(3n+1), 6600 .grid-uniform .large--three-sixths:nth-child(2n+1), 6601 .grid-uniform .large--two-eighths:nth-child(4n+1), 6602 .grid-uniform .large--four-eighths:nth-child(2n+1), 6603 .grid-uniform .large--five-tenths:nth-child(2n+1), 6604 .grid-uniform .large--one-twelfth:nth-child(12n+1), 6605 .grid-uniform .large--two-twelfths:nth-child(6n+1), 6606 .grid-uniform .large--three-twelfths:nth-child(4n+1), 6607 .grid-uniform .large--four-twelfths:nth-child(3n+1), 6608 .grid-uniform .large--six-twelfths:nth-child(2n+1) { 6609 clear: both 6610 } 6611} 6612 6613[class*="push--"] { 6614 position: relative 6615} 6616 6617.push--one-whole { 6618 left: 100% 6619} 6620 6621.push--one-half { 6622 left: 50% 6623} 6624 6625.push--one-eighth { 6626 left: 12.5% 6627} 6628 6629.push--two-eighths { 6630 left: 25% 6631} 6632 6633.push--three-eighths { 6634 left: 37.5% 6635} 6636 6637.push--four-eighths { 6638 left: 50% 6639} 6640 6641.push--five-eighths { 6642 left: 62.5% 6643} 6644 6645.push--six-eighths { 6646 left: 75% 6647} 6648 6649.push--seven-eighths { 6650 left: 87.5% 6651} 6652 6653.push--one-tenth { 6654 left: 10% 6655} 6656 6657.push--two-tenths { 6658 left: 20% 6659} 6660 6661.push--three-tenths { 6662 left: 30% 6663} 6664 6665.push--four-tenths { 6666 left: 40% 6667} 6668 6669.push--five-tenths { 6670 left: 50% 6671} 6672 6673.push--six-tenths { 6674 left: 60% 6675} 6676 6677.push--seven-tenths { 6678 left: 70% 6679} 6680 6681.push--eight-tenths { 6682 left: 80% 6683} 6684 6685.push--nine-tenths { 6686 left: 90% 6687} 6688 6689.push--one-twelfth { 6690 left: 8.333% 6691} 6692 6693.push--two-twelfths { 6694 left: 16.666% 6695} 6696 6697.push--three-twelfths { 6698 left: 25% 6699} 6700 6701.push--four-twelfths { 6702 left: 33.
6702333% 6703} 6704 6705.push--five-twelfths { 6706 left: 41.666% 6707} 6708 6709.push--six-twelfths { 6710 left: 50% 6711} 6712 6713.push--seven-twelfths { 6714 left: 58.333% 6715} 6716 6717.push--eight-twelfths { 6718 left: 66.666% 6719} 6720 6721.push--nine-twelfths { 6722 left: 75% 6723} 6724 6725.push--ten-twelfths { 6726 left: 83.333% 6727} 6728 6729.push--eleven-twelfths { 6730 left: 91.666% 6731} 6732 6733@media only screen and (min-width:481px) and (max-width:768px) { 6734 .push--medium--one-whole { 6735 left: 100% 6736 } 6737 .push--medium--one-half { 6738 left: 50% 6739 } 6740 .push--medium--one-eighth { 6741 left: 12.5% 6742 } 6743 .push--medium--two-eighths { 6744 left: 25% 6745 } 6746 .push--medium--three-eighths { 6747 left: 37.5% 6748 } 6749 .push--medium--four-eighths { 6750 left: 50% 6751 } 6752 .push--medium--five-eighths { 6753 left: 62.5% 6754 } 6755 .push--medium--six-eighths { 6756 left: 75% 6757 } 6758 .push--medium--seven-eighths { 6759 left: 87.5% 6760 } 6761 .push--medium--one-tenth { 6762 left: 10% 6763 } 6764 .push--medium--two-tenths { 6765 left: 20% 6766 } 6767 .push--medium--three-tenths { 6768 left: 30% 6769 } 6770 .push--medium--four-tenths { 6771 left: 40% 6772 } 6773 .push--medium--five-tenths { 6774 left: 50% 6775 } 6776 .push--medium--six-tenths { 6777 left: 60% 6778 } 6779 .push--medium--seven-tenths { 6780 left: 70% 6781 } 6782 .push--medium--eight-tenths { 6783 left: 80% 6784 } 6785 .push--medium--nine-tenths { 6786 left: 90% 6787 } 6788 .push--medium--one-twelfth { 6789 left: 8.333% 6790 } 6791 .push--medium--two-twelfths { 6792 left: 16.666% 6793 } 6794 .push--medium--three-twelfths { 6795 left: 25% 6796 } 6797 .push--medium--four-twelfths { 6798 left: 33.333% 6799 } 6800 .push--medium--five-twelfths { 6801 left: 41.666% 6802 } 6803 .push--medium--six-twelfths { 6804 left: 50% 6805 } 6806 .push--medium--seven-twelfths { 6807 left: 58.333% 6808 } 6809 .push--medium--eight-twelfths { 6810 left: 66.666% 6811 } 6812 .push--medium--nine-twelfths { 6813 left: 75% 6814 } 6815 .push--medium--ten-twelfths { 6816 left: 83.333% 6817 } 6818 .push--medium--eleven-twelfths { 6819 left: 91.666% 6820 } 6821} 6822 6823@media only screen and (max-width:768px) { 6824 select { 6825 width: 100% 6826 } 6827 .push--medium-down--one-whole { 6828 left: 100% 6829 } 6830 .push--medium-down--one-half { 6831 left: 50% 6832 } 6833 .push--medium-down--one-eighth { 6834 left: 12.5% 6835 } 6836 .push--medium-down--two-eighths { 6837 left: 25% 6838 } 6839 .push--medium-down--three-eighths { 6840 left: 37.5% 6841 } 6842 .push--medium-down--four-eighths { 6843 left: 50% 6844 } 6845 .push--medium-down--five-eighths { 6846 left: 62.5% 6847 } 6848 .push--medium-down--six-eighths { 6849 left: 75% 6850 } 6851 .push--medium-down--seven-eighths { 6852 left: 87.5% 6853 } 6854 .push--medium-down--one-tenth { 6855 left: 10% 6856 } 6857 .push--medium-down--two-tenths { 6858 left: 20% 6859 } 6860 .push--medium-down--three-tenths { 6861 left: 30% 6862 } 6863 .push--medium-down--four-tenths { 6864 left: 40% 6865 } 6866 .push--medium-down--five-tenths { 6867 left: 50% 6868 } 6869 .push--medium-down--six-tenths { 6870 left: 60% 6871 } 6872 .push--medium-down--seven-tenths { 6873 left: 70% 6874 } 6875 .push--medium-down--eight-tenths { 6876 left: 80% 6877 } 6878 .push--medium-down--nine-tenths { 6879 left: 90% 6880 } 6881 .push--medium-down--one-twelfth { 6882 left: 8.333% 6883 } 6884 .push--medium-down--two-twelfths { 6885 left: 16.666% 6886 } 6887 .push--medium-down--three-twelfths { 6888 left: 25% 6889 } 6890 .push--medium-down--four-twelfths { 6891 left: 33.333% 6892 } 6893 .push--medium-down--five-twelfths { 6894 left: 41.666% 6895 } 6896 .push--medium-down--six-twelfths { 6897 left: 50% 6898 } 6899 .push--medium-down--seven-twelfths { 6900 left: 58.333% 6901 } 6902 .push--medium-down--eight-twelfths { 6903 left: 66.666% 6904 } 6905 .push--medium-down--nine-twelfths { 6906 left: 75% 6907 }
6908 .push--medium-down--ten-twelfths { 6909 left: 83.333% 6910 } 6911 .push--medium-down--eleven-twelfths { 6912 left: 91.666% 6913 } 6914} 6915 6916@media only screen and (min-width:769px) { 6917 .push--large--one-whole { 6918 left: 100% 6919 } 6920 .push--large--one-half { 6921 left: 50% 6922 } 6923 .push--large--one-eighth { 6924 left: 12.5% 6925 } 6926 .push--large--two-eighths { 6927 left: 25% 6928 } 6929 .push--large--three-eighths { 6930 left: 37.5% 6931 } 6932 .push--large--four-eighths { 6933 left: 50% 6934 } 6935 .push--large--five-eighths { 6936 left: 62.5% 6937 } 6938 .push--large--six-eighths { 6939 left: 75% 6940 } 6941 .push--large--seven-eighths { 6942 left: 87.5% 6943 } 6944 .push--large--one-tenth { 6945 left: 10% 6946 } 6947 .push--large--two-tenths { 6948 left: 20% 6949 } 6950 .push--large--three-tenths { 6951 left: 30% 6952 } 6953 .push--large--four-tenths { 6954 left: 40% 6955 } 6956 .push--large--five-tenths { 6957 left: 50% 6958 } 6959 .push--large--six-tenths { 6960 left: 60% 6961 } 6962 .push--large--seven-tenths { 6963 left: 70% 6964 } 6965 .push--large--eight-tenths { 6966 left: 80% 6967 } 6968 .push--large--nine-tenths { 6969 left: 90% 6970 } 6971 .push--large--one-twelfth { 6972 left: 8.333% 6973 } 6974 .push--large--two-twelfths { 6975 left: 16.666% 6976 } 6977 .push--large--three-twelfths { 6978 left: 25% 6979 } 6980 .push--large--four-twelfths { 6981 left: 33.333% 6982 } 6983 .push--large--five-twelfths { 6984 left: 41.666% 6985 } 6986 .push--large--six-twelfths { 6987 left: 50% 6988 } 6989 .push--large--seven-twelfths { 6990 left: 58.333% 6991 } 6992 .push--large--eight-twelfths { 6993 left: 66.666% 6994 } 6995 .push--large--nine-twelfths { 6996 left: 75% 6997 } 6998 .push--large--ten-twelfths { 6999 left: 83.333% 7000 } 7001 .push--large--eleven-twelfths { 7002 left: 91.666% 7003 } 7004} 7005 7006.d-none { 7007 display: none !important 7008} 7009 7010.d-inline { 7011 display: inline !important 7012} 7013 7014.d-inline-block { 7015 display: inline-block !important 7016} 7017 7018.d-block { 7019 display: block !important 7020} 7021 7022.d-table { 7023 display: table !important 7024} 7025 7026.d-table-row { 7027 display: table-row !important 7028} 7029 7030.d-table-cell { 7031 display: table-cell !important 7032} 7033 7034.d-flex { 7035 display: -ms-flexbox !important; 7036 display: flex !important 7037} 7038 7039.d-inline-flex { 7040 display: -ms-inline-flexbox !important; 7041 display: inline-flex !important 7042} 7043 7044@media (min-width:576px) { 7045 .d-sm-none { 7046 display: none !important 7047 } 7048 .d-sm-inline { 7049 display: inline !important 7050 } 7051 .d-sm-inline-block { 7052 display: inline-block !important 7053 } 7054 .d-sm-block { 7055 display: block !important 7056 } 7057 .d-sm-table { 7058 display: table !important 7059 } 7060 .d-sm-table-row { 7061 display: table-row !important 7062 } 7063 .d-sm-table-cell { 7064 display: table-cell !important 7065 } 7066 .d-sm-flex { 7067 display: -ms-flexbox !important; 7068 display: flex !important 7069 } 7070 .d-sm-inline-flex { 7071 display: -ms-inline-flexbox !important; 7072 display: inline-flex !important 7073 } 7074} 7075 7076@media (min-width:768px) { 7077 .d-md-none { 7078 display: none !important 7079 } 7080 .d-md-inline { 7081 display: inline !important 7082 } 7083 .d-md-inline-block { 7084 display: inline-block !important 7085 } 7086 .d-md-block { 7087 display: block !important 7088 } 7089 .d-md-table { 7090 display: table !important 7091 } 7092 .d-md-table-row { 7093 display: table-row !important 7094 } 7095 .d-md-table-cell { 7096 display: table-cell !important 7097 } 7098 .d-md-flex { 7099 display: -ms-flexbox !important; 7100 display: flex !important 7101 } 7102 .d-md-inline-flex { 7103 display: -ms-inline-flexbox !important; 7104 display: inline-flex !important 7105 } 7106} 7107 7108@media (min-width:992px) { 7109 .d-lg-none { 7110 display: none !important 7111 } 7112 .d-lg-inline { 7113 display: inline !important 7114 } 7115 .d-lg-inline-block { 7116 display: inline-block !important 7117 } 7118 .d-lg-block { 7119 display: block !important 7120 } 7121 .d-lg-table { 7122 display: table !important 7123 } 7124 .d-lg-table-row { 7125 display: table-row !important 7126 } 7127 .d-lg-table-cell { 7128 display: table-cell !important 7129 } 7130 .d-lg-flex { 7131 display: -ms-flexbox !important; 7132 display: flex !important 7133 } 7134 .d-lg-inline-flex { 7135 display: -ms-inline-flexbox !important; 7136 display: inline-flex !important 7137 } 7138 .d-lg-table-header-group { 7139 display: table-header-group !important 7140 } 7141} 7142 7143@media (min-width:1200px) { 7144 .d-xl-none { 7145 display: none !important 7146 } 7147 .d-xl-inline { 7148 display: inline !important 7149 } 7150 .d-xl-inline-block { 7151 display: inline-block !important 7152 } 7153 .d-xl-block { 7154 display: block !important 7155 } 7156 .d-xl-table { 7157 display: table !important 7158 } 7159 .d-xl-table-row { 7160 display: table-row !important 7161 } 7162 .d-xl-table-cell { 7163 display: table-cell !important 7164 } 7165 .d-xl-flex { 7166 display: -ms-flexbox !important; 7167 display: flex !important 7168 } 7169 .d-xl-inline-flex { 7170 display: -ms-inline-flexbox !important; 7171 display: inline-flex !important 7172 } 7173} 7174 7175.float-left { 7176 float: left !important 7177} 7178 7179.float-right { 7180 float: right !important 7181} 7182 7183.float-none { 7184 float: none !important 7185} 7186 7187@media (min-width:576px) { 7188 .float-sm-left { 7189 float: left !important 7190 } 7191 .float-sm-right { 7192 float: right !important 7193 } 7194 .float-sm-none { 7195 float: none !important 7196 } 7197} 7198 7199@media (min-width:768px) { 7200 .float-md-left { 7201 float: left !important 7202 } 7203 .float-md-right { 7204 float: right !important 7205 } 7206 .float-md-none { 7207 float: none !important 7208 } 7209} 7210 7211@media (min-width:992px) { 7212 .float-lg-left { 7213 float: left !important 7214 } 7215 .float-lg-right { 7216 float: right !important 7217 } 7218 .float-lg-none { 7219 float: none !important 7220 } 7221} 7222 7223@media (min-width:1200px) { 7224 .float-xl-left { 7225 float: left !important 7226 } 7227 .float-xl-right { 7228 float: right !important 7229 } 7230 .float-xl-none { 7231 float: none !important 7232 } 7233} 7234 7235.position-static { 7236 position: static !important 7237} 7238 7239.position-relative { 7240 position: relative !important 7241} 7242 7243.position-absolute { 7244 position: absolute !important 7245} 7246 7247.position-fixed { 7248 position: fixed !important 7249} 7250 7251.position-sticky { 7252 position: -webkit-sticky !important; 7253 position: sticky !important 7254} 7255 7256.top-0 { 7257 top: 0!important; 7258} 7259.bottom-0 { 7260 bottom: 0!important; 7261} 7262.start-0 { 7263 left: 0!important; 7264} 7265.end-0 { 7266 right: 0!important; 7267} 7268 7269.fixed-top { 7270 position: fixed; 7271 top: 0; 7272 right: 0; 7273 left: 0; 7274 z-index: 1030 7275} 7276 7277.fixed-bottom { 7278 position: fixed; 7279 right: 0; 7280 bottom: 0; 7281 left: 0; 7282 z-index: 1030 7283} 7284 7285.w-25 { 7286 width: 25% !important 7287} 7288 7289.w-50 { 7290 width: 50% !important 7291} 7292 7293.w-75 { 7294 width: 75% !important 7295} 7296 7297.w-100 { 7298 width: 100% !important 7299} 7300 7301.h-25 { 7302 height: 25% !important 7303} 7304 7305.h-50 { 7306 height: 50% !important 7307} 7308 7309.h-75 { 7310 height: 75% !important 7311} 7312 7313.h-100 { 7314 height: 100% !important 7315} 7316 7317.mw-100 { 7318 max-width: 100% !important 7319} 7320 7321.mh-100 { 7322 max-height: 100% !important 7323} 7324 7325.m-0 { 7326 margin: 0 !important 7327} 7328 7329.mt-0, 7330.my-0 { 7331 margin-top: 0 !important 7332} 7333 7334.mr-0, 7335.mx-0 { 7336 margin-right: 0 !important 7337} 7338 7339.mb-0, 7340.my-0 { 7341 margin-bottom: 0 !important 7342} 7343 7344.ml-0, 7345.mx-0 { 7346 margin-left: 0 !important 7347} 7348 7349.m-1 { 7350 margin: 0.25rem !important 7351} 7352 7353.mt-1, 7354.my-1 { 7355 margin-top: 0.25rem !important 7356} 7357 7358.mr-1, 7359.mx-1 { 7360 margin-right: 0.25rem !important 7361} 7362 7363.mb-1, 7364.my-1 { 7365 margin-bottom: 0.25rem !important 7366} 7367 7368.ml-1, 7369.mx-1 { 7370 margin-left: 0.25rem !important 7371} 7372 7373.m-2 { 7374 margin: 0.5rem !important 7375} 7376 7377.mt-2, 7378.my-2 { 7379 margin-top: 0.5rem !important 7380} 7381 7382.mr-2, 7383.mx-2 { 7384 margin-right: 0.5rem !important 7385} 7386 7387.mb-2, 7388.my-2 { 7389 margin-bottom: 0.5rem !important 7390} 7391 7392.ml-2, 7393.mx-2 { 7394 margin-left: 0.5rem !important 7395} 7396 7397.m-3 { 7398 margin: 1rem !important 7399} 7400 7401.mt-3, 7402.my-3 { 7403 margin-top: 1rem !important 7404} 7405 7406.mr-3,
7407.mx-3 { 7408 margin-right: 1rem !important 7409} 7410 7411.mb-3, 7412.my-3 { 7413 margin-bottom: 1.2rem !important 7414} 7415 7416.ml-3, 7417.mx-3 { 7418 margin-left: 1rem !important 7419} 7420 7421.m-4 { 7422 margin: 1.5rem !important 7423} 7424 7425.mt-4, 7426.my-4 { 7427 margin-top: 1.5rem !important 7428} 7429 7430.mr-4, 7431.mx-4 { 7432 margin-right: 1.5rem !important 7433} 7434 7435.mb-4, 7436.my-4 { 7437 margin-bottom: 1.5rem !important 7438} 7439 7440.ml-4, 7441.mx-4 { 7442 margin-left: 1.5rem !important 7443} 7444 7445.m-5 { 7446 margin: 3rem !important 7447} 7448 7449.mt-5, 7450.my-5 { 7451 margin-top: 3rem !important 7452} 7453 7454.mr-5, 7455.mx-5 { 7456 margin-right: 3rem !important 7457} 7458 7459.mb-5, 7460.my-5 { 7461 margin-bottom: 3rem !important 7462} 7463 7464.ml-5, 7465.mx-5 { 7466 margin-left: 3rem !important 7467} 7468 7469.mb-10 { 7470 margin-bottom: 10px!important; 7471} 7472 7473.mb-15 { 7474 margin-bottom: 15px!important; 7475} 7476 7477.mb-20 { 7478 margin-bottom: 20px!important; 7479} 7480 7481.p-0 { 7482 padding: 0 !important 7483} 7484 7485.pt-0, 7486.py-0 { 7487 padding-top: 0 !important 7488} 7489 7490.pr-0, 7491.px-0 { 7492 padding-right: 0 !important 7493} 7494 7495.pb-0, 7496.py-0 { 7497 padding-bottom: 0 !important 7498} 7499 7500.pl-0, 7501.px-0 { 7502 padding-left: 0 !important 7503} 7504 7505.p-1 { 7506 padding: 0.25rem !important 7507} 7508 7509.pt-1, 7510.py-1 { 7511 padding-top: 0.25rem !important 7512} 7513 7514.pr-1, 7515.px-1 { 7516 padding-right: 0.25rem !important 7517} 7518 7519.pb-1, 7520.py-1 { 7521 padding-bottom: 0.25rem !important 7522} 7523 7524.pl-1, 7525.px-1 { 7526 padding-left: 0.25rem !important 7527} 7528 7529.p-2 { 7530 padding: 0.5rem !important 7531} 7532 7533.pt-2, 7534.py-2 { 7535 padding-top: 0.5rem !important 7536} 7537 7538.pr-2, 7539.px-2 { 7540 padding-right: 0.5rem !important 7541} 7542 7543.pb-2, 7544.py-2 { 7545 padding-bottom: 0.5rem !important 7546} 7547 7548.pl-2, 7549.px-2 { 7550 padding-left: 0.5rem !important 7551} 7552 7553.p-3 { 7554 padding: 1rem !important 7555} 7556 7557.pt-3, 7558.py-3 { 7559 padding-top: 1rem !important 7560} 7561 7562.pr-3, 7563.px-3 { 7564 padding-right: 1rem !important 7565} 7566 7567.pb-3, 7568.py-3 { 7569 padding-bottom: 1rem !important 7570} 7571 7572.pl-3, 7573.px-3 { 7574 padding-left: 1rem !important 7575} 7576 7577.p-4 { 7578 padding: 1.5rem !important 7579} 7580 7581.pt-4, 7582.py-4 { 7583 padding-top: 1.5rem !important 7584} 7585 7586.pr-4, 7587.px-4 { 7588 padding-right: 1.5rem !important 7589} 7590 7591.pb-4, 7592.py-4 { 7593 padding-bottom: 1.5rem !important 7594} 7595 7596.pl-4, 7597.px-4 { 7598 padding-left: 1.5rem !important 7599} 7600 7601.p-5 { 7602 padding: 3rem !important 7603} 7604 7605.pt-5, 7606.py-5 { 7607 padding-top: 3rem !important 7608} 7609 7610.pr-5, 7611.px-5 { 7612 padding-right: 3rem !important 7613} 7614 7615.pb-5, 7616.py-5 { 7617 padding-bottom: 3rem !important 7618} 7619 7620.pl-5, 7621.px-5 { 7622 padding-left: 3rem !important 7623} 7624 7625.m-auto { 7626 margin: auto !important 7627} 7628 7629.mt-auto, 7630.my-auto { 7631 margin-top: auto !important 7632} 7633 7634.mr-auto, 7635.mx-auto { 7636 margin-right: auto !important 7637} 7638 7639.mb-auto, 7640.my-auto { 7641 margin-bottom: auto !important 7642} 7643 7644.ml-auto, 7645.mx-auto { 7646 margin-left: auto !important 7647} 7648 7649@media (min-width:576px) { 7650 .m-sm-0 { 7651 margin: 0 !important 7652 } 7653 .mt-sm-0, 7654 .my-sm-0 { 7655 margin-top: 0 !important 7656 } 7657 .mr-sm-0, 7658 .mx-sm-0 { 7659 margin-right: 0 !important 7660 } 7661 .mb-sm-0, 7662 .my-sm-0 { 7663 margin-bottom: 0 !important 7664 } 7665 .ml-sm-0, 7666 .mx-sm-0 { 7667 margin-left: 0 !important 7668 } 7669 .m-sm-1 { 7670 margin: 0.25rem !important 7671 } 7672 .mt-sm-1, 7673 .my-sm-1 { 7674 margin-top: 0.25rem !important 7675 } 7676 .mr-sm-1, 7677 .mx-sm-1 { 7678 margin-right: 0.25rem !important 7679 } 7680 .mb-sm-1, 7681 .my-sm-1 { 7682 margin-bottom: 0.25rem !important 7683 } 7684 .ml-sm-1, 7685 .mx-sm-1 { 7686 margin-left: 0.25rem !important 7687 } 7688 .m-sm-2 { 7689 margin: 0.5rem !important 7690 } 7691 .mt-sm-2, 7692 .my-sm-2 { 7693 margin-top: 0.5rem !important 7694 } 7695 .mr-sm-2, 7696 .mx-sm-2 { 7697 margin-right: 0.5rem !important 7698 } 7699 .mb-sm-2, 7700 .my-sm-2 { 7701 margin-bottom: 0.5rem !important 7702 } 7703 .ml-sm-2, 7704 .mx-sm-2 { 7705 margin-left: 0.5rem !important 7706 } 7707 .m-sm-3 { 7708 margin: 1rem !important 7709 } 7710 .mt-sm-3, 7711 .my-sm-3 { 7712 margin-top: 1rem !important 7713 } 7714 .mr-sm-3, 7715 .mx-sm-3 { 7716 margin-right: 1rem !important 7717 } 7718 .mb-sm-3,
7719 .my-sm-3 { 7720 margin-bottom: 1rem !important 7721 } 7722 .ml-sm-3, 7723 .mx-sm-3 { 7724 margin-left: 1rem !important 7725 } 7726 .m-sm-4 { 7727 margin: 1.5rem !important 7728 } 7729 .mt-sm-4, 7730 .my-sm-4 { 7731 margin-top: 1.5rem !important 7732 } 7733 .mr-sm-4, 7734 .mx-sm-4 { 7735 margin-right: 1.5rem !important 7736 } 7737 .mb-sm-4, 7738 .my-sm-4 { 7739 margin-bottom: 1.5rem !important 7740 } 7741 .ml-sm-4, 7742 .mx-sm-4 { 7743 margin-left: 1.5rem !important 7744 } 7745 .m-sm-5 { 7746 margin: 3rem !important 7747 } 7748 .mt-sm-5, 7749 .my-sm-5 { 7750 margin-top: 3rem !important 7751 } 7752 .mr-sm-5, 7753 .mx-sm-5 { 7754 margin-right: 3rem !important 7755 } 7756 .mb-sm-5, 7757 .my-sm-5 { 7758 margin-bottom: 3rem !important 7759 } 7760 .ml-sm-5, 7761 .mx-sm-5 { 7762 margin-left: 3rem !important 7763 } 7764 .p-sm-0 { 7765 padding: 0 !important 7766 } 7767 .pt-sm-0, 7768 .py-sm-0 { 7769 padding-top: 0 !important 7770 } 7771 .pr-sm-0, 7772 .px-sm-0 { 7773 padding-right: 0 !important 7774 } 7775 .pb-sm-0, 7776 .py-sm-0 { 7777 padding-bottom: 0 !important 7778 } 7779 .pl-sm-0, 7780 .px-sm-0 { 7781 padding-left: 0 !important 7782 } 7783 .p-sm-1 { 7784 padding: 0.25rem !important 7785 } 7786 .pt-sm-1, 7787 .py-sm-1 { 7788 padding-top: 0.25rem !important 7789 } 7790 .pr-sm-1, 7791 .px-sm-1 { 7792 padding-right: 0.25rem !important 7793 } 7794 .pb-sm-1, 7795 .py-sm-1 { 7796 padding-bottom: 0.25rem !important 7797 } 7798 .pl-sm-1, 7799 .px-sm-1 { 7800 padding-left: 0.25rem !important 7801 } 7802 .p-sm-2 { 7803 padding: 0.5rem !important 7804 } 7805 .pt-sm-2, 7806 .py-sm-2 { 7807 padding-top: 0.5rem !important 7808 } 7809 .pr-sm-2, 7810 .px-sm-2 { 7811 padding-right: 0.5rem !important 7812 } 7813 .pb-sm-2, 7814 .py-sm-2 { 7815 padding-bottom: 0.5rem !important 7816 } 7817 .pl-sm-2, 7818 .px-sm-2 { 7819 padding-left: 0.5rem !important 7820 } 7821 .p-sm-3 { 7822 padding: 1rem !important 7823 } 7824 .pt-sm-3, 7825 .py-sm-3 { 7826 padding-top: 1rem !important 7827 } 7828 .pr-sm-3, 7829 .px-sm-3 { 7830 padding-right: 1rem !important 7831 } 7832 .pb-sm-3, 7833 .py-sm-3 { 7834 padding-bottom: 1rem !important 7835 } 7836 .pl-sm-3, 7837 .px-sm-3 { 7838 padding-left: 1rem !important 7839 } 7840 .p-sm-4 { 7841 padding: 1.5rem !important 7842 } 7843 .pt-sm-4, 7844 .py-sm-4 { 7845 padding-top: 1.5rem !important 7846 } 7847 .pr-sm-4, 7848 .px-sm-4 { 7849 padding-right: 1.5rem !important 7850 } 7851 .pb-sm-4, 7852 .py-sm-4 { 7853 padding-bottom: 1.5rem !important 7854 } 7855 .pl-sm-4, 7856 .px-sm-4 { 7857 padding-left: 1.5rem !important 7858 } 7859 .p-sm-5 { 7860 padding: 3rem !important 7861 } 7862 .pt-sm-5, 7863 .py-sm-5 { 7864 padding-top: 3rem !important 7865 } 7866 .pr-sm-5, 7867 .px-sm-5 { 7868 padding-right: 3rem !important 7869 } 7870 .pb-sm-5, 7871 .py-sm-5 { 7872 padding-bottom: 3rem !important 7873 } 7874 .pl-sm-5, 7875 .px-sm-5 { 7876 padding-left: 3rem !important 7877 } 7878 .m-sm-auto { 7879 margin: auto !important 7880 } 7881 .mt-sm-auto, 7882 .my-sm-auto { 7883 margin-top: auto !important 7884 } 7885 .mr-sm-auto, 7886 .mx-sm-auto { 7887 margin-right: auto !important 7888 } 7889 .mb-sm-auto, 7890 .my-sm-auto { 7891 margin-bottom: auto !important 7892 } 7893 .ml-sm-auto, 7894 .mx-sm-auto { 7895 margin-left: auto !important 7896 } 7897} 7898 7899@media (min-width:768px) { 7900 .m-md-0 { 7901 margin: 0 !important 7902 } 7903 .mt-md-0, 7904 .my-md-0 { 7905 margin-top: 0 !important 7906 } 7907 .mr-md-0, 7908 .mx-md-0 { 7909 margin-right: 0 !important 7910 } 7911 .mb-md-0, 7912 .my-md-0 { 7913 margin-bottom: 0 !important 7914 } 7915 .ml-md-0, 7916 .mx-md-0 { 7917 margin-left: 0 !important 7918 } 7919 .m-md-1 { 7920 margin: 0.25rem !important 7921 } 7922 .mt-md-1, 7923 .my-md-1 { 7924 margin-top: 0.25rem !important 7925 } 7926 .mr-md-1, 7927 .mx-md-1 { 7928 margin-right: 0.25rem !important 7929 } 7930 .mb-md-1, 7931 .my-md-1 { 7932 margin-bottom: 0.25rem !important 7933 } 7934 .ml-md-1, 7935 .mx-md-1 { 7936 margin-left: 0.25rem !important 7937 } 7938 .m-md-2 { 7939 margin: 0.5rem !important 7940 } 7941 .mt-md-2, 7942 .my-md-2 { 7943 margin-top: 0.5rem !important 7944 } 7945 .mr-md-2, 7946 .mx-md-2 { 7947 margin-right: 0.5rem !important 7948 } 7949 .mb-md-2, 7950 .my-md-2 { 7951 margin-bottom: 0.5rem !important 7952 } 7953 .ml-md-2, 7954 .mx-md-2 { 7955 margin-left: 0.5rem !important 7956 } 7957 .m-md-3 { 7958 margin: 1rem !important 7959 } 7960 .mt-md-3, 7961 .my-md-3 { 7962 margin-top: 1rem !important 7963 } 7964 .mr-md-3, 7965 .mx-md-3 { 7966 margin-right: 1rem !important 7967 } 7968 .mb-md-3, 7969 .my-md-3 { 7970 margin-bottom: 1rem !important 7971 } 7972 .ml-md-3, 7973 .mx-md-3 { 7974 margin-left: 1rem !important 7975 } 7976 .m-md-4 { 7977 margin: 1.5rem !important 7978 } 7979 .mt-md-4, 7980 .my-md-4 { 7981 margin-top: 1.5rem !important 7982 } 7983 .mr-md-4, 7984 .mx-md-4 { 7985 margin-right: 1.5rem !important 7986 } 7987 .mb-md-4, 7988 .my-md-4 { 7989 margin-bottom: 1.5rem !important 7990 } 7991 .ml-md-4, 7992 .mx-md-4 { 7993 margin-left: 1.5rem !important 7994 } 7995 .m-md-5 { 7996 margin: 3rem !important 7997 } 7998 .mt-md-5, 7999 .my-md-5 { 8000 margin-top: 3rem !important 8001 } 8002 .mr-md-5, 8003 .mx-md-5 { 8004 margin-right: 3rem !important 8005 } 8006 .mb-md-5, 8007 .my-md-5 { 8008 margin-bottom: 3rem !important 8009 } 8010 .ml-md-5, 8011 .mx-md-5 { 8012 margin-left: 3rem !important 8013 } 8014 .p-md-0 { 8015 padding: 0 !important 8016 } 8017 .pt-md-0, 8018 .py-md-0 { 8019 padding-top: 0 !important 8020 } 8021 .pr-md-0, 8022 .px-md-0 { 8023 padding-right: 0 !important 8024 } 8025 .pb-md-0, 8026 .py-md-0 { 8027 padding-bottom: 0 !important 8028 } 8029 .pl-md-0, 8030 .px-md-0 { 8031 padding-left: 0 !important 8032 } 8033 .p-md-1 { 8034 padding: 0.25rem !important 8035 } 8036 .pt-md-1, 8037 .py-md-1 { 8038 padding-top: 0.25rem !important 8039 } 8040 .pr-md-1, 8041 .px-md-1 { 8042 padding-right: 0.25rem !important 8043 } 8044 .pb-md-1, 8045 .py-md-1 { 8046 padding-bottom: 0.25rem !important 8047 } 8048 .pl-md-1, 8049 .px-md-1 { 8050 padding-left: 0.25rem !important 8051 } 8052 .p-md-2 { 8053 padding: 0.5rem !important 8054 } 8055 .pt-md-2, 8056 .py-md-2 { 8057 padding-top: 0.5rem !important 8058 } 8059 .pr-md-2, 8060 .px-md-2 { 8061 padding-right: 0.5rem !important 8062 } 8063 .pb-md-2, 8064 .py-md-2 { 8065 padding-bottom: 0.5rem !important 8066 } 8067 .pl-md-2, 8068 .px-md-2 { 8069 padding-left: 0.5rem !important 8070 } 8071 .p-md-3 { 8072 padding: 1rem !important 8073 } 8074 .pt-md-3, 8075 .py-md-3 { 8076 padding-top: 1rem !important 8077 } 8078 .pr-md-3, 8079 .px-md-3 { 8080 padding-right: 1rem !important 8081 } 8082 .pb-md-3, 8083 .py-md-3 { 8084 padding-bottom: 1rem !important 8085 } 8086 .pl-md-3, 8087 .px-md-3 { 8088 padding-left: 1rem !important 8089 } 8090 .p-md-4 { 8091 padding: 1.5rem !important 8092 } 8093 .pt-md-4, 8094 .py-md-4 { 8095 padding-top: 1.5rem !important 8096 } 8097 .pr-md-4, 8098 .px-md-4 { 8099 padding-right: 1.5rem !important 8100 } 8101 .pb-md-4, 8102 .py-md-4 { 8103 padding-bottom: 1.5rem !important 8104 } 8105 .pl-md-4, 8106 .px-md-4 { 8107 padding-left: 1.5rem !important 8108 } 8109 .p-md-5 { 8110 padding: 3rem !important 8111 } 8112 .pt-md-5, 8113 .py-md-5 { 8114 padding-top: 3rem !important 8115 } 8116 .pr-md-5, 8117 .px-md-5 { 8118 padding-right: 3rem !important 8119 } 8120 .pb-md-5, 8121 .py-md-5 { 8122 padding-bottom: 3rem !important 8123 } 8124 .pl-md-5, 8125 .px-md-5 { 8126 padding-left: 3rem !important 8127 } 8128 .m-md-auto { 8129 margin: auto !important 8130 } 8131 .mt-md-auto, 8132 .my-md-auto { 8133 margin-top: auto !important 8134 } 8135 .mr-md-auto, 8136 .mx-md-auto { 8137 margin-right: auto !important 8138 } 8139 .mb-md-auto, 8140 .my-md-auto { 8141 margin-bottom: auto !important 8142 } 8143 .ml-md-auto, 8144 .mx-md-auto { 8145 margin-left: auto !important 8146 } 8147} 8148 8149@media (min-width:992px) { 8150 .m-lg-0 { 8151 margin: 0 !important 8152 } 8153 .mt-lg-0, 8154 .my-lg-0 { 8155 margin-top: 0 !important 8156 } 8157 .mr-lg-0, 8158 .mx-lg-0 { 8159 margin-right: 0 !important 8160 } 8161 .mb-lg-0, 8162 .my-lg-0 { 8163 margin-bottom: 0 !important 8164 } 8165 .ml-lg-0, 8166 .mx-lg-0 { 8167 margin-left: 0 !important 8168 } 8169 .m-lg-1 { 8170 margin: 0.25rem !important 8171 } 8172 .mt-lg-1, 8173 .my-lg-1 { 8174 margin-top: 0.25rem !important 8175 } 8176 .mr-lg-1, 8177 .mx-lg-1 { 8178 margin-right: 0.25rem !important 8179 } 8180 .mb-lg-1, 8181 .my-lg-1 { 8182 margin-bottom: 0.25rem !important 8183 } 8184 .ml-lg-1, 8185 .mx-lg-1 { 8186 margin-left: 0.25rem !important 8187 } 8188 .m-lg-2 { 8189 margin: 0.5rem !important 8190 } 8191 .mt-lg-2, 8192 .my-lg-2 { 8193 margin-top: 0.5rem !important 8194 } 8195 .mr-lg-2, 8196 .mx-lg-2 { 8197 margin-right: 0.5rem !important 8198 } 8199 .mb-lg-2, 8200 .my-lg-2 { 8201 margin-bottom: 0.5rem !important 8202 } 8203 .ml-lg-2, 8204 .mx-lg-2 { 8205 margin-left: 0.5rem !important 8206 } 8207 .m-lg-3 { 8208 margin: 1rem !important 8209 } 8210 .mt-lg-3, 8211 .my-lg-3 { 8212 margin-top: 1rem !important 8213 } 8214 .mr-lg-3, 8215 .mx-lg-3 { 8216 margin-right: 1rem !important 8217 } 8218 .mb-lg-3, 8219 .my-lg-3 { 8220 margin-bottom: 1rem !important 8221 } 8222 .ml-lg-3, 8223 .mx-lg-3 { 8224 margin-left: 1rem !important 8225 } 8226 .m-lg-4 { 8227 margin: 1.5rem !important 8228 } 8229 .mt-lg-4, 8230 .my-lg-4 { 8231 margin-top: 1.5rem !important 8232 } 8233 .mr-lg-4, 8234 .mx-lg-4 { 8235 margin-right: 1.5rem !important 8236 } 8237 .mb-lg-4, 8238 .my-lg-4 { 8239 margin-bottom: 1.5rem !important 8240 } 8241 .ml-lg-4, 8242 .mx-lg-4 { 8243 margin-left: 1.5rem !important 8244 } 8245 .m-lg-5 { 8246 margin: 3rem !important 8247 } 8248 .mt-lg-5, 8249 .my-lg-5 { 8250 margin-top: 3rem !important 8251 } 8252 .mr-lg-5, 8253 .mx-lg-5 { 8254 margin-right: 3rem !important 8255 } 8256 .mb-lg-5, 8257 .my-lg-5 { 8258 margin-bottom: 3rem !important 8259 } 8260 .ml-lg-5, 8261 .mx-lg-5 { 8262 margin-left: 3rem !important 8263 } 8264 .p-lg-0 { 8265 padding: 0 !important 8266 } 8267 .pt-lg-0, 8268 .py-lg-0 { 8269 padding-top: 0 !important 8270 } 8271 .pr-lg-0, 8272 .px-lg-0 { 8273 padding-right: 0 !important 8274 } 8275 .pb-lg-0, 8276 .py-lg-0 { 8277 padding-bottom: 0 !important 8278 } 8279 .pl-lg-0, 8280 .px-lg-0 { 8281 padding-left: 0 !important 8282 } 8283 .p-lg-1 { 8284 padding: 0.25rem !important 8285 } 8286 .pt-lg-1, 8287 .py-lg-1 { 8288 padding-top: 0.25rem !important 8289 } 8290 .pr-lg-1, 8291 .px-lg-1 { 8292 padding-right: 0.25rem !important 8293 } 8294 .pb-lg-1, 8295 .py-lg-1 { 8296 padding-bottom: 0.25rem !important 8297 } 8298 .pl-lg-1, 8299 .px-lg-1 { 8300 padding-left: 0.25rem !important 8301 } 8302 .p-lg-2 { 8303 padding: 0.5rem !important 8304 } 8305 .pt-lg-2, 8306 .py-lg-2 { 8307 padding-top: 0.5rem !important 8308 } 8309 .pr-lg-2, 8310 .px-lg-2 { 8311 padding-right: 0.5rem !important 8312 } 8313 .pb-lg-2, 8314 .py-lg-2 { 8315 padding-bottom: 0.5rem !important 8316 } 8317 .pl-lg-2, 8318 .px-lg-2 { 8319 padding-left: 0.5rem !important 8320 } 8321 .p-lg-3 { 8322 padding: 1rem !important 8323 } 8324 .pt-lg-3, 8325 .py-lg-3 { 8326 padding-top: 1rem !important 8327 } 8328 .pr-lg-3, 8329 .px-lg-3 { 8330 padding-right: 1rem !important 8331 } 8332 .pb-lg-3, 8333 .py-lg-3 { 8334 padding-bottom: 1rem !important 8335 } 8336 .pl-lg-3, 8337 .px-lg-3 { 8338 padding-left: 1rem !important 8339 } 8340 .p-lg-4 { 8341 padding: 1.5rem !important 8342 } 8343 .pt-lg-4, 8344 .py-lg-4 { 8345 padding-top: 1.5rem !important 8346 } 8347 .pr-lg-4, 8348 .px-lg-4 { 8349 padding-right: 1.5rem !important 8350 } 8351 .pb-lg-4, 8352 .py-lg-4 { 8353 padding-bottom: 1.5rem !important 8354 } 8355 .pl-lg-4, 8356 .px-lg-4 { 8357 padding-left: 1.5rem !important 8358 } 8359 .p-lg-5 { 8360 padding: 3rem !important 8361 } 8362 .pt-lg-5, 8363 .py-lg-5 { 8364 padding-top: 3rem !important 8365 } 8366 .pr-lg-5, 8367 .px-lg-5 { 8368 padding-right: 3rem !important 8369 } 8370 .pb-lg-5, 8371 .py-lg-5 { 8372 padding-bottom: 3rem !important 8373 } 8374 .pl-lg-5, 8375 .px-lg-5 { 8376 padding-left: 3rem !important 8377 } 8378 .m-lg-auto { 8379 margin: auto !important 8380 } 8381 .mt-lg-auto, 8382 .my-lg-auto { 8383 margin-top: auto !important 8384 } 8385 .mr-lg-auto, 8386 .mx-lg-auto { 8387 margin-right: auto !important 8388 } 8389 .mb-lg-auto, 8390 .my-lg-auto { 8391 margin-bottom: auto !important 8392 } 8393 .ml-lg-auto, 8394 .mx-lg-auto { 8395 margin-left: auto !important 8396 } 8397} 8398 8399@media (min-width:1200px) { 8400 .m-xl-0 { 8401 margin: 0 !important 8402 } 8403 .mt-xl-0, 8404 .my-xl-0 { 8405 margin-top: 0 !important 8406 } 8407 .mr-xl-0, 8408 .mx-xl-0 { 8409 margin-right: 0 !important 8410 } 8411 .mb-xl-0, 8412 .my-xl-0 { 8413 margin-bottom: 0 !important 8414 } 8415 .ml-xl-0, 8416 .mx-xl-0 { 8417 margin-left: 0 !important 8418 } 8419 .m-xl-1 { 8420 margin: 0.25rem !important 8421 } 8422 .mt-xl-1, 8423 .my-xl-1 { 8424 margin-top: 0.25rem !important 8425 } 8426 .mr-xl-1, 8427 .mx-xl-1 { 8428 margin-right: 0.25rem !important 8429 } 8430 .mb-xl-1, 8431 .my-xl-1 { 8432 margin-bottom: 0.25rem !important 8433 } 8434 .ml-xl-1, 8435 .mx-xl-1 { 8436 margin-left: 0.25rem !important 8437 } 8438 .m-xl-2 { 8439 margin: 0.5rem !important 8440 } 8441 .mt-xl-2, 8442 .my-xl-2 { 8443 margin-top: 0.5rem !important 8444 } 8445 .mr-xl-2, 8446 .mx-xl-2 { 8447 margin-right: 0.5rem !important 8448 } 8449 .mb-xl-2, 8450 .my-xl-2 { 8451 margin-bottom: 0.5rem !important 8452 } 8453 .ml-xl-2, 8454 .mx-xl-2 { 8455 margin-left: 0.5rem !important 8456 } 8457 .m-xl-3 { 8458 margin: 1rem !important 8459 } 8460 .mt-xl-3, 8461 .my-xl-3 { 8462 margin-top: 1rem !important 8463 } 8464 .mr-xl-3, 8465 .mx-xl-3 { 8466 margin-right: 1rem !important 8467 } 8468 .mb-xl-3, 8469 .my-xl-3 { 8470 margin-bottom: 1rem !important 8471 } 8472 .ml-xl-3, 8473 .mx-xl-3 { 8474 margin-left: 1rem !important 8475 } 8476 .m-xl-4 { 8477 margin: 1.5rem !important 8478 } 8479 .mt-xl-4, 8480 .my-xl-4 { 8481 margin-top: 1.5rem !important 8482 } 8483 .mr-xl-4, 8484 .mx-xl-4 { 8485 margin-right: 1.5rem !important 8486 } 8487 .mb-xl-4, 8488 .my-xl-4 { 8489 margin-bottom: 1.5rem !important 8490 } 8491 .ml-xl-4, 8492 .mx-xl-4 { 8493 margin-left: 1.5rem !important 8494 } 8495 .m-xl-5 { 8496 margin: 3rem !important 8497 } 8498 .mt-xl-5, 8499 .my-xl-5 { 8500 margin-top: 3rem !important 8501 } 8502 .mr-xl-5, 8503 .mx-xl-5 { 8504 margin-right: 3rem !important 8505 } 8506 .mb-xl-5, 8507 .my-xl-5 { 8508 margin-bottom: 3rem !important 8509 } 8510 .ml-xl-5, 8511 .mx-xl-5 { 8512 margin-left: 3rem !important 8513 } 8514 .p-xl-0 { 8515 padding: 0 !important 8516 } 8517 .pt-xl-0, 8518 .py-xl-0 { 8519 padding-top: 0 !important 8520 } 8521 .pr-xl-0, 8522 .px-xl-0 { 8523 padding-right: 0 !important 8524 } 8525 .pb-xl-0, 8526 .py-xl-0 { 8527 padding-bottom: 0 !important 8528 } 8529 .pl-xl-0, 8530 .px-xl-0 { 8531 padding-left: 0 !important 8532 } 8533 .p-xl-1 { 8534 padding: 0.25rem !important 8535 } 8536 .pt-xl-1, 8537 .py-xl-1 { 8538 padding-top: 0.25rem !important 8539 } 8540 .pr-xl-1, 8541 .px-xl-1 { 8542 padding-right: 0.25rem !important 8543 } 8544 .pb-xl-1, 8545 .py-xl-1 { 8546 padding-bottom: 0.25rem !important 8547 } 8548 .pl-xl-1, 8549 .px-xl-1 { 8550 padding-left: 0.25rem !important 8551 } 8552 .p-xl-2 { 8553 padding: 0.5rem !important 8554 } 8555 .pt-xl-2, 8556 .py-xl-2 { 8557 padding-top: 0.5rem !important 8558 } 8559 .pr-xl-2, 8560 .px-xl-2 { 8561 padding-right: 0.5rem !important 8562 } 8563 .pb-xl-2, 8564 .py-xl-2 { 8565 padding-bottom: 0.5rem !important 8566 } 8567 .pl-xl-2,�
8567 8568 .px-xl-2 { 8569 padding-left: 0.5rem !important 8570 } 8571 .p-xl-3 { 8572 padding: 1rem !important 8573 } 8574 .pt-xl-3, 8575 .py-xl-3 { 8576 padding-top: 1rem !important 8577 } 8578 .pr-xl-3, 8579 .px-xl-3 { 8580 padding-right: 1rem !important 8581 } 8582 .pb-xl-3, 8583 .py-xl-3 { 8584 padding-bottom: 1rem !important 8585 } 8586 .pl-xl-3, 8587 .px-xl-3 { 8588 padding-left: 1rem !important 8589 } 8590 .p-xl-4 { 8591 padding: 1.5rem !important 8592 } 8593 .pt-xl-4, 8594 .py-xl-4 { 8595 padding-top: 1.5rem !important 8596 } 8597 .pr-xl-4, 8598 .px-xl-4 { 8599 padding-right: 1.5rem !important 8600 } 8601 .pb-xl-4, 8602 .py-xl-4 { 8603 padding-bottom: 1.5rem !important 8604 } 8605 .pl-xl-4, 8606 .px-xl-4 { 8607 padding-left: 1.5rem !important 8608 } 8609 .p-xl-5 { 8610 padding: 3rem !important 8611 } 8612 .pt-xl-5, 8613 .py-xl-5 { 8614 padding-top: 3rem !important 8615 } 8616 .pr-xl-5, 8617 .px-xl-5 { 8618 padding-right: 3rem !important 8619 } 8620 .pb-xl-5, 8621 .py-xl-5 { 8622 padding-bottom: 3rem !important 8623 } 8624 .pl-xl-5, 8625 .px-xl-5 { 8626 padding-left: 3rem !important 8627 } 8628 .m-xl-auto { 8629 margin: auto !important 8630 } 8631 .mt-xl-auto, 8632 .my-xl-auto { 8633 margin-top: auto !important 8634 } 8635 .mr-xl-auto, 8636 .mx-xl-auto { 8637 margin-right: auto !important 8638 } 8639 .mb-xl-auto, 8640 .my-xl-auto { 8641 margin-bottom: auto !important 8642 } 8643 .ml-xl-auto, 8644 .mx-xl-auto { 8645 margin-left: auto !important 8646 } 8647} 8648 8649.text-justify { 8650 text-align: justify !important 8651} 8652 8653.text-nowrap { 8654 white-space: nowrap !important 8655} 8656 8657.text-truncate { 8658 overflow: hidden; 8659 text-overflow: ellipsis; 8660 white-space: nowrap 8661} 8662 8663.text-left { 8664 text-align: left !important 8665} 8666 8667.text-right { 8668 text-align: right !important 8669} 8670 8671.text-center { 8672 text-align: center !important 8673} 8674 8675@media (min-width:576px) { 8676 .text-sm-left { 8677 text-align: left !important 8678 } 8679 .text-sm-right { 8680 text-align: right !important 8681 } 8682 .text-sm-center { 8683 text-align: center !important 8684 } 8685} 8686 8687@media (min-width:768px) { 8688 .text-md-left { 8689 text-align: left !important 8690 } 8691 .text-md-right { 8692 text-align: right !important 8693 } 8694 .text-md-center { 8695 text-align: center !important 8696 } 8697} 8698 8699@media (min-width:992px) { 8700 .text-lg-left { 8701 text-align: left !important 8702 } 8703 .text-lg-right { 8704 text-align: right !important 8705 } 8706 .text-lg-center { 8707 text-align: center !important 8708 } 8709} 8710 8711@media (min-width:1200px) { 8712 .text-xl-left { 8713 text-align: left !important 8714 } 8715 .text-xl-right { 8716 text-align: right !important 8717 } 8718 .text-xl-center { 8719 text-align: center !important 8720 } 8721} 8722 8723.text-lowercase { 8724 text-transform: lowercase !important 8725} 8726 8727.text-uppercase { 8728 text-transform: uppercase !important 8729} 8730 8731.text-capitalize { 8732 text-transform: capitalize !important 8733} 8734 8735.font-weight-light { 8736 font-weight: 300 !important 8737} 8738 8739.font-weight-normal { 8740 font-weight: 400 !important 8741} 8742 8743.font-weight-bold { 8744 font-weight: 700 !important 8745} 8746 8747.fw-400 {font-weight: 400 !important} 8748.fw-500 {font-weight: 500 !important} 8749.fw-600 {font-weight: 600 !important} 8750.fw-700 {font-weight: 700 !important} 8751 8752.flex-row { 8753 -ms-flex-direction: row !important; 8754 flex-direction: row !important 8755} 8756 8757.flex-column { 8758 -ms-flex-direction: column !important; 8759 flex-direction: column !important 8760} 8761 8762.flex-row-reverse { 8763 -ms-flex-direction: row-reverse !important; 8764 flex-direction: row-reverse !important 8765} 8766 8767.flex-column-reverse { 8768 -ms-flex-direction: column-reverse !important; 8769 flex-direction: column-reverse !important 8770} 8771 8772.flex-wrap { 8773 -ms-flex-wrap: wrap !important; 8774 flex-wrap: wrap !important 8775} 8776 8777.flex-nowrap { 8778 -ms-flex-wrap: nowrap !important; 8779 flex-wrap: nowrap !important 8780} 8781 8782.flex-wrap-reverse { 8783 -ms-flex-wrap: wrap-reverse !important; 8784 flex-wrap: wrap-reverse !important 8785} 8786 8787.justify-content-start { 8788 -ms-flex-pack: start !important; 8789 justify-content: flex-start !important 8790} 8791 8792.justify-content-end { 8793 -ms-flex-pack: end !important; 8794 justify-content: flex-end !important 8795} 8796 8797.justify-content-center { 8798 -ms-flex-pack: center !important; 8799 justify-content: center !important 8800} 8801 8802.justify-content-between { 8803 -ms-flex-pack: justify !important; 8804 justify-content: space-between !important 8805} 8806 8807.justify-content-around { 8808 -ms-flex-pack: distribute !important; 8809 justify-content: space-around !important 8810} 8811 8812.justify-content-sm-around { 8813 -ms-flex-pack: distribute !important; 8814 justify-content: space-around !important 8815} 8816 8817.align-middle {vertical-align: middle!important;} 8818 8819.align-items-start { 8820 -ms-flex-align: start !important;
8821 align-items: flex-start !important 8822} 8823 8824.align-items-end { 8825 -ms-flex-align: end !important; 8826 align-items: flex-end !important 8827} 8828 8829.align-items-center { 8830 -ms-flex-align: center !important; 8831 align-items: center !important 8832} 8833 8834.align-items-baseline { 8835 -ms-flex-align: baseline !important; 8836 align-items: baseline !important 8837} 8838 8839.align-items-stretch { 8840 -ms-flex-align: stretch !important; 8841 align-items: stretch !important 8842} 8843 8844.align-content-start { 8845 -ms-flex-line-pack: start !important; 8846 align-content: flex-start !important 8847} 8848 8849.align-content-end { 8850 -ms-flex-line-pack: end !important; 8851 align-content: flex-end !important 8852} 8853 8854.align-content-center { 8855 -ms-flex-line-pack: center !important; 8856 align-content: center !important 8857} 8858 8859.align-content-between { 8860 -ms-flex-line-pack: justify !important; 8861 align-content: space-between !important 8862} 8863 8864.align-content-around { 8865 -ms-flex-line-pack: distribute !important; 8866 align-content: space-around !important 8867} 8868 8869.align-content-stretch { 8870 -ms-flex-line-pack: stretch !important; 8871 align-content: stretch !important 8872} 8873 8874.align-self-auto { 8875 -ms-flex-item-align: auto !important; 8876 align-self: auto !important 8877} 8878 8879.align-self-start { 8880 -ms-flex-item-align: start !important; 8881 align-self: flex-start !important 8882} 8883 8884.align-self-end { 8885 -ms-flex-item-align: end !important; 8886 align-self: flex-end !important 8887} 8888 8889.align-self-center { 8890 -ms-flex-item-align: center !important; 8891 align-self: center !important 8892} 8893 8894.align-self-baseline { 8895 -ms-flex-item-align: baseline !important; 8896 align-self: baseline !important 8897} 8898 8899.align-self-stretch { 8900 -ms-flex-item-align: stretch !important; 8901 align-self: stretch !important 8902} 8903 8904html { 8905 background-color: { 8906 { 8907 settings.color-secondary 8908 } 8909 } 8910} 8911 8912body { 8913 background-color: #FFF 8914} 8915 8916a, 8917button, 8918input, 8919textarea { 8920 font-family: 'Source Sans Pro', sans-serif 8921} 8922 8923[tabindex='-1']:focus { 8924 outline: none 8925} 8926 8927.main-content { 8928 display: block; 8929 padding-bottom: 20px 8930} 8931 8932.shadow { 8933 box-shadow: 0 1px 4px rgba(0, 0, 0, .3) 8934} 8935 8936.shadow:hover { 8937 transform: translateY(-2px); 8938 box-shadow: 0 4px 8px rgba(0, 0, 0, .3) 8939} 8940 8941.spr-icon:before { 8942 font-size: 75% !important 8943} 8944 8945.spr-badge-caption { 8946 font-size: .75em 8947} 8948 8949.spr-badge[data-rating='0.0'] { 8950 display: none 8951} 8952 8953.is-transitioning { 8954 display: block !important; 8955 visibility: visible !important 8956} 8957 8958.display-table { 8959 display: table; 8960 table-layout: fixed; 8961 width: 100% 8962} 8963 8964.display-table-cell { 8965 display: table-cell; 8966 vertical-align: middle; 8967 float: none 8968} 8969 8970@media screen and (min-width:769px) { 8971 .large--display-table { 8972 display: table; 8973 table-layout: fixed; 8974 width: 100% 8975 } 8976 .large--display-table-cell { 8977 display: table-cell; 8978 vertical-align: middle; 8979 float: none 8980 } 8981} 8982 8983.visually-hidden, 8984.supports-fontface .icon-fallback-text .fallback-text { 8985 position: absolute; 8986 overflow: hidden; 8987 clip: rect(0 0 0 0); 8988 height: 1px; 8989 width: 1px; 8990 margin: -1px; 8991 padding: 0; 8992 border: 0 8993} 8994 8995.rte { 8996 margin-bottom: 10px 8997} 8998 8999.rte a { 9000 text-decoration: underline 9001} 9002 9003.rte h1, 9004.rte h2, 9005.rte h3, 9006.rte h4, 9007.rte h5, 9008.rte h6 { 9009 margin-top: 2em 9010} 9011 9012.rte h1:first-child, 9013.rte h2:first-child, 9014.rte h3:first-child, 9015.rte h4:first-child, 9016.rte h5:first-child, 9017.rte h6:first-child { 9018 margin-top: 0 9019} 9020 9021.rte h1 a, 9022.rte h2 a, 9023.rte h3 a, 9024.rte h4 a, 9025.rte h5 a, 9026.rte h6 a { 9027 text-decoration: none 9028} 9029 9030.rte li { 9031 margin-bottom: .4em 9032} 9033 9034.rte--header { 9035 margin-bottom: 0 9036} 9037 9038a, 9039.text-link { 9040 color: #fa7864; 9041 text-decoration: none; 9042 background: #000000 9043} 9044 9045h1 a, 9046.h1 a, 9047h2 a, 9048.h2 a, 9049h3 a, 9050.h3 a, 9051h4 a, 9052.h4 a, 9053h5 a, 9054.h5 a, 9055h6 a, 9056.h6 a, 9057p a, 9058.p a { 9059 color: #212121 9060} 9061 9062h1 a:hover, 9063.h1 a:hover, 9064h2 a:hover, 9065.h2 a:hover, 9066h3 a:hover, 9067.h3 a:hover, 9068h4 a:hover, 9069.h4 a:hover, 9070h5 a:hover, 9071.h5 a:hover, 9072h6 a:hover, 9073.h6 a:hover, 9074p a:hover, 9075.p a:hover { 9076 color: #212121 9077} 9078 9079button { 9080 overflow: visible 9081} 9082 9083button[disabled], 9084html input[disabled] { 9085 cursor: default 9086} 9087 9088.btn, 9089.rte .btn { 9090 display: inline-block; 9091 padding: 8px 10px; 9092 width: auto; 9093 margin: 0; 9094 line-height: 1.42; 9095 font-weight: 600; 9096 text-decoration: none; 9097 text-align: center; 9098 vertical-align: middle; 9099 white-space: nowrap; 9100 cursor: pointer; 9101 border: 1px solid #000000; 9102 -webkit-user-select: none; 9103 -moz-user-select: none;
9104 -ms-user-select: none; 9105 user-select: none; 9106 -webkit-appearance: none; 9107 -moz-appearance: none 9108} 9109 9110.btn[disabled], 9111.btn.disabled, 9112.rte .btn[disabled], 9113.rte .btn.disabled { 9114 cursor: not-allowed; 9115 color: #fff; 9116 background-color: #b8b8b8 !important; 9117 transform: none; 9118 box-shadow: none 9119} 9120 9121.btn { 9122 transition: all .4s ease-in-out; 9123 background-color: #212121; 9124 color: #fff; 9125 height: 43px!important; 9126 line-height: 1.4!important; 9127} 9128@media (max-width: 992px){ 9129 .btn {font-size: 14px!important;padding: 10px!important;} 9130} 9131.btn:hover { 9132 background-color: #fff; 9133 color: #212121; 9134 border: 1px solid #212121; 9135} 9136 9137@media only screen and (min-width:1024px) { 9138 .btn:hover { 9139 transform: translateY(-1px); 9140 } 9141} 9142 9143@media only screen and (min-width:1024px) { 9144 .btn:active, 9145 .btn:focus { 9146 color: #fafafa; 9147 transform: translateY(1px); 9148 background-color: #fff; 9149 color: #212121; 9150 border: 2px solid #212121 9151 } 9152} 9153 9154.btn-cta { 9155 font-size: 14px; 9156 font-weight: 400; 9157 transition: all .4s ease-in-out; 9158 background-color: #212121; 9159 color: #fff; 9160 border: 2px solid #212121; 9161 text-transform: uppercase 9162} 9163 9164@media only screen and (min-width:1024px) { 9165 .btn-cta:hover { 9166 transform: translateY(-1px); 9167 background: #212121; 9168 color: #fff 9169 } 9170} 9171 9172@media only screen and (min-width:1024px) { 9173 .btn-cta:active, 9174 .btn-cta:focus { 9175 color: #fff; 9176 transform: translateY(1px); 9177 background-color: #212121 9178 } 9179} 9180 9181.btn-input { 9182 border-radius: 0 5px 5px 0; 9183 background-color: #fff; 9184 box-shadow: none 9185} 9186 9187.btn-input:hover { 9188 transform: none 9189} 9190 9191.btn-steps { 9192 background-color: #000000; 9193 border: 1px solid #212121; 9194 color: #212121 9195} 9196 9197.btn-steps:hover { 9198 background-color: #212121; 9199 color: #fafafa 9200} 9201 9202.btn-showmore { 9203 border-radius: 100px; 9204 width: 3em; 9205 height: 3em 9206} 9207 9208.btn--small { 9209 padding: 4px 5px; 9210 font-size: .75em 9211} 9212 9213.btn--large { 9214 padding: 12px 15px; 9215 font-size: 1em 9216} 9217 9218.btn-block { 9219 display: block; 9220 width: 100% 9221} 9222 9223.btn-block+.btn-block { 9224 margin-top: .5rem 9225} 9226 9227input[type="submit"].btn-block, 9228input[type="reset"].btn-block, 9229input[type="button"].btn-block { 9230 width: 100% 9231} 9232 9233.text-link { 9234 display: inline; 9235 border: 0 none; 9236 background: none; 9237 padding: 0; 9238 margin: 0 9239} 9240 9241ul, 9242ol { 9243 margin: 0 0 10px 20px; 9244 padding: 0 9245} 9246 9247ol { 9248 list-style: decimal 9249} 9250 9251ul ul, 9252ul ol, 9253ol ol, 9254ol ul { 9255 margin: 4px 0 20px 20px 9256} 9257 9258li { 9259 margin-bottom: .15em 9260} 9261 9262ul.square { 9263 list-style: square outside 9264} 9265 9266ul.disc { 9267 list-style: disc outside 9268} 9269 9270ol.alpha { 9271 list-style: lower-alpha outside 9272} 9273 9274.no-bullets { 9275 list-style: none outside; 9276 margin-left: 0 9277} 9278 9279.inline-list { 9280 margin-left: 0 9281} 9282 9283.inline-list li { 9284 display: inline-block; 9285 margin-bottom: 0 9286} 9287 9288.list-unstyled { 9289 padding-left: 0; 9290 list-style: none 9291} 9292 9293.list-unstyled a { 9294 color: #fafafa 9295} 9296 9297.list-unstyled a:hover { 9298 color: #c7c7c7 9299} 9300 9301.list-inline { 9302 padding-left: 0; 9303 list-style: none 9304} 9305 9306.list-inline-item { 9307 display: inline-block 9308} 9309 9310.list-inline-item:not(:last-child) { 9311 margin-right: 5px 9312} 9313 9314thead { 9315 display: table-header-group 9316} 9317 9318table { 9319 border-collapse: collapse 9320} 9321 9322th { 9323 text-align: inherit 9324} 9325 9326.table { 9327 width: 100%; 9328 max-width: 100%; 9329 margin-bottom: 1rem; 9330 background-color: #000000 9331} 9332 9333.table th, 9334.table td { 9335 padding: .75rem; 9336 vertical-align: top; 9337 border-top: 1px solid #e9ecef 9338} 9339 9340.table thead th { 9341 vertical-align: bottom; 9342 border-bottom: 2px solid #e9ecef 9343} 9344 9345.table tbody+tbody { 9346 border-top: 2px solid #e9ecef 9347} 9348 9349.table .table { 9350 background-color: #fff 9351} 9352 9353.table-sm th, 9354.table-sm td { 9355 padding: .3rem 9356} 9357 9358.table-bordered { 9359 border: 1px solid #e9ecef 9360} 9361 9362.table-bordered th, 9363.table-bordered td { 9364 border: 1px solid #e9ecef 9365} 9366 9367.table-bordered thead th, 9368.table-bordered thead td { 9369 border-bottom-width: 2px 9370} 9371 9372.table-striped tbody tr:nth-of-type(odd) { 9373 background-color: rgba(0, 0, 0, .05) 9374} 9375 9376.table-hover tbody tr:hover { 9377 background-color: rgba(0, 0, 0, .075) 9378} 9379 9380.table-primary, 9381.table-primary>th, 9382.table-primary>td { 9383 background-color: #b8daff 9384} 9385 9386.table-hover .table-primary:hover { 9387 background-color: #9fcdff 9388} 9389 9390.table-hover .table-primary:hover>td, 9391.table-hover .table-primary:hover>th { 9392 background-color: #9fcdff 9393} 9394 9395.table-secondary, 9396.table-secondary>th, 9397.table-secondary>td { 9398 background-color: #dddfe2 9399} 9400 9401.table-hover .table-secondary:hover { 9402 background-color: #cfd2d6 9403} 9404 9405.table-hover .table-secondary:hover>td, 9406.table-hover .table-secondary:hover>th { 9407 background-color: #cfd2d6 9408} 9409 9410.table-success, 9411.table-success>th, 9412.table-success>td { 9413 background-color: #c3e6cb 9414} 9415 9416.table-hover .table-success:hover { 9417 background-color: #b1dfbb 9418} 9419 9420.table-hover .table-success:hover>td, 9421.table-hover .table-success:hover>th { 9422 background-color: #b1dfbb 9423} 9424 9425.table-info, 9426.table-info>th, 9427.table-info>td { 9428 background-color: #bee5eb 9429} 9430 9431.table-hover .table-info:hover { 9432 background-color: #abdde5 9433} 9434 9435.table-hover .table-info:hover>td, 9436.table-hover .table-info:hover>th { 9437 background-color: #abdde5 9438} 9439 9440.table-warning, 9441.table-warning>th, 9442.table-warning>td { 9443 background-color: #ffeeba 9444} 9445 9446.table-hover .table-warning:hover { 9447 background-color: #ffe8a1 9448} 9449 9450.table-hover .table-warning:hover>td, 9451.table-hover .table-warning:hover>th { 9452 background-color: #ffe8a1 9453} 9454 9455.table-danger, 9456.table-danger>th, 9457.table-danger>td { 9458 background-color: #f5c6cb 9459} 9460 9461.table-hover .table-danger:hover {
9462 background-color: #f1b0b7 9463} 9464 9465.table-hover .table-danger:hover>td, 9466.table-hover .table-danger:hover>th { 9467 background-color: #f1b0b7 9468} 9469 9470.table-light, 9471.table-light>th, 9472.table-light>td { 9473 background-color: #fdfdfe 9474} 9475 9476.table-hover .table-light:hover { 9477 background-color: #ececf6 9478} 9479 9480.table-hover .table-light:hover>td, 9481.table-hover .table-light:hover>th { 9482 background-color: #ececf6 9483} 9484 9485.table-dark, 9486.table-dark>th, 9487.table-dark>td { 9488 background-color: #c6c8ca 9489} 9490 9491.table-hover .table-dark:hover { 9492 background-color: #b9bbbe 9493} 9494 9495.table-hover .table-dark:hover>td, 9496.table-hover .table-dark:hover>th { 9497 background-color: #b9bbbe 9498} 9499 9500.table-active, 9501.table-active>th, 9502.table-active>td { 9503 background-color: rgba(0, 0, 0, .075) 9504} 9505 9506.table-hover .table-active:hover { 9507 background-color: rgba(0, 0, 0, .075) 9508} 9509 9510.table-hover .table-active:hover>td, 9511.table-hover .table-active:hover>th { 9512 background-color: rgba(0, 0, 0, .075) 9513} 9514 9515.table .thead-dark th { 9516 color: #fff; 9517 background-color: #212529; 9518 border-color: #32383e 9519} 9520 9521.table .thead-light th { 9522 color: #495057; 9523 background-color: #e9ecef; 9524 border-color: #e9ecef 9525} 9526 9527.table-dark { 9528 color: #fff; 9529 background-color: #212529 9530} 9531 9532.table-dark th, 9533.table-dark td, 9534.table-dark thead th { 9535 border-color: #32383e 9536} 9537 9538.table-dark.table-bordered { 9539 border: 0 9540} 9541 9542.table-dark.table-striped tbody tr:nth-of-type(odd) { 9543 background-color: rgba(255, 255, 255, .05) 9544} 9545 9546.table-dark.table-hover tbody tr:hover { 9547 background-color: rgba(255, 255, 255, .075) 9548} 9549 9550@media (max-width:575px) { 9551 .table-responsive-sm { 9552 display: block; 9553 width: 100%; 9554 overflow-x: auto; 9555 -webkit-overflow-scrolling: touch; 9556 -ms-overflow-style: -ms-autohiding-scrollbar 9557 } 9558 .table-responsive-sm.table-bordered { 9559 border: 0 9560 } 9561} 9562 9563@media (max-width:767px) { 9564 .table-responsive-md { 9565 display: block; 9566 width: 100%; 9567 overflow-x: auto; 9568 -webkit-overflow-scrolling: touch; 9569 -ms-overflow-style: -ms-autohiding-scrollbar 9570 } 9571 .table-responsive-md.table-bordered { 9572 border: 0 9573 } 9574} 9575 9576@media (max-width:991px) { 9577 .table-responsive-lg { 9578 display: block; 9579 width: 100%; 9580 overflow-x: auto; 9581 -webkit-overflow-scrolling: touch; 9582 -ms-overflow-style: -ms-autohiding-scrollbar 9583 } 9584 .table-responsive-lg.table-bordered { 9585 border: 0 9586 } 9587} 9588 9589@media (max-width:1199px) { 9590 .table-responsive-xl { 9591 display: block; 9592 width: 100%; 9593 overflow-x: auto; 9594 -webkit-overflow-scrolling: touch; 9595 -ms-overflow-style: -ms-autohiding-scrollbar 9596 } 9597 .table-responsive-xl.table-bordered { 9598 border: 0 9599 } 9600} 9601 9602.table-responsive { 9603 display: block; 9604 width: 100%; 9605 overflow-x: auto; 9606 -webkit-overflow-scrolling: touch; 9607 -ms-overflow-style: -ms-autohiding-scrollbar 9608} 9609 9610.table-responsive.table-bordered { 9611 border: 0 9612} 9613 9614.media, 9615.media-flex { 9616 overflow: hidden; 9617 _overflow: visible; 9618 zoom: 1 9619} 9620 9621.media-img { 9622 float: left; 9623 margin-right: 20px 9624} 9625 9626.media-img-right { 9627 float: right; 9628 margin-left: 20px 9629} 9630 9631.media-img img, 9632.media-img-right img { 9633 display: block 9634} 9635 9636img { 9637 border: 0 none 9638} 9639 9640svg:not(:root) { 9641 overflow: hidden 9642} 9643 9644.img-fluid, 9645img, 9646iframe { 9647 max-width: 100%; 9648 height: auto 9649} 9650 9651.video-wrapper { 9652 position: relative; 9653 overflow: hidden; 9654 max-width: 100%; 9655 padding-bottom: 56.25%; 9656 height: 0; 9657 height: auto 9658} 9659 9660.video-wrapper iframe { 9661 position: absolute; 9662 top: 0; 9663 left: 0; 9664 width: 100%; 9665 height: 100% 9666} 9667 9668form { 9669 margin-bottom: 0 9670} 9671 9672.form-group.error > input { 9673 border-color: red; 9674} 9675 9676.form-vertical { 9677 margin-bottom: 10px 9678} 9679 9680.form-control { 9681 display: block; 9682 width: 100%; 9683 padding: 0.375rem 0.75rem; 9684 font-size: 14px; 9685 line-height: 1.5; 9686 color: #ffffff; 9687 background-color: #000000; 9688 background-clip: padding-box; 9689 border: 1px solid #212121; 9690 border-radius: 0; 9691 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 9692} 9693 9694@media screen and (max-width:768px) { 9695 input, 9696 textarea { 9697 font-size: 16px 9698 } 9699} 9700 9701input, 9702textarea, 9703button, 9704select { 9705 padding: 0; 9706 margin: 0; 9707 -webkit-user-select: text; 9708 -moz-user-select: text;
9709 -ms-user-select: text; 9710 user-select: text 9711} 9712 9713button { 9714 background: none; 9715 border: none; 9716 cursor: pointer 9717} 9718 9719button, 9720input, 9721textarea { 9722 -webkit-appearance: none; 9723 -moz-appearance: none 9724} 9725 9726button { 9727 background: none; 9728 border: none; 9729 display: inline-block; 9730 cursor: pointer 9731} 9732 9733input[type="image"] { 9734 padding-left: 0; 9735 padding-right: 0 9736} 9737 9738fieldset { 9739 border:1px solid { 9740 { 9741 settings.color-primary 9742 } 9743 } 9744 ; 9745 padding:10px 9746} 9747 9748legend { 9749 border: 0; 9750 padding: 0 9751} 9752 9753button, 9754input[type="submit"] { 9755 cursor: pointer 9756} 9757 9758input, 9759textarea, 9760select { 9761 border: 1px solid #212121; 9762 max-width: 100%; 9763 padding: 8px 10px; 9764 font-family: { 9765 { 9766 settings.font_body 9767 } 9768 } 9769} 9770 9771input:focus, 9772textarea:focus, 9773select:focus { 9774 outline: none 9775} 9776 9777input[disabled], 9778input.disabled, 9779textarea[disabled], 9780textarea.disabled, 9781select[disabled], 9782select.disabled, 9783select[disabled]+.select2{ 9784 cursor: default; 9785 color: #212121!important; 9786 background-color: #b8b8b8!important; 9787 border-color: #7b7b7b!important 9788} 9789 9790input.input-full, 9791textarea.input-full, 9792select.input-full { 9793 width: 100% 9794} 9795 9796textarea { 9797 min-height: 100px 9798} 9799 9800input[type="checkbox"], 9801input[type="radio"] { 9802 display: inline; 9803 margin: 0 8px 0 0; 9804 padding: 0; 9805 width: auto 9806} 9807 9808input[type="checkbox"] { 9809 -webkit-appearance: checkbox; 9810 -moz-appearance: checkbox 9811} 9812 9813input[type="radio"] { 9814 -webkit-appearance: radio; 9815 -moz-appearance: radio 9816} 9817 9818input[type="image"] { 9819 padding-left: 0; 9820 padding-right: 0 9821} 9822 9823select { 9824 /* -webkit-appearance: auto!important; */ 9825 -moz-appearance: auto!important; 9826 appearance: none; 9827 background-position: right center; 9828 background-repeat: no-repeat; 9829 background-position: right 10px center; 9830 background-color: #fff; 9831 padding-right: 28px; 9832 text-indent: .01px; 9833 text-overflow: ''; 9834 cursor: pointer 9835} 9836 9837.ie9 select, 9838.lt-ie9 select { 9839 padding-right: 10px; 9840 background-image: none 9841} 9842 9843optgroup { 9844 font-weight: 600 9845} 9846 9847option { 9848 color: #212121; 9849 background-color: #fff 9850} 9851 9852select::-ms-expand { 9853 display: none 9854} 9855 9856.hidden-label { 9857 position: absolute; 9858 height: 0; 9859 width: 0; 9860 margin-bottom: 0; 9861 overflow: hidden; 9862 clip: rect(1px, 1px, 1px, 1px) 9863} 9864 9865.ie9 .hidden-label, 9866.lt-ie9 .hidden-label { 9867 position: static; 9868 height: auto; 9869 width: auto; 9870 margin-bottom: 2px; 9871 overflow: visible; 9872 clip: initial 9873} 9874 9875label[for] { 9876 cursor: pointer 9877} 9878 9879.form-vertical input, 9880.form-vertical select, 9881.form-vertical textarea { 9882 display: block; 9883 margin-bottom: 10px 9884} 9885 9886.form-vertical input[type="radio"], 9887.form-vertical input[type="checkbox"] { 9888 display: inline-block 9889} 9890 9891input.error, 9892select.error, 9893textarea.error { 9894 border-color: #df2030; 9895 background-color: #fff6f6; 9896 color: #df2030 9897} 9898 9899label.error { 9900 color: #df2030 9901} 9902 9903.input-group { 9904 position: relative; 9905 display: table; 9906 border-collapse: separate 9907} 9908 9909.input-group .input-group-field:first-child, 9910.input-group .input-group-btn:first-child, 9911.input-group .input-group-btn:first-child>.btn, 9912.input-group input[type="hidden"]:first-child+.input-group-field, 9913.input-group input[type="hidden"]:first-child+.input-group-btn>.btn { 9914 border-radius: 5px 0 0 5px 9915} 9916 9917.input-group .input-group-field:last-child, 9918.input-group .input-group-btn:last-child>.btn { 9919 border-radius: 0 5px 5px 0 9920} 9921 9922.input-group input::-moz-focus-inner { 9923 border: 0; 9924 padding: 0; 9925 margin-top: -1px; 9926 margin-bottom: -1px 9927} 9928 9929.input-group-field, 9930.input-group-btn { 9931 display: table-cell; 9932 vertical-align: middle; 9933 margin: 0 9934} 9935 9936.input-group .btn, 9937.input-group .input-group-field { 9938 height: 37px 9939} 9940 9941.input-group .input-group-field { 9942 width: 100% 9943} 9944 9945.input-group-btn { 9946 position: relative; 9947 white-space: nowrap; 9948 width: 1%; 9949 padding: 0 9950} 9951 9952.icon-fallback-text .icon { 9953 display: none 9954} 9955 9956.supports-fontface .icon-fallback-text .icon { 9957 display: inline-block 9958} 9959 9960.icon:before { 9961 display: none 9962} 9963 9964.supports-fontface .icon:before { 9965 display: inline; 9966 font-family: "icons"; 9967 text-decoration: none; 9968 speak: none; 9969 font-style: normal; 9970 font-weight: 400; 9971 font-variant: normal; 9972 text-transform: none; 9973 line-height: 1; 9974 -webkit-font-smoothing: antialiased; 9975 -moz-osx-font-smoothing: grayscale 9976} 9977 9978.payment-icons { 9979 -webkit-user-select: none; 9980 -moz-user-select: none;
9981 -ms-user-select: none; 9982 user-select: none; 9983 cursor: default 9984} 9985 9986.payment-icons li { 9987 margin: 0 5px 5px; 9988 color: #bbb; 9989 cursor: default 9990} 9991 9992.payment-icons .icon { 9993 font-size: 30px; 9994 line-height: 30px 9995} 9996 9997.payment-icons .fallback-text { 9998 text-transform: capitalize 9999} 10000 10001.social-icons li { 10002 margin: 0 10px 10px 0; 10003 vertical-align: middle 10004} 10005 10006.social-icons img { 10007 width: 20px 10008} 10009 10010@media screen and (min-width:481px) { 10011 .social-icons li { 10012 margin-left: 0 10013 } 10014} 10015 10016.social-icons li .icon { 10017 font-size: 30px; 10018 line-height: 26px 10019} 10020 10021.social-icons li a { 10022 color: #bbb 10023} 10024 10025.social-icons li a:hover { 10026 color: #a2a2a2 10027} 10028 10029.icon { 10030 display: inline-block; 10031 width: 1em; 10032 height: 1em; 10033 stroke-width: 0; 10034 stroke: currentColor; 10035 fill: currentColor 10036} 10037 10038.btn:active, 10039.btn:focus { 10040 fill: #fff 10041} 10042 10043.icon-cart { 10044 width: 2.5em; 10045 height: 2.5em 10046} 10047 10048@media only screen and (max-width:56.25em) { 10049 .icon-cart { 10050 width: 2em; 10051 height: 2em 10052 } 10053} 10054 10055.cart-count { 10056 position: absolute; 10057 top: 6px; 10058 right: -6px; 10059 background-color: { 10060 { 10061 settings.color-primary 10062 } 10063 } 10064 ; 10065 height:14px; 10066 width:14px; 10067 border-radius:50%; 10068 color:#fafafa; 10069 text-align:center; 10070 font-size:12px; 10071 line-height:13px 10072} 10073 10074.cart-count-mobile { 10075 top: 8px; 10076 right: 14px; 10077 font-size: .7em; 10078 height: 16px; 10079 width: 16px 10080} 10081 10082.icon-user { 10083 width: 2.5em; 10084 height: 2.5em 10085} 10086 10087.icon-logo { 10088 width: 100%; 10089 height: auto 10090} 10091 10092@media only screen and (max-width:56.25em) { 10093 .icon-logo { 10094 width: 130%; 10095 margin-left: -10% 10096 } 10097} 10098 10099.icon-search { 10100 width: 30px; 10101 height: 30px; 10102 margin-top: -.4em; 10103 stroke-width: 1 10104} 10105 10106.icon-logo:hover path { 10107 fill: #212121 10108} 10109 10110.icon-twitter, 10111.icon-facebook, 10112.icon-instagram, 10113.icon-youtube { 10114 fill: #212121; 10115 width: 1.5em; 10116 height: 1.5em 10117} 10118 10119.icon-twitter:hover { 10120 fill: #212121 10121} 10122 10123.icon-facebook:hover { 10124 fill: #212121 10125} 10126 10127.icon-instagram:hover { 10128 fill: #212121 10129} 10130 10131.icon-youtube:hover { 10132 fill: #212121 10133} 10134 10135.icon-mail, 10136.icon-phone, 10137.icon-whatsapp { 10138 width: 2em; 10139 height: 2em 10140} 10141 10142.icon-menu { 10143 width: 24px; 10144 height: 16px; 10145 position: relative 10146} 10147 10148.bar { 10149 height: 2px; 10150 border-radius: 1px; 10151 background-color: #fff; 10152 position: absolute; 10153 left: 0 10154} 10155 10156.bar-top { 10157 width: 24px; 10158 top: 0 10159} 10160 10161.bar-middle { 10162 width: 22px; 10163 top: 7px 10164} 10165 10166.bar-bottom { 10167 width: 20px; 10168 bottom: 0 10169} 10170 10171.icon-close { 10172 width: 2.5em; 10173 height: 2.5em 10174} 10175 10176.cart__remove .icon-close { 10177 width: 1em; 10178 height: 1em; 10179 margin-bottom: -2px 10180} 10181 10182.icon-chevron-down, 10183.icon-chevron-up { 10184 width: 1.5em; 10185 height: 1.5em 10186} 10187 10188.icon-chevron-right, 10189.icon-chevron-left { 10190 width: 2.1em; 10191 height: 2.1em; 10192 padding: .6em; 10193 position: relative; 10194 background: #fff; 10195 border-radius: 50% 10196} 10197 10198.icon-minus, 10199.icon-plus { 10200 width: .75em; 10201 height: .75em 10202} 10203 10204.icon-sort, 10205.icon-filter { 10206 width: 1.2em; 10207 height: 1.2em; 10208 margin-bottom: -4px 10209} 10210 10211.pagination { 10212 margin-bottom: 1em; 10213 text-align: center 10214} 10215 10216.pagination>span { 10217 display: inline-block; 10218 line-height: 1 10219} 10220 10221.pagination a { 10222 display: block 10223} 10224 10225.pagination a, 10226.pagination .page.current { 10227 padding: 8px 10228} 10229 10230.header-wrapper { 10231 width: 100%; 10232 position: static; 10233 top: 0; 10234 left: 0; 10235 transition: .5s ease-in-out 10236} 10237 10238.scrollActive .header-wrapper { 10239 position: fixed; 10240 width: 100%; 10241 z-index: 9998 10242} 10243 10244.site-header .grid--table { 10245 display: table; 10246 table-layout: fixed; 10247 width: 100% 10248} 10249 10250.site-header .grid--table>.grid__item { 10251 float: none; 10252 display: table-cell; 10253 vertical-align: middle 10254} 10255 10256.site-header__logo { 10257 margin: 0 auto; 10258 max-width: 100%; 10259 line-height: 0; 10260} 10261 10262@media screen and (min-width:769px) { 10263 .site-header__logo { 10264 text-align: left; 10265 font-size: 45px 10266 } 10267} 10268 10269.site-header__logo a, 10270.site-header__logo a:hover, 10271.site-header__logo a:focus { 10272 text-decoration: none 10273} 10274 10275.site-header__logo a, 10276.site-header__logo img { 10277 display: block 10278} 10279 10280.site-header__logo img { 10281 margin: 0 auto 10282} 10283 10284.site-header__logo-link { 10285 max-width: 450px; 10286 margin: 0 auto 10287} 10288 10289.site-header__cart-toggle { 10290 display: inline-block 10291} 10292 10293.site-header__search { 10294 display: inline-block; 10295 max-width: 400px; 10296 margin-top: 10px; 10297 width: 100% 10298} 10299 10300.search-bar { 10301 max-width: 100% 10302} 10303 10304@media screen and (max-width:768px) { 10305 .search-bar { 10306 margin-left: auto; 10307 margin-right: auto 10308 } 10309} 10310 10311.nav-bar { 10312 background-color: #2e1645; 10313 padding: 0 10314} 10315 10316.site-nav, 10317.site-nav--mobile { 10318 font-size: 16px; 10319 cursor: default; 10320 margin: 0 10321} 10322 10323.site-nav li, 10324.site-nav--mobile li { 10325 margin: 0; 10326 display: block 10327} 10328 10329.site-nav>li, 10330.site-nav--mobile>li { 10331 display: inline-block 10332} 10333 10334.sub-dropdown li:not(:first-child) { 10335 margin-top: 4px 10336} 10337 10338.sub-dropdown a { 10339 color: #666 10340} 10341 10342.sub-dropdown a:hover { 10343 color: #b8b8b8 10344} 10345 10346.dontsplit:not(:first-child) { 10347 margin-top: 4px !important 10348} 10349 10350.text-left .site-nav--mobile { 10351 margin: 0 0 0 -10px 10352} 10353 10354.text-right .site-nav--mobile { 10355 margin: 0 -10px 0 0 10356} 10357 10358.site-nav__link { 10359 display: block; 10360 text-decoration: none; 10361 padding: 10px 20px; 10362 white-space: nowrap; 10363 color: #fafafa 10364} 10365 10366.site-nav__link:hover, 10367.site-nav__link:active, 10368.site-nav__link:focus { 10369 color: #fff; 10370 background-color: #757575 10371} 10372 10373.site-nav__link .icon-arrow-down { 10374 position: relative; 10375 top: -2px; 10376 font-size: 10px; 10377 padding-left: 5px 10378} 10379 10380.site-nav--active>.site-nav__link { 10381 font-weight: 600 10382} 10383 10384.site-nav--mobile .site-nav__link { 10385 display: inline-block 10386} 10387 10388.mega-menu__link { 10389 color: #121212 10390} 10391 10392.site-nav__dropdown { 10393 display: none; 10394 position: absolute; 10395 left: 0; 10396 margin: 0; 10397 z-index: 5 10398} 10399 10400.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown,
10401.site-nav--has-dropdown.nav-hover .site-nav__dropdown, 10402.nav-focus+.site-nav__dropdown { 10403 display: block 10404} 10405 10406.site-nav__dropdown a { 10407 background-color: #2e1645 10408} 10409 10410.site-nav__dropdown a:hover, 10411.site-nav__dropdown a:active, 10412.site-nav__dropdown a:focus { 10413 background-color: #212121; 10414 color: #fafafa 10415} 10416 10417.mega-menu__link { 10418 color: #121212 10419} 10420 10421.nav-search { 10422 position: relative 10423} 10424 10425@media screen and (max-width:768px) { 10426 .nav-search { 10427 padding: 0 0 10px; 10428 margin: 0 auto; 10429 text-align: center 10430 } 10431} 10432 10433header .search-bar .btn { 10434 border-radius: 0 5px 5px 0; 10435 background-color: 10436 10437 settings.color-primary 10438 } 10439 } 10440 ; 10441 color:#fafafa; 10442} 10443 10444.mobile-nav li { 10445 margin-bottom: 0 10446} 10447 10448.mobile-nav__search { 10449 padding: 10px 10450} 10451 10452.mobile-nav__search .search-bar { 10453 margin-bottom: 0 10454} 10455 10456.mobile-nav__search .btn-input { 10457 background-color: #f2f2f2 10458} 10459 10460.mobile-nav__item { 10461 position: relative; 10462 display: block 10463} 10464 10465.mobile-nav>.mobile-nav__item:last-child:after { 10466 display: none 10467} 10468 10469.mobile-nav__item a, 10470.mobile-nav__toggle button { 10471 color: #121212; 10472 padding: 10px; 10473 text-decoration: none 10474} 10475 10476.mobile-nav__item a:hover, 10477.mobile-nav__item a:active, 10478.mobile-nav__item a:focus, 10479.mobile-nav__toggle button:hover, 10480.mobile-nav__toggle button:active, 10481.mobile-nav__toggle button:focus { 10482 color: { 10483 { 10484 settings.color-primary 10485 } 10486 } 10487} 10488 10489.mobile-nav__item a:active, 10490.mobile-nav__item a:focus, 10491.mobile-nav__toggle button:active, 10492.mobile-nav__toggle button:focus { 10493 background-color: #b8b8b8 10494} 10495 10496.mobile-nav__item a { 10497 display: block 10498} 10499 10500.mobile-nav__item--active { 10501 font-weight: 600 10502} 10503 10504.mobile-nav__has-sublist { 10505 display: table; 10506 width: 100% 10507} 10508 10509.mobile-nav__has-sublist .mobile-nav__link { 10510 display: table-cell; 10511 vertical-align: middle; 10512 width: 100% 10513} 10514 10515.mobile-nav__toggle { 10516 display: table-cell; 10517 vertical-align: middle; 10518 width: 1% 10519} 10520 10521.mobile-nav--expanded .mobile-nav__toggle-open { 10522 display: none 10523} 10524 10525.mobile-nav__toggle-close { 10526 display: none 10527} 10528 10529.mobile-nav--expanded .mobile-nav__toggle-close { 10530 display: block 10531} 10532 10533.mobile-nav__sublist { 10534 margin: 0; 10535 max-height: 0; 10536 visibility: hidden; 10537 overflow: hidden; 10538 transition: all 300ms cubic-bezier(.57, .06, .05, .95); 10539 -webkit-backface-visibility: hidden; 10540 backface-visibility: hidden 10541} 10542 10543.mobile-nav--expanded+.mobile-nav__sublist { 10544 background-color: #212121; 10545 visibility: visible; 10546 max-height: 700px; 10547 transition: all 700ms cubic-bezier(.57, .06, .05, .95) 10548} 10549 10550.mobile-nav--expanded+.mobile-nav__sublist a { 10551 font-size: 16px 10552} 10553 10554ul.mobile-nav__sublist li a { 10555 font-size: 16px 10556} 10557 10558.mobile-nav__sublist .mobile-nav__item:after { 10559 top: 0; 10560 bottom: auto 10561} 10562 10563.mobile-nav__sublist .mobile-nav__link { 10564 padding-left: 20px; 10565 font-weight: 400 10566} 10567 10568.js-drawer-open { 10569 overflow: hidden 10570} 10571 10572.drawer { 10573 -webkit-transform: translateZ(0); 10574 will-change: transform; 10575 display: none; 10576 position: fixed; 10577 overflow-y: auto; 10578 overflow-x: hidden; 10579 -webkit-overflow-scrolling: touch; 10580 top: 0; 10581 bottom: 0; 10582 padding: 0 0 10px; 10583 max-width: 95%; 10584 z-index: 9999; 10585 color: #121212; 10586 background-color: #fff; 10587 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 10588} 10589 10590.drawer a { 10591 color: #121212 10592} 10593 10594.drawer--left { 10595 width: 320px; 10596 left: -320px; 10597 box-shadow: 2px 0 8px rgba(0, 0, 0, .3) 10598} 10599 10600.js-drawer-open-left .drawer--left { 10601 display: block; 10602 -ms-transform: translateX(320px); 10603 -webkit-transform: translateX(320px); 10604 transform: translateX(320px) 10605} 10606 10607.lt-ie9 .js-drawer-open-left .drawer--left { 10608 left: 0 10609} 10610 10611.drawer--right { 10612 width: 320px; 10613 right: -320px; 10614 box-shadow: -2px 0 8px rgba(0, 0, 0, .3) 10615} 10616 10617.js-drawer-open-right .drawer--right { 10618 display: block; 10619 -ms-transform: translateX(-320px); 10620 -webkit-transform: translateX(-320px); 10621 transform: translateX(-320px) 10622} 10623 10624.lt-ie9 .js-drawer-open-right .drawer--right { 10625 right: 0 10626} 10627 10628.js-drawer-open-right .overlay-cart { 10629 position: fixed; 10630 background-color: rgba(0, 0, 0, .3); 10631 width: 100%; 10632 top: 0; 10633 height: 100%; 10634 z-index: 9999 10635} 10636 10637.js-drawer-open-left .overlay-nav { 10638 position: fixed; 10639 background-color: rgba(0, 0, 0, .3); 10640 width: 100%; 10641 top: 0; 10642 height: 100%; 10643 z-index: 9999 10644} 10645 10646#PageContainer { 10647 overflow: hidden 10648} 10649 10650.is-moved-by-drawer { 10651 -webkit-transform: translateZ(0); 10652 will-change: transform; 10653 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 10654} 10655 10656.js-drawer-open-left .is-moved-by-drawer { 10657 -ms-transform: translateX(320px); 10658 -webkit-transform: translateX(320px); 10659 transform: translateX(320px) 10660} 10661 10662.js-drawer-open-right .is-moved-by-drawer { 10663 -ms-transform: translateX(-320px); 10664 -webkit-transform: translateX(-320px); 10665 transform: translateX(-320px) 10666} 10667 10668.drawer__header { 10669 display: table; 10670 height: 35px; 10671 width: 100%; 10672 margin-bottom: 10px 10673} 10674 10675.drawer__title, 10676.drawer__close { 10677 display: table-cell; 10678 vertical-align: middle 10679} 10680 10681.drawer__title { 10682 width: 100% 10683} 10684 10685.drawer__close { 10686 width: 1%; 10687 text-align: center; 10688 font-size: 1.125em 10689} 10690 10691.drawer__close button { 10692 position: relative; 10693 right: -20px; 10694 height: 100%; 10695 padding: 0 20px; 10696 color: inherit 10697} 10698 10699.drawer__close button:active, 10700.drawer__close button:focus { 10701 background-color: #b8b8b8 10702} 10703 10704.template-product .site-footer { 10705 padding-bottom: 125px; 10706} 10707 10708.site-footer { 10709 background-color: #212121; 10710 color: #fff; 10711} 10712 10713.site-footer h6, .seo-footer h6 {font-size: 16px!important;font-weight: 600!important;text-transform: uppercase;} 10714 10715.footer-seo-text div, 10716.about_text p, 10717.article-list { 10718 font-size: 0.7em !important; 10719} 10720 10721.footer-seo-text div a, 10722.about_text p a, 10723.article-list a { 10724 font-size: 14px; 10725} 10726 10727.footer-seo-text .title-footer-seo { 10728 font-size: 1em 10729} 10730 10731.about_text { 10732 column-count: 2; 10733 -webkit-column-count: 2; 10734 text-align: justify;
10735} 10736 10737.about_text p { 10738 margin-top: 0 10739} 10740 10741.grid__image { 10742 display: block; 10743 margin: 0 auto 10px 10744} 10745 10746.grid__image img { 10747 display: block; 10748 margin: 0 auto 10749} 10750 10751.filter--active { 10752 font-weight: 600 10753} 10754 10755.breadcrumb a, 10756.breadcrumb span { 10757 display: inline-block; 10758 font-size: 16px; 10759 color: #121212; 10760 margin-right: 20px; 10761 text-transform: uppercase; 10762 vertical-align: middle; 10763} 10764.breadcrumb__sep { 10765 font-size: 50px; 10766} 10767.breadcrumb a:hover { 10768 text-decoration: underline 10769} 10770 10771.breadcrumb a:first-child, 10772.breadcrumb span:first-child { 10773 padding-left: 0 10774} 10775 10776.product-single__variants { 10777 display: none 10778} 10779 10780.no-js .product-single__variants { 10781 display: block 10782} 10783 10784.product-single__photos { 10785 margin-bottom: 20px 10786} 10787 10788.product-single__photos a, 10789.product-single__photos img, 10790.product-single__thumbnails a, 10791.product-single__thumbnails img { 10792 display: block; 10793 margin: 0 auto 10794} 10795 10796.product-single__photos li, 10797.product-single__thumbnails li { 10798 margin-bottom: 20px 10799} 10800 10801.note, 10802.errors { 10803 border-radius: 5px; 10804 padding: 6px 12px; 10805 margin-bottom: 10px; 10806 border: 1px solid #000000; 10807 font-size: .9em; 10808 text-align: left 10809} 10810 10811.note ul, 10812.note ol, 10813.errors ul, 10814.errors ol { 10815 margin-top: 0; 10816 margin-bottom: 0 10817} 10818 10819.note li:last-child, 10820.errors li:last-child { 10821 margin-bottom: 0 10822} 10823 10824.note p, 10825.errors p { 10826 margin-bottom: 0 10827} 10828 10829.note { 10830 border-color: #f2f2f2 10831} 10832 10833.errors ul { 10834 list-style: disc outside; 10835 margin-left: 20px 10836} 10837 10838.form-success { 10839 color: #757575; 10840 background-color: #f0fff0; 10841 border-color: #757575 10842} 10843 10844.form-success a { 10845 color: #757575; 10846 text-decoration: underline 10847} 10848 10849.form-success a:hover { 10850 text-decoration: none 10851} 10852 10853.form-error, 10854.errors { 10855 color: #df2030; 10856 background-color: #fff6f6; 10857 border-color: #df2030 10858} 10859 10860.form-error a, 10861.errors a { 10862 color: #df2030; 10863 text-decoration: underline 10864} 10865 10866.form-error a:hover, 10867.errors a:hover { 10868 text-decoration: none 10869} 10870 10871.cart__row { 10872 position: relative; 10873 margin-top: 20px; 10874 padding-top: 20px; 10875 border-top:1px solid 10876 10877 settings.color-primary 10878 } 10879 } 10880} 10881 10882.cart__row:first-child { 10883 margin-top: 0 10884} 10885 10886.cart__row:first-child { 10887 padding-top: 0 10888} 10889 10890.cart__row .js-qty, 10891.cart__row .ajaxcart__qty { 10892 margin: 0 auto 10893} 10894 10895.cart-table th { 10896 font-weight: 400 10897} 10898 10899.cart-table td, 10900.cart-table th { 10901 padding: 30px 15px; 10902 border: none 10903} 10904 10905@media screen and (min-width:769px) { 10906 .cart__row--table-large { 10907 display: table; 10908 table-layout: fixed; 10909 width: 100% 10910 } 10911 .cart__row--table-large .grid__item { 10912 display: table-cell; 10913 vertical-align: middle; 10914 float: none 10915 } 10916} 10917 10918.cart__image { 10919 display: block; 10920 max-width: 120px; 10921 min-width: 75px; 10922 margin: 10px auto 10923} 10924 10925.cart__subtotal { 10926 margin: 0 0 0 6.66667px; 10927 display: inline 10928} 10929 10930.cart__mini-labels { 10931 display: block; 10932 margin: 6.66667px 0; 10933 font-size: .75em 10934} 10935 10936@media screen and (min-width:769px) { 10937 .cart__mini-labels { 10938 display: none 10939 } 10940} 10941 10942.cart__remove { 10943 display: block 10944} 10945 10946.ajaxcart__inner { 10947 margin-bottom: 20px 10948} 10949 10950.ajaxcart__row>.grid, 10951.ajaxcart__row>.grid--rev, 10952.ajaxcart__row>.grid--full { 10953 margin-left: -10px 10954} 10955 10956.ajaxcart__row>.grid>.grid__item, 10957.ajaxcart__row>.grid--rev>.grid__item, 10958.ajaxcart__row>.grid--full>.grid__item { 10959 padding-left: 10px 10960} 10961 10962.grid__item .p { 10963 margin-bottom: .2em 10964} 10965 10966.ajaxcart__product { 10967 position: relative; 10968 max-height: 500px 10969} 10970 10971.ajaxcart__product.is-removed { 10972 max-height: 0; 10973 overflow: hidden; 10974 visibility: hidden; 10975 transition: all 450ms cubic-bezier(.57, .06, .05, .95); 10976 -webkit-backface-visibility: hidden; 10977 backface-visibility: hidden 10978} 10979 10980.ajaxcart__row { 10981 padding-bottom: 10px; 10982 margin-bottom: 10px; 10983 border-bottom: 1px solid #2e1645 10984} 10985 10986.ajaxcart__product-image { 10987 display: block; 10988 overflow: hidden; 10989 margin-bottom: 15px 10990} 10991 10992.ajaxcart__product-image img { 10993 display: block; 10994 margin: 0 auto; 10995 max-width: 100% 10996} 10997 10998.ajaxcart__product-name, 10999.ajaxcart__product-meta { 11000 display: block 11001} 11002 11003.ajaxcart__product-name+.ajaxcart__product-meta { 11004 padding-top: 4px 11005} 11006 11007.cart-subtotal { 11008 color: #121212; 11009 border-radius: 5px; 11010 border:2px solid { 11011 { 11012 settings.color-primary 11013 } 11014 } 11015 ; 11016 margin-top:1em; 11017 text-align:center; 11018 padding:.5em 0 1em 0 11019} 11020 11021.cart-subtotal p { 11022 margin-top: 0 11023} 11024 11025.cart-checkout-shipping { 11026 font-style: italic; 11027 font-size: 80% !important 11028} 11029 11030.cart-checkout-shipping a { 11031 text-decoration: underline; 11032 display: block; 11033 color: { 11034 { 11035 settings.color-primary 11036 } 11037 } 11038} 11039 11040.cart__checkout { 11041 font-size: 1em; 11042 color: #fafafa !important 11043} 11044 11045.js-qty, 11046.ajaxcart__qty { 11047 position: relative; 11048 margin-bottom: 1em; 11049 max-width: 115px; 11050 min-width: 75px; 11051 overflow: visible 11052} 11053 11054.js-qty input, 11055.ajaxcart__qty input { 11056 display: block; 11057 background: none; 11058 text-align: center; 11059 width: 100%; 11060 padding: 5px 25px; 11061 margin: 0 11062} 11063 11064.js-qty__adjust.js-qty__adjust--minus { 11065 border-right: 2px solid #212121 !important 11066} 11067 11068.js-qty__adjust.js-qty__adjust--plus { 11069 border-left: 2px solid #212121 !important 11070} 11071 11072.js-qty__adjust, 11073.ajaxcart__qty-adjust { 11074 cursor: pointer; 11075 position: absolute; 11076 display: block; 11077 top: 0; 11078 bottom: 0; 11079 border: 0 none; 11080 padding: 0 2px; 11081 background: none; 11082 text-align: center; 11083 overflow: hidden; 11084 -webkit-user-select: none; 11085 -moz-user-select: none;
11086 -ms-user-select: none; 11087 user-select: none 11088} 11089 11090.js-qty__adjust:hover, 11091.ajaxcart__qty-adjust:hover, 11092.js-qty__adjust:focus, 11093.ajaxcart__qty-adjust:focus { 11094 color: { 11095 { 11096 settings.color-primary 11097 } 11098 } 11099} 11100 11101@media only screen and (max-width:56.25em) { 11102 .cart__quantity .js-qty__adjust, 11103 .cart__quantity .ajaxcart__qty-adjust { 11104 padding: 0 11105 } 11106} 11107 11108.js-qty__adjust--plus, 11109.ajaxcart__qty--plus { 11110 right: 0; 11111 border-left: 1px solid #f2f2f2 11112} 11113 11114.js-qty__adjust--minus, 11115.ajaxcart__qty--minus { 11116 left: 0; 11117 border-right: 1px solid #f2f2f2 11118} 11119 11120@media only screen and (max-width:64em) { 11121 .cart__quantity .js-qty__adjust--plus svg, 11122 .cart__quantity .ajaxcart__qty--plus svg, 11123 .cart__quantity .js-qty__adjust--minus svg, 11124 .cart__quantity .ajaxcart__qty--minus svg { 11125 margin-bottom: .5em; 11126 margin-top: 0 11127 } 11128} 11129 11130.ajaxcart__qty { 11131 margin: 0 11132} 11133 11134.is-loading .ajaxcart__qty { 11135 opacity: .5; 11136 transition: none 11137} 11138 11139.ajaxcart__qty-num { 11140 border-color: { 11141 { 11142 settings.color-primary 11143 } 11144 } 11145 ; 11146 color:#121212 11147} 11148 11149.ajaxcart__qty-adjust { 11150 color: #121212 11151} 11152 11153.ajaxcart__qty--plus { 11154 border-color: { 11155 { 11156 settings.color-primary 11157 } 11158 } 11159} 11160 11161.ajaxcart__qty--minus { 11162 border-color: { 11163 { 11164 settings.color-primary 11165 } 11166 } 11167} 11168 11169.ajaxcart-item__price-strikethrough { 11170 float: right 11171} 11172 11173@media (max-width:992px) { 11174 .cart-prod-title { 11175 font-size: 1em 11176 } 11177 .js-qty__adjust .icon, 11178 .ajaxcart__qty-adjust .icon { 11179 font-size: .5em 11180 } 11181 .js-qty input, 11182 .ajaxcart__qty input, 11183 .ajaxcart__qty input { 11184 font-size: .875em 11185 } 11186 .js-qty, 11187 .ajaxcart__qty { 11188 margin: 5px 0 0 !important 11189 } 11190 .cart-price-mobile span { 11191 font-size: .875em 11192 } 11193 .col-1, 11194 .col-2, 11195 .col-3, 11196 .col-4, 11197 .col-5, 11198 .col-6, 11199 .col-7, 11200 .col-8, 11201 .col-9, 11202 .col-10, 11203 .col-11, 11204 .col-12, 11205 .col,
11206 .col-auto, 11207 .col-sm-1, 11208 .col-sm-2, 11209 .col-sm-3, 11210 .col-sm-4, 11211 .col-sm-5, 11212 .col-sm-6, 11213 .col-sm-7, 11214 .col-sm-8, 11215 .col-sm-9, 11216 .col-sm-10, 11217 .col-sm-11, 11218 .col-sm-12, 11219 .col-sm, 11220 .col-sm-auto, 11221 .col-md-1, 11222 .col-md-2, 11223 .col-md-3, 11224 .col-md-4, 11225 .col-md-5, 11226 .col-md-6, 11227 .col-md-7, 11228 .col-md-8, 11229 .col-md-9, 11230 .col-md-10, 11231 .col-md-11, 11232 .col-md-12, 11233 .col-md, 11234 .col-md-auto, 11235 .col-lg-1, 11236 .col-lg-2, 11237 .col-lg-3, 11238 .col-lg-4, 11239 .col-lg-5, 11240 .col-lg-6, 11241 .col-lg-7, 11242 .col-lg-8, 11243 .col-lg-9, 11244 .col-lg-10, 11245 .col-lg-11, 11246 .col-lg-12, 11247 .col-lg, 11248 .col-lg-auto, 11249 .col-xl-1, 11250 .col-xl-2, 11251 .col-xl-3, 11252 .col-xl-4, 11253 .col-xl-5, 11254 .col-xl-6, 11255 .col-xl-7, 11256 .col-xl-8, 11257 .col-xl-9, 11258 .col-xl-10, 11259 .col-xl-11, 11260 .col-xl-12, 11261 .col-xl, 11262 .col-xl-auto { 11263 padding-right: 6px; 11264 padding-left: 6px 11265 } 11266} 11267 11268.bottom-line { 11269 position: relative; 11270 display: inline-block 11271} 11272 11273.bg-card { 11274 background-color: #000000 11275} 11276 11277.article-block__info a { 11278 color: #121212 11279} 11280 11281.article-block__info a:hover { 11282 color: #d22020 11283} 11284 11285.pagination-loading { 11286 background: url(ajax-loader.gif) center 20px no-repeat; 11287 height: 90px; 11288 margin: auto; 11289 width: 100%; 11290 margin-top: 20px; 11291 padding: 0; 11292 overflow: hidden; 11293 position: relative; 11294 font-weight: 700; 11295 text-transform: uppercase; 11296 display: none; 11297 line-height: 160px; 11298 text-align: center; 11299 font-size: 12px; 11300 margin-bottom: 10px 11301} 11302 11303.infinite-scrolling { 11304 text-align: center 11305} 11306 11307.infinite-scrolling .more>.btn { 11308 background-color: { 11309 { 11310 settings.color-primary 11311 } 11312 } 11313 ; 11314 color:#fafafa 11315} 11316 11317.c-cuci-gudang { 11318 position: absolute; 11319 bottom: 128px; 11320 left: 12px; 11321 width: 50px; 11322 height: 50px; 11323 text-align: center; 11324 z-index: 99; 11325 background-color: { 11326 { 11327 settings.color-primary 11328 } 11329 } 11330 ; 11331 vertical-align:baseline; 11332 border-radius:50% 11333} 11334 11335.c-cuci-gudang span { 11336 display: inline-block; 11337 margin-top: 9px; 11338 font-size: 11px; 11339 color: #fff 11340} 11341 11342.d-wa-chat { 11343 position: fixed; 11344 right: 24px; 11345 bottom: 24px; 11346 z-index: 9 11347} 11348.d-wa-chat a { 11349 display: block; 11350 background: #4dc247; 11351 width: 45px; 11352 height: 45px; 11353 border-radius: 50% 11354} 11355 11356.swiper-container { 11357 margin: 0 auto; 11358 position: relative; 11359 overflow: hidden; 11360 list-style: none; 11361 padding: 0; 11362 z-index: 1 11363} 11364 11365.swiper-container-no-flexbox .swiper-slide { 11366 float: left 11367} 11368 11369.swiper-container-vertical>.swiper-wrapper { 11370 -webkit-box-orient: vertical; 11371 -webkit-box-direction: normal; 11372 -webkit-flex-direction: column; 11373 -ms-flex-direction: column; 11374 flex-direction: column 11375} 11376 11377.swiper-wrapper { 11378 position: relative; 11379 width: 100%; 11380 height: 100%; 11381 z-index: 1; 11382 display: -webkit-box; 11383 display: -webkit-flex; 11384 display: -ms-flexbox; 11385 display: flex; 11386 -webkit-transition-property: -webkit-transform; 11387 transition-property: -webkit-transform; 11388 -o-transition-property: transform; 11389 transition-property: transform; 11390 transition-property: transform, -webkit-transform; 11391 -webkit-box-sizing: content-box; 11392 box-sizing: content-box 11393} 11394 11395.swiper-container-android .swiper-slide, 11396.swiper-wrapper { 11397 -webkit-transform: translate3d(0, 0, 0); 11398 transform: translate3d(0, 0, 0) 11399} 11400 11401.swiper-container-multirow>.swiper-wrapper { 11402 -webkit-flex-wrap: wrap; 11403 -ms-flex-wrap: wrap; 11404 flex-wrap: wrap 11405} 11406 11407.swiper-container-free-mode>.swiper-wrapper { 11408 -webkit-transition-timing-function: ease-out; 11409 -o-transition-timing-function: ease-out; 11410 transition-timing-function: ease-out; 11411 margin: 0 auto 11412} 11413 11414.swiper-slide { 11415 -webkit-flex-shrink: 0; 11416 -ms-flex-negative: 0; 11417 flex-shrink: 0; 11418 width: 100%; 11419 position: relative; 11420 -webkit-transition-property: -webkit-transform; 11421 transition-property: -webkit-transform; 11422 -o-transition-property: transform; 11423 transition-property: transform; 11424 transition-property: transform, -webkit-transform 11425} 11426
11427.swiper-invisible-blank-slide { 11428 visibility: hidden 11429} 11430 11431.swiper-container-autoheight, 11432.swiper-container-autoheight .swiper-slide { 11433 height: auto 11434} 11435 11436.swiper-container-autoheight .swiper-wrapper { 11437 -webkit-box-align: start; 11438 -webkit-align-items: flex-start; 11439 -ms-flex-align: start; 11440 align-items: flex-start; 11441 -webkit-transition-property: height, -webkit-transform; 11442 transition-property: height, -webkit-transform; 11443 -o-transition-property: transform, height; 11444 transition-property: transform, height; 11445 transition-property: transform, height, -webkit-transform 11446} 11447 11448.swiper-container-3d { 11449 -webkit-perspective: 1200px; 11450 perspective: 1200px 11451} 11452 11453.swiper-container-3d .swiper-cube-shadow, 11454.swiper-container-3d .swiper-slide, 11455.swiper-container-3d .swiper-slide-shadow-bottom, 11456.swiper-container-3d .swiper-slide-shadow-left, 11457.swiper-container-3d .swiper-slide-shadow-right, 11458.swiper-container-3d .swiper-slide-shadow-top, 11459.swiper-container-3d .swiper-wrapper { 11460 -webkit-transform-style: preserve-3d; 11461 transform-style: preserve-3d 11462} 11463 11464.swiper-container-3d .swiper-slide-shadow-bottom, 11465.swiper-container-3d .swiper-slide-shadow-left, 11466.swiper-container-3d .swiper-slide-shadow-right, 11467.swiper-container-3d .swiper-slide-shadow-top { 11468 position: absolute; 11469 left: 0; 11470 top: 0; 11471 width: 100%; 11472 height: 100%; 11473 pointer-events: none; 11474 z-index: 10 11475} 11476 11477.swiper-container-3d .swiper-slide-shadow-left { 11478 background-image: -webkit-gradient(linear, right top, left top, from(#000000), to(rgba(0, 0, 0, 0))); 11479 background-image: -webkit-linear-gradient(right, #000000, rgba(0, 0, 0, 0)); 11480 background-image: -o-linear-gradient(right, #000000, rgba(0, 0, 0, 0)); 11481 background-image: linear-gradient(to left, #000000, rgba(0, 0, 0, 0)) 11482} 11483 11484.swiper-container-3d .swiper-slide-shadow-right { 11485 background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(0, 0, 0, 0))); 11486 background-image: -webkit-linear-gradient(left, #000000, rgba(0, 0, 0, 0)); 11487 background-image: -o-linear-gradient(left, #000000, rgba(0, 0, 0, 0)); 11488 background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0)) 11489} 11490 11491.swiper-container-3d .swiper-slide-shadow-top { 11492 background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0))); 11493 background-image: -webkit-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); 11494 background-image: -o-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); 11495 background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0)) 11496} 11497 11498.swiper-container-3d .swiper-slide-shadow-bottom { 11499 background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0))); 11500 background-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0)); 11501 background-image: -o-linear-gradient(top, #000000, rgba(0, 0, 0, 0)); 11502 background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0)) 11503} 11504 11505.swiper-container-wp8-horizontal, 11506.swiper-container-wp8-horizontal>.swiper-wrapper { 11507 -ms-touch-action: pan-y; 11508 touch-action: pan-y 11509} 11510 11511.swiper-container-wp8-vertical, 11512.swiper-container-wp8-vertical>.swiper-wrapper { 11513 -ms-touch-action: pan-x; 11514 touch-action: pan-x 11515} 11516 11517.swiper-button-next, 11518.swiper-button-prev { 11519 position: absolute; 11520 top: 50%; 11521 width: 27px; 11522 height: 44px; 11523 margin-top: -22px; 11524 z-index: 10; 11525 cursor: pointer; 11526 background-size: 27px 44px; 11527 background-position: center; 11528 background-repeat: no-repeat 11529} 11530 11531.swiper-button-next.swiper-button-disabled, 11532.swiper-button-prev.swiper-button-disabled { 11533 opacity: .35; 11534 cursor: auto; 11535 pointer-events: none 11536} 11537 11538.swiper-button-prev, 11539.swiper-container-rtl .swiper-button-next { 11540 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"); 11541 left: 10px; 11542 right: auto 11543} 11544 11545.swiper-button-next, 11546.swiper-container-rtl .swiper-button-prev { 11547 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"); 11548 right: 10px; 11549 left: auto 11550} 11551 11552.swiper-button-prev.swiper-button-white, 11553.swiper-container-rtl .swiper-button-next.swiper-button-white { 11554 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") 11555} 11556 11557.swiper-button-next.swiper-button-white, 11558.swiper-container-rtl .swiper-button-prev.swiper-button-white { 11559 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") 11560} 11561 11562.swiper-button-prev.swiper-button-black, 11563.swiper-container-rtl .swiper-button-next.swiper-button-black { 11564 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") 11565} 11566 11567.swiper-button-next.swiper-button-black, 11568.swiper-container-rtl .swiper-button-prev.swiper-button-black { 11569 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") 11570} 11571 11572.swiper-button-lock { 11573 display: none 11574} 11575 11576.swiper-pagination { 11577 position: absolute; 11578 text-align: center; 11579 -webkit-transition: .3s opacity; 11580 -o-transition: .3s opacity; 11581 transition: .3s opacity; 11582 -webkit-transform: translate3d(0, 0, 0); 11583 transform: translate3d(0, 0, 0); 11584 z-index: 10 11585} 11586 11587.swiper-pagination.swiper-pagination-hidden { 11588 opacity: 0 11589} 11590 11591.swiper-container-horizontal>.swiper-pagination-bullets, 11592.swiper-pagination-custom, 11593.swiper-pagination-fraction { 11594 bottom: 20px; 11595 left: 0; 11596 width: 100% 11597} 11598 11599.swiper-pagination-bullets-dynamic { 11600 overflow: hidden; 11601 font-size: 0 11602} 11603 11604.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11605 -webkit-transform: scale(.33); 11606 -ms-transform: scale(.33); 11607 transform: scale(.33); 11608 position: relative 11609} 11610 11611.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { 11612 -webkit-transform: scale(1); 11613 -ms-transform: scale(1); 11614 transform: scale(1) 11615} 11616 11617.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { 11618 -webkit-transform: scale(.66); 11619 -ms-transform: scale(.66); 11620 transform: scale(.66) 11621} 11622 11623.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { 11624 -webkit-transform: scale(.33); 11625 -ms-transform: scale(.33); 11626 transform: scale(.33) 11627} 11628 11629.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { 11630 -webkit-transform: scale(.66); 11631 -ms-transform: scale(.66); 11632 transform: scale(.66) 11633} 11634 11635.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { 11636 -webkit-transform: scale(.33); 11637 -ms-transform: scale(.33); 11638 transform: scale(.33) 11639} 11640 11641.swiper-pagination-bullet { 11642 width: 10px; 11643 height: 10px; 11644 display: inline-block; 11645 border-radius: 100%; 11646 background: #212121; 11647 opacity: .2; 11648} 11649 11650button.swiper-pagination-bullet { 11651 border: none; 11652 margin: 0; 11653 padding: 0; 11654 -webkit-box-shadow: none; 11655 box-shadow: none; 11656 -webkit-appearance: none; 11657 -moz-appearance: none; 11658 appearance: none 11659} 11660 11661.swiper-pagination-clickable .swiper-pagination-bullet { 11662 cursor: pointer 11663} 11664 11665.swiper-pagination-bullet-active { 11666 opacity: 1;
11667 background: #b8b8b8 11668} 11669 11670.swiper-container-vertical>.swiper-pagination-bullets { 11671 right: 10px; 11672 top: 50%; 11673 -webkit-transform: translate3d(0, -50%, 0); 11674 transform: translate3d(0, -50%, 0) 11675} 11676 11677.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { 11678 margin: 6px 0; 11679 display: block 11680} 11681 11682.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 11683 top: 50%; 11684 -webkit-transform: translateY(-50%); 11685 -ms-transform: translateY(-50%); 11686 transform: translateY(-50%); 11687 width: 8px 11688} 11689 11690.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11691 display: inline-block; 11692 -webkit-transition: .2s top, .2s -webkit-transform; 11693 transition: .2s top, .2s -webkit-transform; 11694 -o-transition: .2s transform, .2s top; 11695 transition: .2s transform, .2s top; 11696 transition: .2s transform, .2s top, .2s -webkit-transform 11697} 11698 11699.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { 11700 margin: 0 4px 11701} 11702 11703.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 11704 left: 50%; 11705 -webkit-transform: translateX(-50%); 11706 -ms-transform: translateX(-50%); 11707 transform: translateX(-50%); 11708 white-space: nowrap 11709} 11710 11711.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11712 -webkit-transition: .2s left, .2s -webkit-transform; 11713 transition: .2s left, .2s -webkit-transform; 11714 -o-transition: .2s transform, .2s left; 11715 transition: .2s transform, .2s left; 11716 transition: .2s transform, .2s left, .2s -webkit-transform 11717} 11718 11719.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11720 -webkit-transition: .2s right, .2s -webkit-transform; 11721 transition: .2s right, .2s -webkit-transform; 11722 -o-transition: .2s transform, .2s right; 11723 transition: .2s transform, .2s right; 11724 transition: .2s transform, .2s right, .2s -webkit-transform 11725} 11726 11727.swiper-pagination-progressbar { 11728 background: rgba(0, 0, 0, .25); 11729 position: absolute 11730} 11731 11732.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 11733 background: #007aff; 11734 position: absolute; 11735 left: 0; 11736 top: 0; 11737 width: 100%; 11738 height: 100%; 11739 -webkit-transform: scale(0); 11740 -ms-transform: scale(0); 11741 transform: scale(0); 11742 -webkit-transform-origin: left top; 11743 -ms-transform-origin: left top; 11744 transform-origin: left top 11745} 11746 11747.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 11748 -webkit-transform-origin: right top; 11749 -ms-transform-origin: right top; 11750 transform-origin: right top 11751} 11752 11753.swiper-container-horizontal>.swiper-pagination-progressbar { 11754 width: 100%; 11755 height: 4px; 11756 left: 0; 11757 top: 0 11758} 11759 11760.swiper-container-vertical>.swiper-pagination-progressbar { 11761 width: 4px; 11762 height: 100%; 11763 left: 0; 11764 top: 0 11765} 11766 11767.swiper-pagination-white .swiper-pagination-bullet-active { 11768 background: #fff 11769} 11770 11771.swiper-pagination-progressbar.swiper-pagination-white { 11772 background: rgba(255, 255, 255, .25) 11773} 11774 11775.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { 11776 background: #fff 11777} 11778 11779.swiper-pagination-black .swiper-pagination-bullet-active { 11780 background: #212121 11781} 11782 11783.swiper-pagination-progressbar.swiper-pagination-black { 11784 background: rgba(0, 0, 0, .25) 11785} 11786 11787.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { 11788 background: #212121 11789} 11790 11791.swiper-pagination-lock { 11792 display: none 11793} 11794 11795.swiper-scrollbar { 11796 border-radius: 10px; 11797 position: relative; 11798 -ms-touch-action: none; 11799 background: rgba(0, 0, 0, .1) 11800} 11801 11802.swiper-container-horizontal>.swiper-scrollbar { 11803 position: absolute; 11804 left: 1%; 11805 bottom: 3px; 11806 z-index: 50; 11807 height: 5px; 11808 width: 98% 11809} 11810 11811.swiper-container-vertical>.swiper-scrollbar { 11812 position: absolute; 11813 right: 3px; 11814 top: 1%; 11815 z-index: 50; 11816 width: 5px; 11817 height: 98% 11818} 11819 11820.swiper-scrollbar-drag { 11821 height: 100%; 11822 width: 100%; 11823 position: relative; 11824 background: #000000; 11825 border-radius: 10px; 11826 left: 0; 11827 top: 0 11828} 11829 11830.swiper-scrollbar-cursor-drag { 11831 cursor: move 11832} 11833 11834.swiper-scrollbar-lock { 11835 display: none 11836} 11837 11838.swiper-zoom-container { 11839 width: 100%; 11840 height: 100%; 11841 display: -webkit-box; 11842 display: -webkit-flex; 11843 display: -ms-flexbox; 11844 display: flex; 11845 -webkit-box-pack: center;
11846 -webkit-justify-content: center; 11847 -ms-flex-pack: center; 11848 justify-content: center; 11849 -webkit-box-align: center; 11850 -webkit-align-items: center; 11851 -ms-flex-align: center; 11852 align-items: center; 11853 text-align: center 11854} 11855 11856.swiper-zoom-container>canvas, 11857.swiper-zoom-container>img, 11858.swiper-zoom-container>svg { 11859 max-width: 100%; 11860 max-height: 100%; 11861 -o-object-fit: contain; 11862 object-fit: contain 11863} 11864 11865.swiper-slide-zoomed { 11866 cursor: move 11867} 11868 11869.swiper-lazy-preloader { 11870 width: 42px; 11871 height: 42px; 11872 position: absolute; 11873 left: 50%; 11874 top: 50%; 11875 margin-left: -21px; 11876 margin-top: -21px; 11877 z-index: 10; 11878 -webkit-transform-origin: 50%; 11879 -ms-transform-origin: 50%; 11880 transform-origin: 50%; 11881 -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; 11882 animation: swiper-preloader-spin 1s steps(12, end) infinite 11883} 11884 11885.swiper-lazy-preloader:after { 11886 display: block; 11887 content: ''; 11888 width: 100%; 11889 height: 100%; 11890 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"); 11891 background-position: 50%; 11892 background-size: 100%; 11893 background-repeat: no-repeat 11894} 11895 11896.swiper-lazy-preloader-white:after { 11897 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") 11898} 11899 11900@-webkit-keyframes swiper-preloader-spin { 11901 100% { 11902 -webkit-transform: rotate(360deg); 11903 transform: rotate(360deg) 11904 } 11905} 11906 11907@keyframes swiper-preloader-spin { 11908 100% { 11909 -webkit-transform: rotate(360deg); 11910 transform: rotate(360deg) 11911 } 11912} 11913 11914.swiper-container .swiper-notification { 11915 position: absolute; 11916 left: 0; 11917 top: 0; 11918 pointer-events: none; 11919 opacity: 0; 11920 z-index: -1000 11921} 11922 11923.swiper-container-fade.swiper-container-free-mode .swiper-slide { 11924 -webkit-transition-timing-function: ease-out; 11925 -o-transition-timing-function: ease-out; 11926 transition-timing-function: ease-out 11927} 11928 11929.swiper-container-fade .swiper-slide { 11930 pointer-events: none; 11931 -webkit-transition-property: opacity; 11932 -o-transition-property: opacity; 11933 transition-property: opacity 11934} 11935 11936.swiper-container-fade .swiper-slide .swiper-slide { 11937 pointer-events: none 11938} 11939 11940.swiper-container-fade .swiper-slide-active, 11941.swiper-container-fade .swiper-slide-active .swiper-slide-active { 11942 pointer-events: auto 11943} 11944 11945.swiper-container-cube { 11946 overflow: visible 11947} 11948 11949.swiper-container-cube .swiper-slide { 11950 pointer-events: none; 11951 -webkit-backface-visibility: hidden; 11952 backface-visibility: hidden; 11953 z-index: 1; 11954 visibility: hidden; 11955 -webkit-transform-origin: 0 0; 11956 -ms-transform-origin: 0 0; 11957 transform-origin: 0 0; 11958 width: 100%; 11959 height: 100% 11960} 11961 11962.swiper-container-cube .swiper-slide .swiper-slide { 11963 pointer-events: none 11964} 11965 11966.swiper-container-cube.swiper-container-rtl .swiper-slide { 11967 -webkit-transform-origin: 100% 0; 11968 -ms-transform-origin: 100% 0; 11969 transform-origin: 100% 0 11970} 11971 11972.swiper-container-cube .swiper-slide-active, 11973.swiper-container-cube .swiper-slide-active .swiper-slide-active { 11974 pointer-events: auto 11975} 11976 11977.swiper-container-cube .swiper-slide-active, 11978.swiper-container-cube .swiper-slide-next, 11979.swiper-container-cube .swiper-slide-next+.swiper-slide, 11980.swiper-container-cube .swiper-slide-prev { 11981 pointer-events: auto; 11982 visibility: visible 11983} 11984 11985.swiper-container-cube .swiper-slide-shadow-bottom, 11986.swiper-container-cube .swiper-slide-shadow-left, 11987.swiper-container-cube .swiper-slide-shadow-right, 11988.swiper-container-cube .swiper-slide-shadow-top { 11989 z-index: 0; 11990 -webkit-backface-visibility: hidden; 11991 backface-visibility: hidden 11992} 11993 11994.swiper-container-cube .swiper-cube-shadow { 11995 position: absolute; 11996 left: 0; 11997 bottom: 0; 11998 width: 100%; 11999 height: 100%; 12000 background: #212121; 12001 opacity: .6; 12002 -webkit-filter: blur(50px); 12003 filter: blur(50px); 12004 z-index: 0 12005} 12006 12007.swiper-container-flip { 12008 overflow: visible 12009} 12010 12011.swiper-container-flip .swiper-slide { 12012 pointer-events: none; 12013 -webkit-backface-visibility: hidden; 12014 backface-visibility: hidden; 12015 z-index: 1 12016} 12017 12018.swiper-container-flip .swiper-slide .swiper-slide { 12019 pointer-events: none 12020} 12021 12022.swiper-container-flip .swiper-slide-active, 12023.swiper-container-flip .swiper-slide-active .swiper-slide-active { 12024 pointer-events: auto 12025} 12026 12027.swiper-container-flip .swiper-slide-shadow-bottom, 12028.swiper-container-flip .swiper-slide-shadow-left, 12029.swiper-container-flip .swiper-slide-shadow-right, 12030.swiper-container-flip .swiper-slide-shadow-top { 12031 z-index: 0; 12032 -webkit-backface-visibility: hidden; 12033 backface-visibility: hidden 12034} 12035 12036.swiper-container-coverflow .swiper-wrapper { 12037 -ms-perspective: 1200px 12038} 12039 12040body.nav_open, 12041body.nav_open body { 12042 height: 100%; 12043 overflow: hidden 12044} 12045 12046body.nav_open #NavDrawer { 12047 -webkit-transform: translateX(0); 12048 -moz-transform: translateX(0); 12049 -ms-transform: translateX(0); 12050 transform: translateX(0); 12051 box-shadow: 2px 0 8px rgba(0, 0, 0, .3) 12052} 12053 12054#NavDrawer { 12055 overflow: hidden; 12056 width: 280px; 12057 -webkit-transform: translateX(-280px); 12058 -moz-transform: translateX(-280px); 12059 -ms-transform: translateX(-280px); 12060 transform: translateX(-280px) 12061} 12062 12063#NavDrawer { 12064 z-index: 99; 12065 position: fixed; 12066 top: 48px; 12067 left: 0; 12068 bottom: 0; 12069 width: 320px; 12070 background: #212121; 12071 overflow-y: auto; 12072 display: flex; 12073 flex-direction: column; 12074 -webkit-overflow-scrolling: touch; 12075 -webkit-transform: translateX(-320px); 12076 -moz-transform: translateX(-320px); 12077 -ms-transform: translateX(-320px); 12078 transform: translateX(-320px); 12079 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 12080} 12081 12082.header-wrapper, 12083#PageContainer { 12084 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 12085} 12086 12087body.nav_open .overlay-nav { 12088 position: fixed; 12089 background-color: rgba(0, 0, 0, .3); 12090 width: 100%; 12091 top: 0; 12092 height: 100%; 12093 z-index: 9 12094} 12095 12096.mobile-nav { 12097 overflow: auto 12098} 12099 12100.custNav-btn { 12101 color: #fff; 12102 position: relative; 12103 bottom: -5px; 12104 left: 5px 12105} 12106 12107@-webkit-keyframes spin { 12108 0% { 12109 -webkit-transform: rotate(0deg); 12110 -moz-transform: rotate(0deg); 12111 -ms-transform: rotate(0deg); 12112 -o-transform: rotate(0deg); 12113 transform: rotate(0deg) 12114 } 12115 100% { 12116 -webkit-transform: rotate(360deg); 12117 -moz-transform: rotate(360deg); 12118 -ms-transform: rotate(360deg); 12119 -o-transform: rotate(360deg); 12120 transform: rotate(360deg) 12121 } 12122} 12123 12124@-moz-keyframes spin { 12125 0% { 12126 -webkit-transform: rotate(0deg); 12127 -moz-transform: rotate(0deg); 12128 -ms-transform: rotate(0deg); 12129 -o-transform: rotate(0deg); 12130 transform: rotate(0deg) 12131 } 12132 100% { 12133 -webkit-transform: rotate(360deg); 12134 -moz-transform: rotate(360deg); 12135 -ms-transform: rotate(360deg); 12136 -o-transform: rotate(360deg); 12137 transform: rotate(360deg) 12138 } 12139} 12140 12141@-ms-keyframes spin { 12142 0% { 12143 -webkit-transform: rotate(0deg); 12144 -moz-transform: rotate(0deg); 12145 -ms-transform: rotate(0deg); 12146 -o-transform: rotate(0deg); 12147 transform: rotate(0deg) 12148 } 12149 100% { 12150 -webkit-transform: rotate(360deg); 12151 -moz-transform: rotate(360deg); 12152 -ms-transform: rotate(360deg); 12153 -o-transform: rotate(360deg); 12154 transform: rotate(360deg) 12155 } 12156} 12157 12158@keyframes spin { 12159 0% { 12160 -webkit-transform: rotate(0deg); 12161 -moz-transform: rotate(0deg); 12162 -ms-transform: rotate(0deg); 12163 -o-transform: rotate(0deg); 12164 transform: rotate(0deg) 12165 } 12166 100% { 12167 -webkit-transform: rotate(360deg); 12168 -moz-transform: rotate(360deg); 12169 -ms-transform: rotate(360deg); 12170 -o-transform: rotate(360deg); 12171 transform: rotate(360deg) 12172 } 12173} 12174 12175@-webkit-keyframes fadeIn { 12176 0%, 12177 35% { 12178 opacity: 0 12179 } 12180 100% { 12181 opacity: 1 12182 } 12183} 12184 12185@-moz-keyframes fadeIn { 12186 0%, 12187 35% { 12188 opacity: 0 12189 } 12190 100% { 12191 opacity: 1 12192 } 12193} 12194 12195@-ms-keyframes fadeIn { 12196 0%, 12197 35% { 12198 opacity: 0 12199 } 12200 100% { 12201 opacity: 1 12202 } 12203} 12204 12205@keyframes fadeIn { 12206 0%, 12207 35% { 12208 opacity: 0 12209 } 12210 100% { 12211 opacity: 1 12212 } 12213} 12214 12215@-webkit-keyframes heroContentIn { 12216 0%, 12217 35% { 12218 opacity: 0; 12219 -webkit-transform: translateY(8px); 12220 -moz-transform: translateY(8px); 12221 -ms-transform: translateY(8px); 12222 -o-transform: translateY(8px); 12223 transform: translateY(8px) 12224 } 12225 60% { 12226 opacity: 1 12227 } 12228 100% { 12229 -webkit-transform: translateY(0); 12230 -moz-transform: translateY(0); 12231 -ms-transform: translateY(0); 12232 -o-transform: translateY(0); 12233 transform: translateY(0) 12234 } 12235} 12236 12237@-moz-keyframes heroContentIn { 12238 0%, 12239 35% { 12240 opacity: 0; 12241 -webkit-transform: translateY(8px); 12242 -moz-transform: translateY(8px); 12243 -ms-transform: translateY(8px); 12244 -o-transform: translateY(8px); 12245 transform: translateY(8px) 12246 } 12247 60% { 12248 opacity: 1 12249 } 12250 100% { 12251 -webkit-transform: translateY(0); 12252 -moz-transform: translateY(0); 12253 -ms-transform: translateY(0); 12254 -o-transform: translateY(0); 12255 transform: translateY(0) 12256 } 12257} 12258 12259@-ms-keyframes heroContentIn { 12260 0%, 12261 35% { 12262 opacity: 0; 12263 -webkit-transform: translateY(8px); 12264 -moz-transform: translateY(8px); 12265 -ms-transform: translateY(8px); 12266 -o-transform: translateY(8px); 12267 transform: translateY(8px) 12268 } 12269 60% { 12270 opacity: 1 12271 } 12272 100% { 12273 -webkit-transform: translateY(0); 12274 -moz-transform: translateY(0); 12275 -ms-transform: translateY(0); 12276 -o-transform: translateY(0); 12277 transform: translateY(0) 12278 } 12279} 12280 12281@keyframes heroContentIn { 12282 0%, 12283 35% { 12284 opacity: 0; 12285 -webkit-transform: translateY(8px); 12286 -moz-transform: translateY(8px); 12287 -ms-transform: translateY(8px); 12288 -o-transform: translateY(8px); 12289 transform: translateY(8px) 12290 } 12291 60% { 12292 opacity: 1 12293 } 12294 100% { 12295 -webkit-transform: translateY(0); 12296 -moz-transform: translateY(0); 12297 -ms-transform: translateY(0); 12298 -o-transform: translateY(0); 12299 transform: translateY(0) 12300 } 12301} 12302 12303.is-adding { 12304 background-color: #757575 !important; 12305 color: #757575 !important 12306} 12307 12308.is-adding:after { 12309 content: ''; 12310 display: block; 12311 width: 24px; 12312 height: 24px; 12313 position: absolute; 12314 left: 50%; 12315 top: 50%; 12316 margin-left: -12px; 12317 margin-top: -12px; 12318 border-radius: 50%; 12319 border: 3px solid #fff; 12320 border-top-color: #000000; 12321 -webkit-animation: spin 1s infinite linear; 12322 -moz-animation: spin 1s infinite linear; 12323 -o-animation: spin 1s infinite linear; 12324 animation: spin 1s infinite linear 12325} 12326 12327#admin-bar-iframe { 12328 display: none 12329} 12330 12331.wrapper { 12332 max-width: 976px; 12333 margin: auto 12334} 12335 12336.header-wrapper { 12337 z-index: 999 12338} 12339 12340.js-drawer-open .container { 12341 margin: 0 12342} 12343 12344input#ac-gn-searchform-input::-webkit-input-placeholder { 12345 color: #212121 !Important 12346} 12347 12348input#ac-gn-searchform-input::-moz-placeholder { 12349 color: #212121 !Important 12350} 12351 12352input#ac-gn-searchform-input:-ms-input-placeholder { 12353 color: #212121 !Important 12354} 12355 12356input#ac-gn-searchform-input:-moz-placeholder { 12357 color: #212121 !Important 12358} 12359 12360#PageContainer { 12361 background-color: #FFF 12362} 12363 12364.template-index #PageContainer { 12365 background-color: { 12366 { 12367 settings.color-body 12368 } 12369 } 12370} 12371 12372@media screen and (min-width:769px) { 12373 .d-line-chat { 12374 position: fixed;
12375 right: 26px; 12376 bottom: 40px; 12377 z-index: 9 12378 } 12379 .d-line-chat a { 12380 display: block; 12381 border-radius: 5px 12382 } 12383 .d-line-chat svg { 12384 width: 40px; 12385 display: block; 12386 border-radius: 5px 12387 } 12388} 12389 12390.newsletter p.bottom-line, 12391.social-media p.bottom-line { 12392 font-size: 12px !important 12393} 12394 12395#mc-embedded-subscribe-form button { 12396 border-radius: 0; 12397} 12398 12399#mc-embedded-subscribe-form button img { 12400 width: 25px 12401} 12402 12403#mc-embedded-subscribe-form .input-group { 12404 width: 100% 12405} 12406 12407.site-footer__newsletter-input { 12408 width: 100%; 12409 font-style: italic 12410} 12411 12412.copyright span { 12413 position: relative; 12414 bottom: 1px 12415} 12416 12417.copyright span, 12418.copyright img { 12419 display: inline-block; 12420 vertical-align: middle; 12421 font-size: 22px; 12422 letter-spacing: 2px 12423} 12424 12425@media (max-width:768px) { 12426 .copyright { 12427 position: inherit 12428 } 12429} 12430 12431.site-footer__section .bottom-line { 12432 font-size: 16px; 12433 text-transform: uppercase; 12434 font-weight: 600; 12435 margin-bottom: 10px !important; 12436 width: 100% 12437} 12438 12439.site-footer__list-item { 12440 position: relative 12441} 12442 12443.lc-icon img { 12444 width: 18px; 12445 vertical-align: middle 12446} 12447 12448@media (max-width:991px) { 12449 .site-footer .wrapper { 12450 padding-left: 12px; 12451 padding-right: 12px 12452 } 12453 .footer-navigation, 12454 .footer-navigation .site-footer__section { 12455 padding: 0 !important; 12456 margin: 0 !important 12457 } 12458} 12459 12460.seo-footer, 12461.seo-article { 12462 background-color: #fff 12463} 12464 12465.seo-footer * { 12466 color: #212121 !important; 12467 font-size: 14px; 12468} 12469 12470.template-index .main-content { 12471 padding: 20px 0 0 12472} 12473 12474.space-section { 12475 margin-bottom: 12px 12476} 12477 12478.hp-products h2 { 12479 color: #212121; 12480 text-transform: uppercase; 12481 font-size: 24px; 12482 font-weight: 600 12483} 12484 12485.hp-products .view-more { 12486 font-size: 18px; 12487 color: #212121; 12488 text-decoration: underline 12489} 12490 12491.hp-products .view-more span { 12492 display: inline-block; 12493 vertical-align: middle 12494} 12495 12496.hp-products .products a { 12497 display: block; 12498 height: 100% 12499} 12500 12501.template-index .products .spr-badge { 12502 display: none 12503} 12504 12505.hp-products .see-more { 12506 display: flex; 12507 flex-direction: column; 12508 align-items: center; 12509 justify-content: center; 12510 width: 100%; 12511 height: 100%; 12512 text-align: center; 12513 background-color: #fff; 12514 padding: 0 20px 12515} 12516 12517.hp-products .see-more a { 12518 font-size: 24px; 12519 color: #212121 12520} 12521 12522.c-carousel .button-scroll { 12523 display: none; 12524} 12525.c-carousel:hover .button-scroll { 12526 display: block; 12527} 12528 12529.button-scroll.swiper-button-disabled { 12530 display: none 12531} 12532 12533.button-scroll .icon { 12534 box-shadow: 0 1px 4px rgba(0, 0, 0, .8) 12535} 12536 12537.hp-products .see-more .icon { 12538 box-shadow: 0 1px 4px rgba(0, 0, 0, .8); 12539 width: 35px; 12540 height: 35px; 12541 padding: 8px; 12542 margin-top: 10px 12543} 12544 12545 12546 12547.row.c-products-grid { 12548 position: relative; 12549 row-gap: 20px; 12550} 12551 12552.products .bg-products { 12553 position: relative; 12554 background-color: #fff; 12555 height: 100% 12556} 12557 12558.products .product-card-img-container img { 12559 display: block; 12560 width: 100%; 12561 height: auto 12562} 12563 12564.products .product-card-img-container { 12565 aspect-ratio: 1 / 1; 12566 overflow: hidden 12567} 12568 12569.products .product-card-discount { 12570 right: 0; 12571 font-size: 12px; 12572 letter-spacing: 1px; 12573} 12574.price-discount { 12575 display: flex; 12576 justify-content: center 12577} 12578.price-discount .product-card-discount { 12579 color: #212121; 12580 margin-left: 5px; 12581} 12582 12583.product-price-sale * { 12584 display: inline-block!important; 12585 color: #aaa; 12586 font-size: 12px!important; 12587} 12588 12589.products .card-body { 12590 padding: 8px 12px 10px; 12591 text-align: center 12592} 12593 12594#product-loop-coll .products a { 12595 display: block; 12596 color: #212121 12597} 12598 12599.products a:hover { 12600 opacity: .75 12601} 12602 12603.products .product-card-info h5 { 12604 color: #212121; 12605 font-size: 16px; 12606 font-weight: 400; 12607 text-transform: uppercase; 12608 overflow: hidden; 12609 display: -webkit-box; 12610 overflow: hidden; 12611 -webkit-box-orient: vertical; 12612 -webkit-line-clamp: 2; 12613 min-height: 40px; 12614} 12615 12616.products .card-body.product-card-info h5 a { 12617 font-size: 16px; 12618 font-weight: 400 12619} 12620 12621.products .product-card-price .card-money { 12622 display: block; 12623 margin-bottom: 0 12624} 12625 12626.products .product-card-price-before.card-money { 12627 color: #aaa; 12628 font-size: 12px; 12629 font-weight: 400 12630} 12631 12632.products .product-card-price-after { 12633 font-size: 14px; 12634 font-weight: 400; 12635 color: #212121 12636} 12637 12638.price-card { 12639 display: flex; 12640 flex-wrap: wrap; 12641 justify-content: center 12642} 12643 12644.from-price, 12645.from-price.h5 { 12646 color: #212121; 12647 font-size: 14px; 12648 align-self: center; 12649 margin: 0; 12650 font-weight: 400; 12651} 12652 12653 12654@media (min-width:769px) { 12655 #collection-description .rte { 12656 -webkit-column-count: 2; 12657 -moz-column-count: 2; 12658 column-count: 2 12659 } 12660} 12661 12662@media (min-width:992px) { 12663 .row.c-products-grid { 12664 overflow: hidden; 12665 margin-left: -6px !Important; 12666 margin-right: -6px !important 12667 } 12668} 12669 12670@media (max-width:991px) { 12671 .c-products-grid { 12672 width: 100%; 12673 margin-right: auto !important; 12674 margin-left: auto !important 12675 } 12676} 12677 12678@media (max-width:768px) { 12679 .hp-products h2 { 12680 letter-spacing: normal; 12681 font-size: 24px 12682 } 12683 .hp-products .view-more { 12684 font-size: 16px; 12685 letter-spacing: normal 12686 } 12687} 12688 12689@media (max-width:768px) { 12690 .products .card-body.product-card-info h5 a { 12691 font-size: 14px 12692 } 12693 .products .product-card-price-after { 12694 font-size: 16px 12695 } 12696 .products .product-card-price-before { 12697 font-size: 14px 12698 } 12699 .products .product-card-discount { 12700 font-weight: 500; 12701 font-size: 14px; 12702 letter-spacing: 1px 12703 } 12704 .products .product-card-info h5 { 12705 max-height: 60px; 12706 overflow: hidden; 12707 min-height: 35px; 12708 } 12709} 12710 12711 12712@media (max-width: 576px) { 12713 .hp-products h2 { 12714 font-size: 18px; 12715 } 12716 .hp-products .view-more { 12717 font-size: 12px; 12718 } 12719 .products .product-card-info h5 { 12720 font-size: 14px; 12721 } 12722 .products .product-card-price-after { 12723 font-size: 12px; 12724 } 12725} 12726 12727@media (max-width:768px) { 12728 .collections-brands h3 { 12729 font-size: 14px 12730 } 12731} 12732 12733.site-header__wishlist .icon-heart { 12734 width: 1.8em; 12735 height: 1.8em 12736} 12737 12738.icon-wishlist-item { 12739 position: absolute; 12740 bottom: 5px; 12741 right: 5px; 12742 cursor: pointer 12743} 12744 12745#product-loop-coll .icon-wishlist-item { 12746 right: 10px 12747} 12748 12749.icon-wishlist-item a { 12750 color: #212121 12751} 12752 12753.c-products-grid .card:hover .icon-wishlist-item { 12754 display: block 12755} 12756 12757#product-loop-coll .products:hover .icon-wishlist-item { 12758 display: block 12759} 12760 12761.icon-wishlist-item .icon { 12762 display: block;
12763 width: 20px; 12764 height: 20px 12765} 12766 12767.icon-wishlist-item .icon-heart-solid { 12768 display: none 12769} 12770 12771.icon-wishlist-item .wishlist-added .icon-heart { 12772 display: none 12773} 12774 12775.icon-wishlist-item .wishlist-added .icon-heart-solid { 12776 display: block 12777} 12778 12779.icon-wishlist-product { 12780 margin-left: 5px; 12781 cursor: pointer 12782} 12783 12784.icon-wishlist-product .icon { 12785 display: inline-block; 12786 vertical-align: middle; 12787 width: 15px; 12788 height: 15px 12789} 12790 12791.icon-wishlist-product .icon-heart-solid { 12792 display: none 12793} 12794 12795.icon-wishlist-product .wishlist-added .icon-heart { 12796 display: none 12797} 12798 12799.icon-wishlist-product .wishlist-added .icon-heart-solid { 12800 display: inline-block 12801} 12802 12803/* Wishlist icon toggle styles */ 12804.wishlist-icon-wrapper { 12805 display: inline-block; 12806 position: relative; 12807 width: 24px; 12808 height: 21px 12809} 12810 12811.wishlist-icon-outline, 12812.wishlist-icon-filled { 12813 position: absolute; 12814 top: 0; 12815 left: 0 12816} 12817 12818.wishlist-toggle.active .wishlist-icon-filled { 12819 display: block !important 12820} 12821 12822.wishlist-toggle.active .wishlist-icon-outline { 12823 display: none !important 12824} 12825 12826@media (min-width:992px) { 12827 .icon-wishlist-item { 12828 display: none 12829 } 12830} 12831 12832@media (max-width:991px) { 12833 .icon-wishlist-item .icon { 12834 width: 15px; 12835 height: 15px 12836 } 12837} 12838 12839.stamped-badge-starrating .stamped-fa { 12840 width: 15px; 12841 color: #d10000 12842} 12843 12844.stamped-badge-caption[data-reviews]:after { 12845 content: '' !important 12846} 12847 12848.stamped-badge-caption { 12849 font-size: 12px; 12850 vertical-align: middle; 12851 color: #212121 12852} 12853 12854.fa-star-half-o:before, 12855.fa-star-o:before, 12856.fa-star:before, 12857.stamped-fa-star-half-o:before, 12858.stamped-fa-star-o:before, 12859.stamped-fa-star:before { 12860 font-size: 16px 12861} 12862 12863.product-meta--review .stamped-badge-starrating .stamped-fa { 12864 margin-right: 2px 12865} 12866 12867.product-meta--review .stamped-badge-starrating .stamped-fa:before { 12868 font-size: 20px 12869} 12870 12871.product-meta--review .stamped-badge-caption { 12872 font-size: 16px; 12873 margin-right: 5px; 12874 margin-left: 5px; 12875 vertical-align: inherit 12876} 12877 12878.fa-star, 12879.fa-star-checked, 12880.fa-star-half-o, 12881.fa-star-o, 12882.stamped-fa-star, 12883.stamped-fa-star-checked, 12884.stamped-fa-star-half-o, 12885.stamped-fa-star-o { 12886 color: #d10000 !important 12887} 12888 12889.summary-rating-bar-content { 12890 background-color: #d10000 !important; 12891 color: #fff !important 12892} 12893 12894.product-card-info .btn.btn-cta {width: 130px;height: 35px;padding: 5px;height: 35px;line-height: normal;text-transform: capitalize!important;} 12895.position-absolute.label-tag {z-index: 999;} 12896.label-tag.forever-flower { 12897 bottom: 0; 12898} 12899.shopify-section:first-child { 12900 margin-top: 0; 12901} 12902@media (max-width: 600px){ 12903 .label-tag.valentine img {width: 20px;} 12904 .label-tag.freeItem img { 12905 width: 40px !important; 12906 } 12907} 12908/* Header */ 12909.header-container { 12910 display: flex; 12911 justify-content: space-between; 12912 align-items: center; 12913 padding: 22px 0px; 12914 margin: 0 auto; 12915} 12916.logo { 12917 max-width: 340px; 12918} 12919.search-icon, 12920.header-icons { 12921 display: flex; 12922 align-items: center; 12923} 12924.header-icons { 12925 display: flex; 12926 gap: 20px; 12927} 12928.header-icon-right { 12929 justify-content: flex-end; 12930} 12931header-icon-left { 12932 justify-content: flex-start; 12933} 12934.icon { 12935 font-size: 20px; 12936 color: #333; 12937 cursor: pointer; 12938 stroke-width: 1; 12939} 12940.icon-wishlist-header { 12941 stroke-width: 0; 12942 position: relative; 12943} 12944 12945.wishlist-count { 12946 position: absolute; 12947 top: -8px; 12948 right: -10px; 12949 background-color: #640000; 12950 color: white; 12951 font-size: 10px; 12952 border-radius: 50%; 12953 width: 16px; 12954 height: 16px; 12955 display: flex; 12956 align-items: center; 12957 justify-content: center; 12958 font-weight: bold; 12959 text-align: center; 12960} 12961 12962.cart-count { 12963 position: absolute; 12964 top: -8px; 12965 right: -10px; 12966 background-color: var(--topbar-bg, #640000); 12967 color: white; 12968 font-size: 10px; 12969 border-radius: 50%; 12970 width: 16px; 12971 height: 16px; 12972 display: flex; 12973 align-items: center; 12974 justify-content: center; 12975 font-weight: bold; 12976 text-align: center; 12977} 12978 12979.icon-cart-header { 12980 position: relative; 12981} 12982/* Navigation */ 12983.nav-header { 12984 position: relative; 12985 border-top: 1px solid #000000; 12986 border-bottom: 1px solid #000000; 12987} 12988.nav-menu { 12989 display: flex; 12990 justify-content: space-between; 12991 list-style: none; 12992 margin: 0 auto; 12993} 12994.nav-menu:after { 12995 display: none!important; 12996} 12997.nav-menu li { 12998 margin: 0; 12999} 13000.nav-menu > li > a { 13001 padding: 24px 0; 13002 display: block; 13003} 13004.nav-menu a { 13005 text-decoration: none; 13006 color: #212121; 13007 font-size: 16px; 13008 font-weight: 400; 13009 text-transform: uppercase; 13010 transition: color 0.3s ease; 13011} 13012.nav-menu a:hover { 13013 color: var(--topbar-bg, #666); 13014} 13015.megamenu { 13016 display: none; 13017 position: absolute; 13018 top: 68px;
13019 left: 0; 13020 padding: 20px 0; 13021 z-index: 99; 13022 background-color: #000000; 13023 width: 100%; 13024 border-top: 1px solid #000000; 13025 border-bottom: 1px solid #000000; 13026} 13027.dropdown-menu { 13028 list-style: none; 13029 margin: 0; 13030 padding: 0; 13031} 13032.dropdown-menu li { 13033 margin-bottom: 0; 13034} 13035.dropdown-menu li a { 13036 display: block; 13037 padding: 12px 0; 13038 font-size: 15px; 13039 font-weight: 500; 13040 color: #333; 13041 text-transform: capitalize; 13042 transition: all 0.3s ease; 13043 border: none; 13044} 13045.dropdown-menu li.has-submenu > a { 13046 padding-bottom: 4px; 13047} 13048.dropdown-menu li a:hover { 13049 color: var(--topbar-bg, #212121); 13050 transform: translateX(4px); 13051 border: none; 13052} 13053.dropdown-menu .grandchild { 13054 margin: 0; 13055 padding: 0; 13056 list-style: none; 13057} 13058.dropdown-menu .grandchild li { 13059 list-style: none; 13060 margin: 0; 13061} 13062.dropdown-menu .grandchild li a { 13063 font-size: 15px; 13064 font-weight: 400; 13065 color: #666; 13066 padding: 6px 0; 13067 text-transform: none; 13068 border: none; 13069} 13070.dropdown-menu .grandchild li a:hover { 13071 color: var(--topbar-bg, #B8860B); 13072 transform: translateX(2px); 13073 border: none; 13074} 13075 13076.megamenu.with-images .container { 13077 display: flex; 13078 flex-wrap: nowrap; 13079 justify-content: space-between; 13080 align-items: flex-start; 13081} 13082.megamenu .container .menulinks { 13083 flex: 1; 13084 max-width: 60%; 13085 padding-right: 0; 13086} 13087.megamenu.with-images .container .menuimages { 13088 flex: 0 0 auto; 13089 width: 45%; 13090 display: flex; 13091 justify-content: center; 13092 align-items: center; 13093 min-height: 200px; 13094} 13095.megamenu.with-images .container .menuimages img { 13096 display: block; 13097 max-width: 100%; 13098 height: auto; 13099 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 13100} 13101 13102@media (min-width: 991px) { 13103 13104 .dropdown-menu { 13105 display: grid; 13106 column-gap: 20px; 13107 } 13108 .dropdown-menu li { 13109 margin-bottom: 0 !important; 13110 } 13111 .nav-menu li.has-child:hover > .megamenu { 13112 display: block; 13113 } 13114 .dropdown-menu.five-links { 13115 grid-template-columns: repeat(5, 1fr); 13116 column-gap: 40px; 13117 } 13118 .megamenu .container .menulinks { 13119 max-width: 100%; 13120 } 13121 .dropdown-menu.three-links { 13122 grid-template-columns: repeat(3, 1fr); 13123 column-gap: 40px; 13124 } 13125 13126 .link-all { 13127 position: absolute; 13128 bottom: 0; 13129 display: flex; 13130 gap: 25px; 13131 align-items: center; 13132 } 13133 .link-all a { 13134 font-weight: 700; 13135 font-size: 14px; 13136 color: var(--topbar-bg, #212121); 13137 text-transform: uppercase; 13138 letter-spacing: 0.5px; 13139 transition: all 0.3s ease; 13140 } 13141 .link-all a:hover { 13142 color: var(--topbar-bg, #212121); 13143 transform: translateX(4px); 13144 } 13145 13146 .link-all svg { 13147 align-self: center; 13148 transition: transform 0.3s ease; 13149 } 13150 .link-all:hover svg { 13151 transform: translateX(4px); 13152 } 13153 13154 .menulinks { 13155 position: relative; 13156 min-height: 220px; 13157 padding-bottom: 50px; 13158 } 13159 13160 /* Category Headers */ 13161 .dropdown-menu > li > a { 13162 font-size: 16px; 13163 font-weight: 600; 13164 color: #222; 13165 text-transform: uppercase; 13166 letter-spacing: 0.5px; 13167 margin-bottom: 8px; 13168 padding-bottom: 8px; 13169 } 13170 .dropdown-menu > li:first-child > a:hover { 13171 transform: none; 13172 border-bottom-color: var(--topbar-bg, #8B6914); 13173 } 13174} 13175 13176/* Responsive Design */ 13177@media (max-width: 992px) { 13178 body.nav_open { 13179 overflow: hidden; 13180 } 13181 13182 header .container { 13183 padding: 0 13184 } 13185 .nav-header { 13186 display: none; 13187 position: fixed; 13188 z-index: 99; 13189 background-color: #000000; 13190 width: 300px; 13191 top: 0px; 13192 left: -100%; 13193 height: 100%; 13194 overflow: scroll; 13195 } 13196 body.nav_open .nav-header { 13197 display: block; 13198 animation: smooth-nav 0.5s ease forwards; 13199 } 13200 .template-index .main-content { 13201 padding-top: 0; 13202 padding-bottom: 0; 13203 } 13204 .header-container { 13205 padding: 15px 20px; 13206 z-index: 99; 13207 background-color: #fff; 13208 width: 100%; 13209 left: 0; 13210 } 13211 .logo h1 { 13212 font-size: 22px; 13213 } 13214 .logo svg { 13215 width: 100%; 13216 max-width: 160px; 13217 } 13218 .header-icons svg { 13219 width: 17px; 13220 height: auto; 13221 } 13222 .nav-menu { 13223 display: block; 13224 flex-wrap: wrap; 13225 padding: 0; 13226 } 13227 .nav-menu li { 13228 margin: 0;
13229 border-bottom: 1px solid #f0f0f0; 13230 } 13231 .nav-menu > li > a { 13232 padding: 18px 20px; 13233 font-size: 16px; 13234 font-weight: 600; 13235 color: #ffffff; 13236 text-transform: uppercase; 13237 border-bottom: none; 13238 } 13239 .megamenu { 13240 position: relative; 13241 min-height: auto; 13242 padding: 0; 13243 top: 0; 13244 background-color: #000000; 13245 border-top: none; 13246 } 13247 .megamenu .container { 13248 padding: 0; 13249 } 13250 .megamenu .menulinks { 13251 padding: 0; 13252 } 13253 .megamenu.with-images .container { 13254 display: block; 13255 } 13256 .megamenu .container .menulinks { 13257 max-width: 100%; 13258 margin-bottom: 0; 13259 padding: 0; 13260 } 13261 .megamenu.with-images .container .menuimages { 13262 width: 100%; 13263 margin-bottom: 0; 13264 } 13265 .dropdown-menu li a { 13266 display: block; 13267 font-size: 15px; 13268 font-weight: 600; 13269 padding: 14px 20px; 13270 color: #333; 13271 text-transform: capitalize; 13272 transition: all 0.3s ease; 13273 border-radius: 4px; 13274 margin: 2px 8px; 13275 } 13276 .dropdown-menu li a:hover { 13277 color: var(--topbar-bg, #B8860B); 13278 transform: translateX(4px); 13279 } 13280 .dropdown-menu li.has-submenu > a { 13281 display: flex !important; 13282 justify-content: space-between; 13283 align-items: center; 13284 } 13285 .dropdown-menu li.has-submenu .chevron-right { 13286 transform: rotate(0deg); 13287 transition: transform 0.3s ease; 13288 } 13289 .dropdown-menu .grandchild { 13290 display: none; /* Default hidden for accordion */ 13291 margin: 8px 0 0 0; 13292 padding: 8px 0; 13293 border-radius: 6px; 13294 } 13295 .dropdown-menu .grandchild li { 13296 border-bottom: 1px solid rgba(0, 0, 0, 0.06); 13297 margin: 0 12px; 13298 } 13299 .dropdown-menu .grandchild li:last-child { 13300 border-bottom: none; 13301 } 13302 .dropdown-menu .grandchild li:first-child { 13303 margin-top: 0; 13304 } 13305 .dropdown-menu .grandchild li a { 13306 font-size: 13px; 13307 font-weight: 400; 13308 padding: 8px 20px 8px 32px; 13309 color: #666; 13310 text-transform: none; 13311 border-bottom: none; 13312 margin: 0; 13313 border-radius: 0; 13314 transition: all 0.3s ease; 13315 } 13316 .dropdown-menu .grandchild li a:hover { 13317 background-color: rgba(184, 134, 11, 0.05); 13318 color: var(--topbar-bg, #212121); 13319 transform: translateX(2px); 13320 } 13321 13322 /* When submenu is open, show grandchild */ 13323 .dropdown-menu .has-submenu.submenu-open .grandchild { 13324 display: block; 13325 } 13326 13327 /* Chevron icon rotation for level 2 menus */ 13328 .dropdown-menu .has-submenu .chevron-right { 13329 transition: transform 0.3s ease; 13330 transform: rotate(0deg) !important; 13331 } 13332 13333 .dropdown-menu .has-submenu.submenu-open .chevron-right { 13334 transform: rotate(90deg) !important; 13335 } 13336 .promo-banner { 13337 font-size: 12px; 13338 padding: 8px 10px; 13339 } 13340 body.nav_open .overlay-nav { 13341 position: fixed; 13342 top: 0; 13343 left: 0; 13344 width: 100%; 13345 height: 100%; 13346 z-index: 9; 13347 cursor: pointer; 13348 background-color: rgb(117 117 117 / 70%); 13349 } 13350 13351 .nav-account-mobile { 13352 padding: 10px 20px; 13353 } 13354 .nav-account-mobile a { 13355 color: #212121; 13356 font-size: 12px; 13357 } 13358 13359 .megamenu.with-images .container .menuimages { 13360 display: none; 13361 } 13362 13363 .megamenu .menulinks .link-all { 13364 margin: 20px 0 !important; 13365 } 13366 .megamenu .menulinks .link-all a { 13367 font-size: 14px; 13368 font-weight: 700; 13369 color: var(--topbar-bg, #B8860B); 13370 text-transform: uppercase; 13371 } 13372 13373 13374 .has-child > a { 13375 display: flex!important; 13376 justify-content: space-between; 13377 } 13378 .chevron-right { 13379 display: inline-block; 13380 transition: transform 0.3s ease; 13381 } 13382 13383 .has-child.menu-open .chevron-right { 13384 transform: rotate(90deg); 13385 } 13386 13387 .has-submenu.submenu-open .chevron-right { 13388 transform: rotate(90deg) !important; 13389 } 13390 13391 /* Mobile Close Button Styles in Overlay */ 13392 .overlay-nav { 13393 position: relative; 13394 } 13395 13396 .nav-close-btn { 13397 display: none; /* Hide by default */ 13398 position: fixed; 13399 top: 20px; 13400 right: 20px; 13401 background: white; 13402 border: none; 13403 padding: 12px; 13404 cursor: pointer; 13405 border-radius: 50%; 13406 transition: all 0.3s ease;
13407 align-items: center; 13408 justify-content: center; 13409 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 13410 z-index: 1001; 13411 } 13412 13413 .nav-close-btn:hover { 13414 background-color: #f5f5f5; 13415 transform: scale(1.05); 13416 } 13417 13418 .nav-close-btn svg { 13419 width: 20px; 13420 height: 20px; 13421 } 13422 13423 .has-child.menu-open a > span { 13424 font-weight: 600; 13425 } 13426 13427 body.nav_open .nav-close-btn { 13428 display: flex; 13429 } 13430} 13431 13432@media (max-width: 480px) { 13433 .header-container { 13434 padding: 15px; 13435 } 13436 .logo h1 { 13437 font-size: 18px; 13438 } 13439 .icon { 13440 font-size: 16px; 13441 } 13442 .nav-menu { 13443 justify-content: flex-start; 13444 overflow-x: auto; 13445 padding: 10px; 13446 } 13447 .nav-menu li { 13448 white-space: nowrap; 13449 } 13450} 13451 13452@keyframes smooth-nav { 13453 100% { 13454 left: 0px; 13455 opacity: 1; 13456 } 13457} 13458/* Header */ 13459.header-container { 13460 display: flex; 13461 justify-content: space-between; 13462 align-items: center; 13463 padding: 22px 0px; 13464 margin: 0 auto; 13465} 13466.logo { 13467 max-width: 340px; 13468} 13469.search-icon, 13470.header-icons { 13471 display: flex; 13472 align-items: center; 13473} 13474.header-icons { 13475 display: flex; 13476 gap: 20px; 13477} 13478.header-icon-right { 13479 justify-content: flex-end; 13480} 13481header-icon-left { 13482 justify-content: flex-start; 13483} 13484.icon { 13485 font-size: 20px; 13486 color: #333; 13487 cursor: pointer; 13488 stroke-width: 1; 13489} 13490.icon-wishlist-header { 13491 stroke-width: 0; 13492 position: relative; 13493} 13494 13495.wishlist-count { 13496 position: absolute; 13497 top: -8px; 13498 right: -10px; 13499 background-color: #640000; 13500 color: white; 13501 font-size: 10px; 13502 border-radius: 50%; 13503 width: 16px; 13504 height: 16px; 13505 display: flex; 13506 align-items: center; 13507 justify-content: center; 13508 font-weight: bold; 13509 text-align: center; 13510} 13511 13512.cart-count { 13513 position: absolute; 13514 top: -8px; 13515 right: -10px; 13516 background-color: var(--topbar-bg, #640000); 13517 color: white; 13518 font-size: 10px; 13519 border-radius: 50%; 13520 width: 16px; 13521 height: 16px; 13522 display: flex; 13523 align-items: center; 13524 justify-content: center; 13525 font-weight: bold; 13526 text-align: center; 13527} 13528 13529.icon-cart-header { 13530 position: relative; 13531} 13532/* Navigation */ 13533.nav-header { 13534 position: relative; 13535 border-top: 1px solid #000000; 13536 border-bottom: 1px solid #000000; 13537} 13538.nav-menu { 13539 display: flex; 13540 justify-content: space-between; 13541 list-style: none; 13542 margin: 0 auto; 13543} 13544.nav-menu:after { 13545 display: none!important; 13546} 13547.nav-menu li { 13548 margin: 0; 13549} 13550.nav-menu > li > a { 13551 padding: 24px 0; 13552 display: block; 13553} 13554.nav-menu a { 13555 text-decoration: none; 13556 color: #212121; 13557 font-size: 16px; 13558 font-weight: 400; 13559 text-transform: uppercase; 13560 transition: color 0.3s ease; 13561} 13562.nav-menu a:hover { 13563 color: var(--topbar-bg, #666); 13564} 13565.megamenu { 13566 display: none; 13567 position: absolute; 13568 top: 68px; 13569 left: 0; 13570 padding: 20px 0; 13571 z-index: 99; 13572 background-color: #fff; 13573 width: 100%; 13574 border-top: 1px solid #000000; 13575 border-bottom: 1px solid #000000; 13576} 13577.dropdown-menu { 13578 list-style: none; 13579 margin: 0; 13580 padding: 0; 13581} 13582.dropdown-menu li { 13583 margin-bottom: 0; 13584} 13585.dropdown-menu li a { 13586 display: block; 13587 padding: 12px 0; 13588 font-size: 15px; 13589 font-weight: 500; 13590 color: #333; 13591 text-transform: capitalize; 13592 transition: all 0.3s ease; 13593 border: none; 13594} 13595.dropdown-menu li.has-submenu > a { 13596 padding-bottom: 4px; 13597} 13598.dropdown-menu li a:hover { 13599 color: var(--topbar-bg, #212121); 13600 transform: translateX(4px); 13601 border: none; 13602} 13603.dropdown-menu .grandchild { 13604 margin: 0; 13605 padding: 0; 13606 list-style: none; 13607} 13608.dropdown-menu .grandchild li { 13609 list-style: none; 13610 margin: 0; 13611} 13612.dropdown-menu .grandchild li a { 13613 font-size: 15px; 13614 font-weight: 400; 13615 color: #666; 13616 padding: 6px 0; 13617 text-transform: none; 13618 border: none; 13619} 13620.dropdown-menu .grandchild li a:hover { 13621 color: var(--topbar-bg, #B8860B); 13622 transform: translateX(2px); 13623 border: none; 13624} 13625 13626.megamenu.with-images .container { 13627 display: flex; 13628 flex-wrap: nowrap; 13629 justify-content: space-between; 13630 align-items: flex-start; 13631} 13632.megamenu .container .menulinks { 13633 flex: 1; 13634 max-width: 60%; 13635 padding-right: 0; 13636} 13637.megamenu.with-images .container .menuimages { 13638 flex: 0 0 auto; 13639 width: 45%; 13640 display: flex; 13641 justify-content: center; 13642 align-items: center; 13643 min-height: 200px; 13644} 13645.megamenu.with-images .container .menuimages img { 13646 display: block; 13647 max-width: 100%; 13648 height: auto; 13649 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 13650} 13651 13652@media (min-width: 991px) { 13653 13654 .dropdown-menu { 13655 display: grid; 13656 column-gap: 20px; 13657 } 13658 .dropdown-menu li { 13659 margin-bottom: 0 !important; 13660 } 13661 .nav-menu li.has-child:hover > .megamenu { 13662 display: block; 13663 } 13664 .dropdown-menu.five-links { 13665 grid-template-columns: repeat(5, 1fr); 13666 column-gap: 40px; 13667 } 13668 .megamenu .container .menulinks { 13669 max-width: 100%; 13670 } 13671 .dropdown-menu.three-links { 13672 grid-template-columns: repeat(3, 1fr); 13673 column-gap: 40px; 13674 } 13675 13676 .link-all { 13677 position: absolute; 13678 bottom: 0; 13679 display: flex; 13680 gap: 25px;
13681 align-items: center; 13682 } 13683 .link-all a { 13684 font-weight: 700; 13685 font-size: 14px; 13686 color: var(--topbar-bg, #212121); 13687 text-transform: uppercase; 13688 letter-spacing: 0.5px; 13689 transition: all 0.3s ease; 13690 } 13691 .link-all a:hover { 13692 color: var(--topbar-bg, #212121); 13693 transform: translateX(4px); 13694 } 13695 13696 .link-all svg { 13697 align-self: center; 13698 transition: transform 0.3s ease; 13699 } 13700 .link-all:hover svg { 13701 transform: translateX(4px); 13702 } 13703 13704 .menulinks { 13705 position: relative; 13706 min-height: 220px; 13707 padding-bottom: 50px; 13708 } 13709 13710 /* Category Headers */ 13711 .dropdown-menu > li > a { 13712 font-size: 16px; 13713 font-weight: 600; 13714 color: #222; 13715 text-transform: uppercase; 13716 letter-spacing: 0.5px; 13717 margin-bottom: 8px; 13718 padding-bottom: 8px; 13719 } 13720 .dropdown-menu > li:first-child > a:hover { 13721 transform: none; 13722 border-bottom-color: var(--topbar-bg, #8B6914); 13723 } 13724} 13725 13726/* Responsive Design */ 13727@media (max-width: 992px) { 13728 body.nav_open { 13729 overflow: hidden; 13730 } 13731 13732 header .container { 13733 padding: 0 13734 } 13735 .nav-header { 13736 display: none; 13737 position: fixed; 13738 z-index: 99; 13739 background-color: #000000; 13740 width: 300px; 13741 top: 0px; 13742 left: -100%; 13743 height: 100%; 13744 overflow: scroll; 13745 } 13746 body.nav_open .nav-header { 13747 display: block; 13748 animation: smooth-nav 0.5s ease forwards; 13749 } 13750 .template-index .main-content { 13751 padding-top: 0; 13752 padding-bottom: 0; 13753 } 13754 .header-container { 13755 padding: 15px 20px; 13756 z-index: 99; 13757 background-color: #000000; 13758 width: 100%; 13759 left: 0; 13760 } 13761 .logo h1 { 13762 font-size: 22px; 13763 } 13764 .logo svg { 13765 width: 100%; 13766 max-width: 160px; 13767 } 13768 .header-icons svg { 13769 width: 17px; 13770 height: auto; 13771 } 13772 .nav-menu { 13773 display: block; 13774 flex-wrap: wrap; 13775 padding: 0; 13776 } 13777 .nav-menu li { 13778 margin: 0; 13779 border-bottom: 1px solid #f0f0f0; 13780 } 13781 .nav-menu > li > a { 13782 padding: 18px 20px; 13783 font-size: 16px; 13784 font-weight: 600; 13785 color: #ffffff; 13786 text-transform: uppercase; 13787 border-bottom: none; 13788 } 13789 .megamenu { 13790 position: relative; 13791 min-height: auto; 13792 padding: 0; 13793 top: 0; 13794 background-color: #000000; 13795 border-top: none; 13796 } 13797 .megamenu .container { 13798 padding: 0; 13799 } 13800 .megamenu .menulinks { 13801 padding: 0; 13802 } 13803 .megamenu.with-images .container { 13804 display: block; 13805 } 13806 .megamenu .container .menulinks { 13807 max-width: 100%; 13808 margin-bottom: 0; 13809 padding: 0; 13810 } 13811 .megamenu.with-images .container .menuimages { 13812 width: 100%; 13813 margin-bottom: 0; 13814 } 13815 .dropdown-menu li a { 13816 display: block; 13817 font-size: 15px; 13818 font-weight: 600; 13819 padding: 14px 20px; 13820 color: #333; 13821 text-transform: capitalize; 13822 transition: all 0.3s ease; 13823 border-radius: 4px; 13824 margin: 2px 8px; 13825 } 13826 .dropdown-menu li a:hover { 13827 color: var(--topbar-bg, #B8860B); 13828 transform: translateX(4px); 13829 } 13830 .dropdown-menu li.has-submenu > a { 13831 display: flex !important; 13832 justify-content: space-between; 13833 align-items: center; 13834 } 13835 .dropdown-menu li.has-submenu .chevron-right { 13836 transform: rotate(0deg); 13837 transition: transform 0.3s ease; 13838 } 13839 .dropdown-menu .grandchild { 13840 display: none; /* Default hidden for accordion */ 13841 margin: 8px 0 0 0; 13842 padding: 8px 0; 13843 border-radius: 6px; 13844 } 13845 .dropdown-menu .grandchild li { 13846 border-bottom: 1px solid rgba(0, 0, 0, 0.06); 13847 margin: 0 12px; 13848 } 13849 .dropdown-menu .grandchild li:last-child { 13850 border-bottom: none; 13851 } 13852 .dropdown-menu .grandchild li:first-child { 13853 margin-top: 0; 13854 } 13855 .dropdown-menu .grandchild li a { 13856 font-size: 13px; 13857 font-weight: 400; 13858 padding: 8px 20px 8px 32px; 13859 color: #666; 13860 text-transform: none; 13861 border-bottom: none; 13862 margin: 0; 13863 border-radius: 0; 13864 transition: all 0.3s ease; 13865 } 13866 .dropdown-menu .grandchild li a:hover { 13867 background-color: rgba(184, 134, 11, 0.05); 13868 color: var(--topbar-bg, #212121); 13869 transform: translateX(2px); 13870 } 13871 13872 /* When submenu is open, show grandchild */ 13873 .dropdown-menu .has-submenu.submenu-open .grandchild { 13874 display: block; 13875 } 13876 13877 /* Chevron icon rotation for level 2 menus */ 13878 .dropdown-menu .has-submenu .chevron-right { 13879 transition: transform 0.3s ease; 13880 transform: rotate(0deg) !important; 13881 } 13882 13883 .dropdown-menu .has-submenu.submenu-open .chevron-right { 13884 transform: rotate(90deg) !important; 13885 } 13886 .promo-banner { 13887 font-size: 12px; 13888 padding: 8px 10px; 13889 } 13890 body.nav_open .overlay-nav { 13891 position: fixed; 13892 top: 0; 13893 left: 0; 13894 width: 100%; 13895 height: 100%; 13896 z-index: 9; 13897 cursor: pointer; 13898 background-color: rgb(117 117 117 / 70%); 13899 } 13900 13901 .nav-account-mobile { 13902 padding: 10px 20px; 13903 } 13904 .nav-account-mobile a { 13905 color: #212121; 13906 font-size: 12px; 13907 } 13908 13909 .megamenu.with-images .container .menuimages { 13910 display: none; 13911 } 13912 13913 .megamenu .menulinks .link-all { 13914 margin: 20px 0 !important; 13915 } 13916 .megamenu .menulinks .link-all a { 13917 font-size: 14px; 13918 font-weight: 700; 13919 color: var(--topbar-bg, #B8860B); 13920 text-transform: uppercase; 13921 } 13922 13923 13924 .has-child > a { 13925 display: flex!important; 13926 justify-content: space-between; 13927 } 13928 .chevron-right { 13929 display: inline-block; 13930 transition: transform 0.3s ease; 13931 } 13932 13933 .has-child.menu-open .chevron-right { 13934 transform: rotate(90deg); 13935 } 13936 13937 .has-submenu.submenu-open .chevron-right { 13938 transform: rotate(90deg) !important; 13939 } 13940 13941 /* Mobile Close Button Styles in Overlay */ 13942 .overlay-nav { 13943 position: relative; 13944 } 13945 13946 .nav-close-btn { 13947 display: none; /* Hide by default */ 13948 position: fixed; 13949 top: 20px; 13950 right: 20px; 13951 background: white; 13952 border: none; 13953 padding: 12px; 13954 cursor: pointer; 13955 border-radius: 50%; 13956 transition: all 0.3s ease;
13957 align-items: center; 13958 justify-content: center; 13959 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 13960 z-index: 1001; 13961 } 13962 13963 .nav-close-btn:hover { 13964 background-color: #f5f5f5; 13965 transform: scale(1.05); 13966 } 13967 13968 .nav-close-btn svg { 13969 width: 20px; 13970 height: 20px; 13971 } 13972 13973 .has-child.menu-open a > span { 13974 font-weight: 600; 13975 } 13976 13977 body.nav_open .nav-close-btn { 13978 display: flex; 13979 } 13980} 13981 13982@media (max-width: 480px) { 13983 .header-container { 13984 padding: 15px; 13985 } 13986 .logo h1 { 13987 font-size: 18px; 13988 } 13989 .icon { 13990 font-size: 16px; 13991 } 13992 .nav-menu { 13993 justify-content: flex-start; 13994 overflow-x: auto; 13995 padding: 10px; 13996 } 13997 .nav-menu li { 13998 white-space: nowrap; 13999 } 14000} 14001 14002@keyframes smooth-nav { 14003 100% { 14004 left: 0px; 14005 opacity: 1; 14006 } 14007} 14008button.disabled {pointer-events: none;} 14009/* 14010@media (max-width: 768px){ 14011 body:not(.template-product) #tidio-chat-iframe {display: none!important;} 14012} 14013*/ 14014#tidio-chat-iframe {display: none!important;} 14015 14016#lineId-11986734055639, 14017#lineId-11986734088407, 14018#lineId-11986734121175 {display: none} 14019 </style> 14020 14021 14022 <div class="purchasePopup"> 14023 <div class="purchaseArea"> 14024 14025 <div class="sectionPurchase purchasePersonalize sectionPurchaseBoard"> 14026 <div class="wrapperPurchase"> 14027 <div class="purchase-content"> 14028 <div class="headerPurchase"> 14029 <h3 class="text-uppercase"> 14030 14031 customize your flower board 14032 14033 </h3> 14034 <a class="close-purchase-popup"> 14035 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 14036 <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"/> 14037 </svg> 14038 </a> 14039 14040 </div> 14041 <div class="contentPurchase"> 14042 <div class="row"> 14043 14044 <div class="col-12"> 14045 14046 14047 <style> 14048 14049 14050 .customize-papan .group-field-1 .input-field {float: left;width: 100%;height: 317px;background-color: #E5E5EA;} 14051 .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;} 14052 14053 .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;} 14054 .customize-papan .btn-upload-papan svg {width: 21px;height: 25px;display: block;align-self: center;margin: auto;margin-bottom: 12px;} 14055 .svgLogoPapan {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;} 14056 .svgLogoPapan p {color: #8E8E93; margin: 0;} 14057 .svgLogoPapan p span {font-size: 12px;color: #FF0E00;} 14058 .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;} 14059 #suggest-messages {position: absolute;bottom: 5px;left: 5px;} 14060 #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;} 14061 .case-occasion .nice-select:after {border-bottom: 2px solid #333;border-right: 2px solid #333;right: 20px;top: 42%;width: 10px;height: 10px;} 14062 .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;} 14063 .customize-papan .input-field .limit {position: absolute;right: 15px;top: 0;color: #757575;} 14064 14065 @media (min-width: 991px) { 14066 .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);} 14067 .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);} 14068 } 14069 </style> 14070 14071 <input type="hidden" data-properties="penerima" value="-"> 14072 <div class="customize-papan"> 14073 <div class="container"> 14074 <div class="field-papan group-field-1 form-group"> 14075 <div class="input-field">
14076 <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. 14077 (Ex: Selamat Menempuh Hidup Baru A & B)." maxlength="100"></textarea> 14078 <p class="limit">0/100</p> 14079 <div id="suggest-messages"> 14080 <a id="show_note_papan1" href="#"> 14081 <div class="suggest-message" id="note_btn_div1"> 14082 <span class="promo-code-link" id="note_btn_papan1">Contoh Kata WEDDING</span> 14083 </div> 14084 </a> 14085 <a id="show_note_papan2" href="#"> 14086 <div class="suggest-message" id="note_btn_div2"> 14087 <span class="promo-code-link" id="note_btn_papan2">Contoh Kata SELAMAT</span> 14088 </div> 14089 </a> 14090 <a id="show_note_papan3" href="#"> 14091 <div class="suggest-message" id="note_btn_div3"> 14092 <span class="promo-code-link" id="note_btn_papan3">Contoh Kata DUKA CITA</span> 14093 </div> 14094 </a> 14095 </div> 14096 </div> 14097 </div> 14098 <div class="hide"> 14099 <input type="hidden" value="" id="note_id_papan1" name="note_id_papan1" style="top: 0px;"> 14100 <input type="hidden" value="" id="note_btn_id_papan1" name="note_btn_id_papan1"> 14101 </div> 14102 <div class="hide"> 14103 <input type="hidden" value="" id="note_id_papan2" name="note_id_papan2" style="top: 0px;"> 14104 <input type="hidden" value="" id="note_btn_id_papan2" name="note_btn_id_papan2"> 14105 </div> 14106 <div class="hide"> 14107 <input type="hidden" value="" id="note_id_papan3" name="note_id_papan3" style="top: 0px;"> 14108 <input type="hidden" value="" id="note_btn_id_papan3" name="note_btn_id_papan3"> 14109 </div> 14110 <div class="field-papan group-field-2 form-group"> 14111 14112 <label for="logoPapan" onclick="" class="input-field field-logo"> 14113 14114 14115 14116 <div class="btn-upload-papan w-100"> 14117 <?xml version="1.0" encoding="UTF-8"?> 14118 <img src="" style="display:none"> 14119 <div class="svgLogoPapan"> 14120 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="22" height="26" viewBox="0 0 22 26" fill="none"> 14121 <path d="M6.5 20H15.5V11H21.5L11 0.5L0.5 11H6.5V20ZM0.5 23H21.5V26H0.5V23Z" fill="black"/> 14122 </svg> 14123 <p>Upload Logo <span>*optional</span></p> 14124 </div> 14125 </div> 14126 14127 </label> 14128 14129 <input 14130 type="hidden" 14131 data-properties="papan-logo" 14132 value="" 14133 > 14134 <input 14135 type="file" 14136 id="logoPapan" 14137 accept="image/*" 14138 style="position: absolute;width: 1px;height: 1px;padding: 0" 14139 > 14140 14141 <div class="input-field"> 14142 <input class="has-limit sender-name" type="text" placeholder="Nama Pengirim" data-properties="pengirim" maxlength="35"/> 14143 <p class="limit">0/35</p> 14144 </div> 14145 14146 </div> 14147 14148 </div> 14149 </div> 14150 </div> 14151 14152 </div> 14153 </div> 14154 14155 </div> 14156 <div class="purchase-button-wrapper"> 14157 <div class="purchase-button btn-card row m-0"> 14158 <div class="col-12 col-lg-2 text-left mb-2 p-0"> 14159 14160 </div> 14161 <div class="btn-next-card col-12 col-lg-10 text-right"> 14162 14163 14164 <button 14165 14166 14167 14168 class="btn next-purchase-button text-uppercase" 14169 14170 disabled 14171 14172 > 14173 <span>save your flower board</span> 14174 </button> 14175 </div> 14176 </div> 14177 14178 </div> 14179 </div> 14180 </div> 14181 14182 14183 14184 <div 14185 class="sectionPurchase sectionPurchaseBoard hide" 14186 data-section="address" 14187 > 14188 <div class="wrapperPurchase"> 14189 <div class="purchase-content"> 14190 <div class="headerPurchase"> 14191 <h3> 14192 Complete Your Order 14193 </h3> 14194 <a class="close-purchase-popup"> 14195 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 14196 <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"/> 14197 </svg> 14198 </a> 14199 14200 </div> 14201 <div class="contentPurchase"> 14202 <div class="row"> 14203 <div class="col-12 position-relative"> 14204 <div class="addressPurchase"> 14205 14206 <h4 class="text-uppercase">recipient delivery address</h4> 14207 <p>Share the delivery address to send your heartfelt blooms straight to their door.</p> 14208 14209 <div class="formAddressPurchase row"> 14210 <div class="col-12"> 14211 <form> 14212 <div class="form-group row mb-2 mb-lg-4"> 14213 <div class="col-6 position-relative"> 14214 <input id="first_name" type="text" class="form-control input__field" placeholder="" required> 14215 <label for="first_name" class="input__label">First Name<span>*</span></label> 14216 </div> 14217 <div class="col-6 position-relative"> 14218 <input id="last_name" type="text" class="form-control input__field" placeholder="" required> 14219 <label for="last_name" class="input__label">Last Name<span>*</span></label> 14220 </div> 14221 <input type="hidden" data-properties="nama-penerima"> 14222 </div> 14223 14224 <h4 class="text-uppercase">how you want to input your address</h4> 14225 <div class="form-group row mb-2 mb-lg-4 form-address-upload"> 14226 <div class="col-6 position-relative"> 14227 <label class="address-manualy"> 14228 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="18" height="17" viewBox="0 0 18 17" fill="none"> 14229 <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
142291216 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
142295 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"/> 14230 </svg> 14231 <span>Input Address Manually</span> 14232 </label> 14233 </div> 14234 <div class="col-6 position-relative"> 14235 <label for="address-upload" class="address-upload"> 14236 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="12" height="13" viewBox="0 0 12 13" fill="none"> 14237 <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"/> 14238 </svg> 14239 <span>Upload Address Picture</span> 14240 </label> 14241 <input 14242 id="address-upload" 14243 type="file" 14244 accept="image/png, image/jpeg" 14245 style="position: absolute; padding: 0;width: 1px;height: 1px" 14246 > 14247 <input type="hidden" class="props-address-upload" data-properties="foto-alamat"> 14248 </div> 14249 </div> 14250 <img width="150" height="" src="" class="photo-address" style="display: none;"> 14251 14252 <div class="form-group row position-relative mb-2 mb-lg-4 form-address"> 14253 <div class="col-12"> 14254 <textarea 14255 id="delivery_address" 14256 data-properties="alamat-penerima" 14257 class="form-control input__field col-12" 14258 placeholder="" 14259 required 14260 ></textarea> 14261 <label for="delivery_address" class="input__label">Delivery Address<span>*</span></label> 14262 14263 </div> 14264 </div> 14265 <div class="form-group row mb-2 mb-lg-4 form-address"> 14266 <div class="col-6 position-relative"> 14267 <input 14268 id="recipient_number" 14269 type="text" 14270 data-properties="telepon-penerima" 14271 class="form-control input__field" 14272 placeholder="" 14273 required 14274 > 14275 <label for="recipient_number" class="input__label">Recipient number<span>*</span></label> 14276 </div> 14277 <div class="col-6 position-relative"> 14278 <input 14279 id="company" 14280 type="text" 14281 data-properties="company" 14282 class="form-control input__field" 14283 placeholder="" 14284 > 14285 <label for="company" class="input__label">Company (Optional)</label> 14286 </div> 14287 </div> 14288 <div class="form-group row mb-2 mb-lg-4 form-address"> 14289 <div class="col-6 position-relative"> 14290 <input 14291 id="province" 14292 type="text" 14293 class="form-control input__field" 14294 placeholder="" 14295 value="Jakarta" 14296 data-properties="province" 14297 > 14298 <label for="province" class="input__label">Province</label> 14299 </div> 14300 <div class="col-6 position-relative"> 14301 <select id="zip" class="form-control select-search" required></select> 14302 </div> 14303 </div> 14304 </form> 14305 </div> 14306 </div> 14307 </div> 14308 <div class="addonsPurchase"> 14309 <h4 class="text-uppercase">add-ons</h4> 14310 <div class="addons"> 14311 <p>No Add-Ons</p> 14312 <!-- 14313 <button class="add-addon"> 14314 <svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="12" height="12" viewBox="0 0 12 12" fill="none"> 14315 <path d="M5.5 6.5H0V5.5H5.5V0H6.5V5.5H12V6.5H6.5V12H5.5V6.5Z" fill="black"/> 14316 </svg>
14317 <span>Enhance my moment with Add-ons</span> 14318 </button> 14319 --> 14320 </div> 14321 </div> 14322 </div> 14323 14324 </div> 14325 </div> 14326 14327
14327<script> 14328 document.addEventListener('DOMContentLoaded', function() { 14329 // Detect iOS 14330 var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; 14331 14332 if (isIOS) { 14333 document.querySelector('.formAddressPurchase').classList.add('ios'); 14334 14335 // iOS specific fixes 14336 var inputs = document.querySelectorAll('.formAddressPurchase .input__field'); 14337 14338 inputs.forEach(function(input) { 14339 // Force enable touch events on iOS 14340 input.style.webkitUserSelect = 'text'; 14341 input.style.webkitTouchCallout = 'default'; 14342 input.style.pointerEvents = 'auto'; 14343 input.style.touchAction = 'manipulation'; 14344 14345 // Add explicit touch event listeners for iOS 14346 input.addEventListener('touchstart', function(e) { 14347 e.stopPropagation(); 14348 this.focus(); 14349 }, { passive: false }); 14350 14351 input.addEventListener('touchend', function(e) { 14352 e.preventDefault(); 14353 e.stopPropagation(); 14354 this.focus(); 14355 this.click(); 14356 }, { passive: false }); 14357 14358 // Force focus on tap for iOS 14359 input.addEventListener('click', function(e) { 14360 e.stopPropagation(); 14361 if (document.activeElement !== this) { 14362 this.focus(); 14363 } 14364 }); 14365 }); 14366 14367 // Fix for label overlapping on iOS 14368 var labels = document.querySelectorAll('.formAddressPurchase .input__label'); 14369 labels.forEach(function(label) { 14370 label.style.pointerEvents = 'none'; 14371 label.addEventListener('touchstart', function(e) { 14372 e.preventDefault(); 14373 var input = this.parentNode.querySelector('.input__field'); 14374 if (input) { 14375 input.focus(); 14376 } 14377 }); 14378 }); 14379 } 14380 14381 // Handle input state for all browsers, especially iOS 14382 var inputs = document.querySelectorAll('.input__field'); 14383 14384 inputs.forEach(function(input) { 14385 // Handle input events 14386 input.addEventListener('input', function() { 14387 if (this.value.trim() !== '') { 14388 this.classList.add('has-value'); 14389 } else { 14390 this.classList.remove('has-value'); 14391 } 14392 }); 14393 14394 // Handle focus 14395 input.addEventListener('focus', function() { 14396 this.classList.add('focused'); 14397 // iOS specific: ensure input is visible 14398 if (isIOS) { 14399 setTimeout(function() { 14400 input.scrollIntoView({ behavior: 'smooth', block: 'center' }); 14401 }, 300); 14402 } 14403 }); 14404 14405 // Handle blur 14406 input.addEventListener('blur', function() { 14407 this.classList.remove('focused'); 14408 if (this.value.trim() !== '') { 14409 this.classList.add('has-value'); 14410 } else { 14411 this.classList.remove('has-value'); 14412 } 14413 }); 14414 14415 // Initial check for pre-filled values 14416 if (input.value.trim() !== '') { 14417 input.classList.add('has-value'); 14418 } 14419 }); 14420 14421 // Additional iOS fixes 14422 if (isIOS) { 14423 // Prevent iOS Safari from adding default styling 14424 document.addEventListener('touchstart', function() {}, { passive: true }); 14425 14426 // Fix viewport issues on iOS 14427 var viewport = document.querySelector('meta[name=viewport]'); 14428 if (viewport) { 14429 viewport.setAttribute('content', 14430 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' 14431 ); 14432 } 14433 } 14434 }); 14435 </script>
14435 14436 </div> 14437 <div class="purchase-button-wrapper"> 14438 <div class="purchase-button btn-address row m-0"> 14439 <div class="col-12 col-lg-2 text-left mb-2 p-0"> 14440 14441 <button class="back-purchase-button back-address text-uppercase"> 14442 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 14443 <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"/> 14444 </svg> 14445 <span>Back</span> 14446 </button> 14447 14448 </div> 14449 <div class="btn-next-card col-12 col-lg-10 text-right"> 14450 14451 <!-- 14452 <button class="back-purchase-button back-address text-uppercase mr-lg-2 mb-2 mb-lg-0"> 14453 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 14454 <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"/> 14455 </svg> 14456 <span>Back</span> 14457 </button> 14458 --> 14459 14460 14461 <button 14462 14463 id="addtocart-card" 14464 14465 class="btn next-address text-uppercase" 14466 14467 > 14468 <span>add to cart</span> 14469 </button> 14470 </div> 14471 </div> 14472 14473 </div> 14474 </div> 14475 </div> 14476 14477 </div> 14478 </div> 14479 <div id="backgroundPopup"></div> 14480 14481 14482 14483 <input 14484 data-index="1" 14485 type="hidden" 14486 id="properties-delivery-date" 14487 name="properties[Delivery Date]" 14488 value="-" 14489 > 14490 <input 14491 data-index="2" 14492 type="hidden" 14493 id="properties-delivery-time" 14494 name="properties[Delivery Time]" 14495 value="-" 14496 > 14497 <input 14498 data-index="4" 14499 type="hidden" 14500 id="properties-nama-penerima" 14501 name="properties[Nama Penerima]" 14502 value="-" 14503 > 14504 <input 14505 data-index="5" 14506 type="hidden" 14507 id="properties-alamat-penerima" 14508 name="properties[Alamat Penerima]" 14509 value="-" 14510 > 14511 <input 14512 data-index="6" 14513 type="hidden" 14514 id="properties-kodepos" 14515 name="properties[Kodepos]" 14516 value="-" 14517 > 14518 <input data-index="7" type="hidden" id="properties-telepon-penerima" name="properties[Telepon Penerima]"> 14519 14520 14521 <input 14522 data-index="8" 14523 type="hidden" 14524 id="properties-kartu-nama-penerima" 14525 name="properties[Kartu Nama Penerima]" 14526 value="-" 14527 > 14528 14529 <textarea 14530 data-index="9" 14531 type="hidden" 14532 id="properties-kartu-pesan" 14533 name="properties[Kartu Pesan]" 14534 style="display: none" 14535 >-</textarea> 14536 14537 14538 14539 <input 14540 data-index="10" 14541 type="hidden" 14542 id="properties-kartu-nama-pengirim" 14543 name="properties[Kartu Nama Pengirim]" 14544 value="-" 14545 > 14546 14547 14548 14549 14550 14551 14552 14553 14554 14555 14556 14557 14558 14559 14560 14561 14562 14563 14564 <!-- Additional Shipping --> 14565 <input type="hidden" id="properties-kota-pengiriman-province" name="properties[Province]"> 14566 <input 14567 type="hidden" 14568 id="properties-kota-pengiriman-country" 14569 name="properties[Country]" 14570 value="Indonesia" 14571 > 14572 <input type="hidden" id="properties-shipping" name="properties[Shipping]"> 14573 14574 <input type="hidden" id="properties-time" name="properties[Time]"> 14575 <input type="hidden" id="properties-card" name="properties[Card]"> 14576 <input type="hidden" id="properties-addons" name="properties[Addons]"> 14577 14578 <input 14579 type="hidden" 14580 id="properties-company" 14581 name="properties[Company]" 14582 value="" 14583 > 14584
14584<script> 14585 14586 $(document).ready(function(){ 14587 14588 var text_max_papan1=150; 14589 var msg_text_papan1=""; 14590 $('#kartu-ucapan-ucapan').keyup(function(){ 14591 var text_length_papan1=$('#kartu-ucapan-ucapan').val().length; 14592 var msg_text_papan1=$('#kartu-ucapan-ucapan').val(); 14593 }); 14594 14595 var notes_papan1 = [ 14596 14597 [0,"Happy Wedding (nama & nama)."],[1,"Congratulations lovebirds (nama & nama)."],[2,"Selamat berbahagia (nama & nama)."],[3,"Selamat menempuh hidup baru (nama & nama)."] 14598 14599 ]; 14600 $('#show_note_papan1').click(function(event){ 14601 event.preventDefault(); 14602 var idx_papan1=parseInt($('#note_id_papan1').val()); 14603 if(isNaN(idx_papan1)){ 14604 idx_papan1=0; 14605 }else{ 14606 idx_papan1++; 14607 idx_papan1=idx_papan1%notes_papan1.length; 14608 } 14609 var note_papan1=notes_papan1[idx_papan1][1]; 14610 $('#note_id_papan1').val(idx_papan1); 14611 $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan1); 14612 $('#msgDelivery').val(note_papan1); 14613 14614 var text_length_papan1=$('#kartu-ucapan-papan').val().length; 14615 var idx_2_papan1=parseInt($('#note_btn_id_papan1').val()); 14616 if(isNaN(idx_2_papan1)){ 14617 idx_2_papan1=0; 14618 }else{ 14619 idx_2_papan1++; 14620 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14621 } 14622 $('#note_btn_id_papan1').val(idx_2_papan1); 14623 //var note_btn=note_btn_text[idx_2][1]; 14624 //$('#note_btn').text(note_btn); 14625 }); 14626 14627 var text_max_papan2=150; 14628 var msg_text_papan2=""; 14629 $('#kartu-ucapan-ucapan').keyup(function(){ 14630 var text_length_papan2=$('#kartu-ucapan-ucapan').val().length; 14631 var msg_text_papan2=$('#kartu-ucapan-ucapan').val(); 14632 }); 14633 14634 var notes_papan2 = [ 14635 14636 [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)."] 14637 14638 ]; 14639 $('#show_note_papan2').click(function(event){ 14640 event.preventDefault(); 14641 var idx_papan2=parseInt($('#note_id_papan2').val()); 14642 if(isNaN(idx_papan2)){ 14643 idx_papan2=0; 14644 }else{ 14645 idx_papan2++; 14646 idx_papan2=idx_papan2%notes_papan2.length; 14647 } 14648 var note_papan2=notes_papan2[idx_papan2][1]; 14649 $('#note_id_papan2').val(idx_papan2); 14650 $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan2); 14651 $('#msgDelivery').val(note_papan2); 14652 var text_length_papan2=$('#kartu-ucapan-papan').val().length; 14653 var idx_2_papan2=parseInt($('#note_btn_id_papan2').val()); 14654 if(isNaN(idx_2_papan2)){ 14655 idx_2_papan2=0; 14656 }else{ 14657 idx_2_papan2++; 14658 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14659 } 14660 $('#note_btn_id_papan2').val(idx_2_papan2); 14661 //var note_btn=note_btn_text[idx_2][1]; 14662 //$('#note_btn').text(note_btn); 14663 }); 14664 14665 var text_max_papan3=150; 14666 var msg_text_papan3=""; 14667 $('#kartu-ucapan-ucapan').keyup(function(){ 14668 var text_length_papan3=$('#kartu-ucapan-ucapan').val().length; 14669 var msg_text_papan3=$('#kartu-ucapan-ucapan').val(); 14670 }); 14671 14672 var notes_papan3 = [ 14673 14674 [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)."] 14675 14676 ]; 14677 $('#show_note_papan3').click(function(event){ 14678 event.preventDefault(); 14679 var idx_papan3=parseInt($('#note_id_papan3').val()); 14680 if(isNaN(idx_papan3)){ 14681 idx_papan3=0; 14682 }else{ 14683 idx_papan3++; 14684 idx_papan3=idx_papan3%notes_papan3.length; 14685 } 14686 var note_papan3=notes_papan3[idx_papan3][1]; 14687 $('#note_id_papan3').val(idx_papan3);
14688 $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan3); 14689 $('#msgDelivery').val(note_papan3); 14690 var text_length_papan3=$('#kartu-ucapan-papan').val().length; 14691 var idx_2_papan3=parseInt($('#note_btn_id_papan3').val()); 14692 if(isNaN(idx_2_papan3)){ 14693 idx_2_papan3=0; 14694 }else{ 14695 idx_2_papan3++; 14696 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14697 } 14698 $('#note_btn_id_papan3').val(idx_2_papan3); 14699 //var note_btn=note_btn_text[idx_2][1]; 14700 //$('#note_btn').text(note_btn); 14701 }); 14702 14703 var text_max_papan4=150; 14704 var msg_text_papan4=""; 14705 $('#kartu-ucapan-ucapan').keyup(function(){ 14706 var text_length_papan4=$('#kartu-ucapan-ucapan').val().length; 14707 var msg_text_papan4=$('#kartu-ucapan-ucapan').val(); 14708 }); 14709 14710 $('#show_note_papan4').click(function(event){ 14711 var notes_papan4 = [ 14712 [0,"Hereâs to youâsteadier, stronger and better every day."], 14713 [1,"Warmest wishes for a speedy recovery!"], 14714 [2,"Dengan ucapan terhangat, semoga lekas membaik dan semakin pulih setiap harinya ya."], 14715 [3,"Semoga lekas sembuh untuk kembali beraktivitas dan berkarya."] 14716 ]; 14717 event.preventDefault(); 14718 var idx_papan4=parseInt($('#note_id_papan4').val()); 14719 console.log(idx_papan4, 'idx_papan4') 14720 if(isNaN(idx_papan4)){ 14721 idx_papan4=0; 14722 }else{ 14723 idx_papan4++; 14724 idx_papan4=idx_papan4%notes_papan4.length; 14725 } 14726 var note_papan4=notes_papan4[idx_papan4][1]; 14727 $('#note_id_papan4').val(idx_papan4); 14728 $('#kartu-ucapan-papan, #properties-kartu-ucapan, #properties-kartu-pesan').val(note_papan4); 14729 console.log(note_papan4, 'note_papan4') 14730 var text_length_papan4=$('#kartu-ucapan-papan').val().length; 14731 var idx_2_papan4=parseInt($('#note_btn_id_papan4').val()); 14732 if(isNaN(idx_2_papan4)){ 14733 idx_2_papan4=0; 14734 }else{ 14735 idx_2_papan4++; 14736 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14737 } 14738 $('#note_btn_id_papan4').val(idx_2_papan4); 14739 }); 14740 14741 /* 14742 $("#jenisPapan").change(function(){ 14743 $( "select option:selected").each(function(){ 14744 if($(this).attr("value")=="Happy Wedding"){ 14745 $("#suggest-messages a").hide(); 14746 $("#show_note_papan1").show(); 14747 $("#kartu-ucapan-papan").val(""); 14748 } 14749 if($(this).attr("value")=="Congratulations"){ 14750 $("#suggest-messages a").hide(); 14751 $("#show_note_papan2").show(); 14752 $("#kartu-ucapan-papan").val(""); 14753 } 14754 if($(this).attr("value")=="Duka Cita"){ 14755 $("#suggest-messages a").hide(); 14756 $("#show_note_papan3").show(); 14757 $("#kartu-ucapan-papan").val(""); 14758 } 14759 }); 14760 }).change(); 14761 */ 14762 14763 14764 14765 14766 14767 $(".variant-metafield").each(function(){ 14768 const t = $(this) 14769 const id = t.attr("id") 14770 const target = $(`[data-select=${id}]`) 14771 t.on('select2:selecting', function(e) { 14772 const data = e.params.args.data 14773 target.val(data.text) 14774 }); 14775 }) 14776 }) 14777 </script>
14777 14778 14779 14780 14781
14781<script> 14782 const shareButton = document.getElementById('shareButton'); 14783 14784 shareButton.addEventListener('click', () => { 14785 if (navigator.share) { 14786 navigator.share({ 14787 title: "BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik", 14788 url: "/products/blossom-shine", 14789 text: 'Check out this page!' 14790 }) 14791 .then(() => console.log('Successful share')) 14792 .catch((error) => console.log('Error sharing', error)); 14793 } else { 14794 alert('Web Share API is not supported in this browser.'); 14795 } 14796 }); 14797 14798 // Inventory validation function 14799 function checkInventoryStatus() { 14800 const productSelect = document.getElementById('productSelect'); 14801 const purchaseButton = document.querySelector('#personalizeBtn button'); 14802 14803 if (!productSelect || !purchaseButton) return; 14804 14805 const selectedVariantId = productSelect.value; 14806 14807 // Get variant data from Shopify 14808 fetch(`/products/blossom-shine.js`) 14809 .then(response => response.json()) 14810 .then(product => { 14811 const selectedVariant = product.variants.find(variant => variant.id == selectedVariantId); 14812 14813 if (selectedVariant) { 14814 const isOutOfStock = selectedVariant.inventory_quantity <= 0 && 14815 selectedVariant.inventory_management === 'shopify' && 14816 selectedVariant.inventory_policy !== 'continue'; 14817 14818 if (isOutOfStock) { 14819 purchaseButton.disabled = true; 14820 purchaseButton.textContent = 'Out of Stock'; 14821 purchaseButton.setAttribute('data-out-of-stock', 'true'); 14822 purchaseButton.style.backgroundColor = '#cccccc'; 14823 purchaseButton.style.cursor = 'not-allowed'; 14824 } else { 14825 // Check if button was disabled due to other conditions 14826 14827 14828 14829 14830 14831 14832 14833 14834 const isOtherDisabled = false || true || false; 14835 14836 if (!isOtherDisabled) { 14837 purchaseButton.disabled = false; 14838 purchaseButton.textContent = 'customize your flower board'; 14839 purchaseButton.removeAttribute('data-out-of-stock'); 14840 purchaseButton.style.backgroundColor = ''; 14841 purchaseButton.style.cursor = ''; 14842 } 14843 } 14844 } 14845 }) 14846 .catch(error => { 14847 console.error('Error checking inventory:', error); 14848 }); 14849 } 14850 14851 // Check inventory on page load 14852 document.addEventListener('DOMContentLoaded', function() { 14853 checkInventoryStatus();
14854 14855 // Listen for variant changes 14856 const productSelect = document.getElementById('productSelect'); 14857 if (productSelect) { 14858 productSelect.addEventListener('change', checkInventoryStatus); 14859 } 14860 }); 14861 14862 // Prevent form submission if out of stock 14863 document.addEventListener('click', function(e) { 14864 if (e.target.matches('button[data-out-of-stock="true"]')) { 14865 e.preventDefault(); 14866 e.stopPropagation(); 14867 alert('This product is currently out of stock and cannot be purchased.'); 14868 return false; 14869 } 14870 }); 14871 </script>
14871 14872 14873 14874 14875 </div> 14876 14877 </div> 14878 </div> 14879 </div> 14880 </div> 14881 <div id="product-bottom"> 14882 14883 <div class="product-description rte bg-card col-12 py-3 px-0 m-0" itemprop="description"> 14884 <div class="container"> 14885 14886 14887 14888 14889 14890 <div class="short-desc-mobile d-block d-lg-none mb-3"> 14891 <div class="short-desc"> 14892 <ul> 14893 <li><strong>BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.</strong></li> 14894 </div> 14895 <label class="more-mobile">Show More â</label> 14896 </div> 14897 14898 <style> 14899 .animated-title { 14900 text-align: center; 14901 font-weight: bold; 14902 color: #079c02; 14903 font-size: 28px; 14904 position: relative; 14905 animation: glow 2s infinite alternate, moveUpDown 3s infinite; 14906 } 14907 14908 /* Efek glow / bercahaya hijau */ 14909 @keyframes glow { 14910 0% { text-shadow: 0 0 5px #079c02; color: #079c02; } 14911 50% { text-shadow: 0 0 20px #00ff55; color: #12d12b; } 14912 100% { text-shadow: 0 0 10px #1bff00; color: #079c02; } 14913 } 14914 14915 /* Efek gerakan naik turun */ 14916 @keyframes moveUpDown { 14917 0% { transform: translateY(0px); } 14918 50% { transform: translateY(-5px); } 14919 100% { transform: translateY(0px); } 14920 } 14921 </style> 14922 14923
14923<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/shopify-cartjs/1.1.0/cart.min.js"></script>
14923 14924
14924<script> 14925 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}); 14926 14927 const productType = $("[data-product-type]").data("product-type") 14928 const productDate = Date.parse(new Date()) 14929 14930 const shop = 'outerbloom1.myshopify.com' 14931 const host = 'https://app.asmaraku.com' 14932 // const host = 'http://localhost:5001' 14933 14934 const gsheet = "https://script.google.com/macros/s/AKfycbyqa6mPD6lVjU6hiHr12J8URZ2aJBGyxBsGQ0QtEIDari-rBk_9vSOITjSSmUXL1NwxEg/exec" 14935 14936 const qrID = "041025" + randomString(4, 'aAbCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ') 14937 14938 $("#properties-time").val(new Date().getTime()) 14939 14940 const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent); 14941 14942 if(!isIOS) { 14943 $("#full-date").attr("type", "button") 14944 } 14945 14946 let dateTime = new Date(); 14947 let today = dateTime.getDate(); 14948 let day = dateTime.getDay(); 14949 let hour = dateTime.getHours(); 14950 let min = dateTime.getMinutes(); 14951 let timeOfDay = hour + (min / 100); 14952 14953 async function getFetch(url) { 14954 const response = await fetch(url); 14955 let status = false 14956 let result 14957 if(response.ok) { 14958 status = true 14959 result = await response.json(); 14960 } 14961 return { 14962 status, 14963 data: result 14964 } 14965 } 14966 14967 14968 14969 function setCookie(cname, cvalue, exMins) { 14970 var d = new Date(); 14971 d.setTime(d.getTime() + (exMins*60*1000)); 14972 var expires = "expires="+d.toUTCString(); 14973 document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; 14974 } 14975 14976 function getCookie(cname) { 14977 let name = cname + "="; 14978 let decodedCookie = decodeURIComponent(document.cookie); 14979 let ca = decodedCookie.split(';'); 14980 for(let i = 0; i <ca.length; i++) { 14981 let c = ca[i]; 14982 while (c.charAt(0) == ' ') { 14983 c = c.substring(1); 14984 } 14985 if (c.indexOf(name) == 0) { 14986 return c.substring(name.length, c.length); 14987 } 14988 } 14989 return ""; 14990 } 14991 14992 async function renderDate() { 14993 let dataDate = await getFetch(`${host}/api/shipping/date?domain=${shop}&productId=8359546319899&v=${Date.now()}`); 14994 console.log(dataDate, 'renderDate') 14995 const data = dataDate?.data 14996 const date = data.date 14997 const time = data.time 14998 14999 console.log(date, 'DATE') 15000 15001 const weekday = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]; 15002 const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; 15003 const htmlDate = []
15004 for(let i = 0;i < date.length;i++) { 15005 const full = date[i].date 15006 const d = new Date(date[i].date); 15007 const day = weekday[d.getDay()]; 15008 const dt = d.getDate(); 15009 const mt = monthly[d.getMonth()]; 15010 const yr = d.getFullYear(); 15011 const isDate = Boolean(date[i].isEnabled) 15012 const cutoffpagi = date[i].cutoff?.pagi 15013 const cutoffsiang = date[i].cutoff?.siang 15014 const cutoffMalam = date[i].cutoff?.Malam 15015 var html = ` 15016 <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'}> 15017 ${dt === today ? 15018 `Today<span>${dt < 10 ? '0' + dt : dt}</span>` : 15019 `${day}<span>${dt < 10 ? '0' + dt : dt}</span>` 15020 } 15021 </button> 15022 ` 15023 htmlDate.push(html) 15024 } 15025 const htmlTime = []
15026 for(var i = 0;i < time.length;i++) { 15027 const timeText = time[i].text 15028 const timeTime = time[i].time 15029 const timeEnabled = time[i].isEnabled 15030 var html = ` 15031 <button class="time-single calendarbutton2 btn steps-btn" data-time="${timeText}" ${timeEnabled ? '' : 'disabled'}>${timeText}<br/>${timeTime}</button> 15032 ` 15033 htmlTime.push(html) 15034 } 15035 const deliveryDate = document.getElementById("deliveryDate"); 15036 if(deliveryDate) { 15037 deliveryDate.insertAdjacentHTML("afterbegin", htmlDate.join('')) 15038 $("#deliveryTime").html(htmlTime) 15039 if(productType !== '') { 15040 console.log("clarity event " + productType + ' calendaring') 15041 window.clarity("event", `${productType} calendaringSchedule`) 15042 // window.clarity("set", productType, `calendaringSchedule - ${productDate}`) 15043 } 15044 } 15045 } 15046 15047 async function getProvince(city) { 15048 let { data: { province } } = await getFetch(`${host}/api/shipping/address/province?city=${city}`); 15049 console.log(province, 'province') 15050 $("#province").val(province) 15051 } 15052 15053 async function renderAddress() { 15054 let current 15055 if(getCookie("location_delivery")){ 15056 current = getCookie("location_delivery").charAt(0).toUpperCase() + getCookie("location_delivery").slice(1) 15057 } 15058 let address = await getFetch(`${host}/api/shipping/address?domain=${shop}&productId=8359546319899`); 15059 console.log(address) 15060 const data = address?.data?.city 15061 const htmlAddress = [] 15062 const grouping = []
15063 for(let i = 0;i < data?.length;i++) { 15064 if(data[i]){ 15065 if(data[i]?.group) { 15066 grouping.push(data[i].group) 15067 } 15068 const price = rupiah.format(data[i]?.rate) 15069 let promo = '(Promo Free Delivery)' 15070 if(data[i]?.name === 'Jakarta - PickUp ASHTA'){ 15071 promo = '(at SCBD, Ashta)' 15072 } else if(data[i]?.name === 'Jakarta - PickUp ITC'){ 15073 promo = '(at Kuningan, ITC Kuningan)' 15074 } else if(data[i]?.name === 'BSD - PickUp'){ 15075 promo = '(at Goldfinch Gading Serpong)' 15076 } else if(data[i]?.name === 'Kota Lainnya'){ 15077 promo = '' 15078 } 15079 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>`) 15080 } 15081 } 15082 15083 const deliveryCity = document.getElementById("cities"); 15084 if(deliveryCity) { 15085 deliveryCity.insertAdjacentHTML("beforeend", htmlAddress.join('')) 15086 if(!isIOS) { 15087 $(deliveryCity).select2(); 15088 } 15089 } 15090 } 15091 15092 async function renderZip(v, v2, v3) { 15093 const deliveryZip = document.getElementById("zip"); 15094 if(v === '') { 15095 return 15096 } 15097 let dataZip = await getFetch(`${host}/api/shipping/address/zip?city=${v}&city2=${v2}&city3=${v3}`); 15098 let zip = dataZip?.data?.zip 15099 console.log(zip) 15100 let htmlZip = []
15101 for(let i = 0; i < zip?.length;i++) { 15102 htmlZip.push(`<option value="${zip[i]?.postalCode} - ${zip[i]?.subdistrict}">${zip[i]?.postalCode} - ${zip[i]?.subdistrict} - ${zip[i]?.city}</option>`) 15103 } 15104 deliveryZip.insertAdjacentHTML("beforeend", htmlZip.join('')) 15105 } 15106 15107 renderDate() 15108 renderAddress() 15109 15110 let rupiah = new Intl.NumberFormat('id-ID', { 15111 style: 'currency', 15112 currency: 'IDR', 15113 maximumFractionDigits: 0, 15114 minimumFractionDigits: 0 15115 }); 15116 15117 async function insertCard(data) { 15118 const response = await fetch(`${host}/api/card/new`, { 15119 method: "POST", 15120 headers: { 15121 'Content-Type': 'application/json', 15122 }, 15123 body: data 15124 }) 15125 const result = await response.json() 15126 let rowIndex = result?.data?.tableRange.split("Outerbloom!A1:J")[1] 15127 $("#greetingCard").attr("data-index", rowIndex) 15128 return result 15129 } 15130 15131 async function updateCard(data){ 15132 const rowIndex = $("#greetingCard").data("index") 15133 const response = await fetch(`${host}/api/card/update?rowIndex=${rowIndex}`, { 15134 method: "PUT", 15135 headers: { 15136 'Content-Type': 'application/json', 15137 }, 15138 body: data 15139 }) 15140 return response 15141 } 15142 15143 function bytesToSize(bytes) { 15144 var sizes = ['b', 'kb', 'mb', 'gb', 'tb', 'p']; 15145 for (var i = 0; i < sizes.length; i++) { 15146 if (bytes <= 1024) { 15147 return bytes + ' ' + sizes[i]; 15148 } else { 15149 bytes = parseFloat(bytes / 1024).toFixed(2) 15150 } 15151 } 15152 return bytes + ' P'; 15153 } 15154 15155 async function uploadMedia(uri, type) { 15156 nameq = $("#properties-nama-penerima").val() 15157 dear = $("#properties-kartu-nama-penerima").val() 15158 card = $("[data-properties=ucapan]").val() 15159 sender = $("#properties-kartu-nama-pengirim").val() 15160 photo = $("#properties-photo").val() 15161 video = $("#properties-video").val() 15162 status = "Product" 15163 15164 const name = qrID 15165 let formData = new FormData(); 15166 formData.append("file", uri); 15167 const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, { 15168 method: "POST", 15169 body: formData 15170 }) 15171 const result = await response.json(); 15172 if(result) { 15173 const url = result.url 15174 if(type === 'image/jpeg') { 15175 $("#properties-photo").val(url) 15176 $(".preview-image").show() 15177 $(".remove-image").show() 15178 photo = url 15179 } else { 15180 $("#properties-video").val(url) 15181 $("#label-input-video span").text("Change File") 15182 $(".case-qrcode-preview p").text("Scan here for a secret message") 15183 $(".remove-media").show() 15184 $("#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>`) 15185 $("[for=input-video]").hide() 15186 video = url 15187 } 15188 $(".case-video-preview").show() 15189 $(".steps-card-preview").removeClass("loading") 15190 // updateCard(nameq, dear, card, sender, photo, video, status) 15191 15192 $(".nextBtn").attr("disabled", false) 15193 } 15194 } 15195 15196 function randomString(length, chars) { 15197 var result = ''; 15198 for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; 15199 return result; 15200 } 15201 15202 function getNoteCity(fulldate) { 15203 const h_1 = new Date(new Date().setDate(new Date().getDate() + 1)) 15204 const weekday = ["Min","Sen","Sel","Rab","Kam","Jum","Sab"]; 15205 const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; 15206 const d = new Date(h_1); 15207 const day = weekday[d.getDay()]; 15208 const dt = d.getDate(); 15209 const mt = monthly[d.getMonth()]; 15210 const yr = d.getFullYear(); 15211 const p = $("#cities").parent(".form-group") 15212 } 15213 15214 function disabledSameDay() { 15215 let btnFirst = $("#deliveryDate").find("button:first-child") 15216 let getDay = new Date().getDay(); 15217 15218 15219 15220 if(getDay == 1 || getDay == 2 || getDay == 3 || getDay == 4 || getDay == 5){ 15221 if(hour >= 14.00){ 15222 btnFirst.attr("disabled", true) 15223 } 15224 } else if(getDay == 6){ 15225 if(hour >= 16.00){ 15226 btnFirst.attr("disabled", true) 15227 } 15228 } else if(getDay == 0){ 15229 if(hour >= 16.00){ 15230 btnFirst.attr("disabled", true) 15231 } 15232 } 15233 15234 15235 } 15236 15237 function disabledays(date) { 15238 let ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(); 15239 //if u have to disable a list of day 15240 let removeDays 15241 15242 15243 15244 removeDays = ["2025-2-13", "2025-2-14"]; 15245 15246 if ($.inArray(ymd, removeDays) >= 0) { 15247 return [false]; 15248 } else { 15249 let day = date.getDay(); 15250 if(day == 0 && date.getDate() == 13 && date.getMonth() == 1){ 15251 return [(day == 0), '']; 15252 } 15253 15254 if(day == 0){ 15255 return [(day == 0), '']; 15256 } 15257 15258 15259 return [(day != 0), '']; 15260 } 15261 } 15262 15263 /* Indonesian initialisation for the jQuery UI date picker plugin. */ 15264 /* Written by Deden Fathurahman ([email protected]). */ 15265 ( function( factory ) { 15266 if ( typeof define === "function" && define.amd ) { 15267 15268 // AMD. Register as an anonymous module. 15269 define( [ "../widgets/datepicker" ], factory ); 15270 } else { 15271 15272 // Browser globals 15273 factory( jQuery.datepicker ); 15274 } 15275 }( function( datepicker ) { 15276 15277 datepicker.regional.id = { 15278 closeText: "Tutup", 15279 prevText: "<mundur", 15280 nextText: "maju>", 15281 currentText: "Today", 15282 monthNames: [ "January","February","March","April","May","Juny", 15283 "July","August","September","October","November","December" ], 15284 monthNamesShort: [ "Jan","Feb","Mar","Apr","May","Jun", 15285 "Jul","Agu","Sep","Oct","Nov","Dec" ], 15286 dayNames: [ "Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu" ], 15287 dayNamesShort: [ "Sun","Mon","Tue","Wed","Thu","Fri","Sat" ], 15288 dayNamesMin: [ "Mg","Sn","Sl","Rb","Km","jm","Sb" ], 15289 weekHeader: "Mg", 15290 dateFormat: "D, dd M", 15291 firstDay: 0, 15292 isRTL: false, 15293 showMonthAfterYear: false, 15294 yearSuffix: "" }; 15295 datepicker.setDefaults( datepicker.regional.id ); 15296 15297 return datepicker.regional.id; 15298 15299 } ) ); 15300 15301 function loadPopup() { 15302 $("#backgroundPopup").fadeIn("slow"); 15303 $(".purchasePopup:not(.purchasePopupSpotify)").fadeIn("slow"); 15304 const firstSection = $(".purchasePopup:not(.purchasePopupSpotify) .sectionPurchase").first() 15305 if(firstSection.hasClass("purchasePersonalize")) { 15306 if(productType !== '') { 15307 console.log("clarity event " + productType + ' personalize') 15308 window.clarity("event", `${productType} cardPersonalization`) 15309 // window.clarity("set", productType, `cardPersonalization - ${productDate}`) 15310 } 15311 } else if (firstSection.hasClass("sectionPurchaseBoard")) { 15312 console.log("clarity event " + productType + ' personalizeBoard') 15313 window.clarity("event", `${productType} personalizeBoard`) 15314 // window.clarity("set", productType, `personalizeBoard - ${productDate}`) 15315 } 15316 firstSection.removeClass("hide") 15317 15318 // Auto-trigger addon loading when addon section becomes visible 15319 setTimeout(function() { 15320 const addonSection = $(".purchaseAddon") 15321 if(addonSection.length > 0 && !addonSection.hasClass("hide")) { 15322 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 15323 $("[data-addon=upsell-all]").trigger("click") 15324 } 15325 } 15326 }, 200) 15327 } 15328 15329 function disablePopup() { 15330 $("#backgroundPopup").fadeOut("slow"); 15331 $(".purchasePopup").fadeOut("slow"); 15332 $("#popupCart").fadeOut("slow"); 15333 } 15334
15335 function scrollTo(parent, div, dur) { 15336 $(parent).animate({ 15337 scrollTop: $(div).offset().top 15338 }, dur); 15339 } 15340 15341 function loadPopupPersonalize() { 15342 const div = "#purchaseProduct" 15343 const p = "html, body, .product-meta" 15344 $("p.error").remove() 15345 loadItemOccasion($("[data-occassion]").eq(0), "greeting-card-all") 15346 const isCity = $("#cities[required]") 15347 const isDate = $("#propDeliveryDate[required]") 15348 const isTime = $("#propDeliveryTime[required]") 15349 // loadPopup() 15350 if(isCity.val() !== '' && isDate.val() !== '' && isTime.val() !== '') { 15351 loadPopup() 15352 } 15353 if(isCity.val() == '') { 15354 isCity.parent(".row").append("<p class='error'>Choose delivery city</p>") 15355 scrollTo(p, div, 500) 15356 } 15357 if(isDate.val() == '') { 15358 isDate.parents(".row").append("<p class='error'>Choose delivery date</p>") 15359 scrollTo(p, div, 500) 15360 } 15361 if(isTime.val() == '') { 15362 isTime.parents(".row").append("<p class='error'>Choose delivery time</p>") 15363 scrollTo(p, div, 500) 15364 } 15365 } 15366 15367 function quantityCounter() { 15368 $(document).on("click", ".item-card.selected .q_up", function () { 15369 var C = $(this).attr("data-id"), 15370 S = 15371 parseInt( 15372 $(this) 15373 .siblings(".quantity-cart-" + C) 15374 .val() 15375 ) + 1; 15376 $(this).attr("data-quantity", S), 15377 $(this) 15378 .siblings(".quantity-cart-" + C) 15379 .val(S); 15380 }), 15381 $(document).on("click", ".item-card.selected .q_down", function () { 15382 var C = $(this).attr("data-id"), 15383 S = parseInt( 15384 $(this) 15385 .siblings(".quantity-cart-" + C) 15386 .val() 15387 ); 15388 0 < S && $(this).attr("data-quantity", S - 1), 15389 0 < S && 15390 $(this) 15391 .siblings(".quantity-cart-" + C) 15392 .val(S - 1); 15393 }); 15394 } 15395 15396 quantityCounter() 15397 15398 const itemAddon = $(".item-card").length 15399 const nofree = $(".nofree").length 15400 15401 const upsell = '' 15402 15403 if(nofree === itemAddon) { 15404 // $("#itemAddons").html("<p>No Items available</p>") 15405 } 15406 15407 $("#itemAddons .item-card").each(function(e){ 15408 $("#itemAddons").attr("data-length", e) 15409 }) 15410 15411 $("[data-addon]").click(function(){ 15412 15413 15414 15415 const t = $(this) 15416 15417 const data = t.data("addon") 15418 15419 $("[data-addon]").removeClass("selected") 15420 t.addClass("selected") 15421 $.get(`https://outerbloom.com/collections/${data}/products.json`, function(data, status){ 15422 const products = data.products 15423 const html = [] 15424 for(let i = 0; i < products.length; i++) { 15425 const id = products[i].id 15426 const variantId = products[i].variants[0].id 15427 const img = products[i].images[0].src 15428 let img2 = img.split('.jpg')[0] 15429 const title = products[i].title 15430 const price = products[i].variants[0].price 15431 const tags = products[i].tags 15432 const qty = products[i].variants[0].available 15433 let type_upsell = '' 15434 if(tags.includes('upsell-item-standing')) { 15435 type_upsell = 'standing' 15436 } 15437 console.log(type_upsell) 15438 if(type_upsell !== '') { 15439 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}"> 15440 15441 <div class="card-image"> 15442 <img src="${img2}_150x.jpg" alt="${title}" width="" height="" /> 15443 </div> 15444 <div class="card-meta"> 15445 <h5>${title}</h5> 15446 <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p> 15447 <input id="card-${variantId}" type="hidden" name="" value="${variantId}"> 15448 </div> 15449 <div class="card-qty"> 15450 <a data-quantity="1" type="submit" id="q_down-${variantId}" class="btn-qty-min q_down drawer-cart" data-id="${variantId}"><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="12" height="2" viewBox="0 0 12 2" fill="none"><path d="M0 1.90869V0.908691H12V1.90869H0Z" fill="black"/></svg></a> 15451 <input maxlength="3" min="0" class="btn-qty text-center quantity-cart-${variantId}
15451" value="0" data-price=${price} name="quantity"> 15452 <a data-quantity="1" type="submit" class="btn-qty-plus q_up text-green drawer-cart" data-id="${variantId}"><svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="12" height="13" viewBox="0 0 12 13" fill="none"> 15453 <path d="M0 6.87023V5.94715H5.53846V0.408691H6.46154V5.94715H12V6.87023H6.46154V12.4087H5.53846V6.87023H0Z" fill="black"/> 15454 </svg></a> 15455 </div> 15456 </div>` 15457 html.push(body) 15458 } 15459 } 15460 $("#itemAddons .row").html(html.length === 0 ? '<p>No Item available</p>' : html) 15461 $("#itemAddons").attr("data-length", products.length) 15462 // $('#itemAddons')[0].swiper.update(); 15463 }); 15464 }) 15465 15466 async function isAddon(){ 15467 let ids = [] 15468 $("#itemAddons .item-card.selected").each(function(i, e){ 15469 const id = $(this).data("id") 15470 ids.push(id) 15471 }) 15472 console.log(ids) 15473 return ids 15474 } 15475 15476 $("#itemAddons").delegate(".item-card > div:not(.card-qty)", "click", async function(){ 15477 const t = $(this).parent() 15478 const id = t.data("id") 15479 const btn = t.parents(".purchaseAddon").find(".next-purchase-button") 15480 t.toggleClass("selected"); 15481 //$(this).next("input").toggleAttr('name', 'id[]'); 15482 if (t.hasClass('selected')) { 15483 t.find("input").val(1) 15484 t.find("input").attr('name', 'id[]'); 15485 } else { 15486 t.find("input").val(0) 15487 t.find("input").removeAttr('name'); 15488 } 15489 $("#properties-addons").val(addons) 15490 const is = await isAddon() 15491 if(is.length === 0) { 15492 btn.text("continue without add-ons") 15493 return 15494 } 15495 if(is.includes(8835692069079)) { 15496 btn.text("personalize acrylic frame") 15497 } else { 15498 btn.text("Continue") 15499 } 15500 15501 }) 15502 15503 async function myAddon(data) { 15504 const c = $(".addonsPurchase .addons") 15505 let items = [] 15506 15507 const spotifyAddons = $(".spotifyAddons").find("[data-index]") 15508 // if(spotifyAddons.length > 0) { 15509 // $(spotifyAddons).each(function(i, e){ 15510 // const spotifyLink = $(this).find(".spotifyLink").val() 15511 // const spotifySong = $(this).find(".spotifySong").val() 15512 // const spotifyArtist = $(this).find(".spotifyArtist").val() 15513 // const spotifyFotoAddon = $(this).find(".resultPhotoSpotify").val() 15514 // if(spotifyLink !== '') { 15515 // spotifyAddon = `<div class="addon-item" data-id="46067682607319" data-qty="1"> 15516 // <div class="addon-itm-img"> 15517 // <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"/> 15518 // </div> 15519 // <div class="addon-itm-title"> 15520 // <span>[US] Outerbloom Acrylic Frame 4R</span> 15521 // </div> 15522 // <div class="addon-itm-line-total"> 15523 // <span>Rp 99.000</span> 15524 // </div> 15525 // </div> 15526 // <div class="propsAddonSpotify row m-0"> 15527 // <div class="col-12 col-lg-2"></div> 15528 // <div class="col-12 col-lg-10"> 15529 // <p> 15530 // <span>spotify link</span> 15531 // <span class="spotifyLinkAddon">${spotifyLink}</span> 15532 // </p> 15533 // <p> 15534 // <span>uploaded photo</span> 15535 // <span class="spotifyFotoAddon">${spotifyFotoAddon}</span> 15536 // </p> 15537 // <p> 15538 // <span>song / playlist name</span> 15539 // <span class="spotifySongAddon">${spotifySong}</span> 15540 // </p> 15541 // <p> 15542 // <span>artist name</span> 15543 // <span class="spotifyArtistAddon">${spotifyArtist}</span> 15544 // </p> 15545 // </div> 15546 // </div>` 15547 // items.push(spotifyAddon) 15548 // } 15549 // }) 15550 // }
15551 for(let i = 0; i < data.length; i++) { 15552 if(data[i].title !== '[US] Outerbloom Acrylic Frame 4R' ) { 15553 const img = data[i].image 15554 const title = data[i].title 15555 const qty = data[i].qty 15556 const price = data[i].price 15557 const total = Number(qty) * Number(price) 15558 let addons = `<div class="addon-item" data-id="${data[i].id}" data-qty="${qty}"> 15559 <div class="addon-itm-img"> 15560 <img src="${img}" alt="" width="70"/> 15561 </div> 15562 <div class="addon-itm-title"> 15563 <span>${title}</span> 15564 </div> 15565 <div class="addon-itm-line-price"> 15566 <span>${rupiah.format(price)}</span> 15567 ${data[i].title == '[US] Outerbloom Acrylic Frame 4R' ? '' : `<span>x${qty}</span>`} 15568 </div> 15569 <div class="addon-itm-line-total"> 15570 <span>${rupiah.format(total)}</span> 15571 </div> 15572 </div>` 15573 items.push(addons) 15574 } 15575 } 15576 c.html(items) 15577 const parent = $(".purchaseAddon") 15578 const next = parent.next(".sectionPurchase") 15579 parent.addClass("hide") 15580 next.removeClass("hide") 15581 // if(items2.length === 0) return $("#popupCart").addClass("no-addon-cart") 15582 // $(".itemAddonCart").find("h4").text(`add-ons (${items2.length})`) 15583 } 15584 15585 async function listAddon() { 15586 const data = $("#itemAddons").find(".selected") 15587 let ids = [] 15588 $(data).each(function(){ 15589 const id = $(this).data("variant") 15590 const image = $(this).find(".card-image img").attr("src") 15591 const title = $(this).find(".card-meta h5").text() 15592 const qty = $(this).find(".card-qty input").val() 15593 const price = $(this).find(".card-qty input").data("price") 15594 ids.push({ 15595 id: Number(id), 15596 image, 15597 title, 15598 qty, 15599 price 15600 }) 15601 }) 15602 myAddon(ids) 15603 } 15604 15605 async function customSpotify(idx, length, type){ 15606 let isCard = false 15607 15608 let p = $(".purchasePopupSpotify") 15609 const preLink = $(".spotifyLinkFirst").val() 15610 $("[data-index]").hide() 15611 p.find(".headerPurchase h3").text(`personalize spotify photo print${length > 1 ? ` - ${idx}` : ''}`) 15612 p.find(".regulerAddons, .purchase-button").hide() 15613 p.find(".spotifyAddons").show() 15614 15615 const data = await trackUrl(preLink) 15616 15617 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://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="13" height="11" viewB
15617ox="0 0 13 11" fill="none"> 15618 <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"/> 15619 </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://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="13" height="11" viewB
15619ox="0 0 13 11" fill="none"> 15620 <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"/> 15621 </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>` 15622 // console.log(html) 15623 15624 $(".spotifyAddons").append(html) 15625 15626 $(`[data-index=${idx}]`).show() 15627 15628 if (preLink !== '') { 15629 $(".btn-action .btn").attr("disabled", false) 15630 } else { 15631 $(".btn-action .btn").attr("disabled", true) 15632 } 15633 15634 return html 15635 15636 } 15637 15638 $(".spotifyLinkFirst").keyup(async function(){ 15639 const v = $(this).val() 15640 if(v.includes('spotify:user:spotify')) { 15641 const correct = v.split('user:spotify:')[1] 15642 console.log(correct, 'BNER') 15643 $(this).val(correct) 15644 return 15645 } 15646 if(v.includes("spotify:") || v.includes("https://open.spotify.com/")){ 15647 const data = await trackUrl(v) 15648 if(!data || !data.status) { 15649 $(this).parent().addClass("error") 15650 // $(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>`) 15651 $("#personalizeBtnSpotify .btn").attr("disabled", true) 15652 return 15653 } 15654 $(this).parent().removeClass("error") 15655 // $(this).parent().remove("txt-error") 15656 $("#personalizeBtnSpotify .btn").attr("disabled", false) 15657 } else { 15658 $("#personalizeBtnSpotify .btn").attr("disabled", true) 15659 } 15660 }) 15661 15662 $(".purchaseAddon").delegate(".next-addon", "click", function(){ 15663 const parent = $(this).parents(".purchaseAddon") 15664 const next = parent.next(".sectionPurchase") 15665 if(next.hasClass("purchaseAddress")) { 15666 if(productType !== '') { 15667 console.log("clarity event " + productType + ' purchaseDelivery') 15668 window.clarity("event", `${productType} purchaseDelivery`) 15669 // window.clarity("set", productType, `purchaseDelivery - ${productDate}`) 15670 } 15671 } 15672 const data = $("#itemAddons").find(".selected") 15673 const length = $(".quantity-cart-46067682607319").val() 15674 const checked = data.length; 15675 if(checked > 0) { 15676 if(length > 0) { 15677 $(".purchaseAddon").addClass("purchaseAddonSpotify") 15678 customSpotify(1, length, 'addon') 15679 } else { 15680 listAddon() 15681 } 15682 } else { 15683 parent.addClass("hide") 15684 next.removeClass("hide") 15685 } 15686 }) 15687 15688 $("#personalizeBtnSpotify .btn").click(async function(){ 15689 const isCity = $("#cities[required]") 15690 const isDate = $("#propDeliveryDate[required]") 15691 if((isDate.length > 0 && isCity.length > 0) && (isCity.val() === '' || isDate.val() === '')) { 15692 alert('Please choose Delivery City & Delivery Date') 15693 return 15694 } 15695 const data = await customSpotify(1, 1, 'product') 15696 if(data) { 15697 $("#backgroundPopup").fadeIn("slow"); 15698 $(".purchasePopupSpotify").fadeIn("slow"); 15699 15700 if(productType !== '') { 15701 console.log("clarity event " + productType + ' spotify') 15702 window.clarity("event", `${productType} spotify`) 15703 // window.clarity("set", productType, `purchaseDelivery - ${productDate}`) 15704 } 15705 } 15706 }) 15707 15708 function formatBytes(bytes, decimals = 2) { 15709 if (!+bytes) return '0 Bytes' 15710
15711 const k = 1024 15712 const dm = decimals < 0 ? 0 : decimals 15713 const sizes = ['B', 'KB', 'MB'] 15714 15715 const i = Math.floor(Math.log(bytes) / Math.log(k)) 15716 15717 return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` 15718 } 15719 15720 async function trackUrl(link){ 15721 try { 15722 let trackId = link.split('/').pop().split('?')[0]; 15723 let type = '' 15724 if(link.includes("spotify:")) { 15725 const uri = link.split('spotify:')[1] 15726 trackId = uri.split(':')[1] 15727 type = uri.split(':')[0] + 's' 15728 } else { 15729 if(link.match('track')){ 15730 type = 'tracks' 15731 } else if(link.match('playlist')) { 15732 type = 'playlists' 15733 } else if(link.match('artist')) { 15734 type = 'artists' 15735 } else if(link.match('album')) { 15736 type = 'albums' 15737 } 15738 } 15739 console.log(`${host}/api/spotify/${type}/${trackId}`) 15740 const data = await getFetch(`${host}/api/spotify/${type}/${trackId}`) 15741 console.log(data, 'DATA') 15742 const song = data?.data?.name 15743 const artist = data?.data?.artist 15744 return { 15745 song, artist, type, trackId, status: data.status 15746 } 15747 } catch(err) { 15748 console.log(err) 15749 } 15750 } 15751 15752 $(".spotifyAddons").delegate(".uploadPhotoSpotify", "change", async function(){ 15753 const parent = $(this).parents("[data-index]") 15754 const preview = parent.find(".previewImage") 15755 const file = $(this)[0].files[0]; 15756 if (file) { 15757 const reader = new FileReader(); 15758 reader.onload = async function(e) { 15759 parent.find(".uploadResult label").hide() 15760 parent.find(".uploadedResult").remove() 15761 parent.find(".uploadResult").append(`<div class="uploadedResult d-flex" style="justify-content: space-between"> 15762 <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> 15763 <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;">
15763<svg fill="none" height="11" viewBox="0 0 10 11" width="10" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 15764 <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 /> 15765 </svg> 15766 </span></div></div>`) 15767 parent.find(".frameImageUploaded svg").hide() 15768 parent.find(".frameImage").addClass("uploaded") 15769 preview.attr("src", e.target.result); 15770 preview.show(); 15771 let formData = new FormData(); 15772 formData.append("file", file); 15773 const response = await fetch(`${host}/api/upload?name=${file.name}&type=image/jpeg&r=${Date.parse(new Date)}`, { 15774 method: "POST", 15775 body: formData 15776 }) 15777 const result = await response.json(); 15778 if(result){ 15779 parent.find(".resultPhotoSpotify").val(result.url) 15780 } 15781 } 15782 15783 reader.readAsDataURL(file); 15784 } else { 15785 preview.hide(); 15786 } 15787 }); 15788 15789 $(".spotifyAddons").delegate(".uploadResult", "click", function(){ 15790 $(this).next("input[type=file]").trigger("click") 15791 }) 15792 15793 $(".spotifyAddons").delegate(".changeUpload", "click", function(){ 15794 $(this).parents("input[type=file]").trigger("click") 15795 }) 15796 15797 $(".spotifyAddons").delegate(".removeUpload", "click", function(){ 15798 const parent = $(this).parents("[data-index]") 15799 parent.find(".uploadPhotoSpotify").val("") 15800 parent.find(".uploadResult label").show() 15801 parent.find(".uploadedResult").remove() 15802 parent.find(".frameImageUploaded svg").show() 15803 parent.find(".previewImage").hide() 15804 parent.find(".frameImage").removeClass("uploaded") 15805 }) 15806 15807 $(".spotifyAddons").delegate("label.checkbox", "click", function(){ 15808 const parent = $(this).parents("[data-index]") 15809 parent.toggleClass("checked") 15810 }) 15811 15812 $(".spotifyAddons").delegate(".spotifyLink", "change", async function(){ 15813 const parent = $(this).parents("[data-index]") 15814 const link = $(this).val() 15815 const data = await trackUrl(link) 15816 15817 console.log(data) 15818 15819 if(data.song) { 15820 parent.find(".spotifySong").val(data.song) 15821 parent.find(".spotifyData").find("h3").text(data.song) 15822 } 15823 if(data.artist) { 15824 parent.find(".spotifyArtist").val(data.artist) 15825 parent.find(".spotifyData").find("p").text(data.artist) 15826 } 15827 parent.find(".spotifyCode img").attr("src", `https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:${data.type.slice(0, -1)}:${data.trackId}`) 15828 // https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:track:1er51HCEBhIAtoEemKuC3M 15829 if (data.status === true) { 15830 parent.find(".btn-action .btn").attr("disabled", false) 15831 } else { 15832 parent.find(".btn-action .btn").attr("disabled", true) 15833 } 15834 }) 15835
15836 $(".spotifyAddons").delegate(".spotifySong", "keyup", async function(){ 15837 const parent = $(this).parents("[data-index]") 15838 const v = $(this).val() 15839 parent.find(".spotifyData h3").text(v) 15840 }) 15841 15842 $(".spotifyAddons").delegate(".spotifyArtist", "keyup", async function(){ 15843 const parent = $(this).parents("[data-index]") 15844 const v = $(this).val() 15845 parent.find(".spotifyData p").text(v) 15846 }) 15847 15848 $(".spotifyAddons").delegate(".btn-action .btn:not(.no-addon)", "click", async function(){ 15849 const parent = $(this).parents("[data-index]") 15850 const length = parent.data("length") 15851 const index = parent.data("index") 15852 const indexNext = Number(index) + 1 15853 customSpotify(indexNext, length, 'addon') 15854 }) 15855 15856 15857 $(".spotifyAddons").delegate(".btn-action .btn.finished", "click", async function(){ 15858 const parent = $(this).parents(".purchaseAddon") 15859 const next = parent.next(".sectionPurchase") 15860 parent.addClass("hide") 15861 next.removeClass("hide") 15862 next.find(".purchase-button").show() 15863 listAddon() 15864 }) 15865 15866 $(".spotifyAddons").delegate(".back-spotify", "click", async function(){ 15867 const t = $(this).parents("[data-index]") 15868 const parent = $(this).parents(".sectionPurchase") 15869 const current = t.data("index") 15870 const prevCurrent = Number(current) - 1 15871 if(current == 1) { 15872 parent.removeClass("purchaseAddonSpotify") 15873 parent.find(".purchase-button").show() 15874 parent.find(".headerPurchase h3").text("Make It More Special with Add-Ons!") 15875 $(".spotifyAddons").empty() 15876 $(".regulerAddons").show() 15877 return 15878 } 15879 t.hide() 15880 t.prev("[data-index]").show() 15881 t.remove() 15882 parent.find(".headerPurchase h3").text(`personalize spotify photo print - ${prevCurrent}`) 15883 }) 15884 15885 $("#personalizeBtn .btn").click(async function() { 15886 loadPopupPersonalize() 15887 }); 15888 15889 $(".sectionPurchaseSpotify").delegate(".btn[data-type=card]", "click", function(){ 15890 $(".sectionPurchaseSpotify").hide() 15891 loadPopupPersonalize() 15892 }) 15893 15894 $(".close-purchase-popup").click(function() { 15895 disablePopup(); 15896 }); 15897 $("#backgroundPopup").click(function() { 15898 // disablePopup(); 15899 }); 15900 15901 $("#popupCart .close-purchase-popup").click(function() { 15902 location.reload() 15903 }); 15904 15905 $('#popupCart').on('hide.bs.modal', function (e) { 15906 location.reload() 15907 }) 15908 15909 $(".next-card").click(function(){ 15910 const parent = $(this).parents(".sectionPurchase") 15911 const next = parent.next(".sectionPurchase") 15912 parent.addClass("hide") 15913 next.removeClass("hide") 15914 }) 15915 15916 $(".back-purchase-button").click(function(){ 15917 const parent = $(this).parents(".sectionPurchase") 15918 const prev = parent.prev(".sectionPurchase") 15919 parent.addClass("hide") 15920 prev.removeClass("hide") 15921 }) 15922 15923 $(document).keypress(function(e) { 15924 if (e.keyCode == 27 && popupStatus == 1) { 15925 disablePopup(); 15926 } 15927 }); 15928 15929 const parentImg = $(".case-img-preview") 15930 const parentVid = $(".case-video-preview") 15931 15932 function readURL(input) { 15933 if (input.files && input.files[0]) { 15934 let reader = new FileReader(); 15935 15936 let type = 'image/jpeg' 15937 const size = input.files[0].size 15938 if(input.files[0].type.match('video/')){ 15939 type = 'video/mp4' 15940 if(size > 15728640) { 15941 alert('File size exceeds maximum limit 15 MB') 15942 return 15943 } 15944 } else { 15945 if(size > 5242880) { 15946 alert('File size exceeds maximum limit 5 MB') 15947 return 15948 } 15949 } 15950 15951 reader.onload = function (e) { 15952 $(".nextBtn").attr("disabled", true) 15953 if(type === 'image/jpeg') { 15954 15955 $('.placeholder-image').hide(); 15956 $('.preview-image').show() 15957 $('.preview-image').attr('src', e.target.result); 15958 15959 } else { 15960 // parentVid.find(".ajax-loader").show(); 15961 $(".steps-card-preview").addClass("loading") 15962 } 15963 } 15964 15965 15966
15967 reader.readAsDataURL(input.files[0]); 15968 } 15969 } 15970 15971 async function readURLPapan(input) { 15972 if (input.files && input.files[0]) { 15973 let reader = new FileReader(); 15974 15975 reader.onload = function (e) { 15976 $('.btn-upload-papan').siblings('label').hide(); 15977 $('.btn-upload-papan img').attr('src', e.target.result); 15978 $('.btn-upload-papan img').show(); 15979 $('.svgLogoPapan').hide(); 15980 } 15981 15982 const type = 'image/jpeg' 15983 const name = `logo-8359546319899-${Date.parse(new Date())}` 15984 15985 let formData = new FormData(); 15986 formData.append("file", input.files[0]); 15987 const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, { 15988 method: "POST", 15989 body: formData 15990 }) 15991 const result = await response.json(); 15992 if(result) { 15993 const url = result.url 15994 $("[data-properties=papan-logo]").val(url) 15995 } 15996 15997 reader.readAsDataURL(input.files[0]); 15998 } 15999 } 16000 16001 async function readURLAddress(input) { 16002 console.log(input, 'readURLAddress') 16003 if (input.files && input.files[0]) { 16004 let reader = new FileReader(); 16005 16006 reader.onload = function (e) { 16007 $('.photo-address').attr('src', e.target.result); 16008 $('.photo-address').show(); 16009 } 16010 16011 const type = 'image/jpeg' 16012 const name = input.files[0].name?.split('.')[0] 16013 16014 let formData = new FormData(); 16015 formData.append("file", input.files[0]); 16016 const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, { 16017 method: "POST", 16018 body: formData 16019 }) 16020 const result = await response.json(); 16021 16022 reader.readAsDataURL(input.files[0]); 16023 16024 return result 16025 } 16026 } 16027 16028 16029 16030 16031 async function addToCartUang() { 16032 var productAddOnId1 = 42122101162199; 16033 var productAddOnId2 = 42122101194967; 16034 var product_id = 8359546319899 16035 const data = { 16036 items: [ 16037 { 16038 quantity: $("#Quantity-" + productAddOnId1).val(), 16039 id: productAddOnId1, 16040 "properties": { "Time": $("#properties-time").val() } 16041 }, 16042 { 16043 quantity: $("#Quantity-" + productAddOnId2).val(), 16044 id: productAddOnId2, 16045 "properties": { "Time": $("#properties-time").val() } 16046 } 16047 ] 16048 } 16049 await fetch(window.Shopify.routes.root + 'cart/add.js', { 16050 method: 'POST', 16051 headers: { 16052 'Content-Type': 'application/json' 16053 }, 16054 body: JSON.stringify(data) 16055 }) 16056 .then(response => { 16057 console.error('Sukses Buket Uang:', response); 16058 $(".form-flower").submit() 16059 }) 16060 .catch((error) => { 16061 console.error('Error Buket Uang:', error); 16062 $(".form-flower").submit() 16063 }); 16064 } 16065 16066 async function saveCard(){ 16067 let isCard = true 16068 const kartu_penerima = $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '' 16069 const kartu_pengirim = $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '' 16070 const kartu_ucapan = $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '' 16071 const foto = $("#properties-photo").val() 16072 const video = $("#properties-video").val() 16073 const data = JSON.stringify({ 16074 "id": qrID, 16075 "penerima": $("#properties-nama-penerima").val(), 16076 "kartu_penerima": kartu_penerima, 16077 "kartu_ucapan": kartu_ucapan, 16078 "kartu_pengirim": kartu_pengirim, 16079 "foto": foto, 16080 "video": video, 16081 "productId": "8359546319899", 16082 "order_name": "", 16083 "status": "Cart" 16084 }) 16085 16086 16087 } 16088 16089 async function additem(items){ 16090 try { 16091 let formData = items 16092 if(items?.length) { 16093 formData = { 16094 'items': items 16095 }; 16096 } 16097 16098 const add = await fetch(window.Shopify.routes.root + 'cart/add.js', { 16099 method: 'POST', 16100 headers: { 16101 'Content-Type': 'application/json', 16102 'X-Requested-With':'xmlhttprequest' /* XMLHttpRequest is ok too, it's case insensitive */ 16103 }, 16104 body: JSON.stringify(formData) 16105 }) 16106 16107 const data = await add.json(); 16108 return data 16109 } catch(err){ 16110 console.log('Error additem', err) 16111 } 16112 } 16113 16114 async function addons(){ 16115 let items = [] 16116 $(".addon-item").each(function(){ 16117 const p = $(this) 16118 const props = p.next(".propsAddonSpotify") 16119 const id = $(this).data("id") 16120 const quantity = $(this).data("qty") 16121 const propId = $("#properties-time").val() 16122 let properties = {} 16123 if(id === 46067682607319) { 16124 const link = props.find(".spotifyLinkAddon").text() 16125 const photo = props.find(".spotifyFotoAddon").text() 16126 const song = props.find(".spotifySongAddon").text() 16127 const artist = props.find(".spotifyArtistAddon").text() 16128 properties = { 16129 id: propId, 16130 "Spotify Link": link !== '' ? link : '-', 16131 "Spotify Photo": photo !== '' ? photo : '-', 16132 "Spotify Song": song !== '' ? song : '-', 16133 "Spotify Artist": artist !== '' ? artist : '-', 16134 type: 'addon' 16135 } 16136 } else { 16137 properties = { 16138 "id": propId, 16139 "type": "addon" 16140 } 16141 } 16142 items.push({ 16143 id, 16144 quantity, 16145 properties 16146 }) 16147 }) 16148 return items 16149 } 16150 16151 async function propItems() { 16152 let props = {} 16153 $("[data-properties]").each(function(e){
16154 let elementType = this.tagName; 16155 const k = $(this).data("properties") 16156 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') { 16157 const v = elementType === 'SELECT' ? $(this).find(":selected").val() : $(this).val(); 16158 if(v !== '') { 16159 props[k] = v?.replace(/[\s\n]/g, ''); 16160 } 16161 } 16162 }) 16163 return props 16164 } 16165 16166 async function showPopupCart(items){ 16167 if(productType !== '') { 16168 console.log("clarity event " + productType + ' completeOrder') 16169 window.clarity("event", `${productType} completeOrder`) 16170 // window.clarity("set", productType, `completeOrder - ${productDate}`) 16171 } 16172 $("#popupCart").show() 16173 16174 $(".propDeliveryCity").text($("#cities").val()) 16175 $(".propDeliveryDate").text($("#propDeliveryDate").val()) 16176 $(".propDeliveryTime").text($("#propDeliveryTime").val()) 16177 $(".propDeliveryName").text($("[data-properties=nama-penerima]").val()) 16178 $(".propDeliveryAddress").text($("[data-properties=alamat-penerima]").val()) 16179 $(".propDeliveryPhone").text($("[data-properties=telepon-penerima]").val()) 16180 $(".propDeliveryProv").text($("#province").val()) 16181 $(".propDeliveryZip").text($("#zip").val()) 16182 16183 16184 16185 const addons = [] 16186 if(items && items.length > 0) { 16187 for(let i = 1; i < items.length; i++) { 16188 const spotifyLink = items[i].properties['Spotify Link'] 16189 const spotifyPhoto = items[i].properties['Spotify Photo'] 16190 const spotifySong = items[i].properties['Spotify Song'] 16191 const spotifyArtist = items[i].properties['Spotify Artist'] 16192 const price = items[i].price / 100 16193 const props = spotifyLink ? `<div class="propsAddonCart row m-0"> 16194 <div class="col-12 col-lg-2"></div> 16195 <div class="col-12 col-lg-10"> 16196 <p> 16197 <span>spotify link</span> 16198 <span>${spotifyLink}</span> 16199 </p> 16200 <p> 16201 <span>Upload Photo</span> 16202 <span>${spotifyPhoto}</span> 16203 </p> 16204 <p> 16205 <span>song / playlist name</span> 16206 <span>${spotifySong}</span> 16207 </p> 16208 <p> 16209 <span>artist name</span> 16210 <span>${spotifyArtist}</span> 16211 </p> 16212 </div> 16213 </div>` : ''; 16214 addons.push(`<div class="row m-0"> 16215 <div class="imgAddonCart col-2"> 16216 <img 16217 width="43" 16218 src="${items[i].image}" 16219 alt="" 16220 > 16221 </div> 16222 <div class="imgAddonTitlePrice col-10 align-self-center"> 16223 <div class="row justify-content-between m-0"> 16224 <div class="col-12 col-lg-8"> 16225 <h5>${items[i].title}</h5> 16226 </div> 16227 <div class="col-12 col-lg-4 text-lg-right"> 16228 <span>${rupiah.format(price)}</span> 16229 </div> 16230 </div> 16231 </div> 16232 </div>${props}`) 16233 } 16234 } 16235 // console.log(addons) 16236 if(addons.length === 0) { 16237 $(".itemAddonCart").hide() 16238 return 16239 } 16240 $(".toggleAddonCart h4").text(`add-ons (${items.length - 1})`) 16241 $(".wrapperItemAddonCart").html(addons) 16242 } 16243 16244 const money = (money) => { 16245 return new Intl.NumberFormat('id-ID', 16246 { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 } 16247 ).format(money); 16248 } 16249 16250 async function showNoteMoney() { 16251 let qty50k = $("[data-properties='Uang 50k']").val() 16252 let qty100k = $("[data-properties='Uang 100k']").val() 16253 const total50k = Number(qty50k) * 50000 16254 const total100k = Number(qty100k) * 100000 16255 const total_all = total50k + total100k 16256 $(".prop50k").html(`<span>${qty50k} Lembar: <strong class="pl-1">${money(total50k)}</strong></span>`) 16257 $(".prop100k").html(`<span>${qty100k} Lembar: <strong class="pl-1">${money(total100k)}</strong></span>`) 16258 $(".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://gas.becekwinmedan.ink/" target="_blank" style="text-decoration: underline;
16258 color: #8d3f2d">Customer Service</a> to confirm with proof of payment.</p>`) 16259 } 16260 16261 async function removeImage() { 16262 const data = JSON.stringify({ 16263 "ID": $("#properties-properties-qrId").val(), 16264 "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 16265 "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 16266 "Kartu Ucapan": $("[data-properties=ucapan]").val(), 16267 "Nama Penerima": $("#properties-nama-penerima").val(), 16268 "Order Number":"", 16269 "Status":"Product", 16270 "Foto": "", 16271 "Media": $("#properties-video").val(), 16272 "Image": "8359546319899" 16273 }) 16274 const remove = updateCard(data) 16275 if(remove) { 16276 $(this).hide() 16277 $("#properties-photo").val("-") 16278 $(".placeholder-image").show() 16279 $(".preview-image").attr("src", "") 16280 } 16281 } 16282 16283 async function removeVideo() { 16284 const data = JSON.stringify({ 16285 "ID": $("#properties-properties-qrId").val(), 16286 "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 16287 "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 16288 "Kartu Ucapan": $("[data-properties=ucapan]").val(), 16289 "Nama Penerima": $("#properties-nama-penerima").val(), 16290 "Order Number":"", 16291 "Status":"Product", 16292 "Foto": $("#properties-photo").val(), 16293 "Media": "", 16294 "Image": "8359546319899" 16295 }) 16296 const remove = updateCard(data) 16297 if(remove) { 16298 $("#properties-video").val("-") 16299 $(this).find("img").hide() 16300 $(this).hide() 16301 $(this).prev("p").text("Add video to make it more special (optional)") 16302 $("#label-input-video").show() 16303 $("#label-input-video span").text("Upload Video") 16304 $(".case-video-preview p span").remove() 16305 } 16306 } 16307 16308 async function loadItemOccasion(t, occasion) { 16309 const name = occasion?.replace('greeting-card-', '') 16310 $("#kartu-ucapan").val("") 16311 $("[data-occassion]").removeClass("selected") 16312 $("[data-properties=ucapan]").val("") 16313 $("#save-card").attr("disabled", true) 16314 t.addClass("selected") 16315 $("#show_note").attr("data-card-occassion", name) 16316 $.get(`https://outerbloom.com/collections/${occasion}/products.json`, function(data, status){ 16317 const products = data.products 16318 const html = [] 16319 for(let i = 0; i < products.length; i++) { 16320 const id = products[i].id 16321 const variantId = products[i].variants[0].id 16322 const img = products[i].images[0].src 16323 const title = products[i].title 16324 const price = products[i].variants[0].price 16325 const qty = products[i].variants[0].inventory_quantity 16326 const body = `<div class="item-card${price < 1 ? ' free' : ' nofree'}${i === 0 ? ' selected' : ''}" data-id=${id}> 16327 <label for="card-${variantId}"></label> 16328 <div class="card-image"> 16329 <img src="${img}" alt="${title}" width="" height="" /> 16330 </div> 16331 <div class="card-meta text-center"> 16332 <h5>${title}</h5> 16333 <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p> 16334 <input id="card-${variantId}" type="radio" name="id" value="${variantId}" data-price="${price}"> 16335 </div> 16336 </div>` 16337 html.push(body) 16338 } 16339 const withoutCard = `<div class="item-card item-without-card"> 16340 <label for="card-0"></label> 16341 <div class="card-image"> 16342 <img src="https://cdn.shopify.com/s/files/1/1589/6833/t/129/assets/without-card.png?v=1747632283" alt="Without card" width="" height="" /> 16343 </div> 16344 <div class="card-meta text-center"> 16345 <h5>
16345Send without a greeting card</h5> 16346 <input id="card-0" type="radio" name="id" value="" data-price=""> 16347 </div> 16348 </div>` 16349 $("#itemCards .items-card").html(html.length === 0 ? '<p>No Item available</p>' : html.join("")) 16350 }); 16351 } 16352 16353 $(document).ready(function(){ 16354 16355 // Observer to auto-trigger addon loading when addon section becomes visible 16356 const addonObserver = new MutationObserver(function(mutations) { 16357 mutations.forEach(function(mutation) { 16358 const target = $(mutation.target) 16359 if(target.hasClass('purchaseAddon') && mutation.type === 'attributes' && mutation.attributeName === 'class') { 16360 if(!target.hasClass('hide')) { 16361 // Addon section just became visible, ensure items are loaded 16362 setTimeout(function() { 16363 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 16364 console.log("Auto-triggering addon load...") 16365 $("[data-addon=upsell-all]").trigger("click") 16366 } 16367 }, 150) 16368 } 16369 } 16370 }) 16371 }) 16372 16373 // Start observing addon section 16374 const addonSection = document.querySelector('.purchaseAddon') 16375 if(addonSection) { 16376 addonObserver.observe(addonSection, { 16377 attributes: true, 16378 attributeFilter: ['class'] 16379 }) 16380 } 16381 16382 $(".purchasePopup").delegate("#addtocart-card", "click", async function(){ 16383 16384 $(this).find("span").addClass("loading") 16385 let isValid = true 16386 $(".formAddressPurchase [required]").each(function(){ 16387 const t = $(this) 16388 const input = t.val() 16389 const p = t.parent() 16390 if(input === '') { 16391 p.addClass("error") 16392 isValid = false 16393 } 16394 }) 16395 16396 if(!isValid) { 16397 $(this).find("span").removeClass("loading") 16398 return 16399 } 16400 16401 let items = [] 16402 const mainProps = { 16403 16404 "Delivery Date": $("#propDeliveryDate").val(), 16405 "Delivery Time": $("#propDeliveryTime").val() !== '' ? $("#propDeliveryTime").val() : '-' , 16406 "Kota Pengiriman": $("#cities").val(), 16407 "Nama Penerima": $("[data-properties=nama-penerima]").val() !== '' ? $("[data-properties=nama-penerima]").val() : '-' , 16408 "Alamat Penerima": $("[data-properties=alamat-penerima]").val() !== '' ? $("[data-properties=alamat-penerima]").val() : '-' , 16409 "Kodepos": $("#zip").val() !== '' ? $("#zip").val() : '-' , 16410 "Telepon Penerima": $("[data-properties=telepon-penerima").val() !== '' ? $("[data-properties=telepon-penerima").val() : '-' , 16411 16412 16413 "Papan Nama Penerima": $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '-' , 16414 "Papan Ucapan": $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '-' , 16415 "Papan Nama Pengirim": $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '-' , 16416 "Papan Logo": $("[data-properties=papan-logo]").val() !== '' ? $("[data-properties=papan-logo]").val() : '-' , 16417 "Foto Alamat": $("[data-properties=foto-alamat]").val() !== '' ? $("[data-properties=foto-alamat]").val() : '-' , 16418 16419 16420 "Province": $("#province").val() !== '' ? $("#province").val() : '-' , 16421 "Country": $("#properties-kota-pengiriman-country").val() !== '' ? $("#properties-kota-pengiriman-country").val() : '-' , 16422 "Shipping": $("#properties-shipping").val() !== '' ? $("#properties-shipping").val() : '-' , 16423 "Company": $("[data-properties=company]").val() !== '' ? $("[data-properties=company]").val() : '-' , 16424 "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', 16425 "type": 'product' 16426 } 16427 const props = await propItems() 16428 properties = {...mainProps, ...props }; 16429 const id = $("#productSelect").find('option:selected').val() 16430 console.log(id, 'main ID') 16431 const mainItem = { 16432 id: Number(id), 16433 quantity: 1, 16434 properties 16435 } 16436 items.push(mainItem) 16437 const cardId = $("#itemCards").find(".selected input").val() 16438 const cardItem = { 16439 id: Number(cardId), 16440 quantity: 1, 16441 properties: { "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', type: 'card' } 16442 } 16443 console.log(cardId, 'cardId') 16444 if(cardId) { 16445 items.push(cardItem) 16446 } 16447 const addon = await addons() 16448 if(addon) { 16449 for(let i = 0;
16449 i < addon.length; i++){ 16450 items.push({ 16451 id: addon[i].id, 16452 quantity: addon[i].quantity, 16453 properties: addon[i].properties 16454 }) 16455 } 16456 } 16457 const addItems = await additem(items) 16458 console.log(addItems.items, 'add items') 16459 if(addItems) { 16460 $(this).find("span").removeClass("loading") 16461 disablePopup() 16462 showPopupCart(addItems.items) 16463 16464 localStorage.setItem("items", JSON.stringify(addItems.items)) 16465 } 16466 }) 16467 16468 $("#addtocart-cart .btn").click(async function(){ 16469 const id = $("#productSelect").find('option:selected').val() 16470 const mainProps = { 16471 id: $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', 16472 type: 'product' 16473 } 16474 const props = await propItems() 16475 const properties = { ...mainProps, ...props }; 16476 const items = { 16477 id: Number(id), 16478 quantity: 1, 16479 properties 16480 } 16481 const addItems = await additem(items) 16482 if(addItems) { 16483 showPopupCart(addItems.items) 16484 localStorage.setItem("items", JSON.stringify(addItems)) 16485 } 16486 }) 16487 16488 $(".formAddressPurchase [required]").change(function(){ 16489 const t = $(this) 16490 const p = t.parent() 16491 const v = t.val() 16492 if(v !== '') { 16493 p.removeClass("error") 16494 } 16495 }) 16496 16497 $("#save-card").click(async function(){ 16498 const parent = $(this).parents(".sectionPurchase") 16499 const next = parent.next(".sectionPurchase") 16500 $(this).find("span").addClass("loading") 16501 const card = await saveCard() 16502 console.log(card, 'ssaveCCC') 16503 if(card?.status === 200 || card?.status === 201) { 16504 $(".scanCard").removeClass("hide") 16505 $(this).find("span").removeClass("loading") 16506 parent.addClass("hide") 16507 next.removeClass("hide") 16508 if(next.hasClass("purchaseAddon")) { 16509 $("[data-addon=upsell-all]").click() 16510 console.log("clarity event addons") 16511 window.clarity("event", `${productType} add-ons`) 16512 // Ensure addon items are loaded when entering addon popup 16513 setTimeout(function() { 16514 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 16515 $("[data-addon=upsell-all]").trigger("click") 16516 } 16517 }, 100) 16518 } 16519 if(next.hasClass("purchaseAddress")) { 16520 $("#zip").select2() 16521 } 16522 } 16523 }) 16524 16525 $("#skip-card").click(async function(){ 16526 $("#greetingCard [data-properties]").val("") 16527 $("#properties-photo").val("") 16528 $("#properties-video").val("") 16529 const parent = $(this).parents(".sectionPurchase") 16530 const next = parent.next(".sectionPurchase") 16531 parent.addClass("hide") 16532 next.removeClass("hide") 16533 // $("#itemCards").html("") 16534 removeImage() 16535 removeVideo() 16536 if(next.hasClass("purchaseAddon")) { 16537 $("[data-addon='upsell-all']").click() 16538 console.log("clarity event addons") 16539 window.clarity("event", `${productType} add-ons`) 16540 // Ensure addon items are loaded when entering addon popup 16541 setTimeout(function() { 16542 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 16543 $("[data-addon='upsell-all']").trigger("click") 16544 } 16545 }, 100) 16546 } 16547 if(next.hasClass("purchaseAddress")) { 16548 $("#zip").select2() 16549 } 16550 }) 16551 16552 $("#msgCard").click(async function(){ 16553 $(this).parent().addClass("loading") 16554 let occasion = $(".selected[data-occassion]").data("occassion") 16555 occasion = occasion?.replace("greeting-card-", "") 16556 const { data } = await getFetch(`${host}/api/card/template/occasion?name=${occasion}`); 16557 const d = data?.data 16558 for(let i = 0; i < d.length; i++) { 16559 const num = Math.floor(Math.random() * (d.length - 1 + 1) + 1); 16560 const greeting = d[num]?.Greeting 16561 $(".greetingCard textarea").val(greeting) 16562 $(this).parent().removeClass("loading") 16563 } 16564 $("#save-card").attr("disabled", false) 16565 }) 16566 16567 $(".sectionPurchaseBoard .next-purchase-button").click(function(){ 16568 const parent = $(this).parents(".sectionPurchase") 16569 const next = parent.next(".sectionPurchase") 16570 parent.addClass("hide") 16571 next.removeClass("hide") 16572 }) 16573 16574 $("#editCard").click(function(){ 16575 $(".custom-card").show() 16576 $(".preview-card").hide() 16577 }) 16578 16579 $("#first_name, #last_name").change(function(){ 16580 const v = $(this).val() 16581 const first_name = $("#first_name").val() 16582 const last_name = $("#last_name").val() !== '' ? ' ' + $("#last_name").val() : '' 16583 $("[data-properties=nama-penerima]").val(first_name+last_name) 16584 }) 16585 16586 $("[data-occassion]").click(function(){ 16587 const t = $(this) 16588 const p = t.parents(".sectionPurchase") 16589 // $(".greetingCard").addClass("disabled") 16590 const occasion = t.data("occassion") 16591 loadItemOccasion(t, occasion) 16592 }) 16593 16594 $("#itemCards").delegate(".item-card:not(.item-without-card) label", "click", function(){ 16595 const id = $(this).parent(".item-card").data("id") 16596 const t = $(this).parent(".item-card") 16597 const target = t.find("input") 16598 const v = $('.item-card input[type="radio"]:checked').val(); 16599 $("#itemCards .item-card").removeClass("selected") 16600 t.addClass("selected") 16601 $("#itemCards .item-card").find("input").attr("name", "") 16602 if(target.length > 0) { 16603 target.attr("name", "id[]") 16604 $("#properties-card").val(id) 16605 $(".greetingCard").removeClass("disabled") 16606 $("#skip-card").attr("disabled", false) 16607 } else { 16608 $("#properties-card").val("") 16609 } 16610 }) 16611 16612 $("#itemCards").delegate(".item-without-card label", "click", function(){ 16613 const parent = $(this).parents(".sectionPurchase") 16614 const next = parent.next(".sectionPurchase") 16615 $(".greetingCard").addClass("disabled") 16616 parent.addClass("hide") 16617 next.removeClass("hide") 16618 $("[data-addon=upsell-all]").click() 16619 $("#zip").select2() 16620 }) 16621 16622 $("[data-properties=ucapan]").keyup(function(){ 16623 const v = $(this).val() 16624 const p = $(this).parents(".sectionPurchase") 16625 $(".purchaseAddress").find(".greetingCard textarea").val(v) 16626 if(v.length > 3) { 16627 p.find(".next-purchase-button").attr("disabled", false) 16628 } else { 16629 p.find(".next-purchase-button").attr("disabled", true) 16630 } 16631 }) 16632 16633 $("[data-properties=penerima]").keyup(function(){ 16634 const v = $(this).val() 16635 $(".purchaseAddress").find("[data-properties=penerima]").val(v) 16636 }) 16637 16638 $("[data-properties=pengirim]").keyup(function(){ 16639 const v = $(this).val() 16640 $(".purchaseAddress").find("[data-properties=pengirim]").val(v) 16641 }) 16642 16643 $(document).click(function(e){
16644 16645 if($(e.target).closest('.wrapperPopupCart').length != 0) return false; 16646 // $('#popupCart').fadeOut('slow'); 16647 // location.reload() 16648 }); 16649 16650 $(".toggleAddonCart").click(function(){ 16651 const p = $(this).parent(".itemAddonCart") 16652 p.toggleClass("open") 16653 }) 16654 16655 $(".btnViewCart").click(function(){ 16656 window.location.href = "https://outerbloom.com/cart"; 16657 }) 16658 16659 $(".btnViewCheckout").click(async function(){ 16660 $(this).find("span").addClass("loading") 16661 let zip = $("#zip").val() 16662 const first_name = $("#first_name").val() 16663 const last_name = $("#last_name").val() 16664 const company = $("#company").val() !== '' ? $("#company").val() : '' 16665 const address1 = $("#delivery_address").val() 16666 const address2 = zip && zip !== '' ? zip?.split(' - ')[1] : '' 16667 zip = zip && zip !== '' ? zip?.split(' - ')[0] : '' 16668 const phone = $("#recipient_number").val() 16669 const city = $("#cities").val() 16670 const province = $("#province").val() 16671 const country = 'Indonesia' 16672 const ver = Date.parse(new Date()) 16673 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}` 16674 16675 const clear = await fetch(`/cart/clear.js`, {method: 'POST'}) 16676 if(clear.status === 200) { 16677 const savedItem = window.localStorage.getItem("items"); 16678 const items = JSON.parse(savedItem) 16679 const addItems = await additem(items) 16680 console.log(addItems, 'new addItems') 16681 if(addItems) { 16682 window.location.href = `https://outerbloom.com/checkout?${params}`; 16683 } 16684 } 16685 }) 16686 16687 $(".btnContinueShopping").click(function(){ 16688 window.location.href = "https://outerbloom.com/"; 16689 }) 16690 16691 if (isIOS) { 16692 $(".empty-state-card").click(function(){ 16693 $("#input-foto").trigger("click") 16694 }) 16695 $(".btn-upload-image").click(function(){ 16696 $("#input-foto").trigger("click") 16697 }) 16698 $("[for=input-video]").click(function(){ 16699 $("#input-video").trigger("click") 16700 }) 16701 $(".btn-upload-papan").click(function(){ 16702 $("#logoPapan").trigger("click") 16703 }) 16704 } 16705 16706 $("[data-properties]").each(function(){ 16707 const select = $(this).parents(".form-group").find("select") 16708 $(this).change(function(){ 16709 const name = $(this).data("properties") 16710 const v = $(this).val() 16711 if (name == 'telepon-penerima') { 16712 let phone = v.replace(/[^0-9]/g, '') 16713 $(this).val(phone); 16714 $("#properties-telepon-penerima").val(phone) 16715 $('.iti__search-input').val('-') 16716 } else { 16717 $("#properties-" + name).val(v) 16718 } 16719 }) 16720 select.on("change", function(){ 16721 const name = $(this).data("properties") 16722 const v = $(this).val() 16723 $("#properties-" + name).val(v) 16724 }) 16725 }) 16726 16727 $("#show_note").click(function(){ 16728 nameq = $("#properties-nama-penerima").val() 16729 dear = $("#properties-kartu-nama-penerima").val() 16730 card = $("[data-properties=ucapan]").val() 16731 sender = $("#properties-kartu-nama-pengirim").val() 16732 photo = $("#properties-photo").val() 16733 video = $("#properties-video").val() 16734 updateCard(nameq, dear, card, sender, photo, video, status) 16735 }) 16736 16737 $(".remove-image").click(function(e){ 16738 e.preventDefault() 16739 $(this).find("img").show() 16740 removeImage() 16741 }) 16742 16743 $(".remove-media").click(function(e){ 16744 e.preventDefault() 16745 $(this).find("img").show() 16746 removeVideo() 16747 }) 16748 16749 16750 16751 $("[data-delivery_method]").click(function(e){
16752 e.preventDefault() 16753 const t = $(this) 16754 const data = t.data("delivery_method") 16755 $("[data-delivery_method]").removeClass("selected") 16756 t.addClass("selected") 16757 $("#cities").val("") 16758 $("#properties-delivery-date").val("-") 16759 $("#deliveryDate button").removeClass("selected") 16760 $("#full-date").val("Full Calendar â") 16761 $("#propDeliveryDate").val("") 16762 const step3 = $("#step-3") 16763 if(data.match('PickUp')) { 16764 $(".selfpickup-point").show() 16765 step3.find("[data-finished=false]").hide() 16766 $("#panel-4").hide() 16767 step3.find("[data-finished=true]").show() 16768 $("#cities").attr("required", false) 16769 $("#form-group-city").hide() 16770 $("#row-delivery-time").hide() 16771 $("#propDeliveryTime, #properties-delivery-time, #properties-nama-penerima, #properties-alamat-penerima, #properties-kodepos, #properties-kodepos, #properties-telepon-penerima").val("-") 16772 $("#propDeliveryTime").attr("required", false) 16773 // $("#deliveryDate").find("button:first-child").addClass("stop") 16774 $(".form-selfpickup").show() 16775 $(".form-delivery").hide() 16776 $(".form-delivery").find("input, textarea, select").val("") 16777 $(".form-delivery").find("input, textarea, select").attr("required", false) 16778 $("#properties-shipping").val("0") 16779 $("#noteDeliveryDate").hide() 16780 $(".form-delivery .form-control").attr("required", false) 16781 $("#stepNav4").hide() 16782 16783 $("#deliveryDate").find("button:nth-child(1)").addClass("stop") 16784 16785 16786 16787 if(timeOfDay >= 16.01){ 16788 $("#deliveryDate").find("button:nth-child(2)").addClass("stop") 16789 } 16790 } else { 16791 16792 16793 $("#deliveryDate").find("button:nth-child(1)").removeClass("stop") 16794 step3.find("[data-finished=false]").show() 16795 $("#panel-4").show() 16796 step3.find("[data-finished=true]").hide() 16797 $("#cities").attr("required", true) 16798 $(".selfpickup-point").hide() 16799 $("#form-group-city").show() 16800 $("#cities").val('').trigger('change'); 16801 $("#properties-kota-pengiriman").val("-") 16802 16803 $("#row-delivery-date, #row-delivery-time").show() 16804 $("#propDeliveryDate, #propDeliveryTime").attr("required", true) 16805 $("#deliveryDate").find("button").removeClass("stop") 16806 $(".form-selfpickup").hide() 16807 $(".form-delivery").show() 16808 $(".form-delivery").find("input, textarea, select").attr("required", true)
16809 $(".form-delivery [data-properties]").attr("readonly", false) 16810 $("#properties-kodepos").val("-") 16811 $("#properties-alamat-penerima").val("-") 16812 $(".form-delivery .form-control").attr("required", true) 16813 $(this).parents(".setup-content").attr("id", "step-1") 16814 16815 $("#stepNav4").show() 16816 } 16817 }) 16818 16819 $("[name=selfpickup]").click(function(){ 16820 const p = $(this).parents(".row-pickup") 16821 const pickupCity = $("input[name='selfpickup']:checked").val(); 16822 const pickupAddress = $("input[name='selfpickup']:checked").data("address"); 16823 const pickupZip = $("input[name='selfpickup']:checked").data("zip"); 16824 16825 $(".row-pickup").removeClass("selected") 16826 p.addClass("selected") 16827 16828 $("#properties-kota-pengiriman").val(pickupCity) 16829 $("#province").val("Jakarta") 16830 $("#properties-alamat-penerima").val(pickupAddress) 16831 $("#properties-kodepos").val(pickupZip) 16832 }) 16833 16834 $("#cities").change(function(e){ 16835 e.preventDefault() 16836 $(this).parent(".row").find("p.error").remove() 16837 $("#full-date").val("Full Calendar") 16838 $("#deliveryDate, #deliveryDateFull label ").show() 16839 $("#deliveryDateFull").removeClass("filled") 16840 $(".btnChangeDeliveryDate").addClass("hide") 16841 $("#full-date").prop('disabled', false); 16842 $("#stepNav2, #stepNav3, #stepNav4").removeClass("btn-success") 16843 $("#stepNav2, #stepNav3, #stepNav4").find("a").attr("disabled", true) 16844 const step3 = $("#step-3") 16845 $("#cityNote").remove() 16846 $("#noteDeliveryDate").hide() 16847 $("#noteDeliveryDate").empty() 16848 let v = $(this).val() 16849 let v2 = $('option:selected', this).attr('data-city'); 16850 let v3 = $('option:selected', this).attr('data-province'); 16851 let price = $('option:selected', this).attr('data-price'); 16852 $("#country").val(v) 16853 $("#properties-kota-pengiriman").val(v) 16854 $("#properties-shipping").val(price) 16855 $("#deliveryDate button, #deliveryTime button, .calendarseasonal .button").removeClass("selected") 16856 $("#properties-delivery-date, #properties-delivery-time").val("-") 16857 $("#propDeliveryDate, #propDeliveryTime").val("") 16858 let note = $('option:selected', this).attr('data-note'); 16859 if(v === 'Kota Lainnya') { 16860 $("#noteDeliveryDate").show() 16861 $("#noteDeliveryDate").text("Order akan segera dikirim. Estimasi tanggal diterima akan disesuaikan dengan waktu pengiriman oleh pihak ekspedisi ke lokasi Anda.") 16862 $("#zip").attr("required", false) 16863 $("#zip").hide() 16864 $("#propDeliveryDate, #propDeliveryTime").attr("required", false) 16865 $("#propDeliveryDate, #properties-delivery-date, #propDeliveryTime, #properties-delivery-time").val("-") 16866 $("#row-delivery-date, #row-delivery-time").hide() 16867 $("#properties-shipping").val("") 16868 // $(this).parents(".setup-content").attr("id", "step-2") 16869 16870 } else { 16871 $("#noteDeliveryDate").hide() 16872 $("#zip").attr("required", true) 16873 $("#zip").show() 16874 $("#row-delivery-date, #row-delivery-time").show() 16875 $("#propDeliveryDate, #propDeliveryTime").attr("required", true) 16876 $("#deliveryDate").find("button").removeClass("stop") 16877 // $(this).parents(".setup-content").attr("id", "step-1") 16878 16879 } 16880 16881 16882 16883 // if(v !== 'Jakarta') { 16884 // $("[data-type=upsell]").hide() 16885 // } else { 16886 // $("[data-type=upsell]").show() 16887 // } 16888 // $('.collection-addons')[0].swiper.update(); 16889 16890 16891 getProvince(v) 16892 $("#zip").html(`<option value="">Choose Postal Code</option>`) 16893 renderZip(v, v2, v3) 16894 16895 disabledSameDay() 16896 16897 16898 if(v !== 'Jakarta' && v !== 'Depok' && v !== 'Bekasi' && v !== 'Tangerang') { 16899 16900 $("#cardOccasion, #navAddon, .collection-addons").hide() 16901 16902 $("[data-addon=giftcard]").show() 16903 $("[data-addon=giftcard]").click() 16904 $("#itemAddons").show() 16905 $("#flower-step").addClass("nonjadetabek") 16906 } else { 16907 $("#cardOccasion, #navAddon, .collection-addons").show() 16908 $("[data-addon=all]").click() 16909 $("#flower-step").removeClass("nonjadetabek") 16910 } 16911 16912 if(v !== '') { 16913 $("#personalizeBtn .btn").attr("disabled", false) 16914 } else { 16915 $("#personalizeBtn .btn").attr("disabled", true) 16916 } 16917 16918 }) 16919 16920 $("#zip").change(function(e){
16921 let v = $(this).val() 16922 var city = $("#cities").find('option:selected'); 16923 $("#properties-kodepos").val(v) 16924 if(city === 'Kota Lainnya') { 16925 $(this).attr("required", true) 16926 $("#recipient-address").val("") 16927 } 16928 }) 16929 16930 16931 var minDate = +7 16932 16933 16934 16935 $("#full-date").datepicker({ 16936 minDate, 16937 dateFormat: 'Mdd_yy', //Nop22_2021, 16938 16939 beforeShowDay: disabledays, 16940 16941 onSelect: function (date) { 16942 $("#deliveryDate, #deliveryDateFull label ").hide() 16943 $("#deliveryDateFull").addClass("filled") 16944 $(".btnChangeDeliveryDate").removeClass("hide") 16945 $("#full-date").prop('disabled', true); 16946 $('#propDeliveryDate, #properties-delivery-date').val('Kirim_'+date); 16947 $(".date-full").addClass("selected") 16948 $(".date-single, .calendar-group").removeClass("selected") 16949 $("#propDeliveryTime").val('') 16950 $("#properties-delivery-time").val('-') 16951 $(".time-single").removeClass("selected") 16952 16953 16954 } 16955 }); 16956 16957 $(".btnChangeDeliveryDate").click(function(){ 16958 $("#deliveryDate, #deliveryDateFull label ").show() 16959 $("#deliveryDateFull").removeClass("filled") 16960 $(".btnChangeDeliveryDate").addClass("hide") 16961 $("#full-date").prop('disabled', false); 16962 }) 16963 16964 $("#deliveryDate").delegate(".calendarbutton:not(.date-full)", "click", function(e){ 16965 e.preventDefault() 16966 $(this).parents("#row-delivery-date").find("p.error").remove() 16967 const fulldate = $(this).data("fulldate") 16968 const day = $(this).data("day") 16969 const date = $(this).data("date")
16970 const month = $(this).data("month") 16971 const year = $(this).data("year") 16972 const off_pagi = $(this).data("offpagi") 16973 const off_siang = $(this).data("offsiang") 16974 const off_Malam = $(this).data("offMalam") 16975 $(".calendarbutton").removeClass("selected") 16976 $(this).addClass("selected") 16977 $("#propDeliveryDate, #properties-delivery-date").val(`Kirim_${month}${date}_${year}`) 16978 $("#propDeliveryTime").val('') 16979 $("#properties-delivery-time").val('-') 16980 $(".calendarbutton2").removeClass("selected") 16981 $("#full-date").val("Full Calendar") 16982 16983 16984 if(off_pagi && timeOfDay > off_pagi) { 16985 $("[data-time=Morning]").attr("disabled", true) 16986 } else { 16987 $("[data-time=Morning]").attr("disabled", false) 16988 } 16989 if(off_siang && timeOfDay > off_siang) { 16990 $("[data-time=Afternoon]").attr("disabled", true) 16991 } else { 16992 $("[data-time=Afternoon]").attr("disabled", false) 16993 } 16994 16995 16996 16997 }) 16998 16999 if(today === 14 && timeOfDay > 17.00) { 17000 $("#deliveryDate button:first-child").attr("disabled", true) 17001 } 17002 17003 $("#deliveryTime").delegate(".calendarbutton2", "click", function(e){ 17004 e.preventDefault() 17005 const time = $(this).data("time") 17006 const date = $("#propDeliveryDate").val() 17007 if(date == '') { 17008 return alert('Silakan pilih tanggal terlebih dahulu') 17009 } 17010 $(".calendarbutton2").removeClass("selected") 17011 $(this).addClass("selected") 17012 $("#propDeliveryTime, #properties-delivery-time").val(`KirimJam_${date.replace('Kirim_','')}_${time}`) 17013 }) 17014 17015 $('textarea.has-limit, input.has-limit').keyup(function () { 17016 max = this.getAttribute("maxlength"); 17017 let len = $(this).val().length; 17018 let limit = $(this).siblings(".limit"); 17019 if (len > max) { 17020 alert('you have reached the limit'); 17021 } else { 17022 limit.text(`${len}/${max}`); 17023 } 17024 }); 17025 17026 $("#button-action-step .btn").click(function(){ 17027 $(this).find("span").text("Processing..."); 17028 }); 17029 17030 $(".finishBtn").on('click', function() { 17031 $(this).addClass("is-adding"); 17032 // $(this).click(); 17033 }); 17034 17035 $('.setup-panel .nav-item a.btn-success').trigger('click'); 17036 17037 $("#button-action .btn").click(function(){ 17038 $("#flower-step").addClass("block"); 17039 $("#button-action").hide(); 17040 }); 17041 17042 $(".close-how-order").click(function(){ 17043 $("#flower-step").removeClass("block"); 17044 $("#button-action").show(); 17045 }); 17046 17047 $("#input-foto, #input-video").change(function(e){ 17048 readURL(this); 17049 }); 17050 17051 $("#logoPapan").change(function(){ 17052 readURLPapan(this); 17053 }); 17054 17055 $("#address-upload").change(async function(){ 17056 const upload_address = await readURLAddress(this) 17057 if(upload_address) { 17058 const url = upload_address.url 17059 $(".props-address-upload").val(url) 17060 $(".form-address").addClass("address-uploaded") 17061 $(".form-address-upload").addClass("uploaded") 17062 17063 $(this).parents(".form-group").siblings(".form-group").find("[required]").attr("required", false) 17064 } 17065 }) 17066 17067 $(".address-manualy").click(function(){ 17068 $(".form-address-upload").removeClass("uploaded"); 17069 $(".photo-address").hide(); 17070 $(".form-address").removeClass("address-uploaded") 17071 $("#formAddressPurchase").find(".form-control").attr("required", true) 17072 }); 17073 17074 $(".case-video-preview").delegate(".replace-video", "click", function(){ 17075 $("#input-video").trigger("click") 17076 }) 17077 17078 $('.date-single').click(function(e) { 17079 e.preventDefault(); 17080 $('.date-single').removeClass('selected'); 17081 $('#full-date').removeClass('selected'); 17082 $(this).addClass('selected'); 17083 $('#full-date').html('Full' + '<br/>' + 'Calendar'); 17084 }); 17085 $('#full-date').click(function(e){ 17086 e.preventDefault(); 17087 $('.date-single').removeClass('selected'); 17088 $(this).addClass('selected'); 17089 }); 17090 17091 // $("tr").each(function(){ 17092 // if($(this).text().match('SKU')) { 17093 // $(".sku-product").html($(this).parents("table").html()) 17094 // } 17095 // }) 17096 17097 $("#product-image").scroll(function(){ 17098 $(".desc-add").each(function(){ 17099 const img = $(this).find("img") 17100 const src = img.data("src") 17101 img.attr("src", src) 17102 }) 17103 }) 17104 17105 $(".product-fixed").hide() 17106 17107 let target = $("#personalizeBtn") 17108 17109 17110 $(".product-meta").scroll(function() { 17111 if ($(window).scrollTop() >= target.offset().top ) { 17112 $(".product-fixed").addClass("show") 17113 } else { 17114 $(".product-fixed").removeClass("show") 17115 } 17116 }); 17117 17118 $(window).scroll(function() { 17119 if ($(window).scrollTop() >= target.offset().top ) { 17120 $(".product-fixed").addClass("show") 17121 } else { 17122 $(".product-fixed").removeClass("show") 17123 } 17124 }); 17125 }); 17126 </script>
17126 17127 17128
17128<script> 17129 // 17130 </script>
17130 17131 17132
17132<script> 17133 $(document).ready(function(){ 17134 $('table tr td').each(function(){ 17135 var texto = $(this).text(); 17136 var nextto = $(this).next("td"); 17137 var sku = $("#data-sku").val() 17138 if(texto == 'SKU'){ 17139 nextto.text(sku) 17140 } 17141 }); 17142 17143 $(".stamped-summary-actions-newquestion").text("Tulis Pertanyaan"); 17144 $(".stamped-summary-actions-newreview").text("Tulis Review"); 17145 $("#tab-questions").text("Pertanyaan"); 17146 17147 $(".freeship .icon").click(function(){ 17148 $(".fs-content").slideToggle(); 17149 $(this).parents(".freeship").toggleClass("expand"); 17150 }); 17151 17152 var $easyzoom = $('.easyzoom').easyZoom(); 17153 // Setup thumbnails example 17154 var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom'); 17155 $('.thumbnails').on('click', 'a', function(e) { 17156 var $this = $(this); 17157 e.preventDefault(); 17158 // Use EasyZoom's `swap` method 17159 api1.swap($this.data('standard'), $this.attr('href')); 17160 }); 17161 17162 $('#playerID').click(function(){ 17163 var videoURL = $('#VdoID').attr('src'), 17164 dataplay = $('#VdoID').attr('data-play'); 17165 17166 //for check autoplay 17167 //if not set autoplay=1 17168 if(dataplay == 0 ){ 17169 $('#VdoID').attr('src',videoURL+'?autoplay=1'); 17170 $('#VdoID').attr('data-play',1); 17171 } 17172 else{ 17173 var videoURL = $('#VdoID').attr('src'); 17174 videoURL = videoURL.replace("?autoplay=1", ""); 17175 $('#VdoID').prop('src',''); 17176 $('#VdoID').prop('src',videoURL); 17177 17178 $('#VdoID').attr('data-play',0); 17179 } 17180 17181 }); 17182 17183 $(".product-photo-thumb-video").click(function(e){ 17184 e.preventDefault(); 17185 17186 var newEmbed = $(this).attr('href'); 17187 $("#featured-image-product").addClass("img-video"); 17188 $("#ProductPhotoImg").hide(); 17189 $("#featured-image-product .video").show(); 17190 $("#featured-image-product iframe").attr('src', newEmbed); 17191 $("#VdoID")[0].src += "&autoplay=1"; 17192 }); 17193 $(".product-single__thumbnail").click(function(evt){ 17194 evt.preventDefault(); 17195 $("#featured-image-product").removeClass("img-video"); 17196 $("#ProductPhotoImg").show(); 17197 $("#featured-image-product .video").hide(); 17198 $("#featured-image-product iframe").attr('src', ''); 17199 }); 17200 17201 if($('#product-meta .short-desc > div').length >= 1){ 17202 //console.log('div detected') 17203 var replacer = $('#product-meta .short-desc > div').contents(); 17204 $('#product-meta .short-desc > div').replaceWith(replacer); 17205 17206 var cAssured = $('.c-assured').detach(); 17207 cAssured.insertAfter('.meta-sds .stock-info'); 17208 } 17209 17210 17211 17212 $(".heading-toggle").click(function(){ 17213 $(this).parent().toggleClass("open") 17214 17215 }); 17216 }); 17217 </script>
17217 17218 17219 17220
17220<script type="application/json" id="ProductJson-Product"> 17221 17222 {"id":8359546319899,"title":"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eBECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka."} 17223 </script>
17223 17224 17225
17225<script type="application/json" id="VariantJson-Product"> 17226 [ 17227 17228 { 17229 "incoming": false, 17230 "next_incoming_date": null 17231 } 17232 17233 ] 17234 </script>
17234 17235 17236 17237 17238 17239 </div> 17240 17241 17242
17242<script src="//outerbloom.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
17242 17243 <style> 17244 .stamped-review-header-title, 17245 .stamped-review-header .author, 17246 .stamped-review-content-body, 17247 .stamped-sort-select, 17248 .stamped-review-header .verified-badge[data-type=buyer]:after, 17249 .stamped-review-header-byline, 17250 .stamped-review-reply-body {font-size: 14px!important;font-family: 'Barlow',sans-serif!important;} 17251 .stamped-review {margin-bottom: 0;} 17252 .stamped-review-body {padding-left: 65px;} 17253 .stamped-review:first-child {padding-top: 25px;} 17254 .stamped-review-content {clear: none;} 17255 .stamped-review-reply {margin: 15px 0 0 65px;background: #9e1313;border-left: none;} 17256 .stamped-review-reply-body {padding-left: 65px;} 17257 .stamped-review-header .author {text-transform: capitalize;} 17258 .stamped-questions .stamped-review-content {padding-left: 65px;} 17259 17260 .stamped-pagination {margin: 20px 0 0;} 17261 .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;} 17262 .stamped-pagination li a {color: #121212;padding: 13px 18px;vertical-align: middle;display: block;} 17263 .stamped-pagination li.active a {background-color: #ddd;font-weight: 400;} 17264 .stamped-pagination li:hover a {background: #ddd;} 17265 .stamped-pagination .next {border-right: 1px solid #ccc;} 17266 .stamped-pagination li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 17267 .stamped-pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 17268 17269 #stamped-pagination-question span.page {display: inline-block;border: 1px solid #ccc;width: 47px;} 17270 #stamped-pagination-question span {font-size: 14px;} 17271 #stamped-pagination-question .page.active {padding: 12px;font-weight: 400;background: #ddd;} 17272 #stamped-pagination-question a, #stamped-pagination-question .page.active {color: #121212;padding: 13px 18px;vertical-align: middle;display: inline-block;} 17273 .stamped-pagination-deco {color: #121212;padding: 13px 18px;width: 47px;vertical-align: middle;display: inline-block;border: 1px solid #ccc;padding: 12px;} 17274 .stamped-pagination-prev, .stamped-pagination-next {position: inherit;} 17275 .stamped-pagination-prev a, .stamped-pagination-next a {width: auto!important;border: 1px solid #ccc;} 17276 17277 @media (max-width: 480px){ 17278 .stamped-review-reply {margin-left: 0!important;} 17279 select.stamped-sort-select {font-size: 13px!important;} 17280 } 17281 17282 #product-reviews .stamped-summary-ratings, #product-reviews .stamped-summary-actions, .stamped-content { 17283 display: block !important; 17284 } 17285 </style> 17286
17286<script> 17287 var selectCallback = function(variant, selector) { 17288 timber.productPage({ 17289 money_format: "Rp {{amount_no_decimals}}", 17290 variant: variant, 17291 selector: selector 17292 }); 17293 }; 17294 17295 jQuery(function($) { 17296 new Shopify.OptionSelectors('productSelect', { 17297 product: 17298 17299 17300 17301 17302 17303 {"id":8359546319899,"title":"BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eBECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka."}, 17304 onVariantSelected: selectCallback, 17305 enableHistoryState: true 17306 }); 17307 17308 // Add label if only one product option and it isn't 'Title'. Could be 'Size'. 17309 17310 17311 // Hide selectors if we only have 1 variant and its title contains 'Default'. 17312 17313 $('.selector-wrapper').hide(); 17314 17315 }); 17316 </script>
17316 17317 17318 17319 17320
17320<script type="application/ld+json"> 17321 { 17322 "@context": "http://schema.org", 17323 "@type": "Product", 17324 "offers": { 17325 "@type": "Offer", 17326 "availability":"https://schema.org/InStock", 17327 "price": 835000, 17328 "priceValidUntil": "05-10-2025", 17329 "priceCurrency": "IDR", 17330 "url": "https://becekwin.org/" 17331 }, 17332 "brand": { 17333 "@type": "Brand", 17334 "name": "BECEKWIN" 17335 }, 17336 "sku": "8359546319899", 17337 "gtin13": "Jakarta", 17338 "name": "BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik", 17339 "description": "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.", 17340 "category": "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.", 17341 "url": "https://becekwin.org/", 17342 "image": { 17343 "@type": "ImageObject", 17344 "url": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426", 17345 "image": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426", 17346 "name": "BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik", 17347 "width": 1024, 17348 "height": 1024 17349 } 17350 } 17351 </script>
17351 17352 17353 17354 17355 17356 17357
17357<script id="bss-ltap-hide-price" type="text/javascript" > 17358 !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)}))}
17358)),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)}
17358)),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()}
17358if("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)}
17358if(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");
17358c&&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
17358-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");
17358i&&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
17358--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
17358opify.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");
17358e.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=
17358o.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");
17358if(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();
17358let 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()}]); 17359 </script>
17359 17360 17361 </main> 17362 17363 <div id="shopify-section-newsletter" class="shopify-section"><br> 17364 <style> 17365 #shopify-section-newsletter { 17366 background-image: url(https://i.pinimg.com/originals/c4/05/e5/c405e59f2114f36defe07f92a771d9a5.gif); 17367 background-attachment: fixed; 17368 margin-bottom: 0; 17369 } 17370 input:-webkit-autofill, 17371 input:-webkit-autofill:hover, 17372 input:-webkit-autofill:active, 17373 input:-webkit-autofill:focus { 17374 -webkit-box-shadow:0 0 0 50px white inset; 17375 -webkit-text-fill-color: #ffffff; 17376 } 17377 .section-newsletter { 17378 max-width: 800px; 17379 margin: auto; 17380 padding: 50px 0; 17381 } 17382 .section-newsletter h2 { 17383 font-weight: 700; 17384 font-size: 24px; 17385 } 17386 .section-newsletter input[type="email"] { 17387 width: 100%; 17388 text-align: center; 17389 border: none; 17390 border-bottom: 1px solid #ffffff; 17391 font-size: 16px; 17392 color: #757575; 17393 background-color: #000000; 17394 } 17395 .section-newsletter .row label { 17396 font-size: 14px; 17397 cursor: pointer; 17398 } 17399 .section-newsletter .radio-inline input { 17400 width: auto; 17401 } 17402 .section-newsletter .btn { 17403 width: 130px; 17404 border: 1px solid #ffffff; 17405 box-shadow: none; 17406 font-size: 16px; 17407 font-weight: 500; 17408 text-transform: uppercase; 17409 } 17410 .section-newsletter form { 17411 margin: 30px 0 60px; 17412 } 17413 .section-newsletter input[type="radio"] { 17414 position: absolute; 17415 width: 1px; 17416 height: 1px; 17417 } 17418 .section-newsletter [type="radio"]:checked + label, .section-newsletter [type="radio"]:not(:checked) + label { 17419 position: relative; 17420 padding-left: 28px; 17421 cursor: pointer; 17422 line-height: 20px; 17423 display: inline-block; 17424 color: #666; 17425 } 17426 .section-newsletter [type="radio"]:checked + label:before, .section-newsletter [type="radio"]:not(:checked) + label:before { 17427 content: ''; 17428 position: absolute; 17429 left: 0; 17430 top: 0; 17431 width: 18px; 17432 height: 18px; 17433 border: 1px solid #ddd; 17434 border-radius: 100%; 17435 background: #fff; 17436 } 17437 .section-newsletter [type="radio"]:checked + label:after, .section-newsletter [type="radio"]:not(:checked) + label:after { 17438 content: ''; 17439 width: 12px; 17440 height: 12px; 17441 background: #ffffff; 17442 position: absolute; 17443 top: 3px; 17444 left: 3px; 17445 border-radius: 100%; 17446 -webkit-transition: all 0.2s ease; 17447 transition: all 0.2s ease; 17448 } 17449 .section-newsletter [type="radio"]:not(:checked) + label:after { 17450 opacity: 0; 17451 -webkit-transform: scale(0); 17452 transform: scale(0); 17453 } 17454 .opt-newsletter {display:none;} 17455 .footer-newsletter p, .footer-newsletter p a { 17456 color: #757575; 17457 } 17458 @media (max-width:991px){ 17459 .section-newsletter h2 { 17460 font-size: 32px; 17461 } 17462 .section-newsletter input { 17463 width: 300px; 17464 font-size: 14px; 17465 } 17466 .section-newsletter { 17467 padding: 50px 20px; 17468 } 17469 } 17470 @media (max-width: 480px){ 17471 .section-newsletter input[type="email"] {font-size: 16px;} 17472 } 17473 </style> 17474 <style> 17475 .icon-img-footer { 17476 width: 80px; 17477 padding: 0px 5px; 17478 } 17479 @media (min-width: 768px) { 17480 .icon-img-footer { 17481 width: 120px; 17482 } 17483 } 17484 @media (min-width: 992px) { 17485 .icon-img-footer { 17486 width: 120px; 17487 } 17488 } 17489 17490 17491 17492 17493 </style> 17494 17495 <!-- wp:html --> 17496
17496<script> 17497 document.addEventListener('DOMContentLoaded', 17498 function(){const faqItems=document.querySelectorAll('.faq-item'); 17499 faqItems.forEach(item=>{const question=item.querySelector('.faq-question'); 17500 question.addEventListener('click', 17501 ()=>{const isActive=item.classList.contains('active'); 17502 faqItems.forEach(otherItem=>{otherItem.classList.remove('active')}); 17503 if(!isActive){item.classList.add('active')}})})}); 17504 </script>
17504 17505 17506 17507 <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close" bis_skin_checked="1"> 17508 </div> 17509 <section class="fx-video-bg"> 17510 <video autoplay muted loop playsinline> 17511 <source src="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" type="video/mp4"> 17512 </video> 17513 <div class="fx-video-overlay"></div> 17514 17515 <div class="fx-article-wrap"> 17516 <article class="fx-article"> 17517 <section class="clean-container"> 17518 <div class="clean-wrap"> 17519 <h1 class="clean-title">BECEKWIN: Sebuah Nama yang Terus Menghadirkan Pilihan Permainan Menarik</h1> 17520 <div class="clean-divider"></div> 17521 <div class="clean-article"> 17522 <p style="text-align: left;" data-start="86" data-end="387"><a href="https://becekwin.org/" style="color: #1100ff;">BECEKWIN</a> hadir sebagai platform yang terus berkembang dengan menghadirkan berbagai pilihan yang dapat disesuaikan dengan minat serta kebutuhan pengguna. Di tengah perubahan yang berlangsung begitu cepat, banyak orang mencari tempat yang mampu menawarkan lebih dari sekadar pilihan yang sama dari waktu ke waktu. Karena itulah BECEKWIN berupaya menghadirkan berbagai alternatif yang terus diperbarui sehingga setiap kunjungan memiliki kesempatan untuk memberikan pengalaman yang berbeda.</p> 17523 17524 <p style="text-align: left;" data-start="389" data-end="674">Seiring bertambahnya pilihan yang tersedia, pengguna juga memiliki lebih banyak kesempatan untuk menemukan hal-hal yang sebelumnya belum pernah mereka jelajahi. BECEKWIN tidak hanya berfokus pada keberagaman pilihan tetapi juga pada bagaimana setiap pengguna dapat menemukan sesuatu yang relevan dengan ketertarikan mereka. Dengan perkembangan yang dilakukan secara berkelanjutan, BECEKWIN terus menjadi sebuah nama yang menghadirkan banyak kemungkinan baru bagi mereka yang senang menjelajah dan menemukan hal menarik dari waktu ke waktu.</p> 17525 </div> 17526 17527 <section class="becekwin-generator-box"> 17528 <div class="becekwin-generator-title">Angka 4D Generator</div> 17529 17530 <div class="becekwin-number-display" id="becekwinGenerator"> 17531 <div class="becekwin-digit">0</div> 17532 <div class="becekwin-digit">0</div> 17533 <div class="becekwin-digit">0</div> 17534 <div class="becekwin-digit">0</div> 17535 </div> 17536 17537 <br> 17538 <button class="becekwin-generate-btn" onclick="generate4D()">Generate Angka</button> 17539 </section> 17540 17541 <section class="becekwin-result-grid"> 17542 <article class="becekwin-result-card"> 17543 <div class="becekwin-market">Hongkong 4D</div> 17544 <div class="becekwin-result-number">7644</div> 17545 <div class="becekwin-result-date">Live Update</div> 17546 </article> 17547 17548 <article class="becekwin-result-card"> 17549 <div class="becekwin-market">Macau 4D</div> 17550 <div class="becekwin-result-number">6757</div> 17551 <div class="becekwin-result-date">Live Update</div> 17552 </article> 17553 17554 <article class="becekwin-result-card"> 17555 <div class="becekwin-market">Sydney 4D</div> 17556 <div class="becekwin-result-number">3250</div> 17557 <div class="becekwin-result-date">Live Update</div> 17558 </article> 17559 17560 <article class="becekwin-result-card"> 17561 <div class="becekwin-market">Singapore 4D</div> 17562 <div class="becekwin-result-number">8981</div> 17563 <div class="becekwin-result-date">Live Update</div> 17564 </article> 17565 </section> 17566 17567 <section class="becekwin-block" id="faq"> 17568 <div class="becekwin-head"><span class="becekwin-dot"></span><span>FAQ Eksklusif BECEKWIN</span></div> 17569 17570 <div class="becekwin-faq"> 17571 17572<details class="becekwin-item"> 17573 <summary>Apa itu BECEKWIN?</summary> 17574 <div class="becekwin-ans"> 17575 BECEKWIN adalah platform yang menghadirkan beragam pilihan yang terus berkembang sehingga pengguna dapat menemukan hal baru yang sesuai dengan minat dan kebutuhan mereka. 17576 </div> 17577</details> 17578 17579<details class="becekwin-item"> 17580 <summary>Mengapa BECEKWIN terus menarik untuk dikunjungi?</summary> 17581 <div class="becekwin-ans"> 17582 BECEKWIN terus menarik untuk dikunjungi karena selalu menghadirkan pilihan baru yang relevan sehingga setiap kunjungan dapat memberikan pengalaman yang berbeda. 17583 </div> 17584</details> 17585
17586<details class="becekwin-item"> 17587 <summary>Apakah BECEKWIN cocok untuk pengguna yang suka menjelajah?</summary> 17588 <div class="becekwin-ans"> 17589 Ya, BECEKWIN cocok untuk pengguna yang suka menjelajah karena menyediakan berbagai pilihan dan referensi yang dapat disesuaikan dengan ketertarikan masing-masing pengguna. 17590 </div> 17591</details> 17592 17593<details class="becekwin-item"> 17594 <summary>Mengapa banyak pengguna kembali mengunjungi BECEKWIN?</summary> 17595 <div class="becekwin-ans"> 17596 Banyak pengguna kembali mengunjungi BECEKWIN karena selalu ada hal baru yang dapat ditemukan sehingga pengalaman menjelajah tidak terasa monoton. 17597 </div> 17598</details> 17599 17600 </div> 17601</section> 17602 17603<section class="becekwin-block" id="testimoni" style="margin-top:16px"> 17604 <div class="becekwin-head"><span class="becekwin-dot"></span><span>TESTIMONI PENGGUNA BECEKWIN</span></div> 17605 17606<div class="becekwin-testi-grid" aria-label="Testimoni"> 17607 17608 <article class="becekwin-testi"> 17609 <div class="becekwin-top"><div class="becekwin-title">Pengalaman Terbaik</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17610 <div class="becekwin-name">Dian</div> 17611 <div class="becekwin-text">Saya menyukai BECEKWIN karena selalu menghadirkan berbagai pilihan yang menarik untuk dijelajahi. Setiap kali berkunjung biasanya ada hal baru yang dapat ditemukan sehingga pengalaman yang diberikan terasa lebih segar dan tidak monoton.</div> 17612 </article> 17613 17614 <article class="becekwin-testi"> 17615 <div class="becekwin-top"><div class="becekwin-title">Pelayanan Memuaskan</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17616 <div class="becekwin-name">Angel</div> 17617 <div class="becekwin-text">Menurut saya BECEKWIN berhasil menghadirkan pengalaman yang nyaman dengan banyak pilihan yang terus berkembang. Hal tersebut membuat saya lebih tertarik untuk kembali melihat apa saja yang baru tersedia dari waktu ke waktu.â</div> 17618 </article> 17619 17620 <article class="becekwin-testi"> 17621 <div class="becekwin-top"><div class="becekwin-title">Website Cepat</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17622 <div class="becekwin-name">Aliren</div> 17623 <div class="becekwin-text">Salah satu hal yang membuat saya sering mengunjungi BECEKWIN adalah keberagaman pilihannya. Tidak hanya mudah dijelajahi tetapi juga mampu menghadirkan berbagai alternatif yang sesuai dengan minat pengguna yang berbeda-beda.</div> 17624 </article> 17625 17626 <article class="becekwin-testi"> 17627 <div class="becekwin-top"><div class="becekwin-title">Registrasi Mudah</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17628 <div class="becekwin-name">Kelvin</div> 17629 <div class="becekwin-text">BECEKWIN memberikan kesan sebagai platform yang terus bergerak dan berkembang. Setiap kunjungan terasa memiliki cerita yang berbeda karena selalu ada sesuatu yang menarik untuk dilihat maupun dieksplorasi lebih lanjut.</div> 17630 </article> 17631 17632 <article class="becekwin-testi"> 17633 <div class="becekwin-top"><div class="becekwin-title">Pilihan Lengkap</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17634 <div class="becekwin-name">Naufal</div> 17635 <div class="becekwin-text">Saya cukup terkesan dengan bagaimana BECEKWIN menghadirkan banyak pilihan dalam satu tempat. Proses menjelajah terasa lebih nyaman dan sering kali saya menemukan hal-hal baru yang sebelumnya belum pernah saya perhatikan.â</div> 17636 </article> 17637 17638 <article class="becekwin-testi"> 17639 <div class="becekwin-top"><div class="becekwin-title">Transaksi Lancar</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17640 <div class="becekwin-name">Farel</div> 17641 <div class="becekwin-text">Yang membuat saya nyaman menjelajahi BECEKWIN adalah selalu ada ruang untuk menemukan sesuatu yang berbeda. Pilihannya terasa dinamis dan tidak berhenti pada hal yang itu-itu saja. Bahkan ketika hanya sekadar melihat-lihat, sering kali ada pilihan baru yang akhirnya menarik perhatian saya.</div> 17642 </article> 17643 17644 <article class="becekwin-testi"> 17645 <div class="becekwin-top"><div class="becekwin-title">Layanan Profesional</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17646 <div class="becekwin-name">Galang</div> 17647 <div class="becekwin-text">Bagi saya pengalaman yang menyenangkan tidak selalu harus datang dari sesuatu yang rumit. BECEKWIN justru menarik karena banyak pilihan dapat ditemukan dengan cukup mudah. Saya juga suka melihat bagaimana isinya terus berkembang, sehingga kunjungan berikutnya tidak terasa seperti mengulang pengalaman sebelumnya.</div> 17648 </article> 17649 17650 <article class="becekwin-testi"> 17651 <div class="becekwin-top"><div class="becekwin-title">Sangat Direkomendasikan</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17652 <div class="becekwin-name">Celly</div> 17653 <div class="becekwin-text">Awalnya saya datang tanpa mencari sesuatu secara khusus, tetapi justru dari situ saya menemukan daya tarik BECEKWIN. Ada cukup banyak hal yang bisa dijelajahi sesuai suasana dan minat saat itu. Keberagaman seperti ini membuat saya tidak merasa harus terpaku pada satu pilihan setiap kali berkunjung.</div> 17654 </article> 17655 17656 <article class="becekwin-testi"> 17657 <div class="becekwin-top"><div class="becekwin-title">Pengalaman Positif</div><div class="becekwin-stars" style="color: gold">â â â â â </div></div> 17658 <div class="becekwin-name">Elvano</div> 17659 <div class="becekwin-text">Saya termasuk orang yang cepat bosan ketika sebuah platform hanya menawarkan pengalaman yang sama dari waktu ke waktu. Sejauh saya menjelajahi BECEKWIN, selalu ada variasi yang membuat pengalaman terasa berbeda. Menurut saya karakter yang terus bergerak seperti inilah yang membuatnya menarik untuk dikunjungi kembali.</
17659div> 17660 </article> 17661 17662</div> 17663 17664</section> 17665 17666<section class="container pt-4 pb-3"> 17667 <h2 class="h4 text-warning mb-3">Trending Tags</h2> 17668 <div class="d-flex flex-wrap"> 17669 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">BECEKWIN</a> 17670 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">BECEK WIN</a> 17671 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">SITUS BECEKWIN</a> 17672 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">BECEKWIN LOGIN</a> 17673 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">BECEKWIN DAFTAR</a> 17674 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">LINK BECEKWIN</a> 17675 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">RTP BECEKWIN</a> 17676 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">BECEKWIN ONLINE</a> 17677 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://becekwin.org/">GAME ONLINE BECEKWIN</a> 17678 </div> 17679 </section> 17680 17681 17682 <style id="becekwin-faq-testi-styles"> 17683 .becekwin-block { 17684 position: relative; 17685 margin: 10px; 17686 } 17687 17688 .becekwin-head { 17689 display: flex; 17690 align-items: center; 17691 gap: 10px; 17692 margin: 10px 0 12px; 17693 font-weight: 800; 17694 letter-spacing: .9px; 17695 font-size: 14px; 17696 color: #00adcc; 17697 text-transform: uppercase; 17698 text-shadow: 0 0 8px #000000; 17699 } 17700 17701 .becekwin-dot { 17702 width: 10px; 17703 height: 10px; 17704 border-radius: 50%; 17705 background: radial-gradient(circle at 30% 30%, #000000, #000000 70%); 17706 box-shadow: 0 0 0 4px rgba(65, 105, 225, .22), 0 0 18px rgba(192, 192, 192, .55); 17707 } 17708 17709 .becekwin-faq { 17710 display: grid; 17711 gap: 10px; 17712 } 17713 17714 .becekwin-item { 17715 border-radius: 16px; 17716 border: 1px solid #000000; 17717 background: linear-gradient(135deg, #000000, #000000); 17718 box-shadow: 0 0 0 1px #000000, 0 18px 50px #000000; 17719 overflow: hidden; 17720 } 17721 17722 .becekwin-item summary { 17723 list-style: none; 17724 cursor: pointer; 17725 padding: 14px 14px 14px 16px; 17726 position: relative; 17727 font-weight: 700; 17728 color: #fff; 17729 text-shadow: 0 0 6px #000000; 17730 } 17731 17732 .becekwin-item summary::-webkit-details-marker { 17733 display: none; 17734 } 17735 17736 .becekwin-item summary:after { 17737 content: "+"; 17738 position: absolute; 17739 right: 14px; 17740 top: 50%; 17741 transform: translateY(-50%); 17742 width: 34px; 17743 height: 34px; 17744 display: grid; 17745 place-items: center; 17746 border-radius: 12px; 17747 background: #000000; 17748 border: 1px solid #000000; 17749 box-shadow: 17750 0 0 10px #000000, 17751 0 0 25px #000000, 17752 0 8px 18px #000000; 17753 transition: transform .2s ease; 17754 } 17755 17756 .becekwin-item[open] summary:after { 17757 content: "â"; 17758 transform: translateY(-50%) rotate(180deg); 17759 } 17760 17761 .becekwin-ans { 17762 padding: 0 16px 14px; 17763 color: rgba(255, 255, 255, .9); 17764 line-height: 1.6; 17765 } 17766 17767 .becekwin-item[open] { 17768 border-color: #000000; 17769 } 17770 17771 .becekwin-testi-grid { 17772 display: grid; 17773 grid-template-columns: repeat(3, minmax(0, 1fr)); 17774 gap: 12px; 17775 } 17776 17777 .becekwin-testi { 17778 border-radius: 18px;
17779 padding: 14px; 17780 background: 17781 radial-gradient(80% 80% at 0% 0%, #000000, #000000 60%), 17782 radial-gradient(70% 70% at 100% 0%, #000000, #000000 55%), 17783 linear-gradient(135deg, #000000, #000000); 17784 box-shadow: 0 0 0 1px #000000, 0 18px 55px #000000; 17785 position: relative; 17786 overflow: hidden; 17787 } 17788 17789 .becekwin-testi:before { 17790 content: ""; 17791 position: absolute; 17792 inset: -2px; 17793 background: linear-gradient(90deg, #000000, #000000, #000000); 17794 filter: blur(10px); 17795 opacity: .85; 17796 animation: neoSweep 3.6s ease-in-out infinite; 17797 } 17798 17799 @keyframes neoSweep { 17800 0% { transform: translateX(-40%); } 17801 50% { transform: translateX(40%); } 17802 100% { transform: translateX(-40%); } 17803 } 17804 17805 .becekwin-testi>* { 17806 position: relative; 17807 z-index: 1; 17808 } 17809 17810 .becekwin-top { 17811 display: flex; 17812 align-items: center; 17813 justify-content: space-between; 17814 gap: 10px; 17815 margin-bottom: 6px; 17816 } 17817 17818 .becekwin-title { 17819 font-weight: 800; 17820 color: #fff; 17821 text-shadow: 0 0 7px #000000; 17822 } 17823 17824 .becekwin-stars { 17825 font-size: 13px; 17826 letter-spacing: 1px; 17827 color: #d9d9d9; 17828 text-shadow: 0 0 10px #000000; 17829 } 17830 17831 .becekwin-name { 17832 font-weight: 700; 17833 color: rgba(245, 245, 245, .95); 17834 margin-bottom: 6px; 17835 } 17836 17837 .becekwin-text { 17838 color: rgba(255, 255, 255, .88); 17839 line-height: 1.55; 17840 } 17841 17842 @media (max-width: 991px) { 17843 .becekwin-testi-grid { 17844 grid-template-columns: repeat(2, minmax(0, 1fr)); 17845 } 17846 } 17847 17848 @media (max-width: 575px) { 17849 .becekwin-testi-grid { 17850 grid-template-columns: 1fr; 17851 } 17852 17853 .becekwin-item summary { 17854 padding-right: 56px; 17855 } 17856 } 17857 17858 .footer-main>.container, 17859 .cms-section .footer-main>.boxed { 17860 padding-top: 15px; 17861 } 17862 17863 .becekwin-generator-box { 17864 margin: 18px 10px; 17865 padding: 18px; 17866 border-radius: 20px; 17867 background: linear-gradient(135deg, #000000, #000000); 17868 border: 1px solid #000000; 17869 box-shadow: 0 0 25px #000000, inset 0 0 18px #000000; 17870 color: #fff; 17871 text-align: center; 17872 } 17873 17874 .becekwin-generator-title { 17875 font-weight: 800; 17876 font-size: 18px; 17877 letter-spacing: 1px; 17878 text-transform: uppercase; 17879 color: #00adcc; 17880 text-shadow: 0 0 8px #000000, 0 0 14px #000000; 17881 margin-bottom: 14px; 17882 } 17883 17884 .becekwin-number-display { 17885 display: inline-grid; 17886 grid-template-columns: repeat(4, 54px); 17887 gap: 10px; 17888 margin-bottom: 14px; 17889 } 17890 17891 .becekwin-digit { 17892 height: 58px; 17893 display: grid; 17894 place-items: center; 17895 border-radius: 14px; 17896 background: linear-gradient(180deg, #000000, #000000); 17897 color: #00adcc; 17898 font-size: 30px; 17899 font-weight: 900; 17900 box-shadow: 0 0 14px rgba(192,192,192,.65); 17901 } 17902 17903 .becekwin-generate-btn { 17904 border: 1px solid #000000; 17905 background: linear-gradient(90deg, #000000, #000000); 17906 color: #00adcc; 17907 font-weight: 800; 17908 padding: 10px 18px; 17909 border-radius: 999px; 17910 cursor: pointer; 17911 text-transform: uppercase; 17912 box-shadow: 0 0 16px #000000; 17913 } 17914 17915 .becekwin-result-grid { 17916 margin: 16px 10px; 17917 display: grid; 17918 grid-template-columns: repeat(4, minmax(0, 1fr)); 17919 gap: 12px; 17920 } 17921 17922 .becekwin-result-card { 17923 border-radius: 18px;
17924 padding: 16px; 17925 text-align: center; 17926 background: 17927 radial-gradient(80% 80% at 0% 0%, #000000, #000000 60%), 17928 linear-gradient(135deg, #000000, #000000); 17929 border: 1px solid #000000; 17930 box-shadow: 0 0 20px #000000; 17931 color: #fff; 17932 } 17933 17934 .becekwin-market { 17935 font-weight: 800; 17936 font-size: 14px; 17937 text-transform: uppercase; 17938 color: #00adcc; 17939 text-shadow: 0 0 8px rgba(192,192,192,.75); 17940 margin-bottom: 8px; 17941 } 17942 17943 .becekwin-result-number { 17944 font-size: 32px; 17945 font-weight: 900; 17946 color: #00adcc; 17947 text-shadow: 0 0 8px #000000, 0 0 12px #000000; 17948 margin-bottom: 6px; 17949 } 17950 17951 .becekwin-result-date { 17952 font-size: 12px; 17953 color: #00adcc; 17954 } 17955 17956 @media (max-width: 991px) { 17957 .becekwin-result-grid { 17958 grid-template-columns: repeat(2, minmax(0, 1fr)); 17959 } 17960 } 17961 17962 @media (max-width: 575px) { 17963 .becekwin-number-display { 17964 grid-template-columns: repeat(4, 44px); 17965 } 17966 17967 .becekwin-digit { 17968 height: 50px; 17969 font-size: 26px; 17970 } 17971 17972 .becekwin-result-grid { 17973 grid-template-columns: 1fr; 17974 } 17975 } 17976 17977 </style> 17978
17978<script> 17979 function generate4D() { 17980 const digits = document.querySelectorAll("#becekwinGenerator .becekwin-digit"); 17981 digits.forEach(function(digit) { 17982 digit.textContent = Math.floor(Math.random() * 10); 17983 }); 17984 } 17985 </script>
17985 17986 </article> 17987 </div> 17988</section> 17989 17990 </div> 17991 17992 17993 <div class="overlay overlay-cart"></div> 17994 <div id="CartDrawer" class="drawer drawer--right"> 17995 <div class="drawer__header pl-2 pr-2"> 17996 <div class="drawer__icon-cart display-table-cell"> 17997 <a href="/cart" class=""> 17998 <svg class="icon icon-cart" version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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> 17999 </a> 18000 </div> 18001 <div class="drawer__title h4">Keranjang Belanja</div> 18002 <div class="drawer__close js-drawer-close"> 18003 <button type="button"> 18004 <svg class="icon icon-close" version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="32" height="32" viewBox="0 0 32 32"> 18005 <title>icon-close</title> 18006 <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> 18007 </svg> 18008 </button> 18009 </div> 18010 </div> 18011 <div id="CartContainer" class="p-2"></div> 18012 </div> 18013 18014
18014<script> 18015 18016 </script>
18016 18017
18017<script src="//outerbloom.com/cdn/shop/t/138/assets/handlebars.min.js?v=79044469952368397291752652415" defer></script>
18017 18018 <!-- /snippets/ajax-cart-template.liquid --> 18019 18020
18020<script id="CartTemplate" type="text/template"> 18021 18022 <form action="/cart" method="post" novalidate class="cart ajaxcart"> 18023 <div class="ajaxcart__inner" {{ cart.item_count }}> 18024 {{#items}} 18025 <div class="ajaxcart__product"> 18026 <div class="ajaxcart__row" data-line="{{line}}"> 18027 <div class="grid"> 18028 <div class="grid__item one-quarter"> 18029 <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt=""></a> 18030 </div> 18031 <div class="grid__item three-quarters"> 18032 <p class="d-block mb-3"> 18033 <a class="h4 d-block mb-2" href="{{url}}" class="ajaxcart__product-name">{{name}}</a> 18034 {{#if variation}} 18035 <span class="ajaxcart__product-meta p">{{variation}}</span> 18036 {{/if}} 18037 {{#properties}} 18038 {{#each this}} 18039 {{#if this}} 18040 <span class="ajaxcart__product-meta p hide">{{@key}}: {{this}}</span> 18041 {{/if}} 18042 {{/each}} 18043 {{/properties}} 18044 18045 </p> 18046 <div class="grid--full display-table"> 18047 <div class="grid__item display-table-cell one-half"> 18048 <div class="ajaxcart__qty"> 18049 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> 18050 <svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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> 18051 <span class="visually-hidden">Kurangi jumlah barang</span> 18052 </button> 18053 <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]*"> 18054 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}"> 18055 <svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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> 18056 <span class="visually-hidden">Tambahkan jumlah barang</span> 18057 </button> 18058 </div> 18059 </div> 18060 <div class="grid__item display-table-cell one-half text-right"> 18061 {{#if discountsApplied}} 18062 <small class="ajaxcart-item__price-strikethrough"><s>{{{originalLinePrice}}}</s></small> 18063 <br><span class="h4">{{{linePrice}}}</span> 18064 {{else}} 18065 <span class="h4">{{{linePrice}}}</span> 18066 {{/if}} 18067 </div> 18068 </div> 18069 {{#if discountsApplied}} 18070 <div class="grid--full display-table"> 18071 <div class="grid__item text-right"> 18072 {{#each discounts}} 18073 <small class="ajaxcart-item__discount">{{ this.title }}</small><br> 18074 {{/each}} 18075 </div> 18076 </div> 18077 {{/if}} 18078 </div> 18079 </div> 18080 </div> 18081 </div> 18082 </div> 18083 </div> 18084 {{/items}} 18085 </div> 18086 <div class="ajaxcart__footer"> 18087 <div class="grid--full cart-subtotal py-2"> 18088 <p>Subtotal</p> 18089 <h3 class="primary">{{{totalPrice}}}</h3> 18090 {{#if totalCartDiscount}} 18091 <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p> 18092 {{/if}} 18093 </div> 18094 18095 <a href="/cart" class="btn btn-cta view-more btn-block cart__checkout mt-2">Checkout</a> 18096 18097 <p class="cart-checkout-shipping hide">Free Ongkir dengan belanja di atas Rp.100.000 <a href="/pages/pengiriman">detail</a></p> 18098 </div> 18099 </form> 18100 18101 </script>
18101 18102
18102<script id="AjaxQty" type="text/template"> 18103 18104 <div class="ajaxcart__qty"> 18105 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}"> 18106 <svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="24" viewBox="0 0 32 32"> 18107 <title>icon-minus</title> 18108 <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> 18109 </svg> 18110 <span class="visually-hidden">Kurangi jumlah barang</span> 18111 </button> 18112 <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*"> 18113 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-qty="{{itemAdd}}"> 18114 <svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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> 18115 <span class="visually-hidden">Tambahkan jumlah barang</span> 18116 </button> 18117 </div> 18118 18119 </script>
18119 18120
18120<script id="JsQty" type="text/template"> 18121 18122 <div class="js-qty mx-auto mt-2"> 18123 <button type="button" class="js-qty__adjust js-qty__adjust--minus" data-id="{{key}}" data-qty="{{itemMinus}}"> 18124 <svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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> 18125 <span class="visually-hidden">Kurangi jumlah barang</span> 18126 </button> 18127 <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> 18128 <button type="button" class="js-qty__adjust js-qty__adjust--plus" data-id="{{key}}" data-qty="{{itemAdd}}"> 18129 <svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.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> 18130 <span class="visually-hidden">Tambahkan jumlah barang</span> 18131 </button> 18132 </div> 18133 18134 </script>
18134 18135 18136 <style> 18137 #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty button, 18138 #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty button, 18139 #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty button {display: none;} 18140 #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input, 18141 #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input, 18142 #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;opacity: 0.5;} 18143 #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input, 18144 #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input, 18145 #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;} 18146 </style> 18147
18147<script src="//outerbloom.com/cdn/shop/t/138/assets/ajax-cart.js?v=51128912329657147331752652452" defer></script>
18147 18148
18148<script> 18149 jQuery(function($) { 18150 ajaxCart.init({ 18151 formSelector: '#AddToCartForm', 18152 cartContainer: '#CartContainer', 18153 addToCartSelector: '#AddToCartXX', 18154 cartCountSelector: '#CartCount, #CartCount2', 18155 cartCostSelector: '#CartCost', 18156 moneyFormat: "Rp {{amount_no_decimals}}" 18157 }); 18158 }); 18159 18160 jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) { 18161 // Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM 18162 timber.RightDrawer.open(); 18163 }); 18164 </script>
18164 18165 18166 18167 18168 18169 <style> 18170 /** Search AutoComplete **/ 18171 .resultsearch .ui-menu-item[data-cat="Collection"], 18172 .resultsearch .ui-menu-item[data-cat="Collection"] {display: none;} 18173 .resultsearch .ui-widget.ui-widget-content { 18174 width: 100%; 18175 top: 48px; 18176 border: none; 18177 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); 18178 } 18179 .resultsearch .ui-menu-item {text-align: left;} 18180 .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;} 18181 .ui-state-active { 18182 border: none!important; 18183 background-color: #fafafa!important; 18184 color: #000!important; 18185 } 18186 .ui-menu-item a[data-cat="Collection"] {padding: 5px 12px;} 18187 .ui-menu .ui-menu-item {line-height: normal;} 18188 </style> 18189
18189<script> 18190 $(window).load(function(){ 18191 18192 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;} 18193 18194 $.widget("custom.catcomplete", $.ui.autocomplete, { 18195 _renderMenu: function (ul, items) { 18196 // have search reults split up in categories 18197 var that = this, 18198 currentCategory = ""; 18199 $.each(items, function (index, item) { 18200 if (item.category != currentCategory) { 18201 ul.append("<li class='ui-autocomplete-category' data-cat=" + item.category + ">" + "<span>" + item.category + "</span>" + "</li>"); 18202 currentCategory = item.category; 18203 } 18204 that._renderItemData(ul, item); 18205 }); 18206 } 18207 }); 18208 18209 // higlight searched for term 18210 $.ui.autocomplete.prototype._renderItem = function( ul, item ) { 18211 var term = this.element.val(), 18212 html = item.label.replace( term, "<b>$&</b>" ); 18213 return $( "<li>" ) 18214 .append(format(item)) 18215 .appendTo( ul ); 18216 }; 18217 18218 18219 var data = [ 18220 { label: "< Rp 500.000", category: "Collection", url: "/collections/rp-500-000", images: " ", price: " " },{ label: "> Rp 1.000.000", category: "Collection", url: "/collections/rp-1-000-000", images: " ", price: " " },{ label: "Acrylic Jewelry Box", category: "Collection", url: "/collections/acrylic-jewelry-box", images: " ", price: " " },{ label: "Ajmal", category: "Collection", url: "/collections/ajmal", images: " ", price: " " },{ label: "Alamat Rumah Duka", category: "Collection", url: "/collections/rumah-duka", images: " ", price: " " },{ label: "Anggrek Bulan", category: "Collection", url: "/collections/anggrek-bulan", images: " ", price: " " },{ label: "Anniversary Gift", category: "Collection", url: "/collections/kado-anniversary", images: " ", price: " " },{ label: "Aquarius âï¸ 20Jan - 18Feb", category: "Collection", url: "/collections/kado-untuk-zodiak-aquarius", images: " ", price: " " },{ label: "Aries âï¸ 21March - 19April", category: "Collection", url: "/collections/kado-untuk-zodiak-aries", images: " ", price: " " },{ label: "Armaf", category: "Collection", url: "/collections/armaf", images: " ", price: " " },{ label: "Aromatherapy Diffuser", category: "Collection", url: "/collections/aromatherapy-diffuser", images: " ", price: " " },{ label: "Artisan Soap", category: "Collection", url: "/collections/artisan-soap", images: " ", price: " " },{ label: "Artisan Tea", category: "Collection", url: "/collections/artisan-tea", images: " ", price: " " },{ label: "AsmaraKu", category: "Collection", url: "/collections/asmaraku", images: " ", price: " " },{ label: "Atkinsons", category: "Collection", url: "/collections/atkinsons", images: " ", price: " " },{ label: "Autumn by Outerbloom", category: "Collection", url: "/collections/autumn-by-outerbloom", images: " ", price: " " },{ label: "Autumn by Outerbloom Chinese New Year", category: "Collection", url: "/collections/autumn-by-outerbloom-chinese-new-year", images: " ", price: " " },{ label: "Autumn by Outerbloom Christmas", category: "Collection", url: "/collections/autumn-by-outerbloom-christmas", images: " ", price: " " },{ label: "Autumn by Outerbloom Luar Jadetabek", category: "Collection", url: "/collections/autumn-by-outerbloom-luar-jadetabek", images: " ", price: " " },{ label: "Autumn by Outerbloom Ramadan", category: "Collection", url: "/collections/autumn-by-outerbloom-ramadan", images: " ", price: " " },{ label: "Autumn Pop", category: "Collection", url: "/collections/autumn-pop", images: " ", price: " " },{ label: "Bachelorette", category: "Collection", url: "/collections/bachelorette", images: " ", price: " " },{ label: "Bag Newborn Hampers", category: "Collection", url: "/collections/bag-newborn-hampers", images: " ", price: " " },{ label: "Balon", category: "Collection", url: "/collections/balon", images: " ", price: " " },{ label: "Beauty Package", category: "Collection", url: "/collections/beauty-package", images: " ", price: " " },{ label: "Best Deal", category: "Collection", url: "/collections/best-deal", images: " ", price: " " },{ label: "Best Seller", category: "Collection", url: "/collections/best-seller", images: " ", price: " " },{ label: "Best Valentine's Deals", category: "Collection", url: "/collections/bes-valentines-deals", images: " ", price: " " },{ label: "Best Value Newborn Hampers Collection", category: "Collection", url: "/collections/best-value-newborn-hampers-collection", images: " ", price: " " },{ label: "Black Tea", category: "Collection", url: "/collections/black-tea", images: " ", price: " " },{ label: "Blessing Hampers", category: "Collection", url: "/collections/blessing-hampers", images: " ", price: " " },{ label: "Bloom Box", category: "Collection", url: "/collections/bloom-box", images: " ", price: " " },{ label: "Bloomcard", category: "Collection", url: "/collections/bloomcard", images: " ", price: " " },{ label: "Boutonniere", category: "Collection", url: "/collections/boutonniere", images: " ", price: " " },{ label: "Bracelet", category: "Collection", url: "/collections/gelang", images: " ", price: " " },{ label: "Buket Bunga Bali", category: "Collection", url: "/collections/buket-bunga-bali", images: " ", price: " " },{ label: "Buket Bunga Bandung", category: "Collection", url: "/collections/buket-bunga-bandung", images: " ", price: " " },{ label: "Buket Bunga Batam", category: "Collection", url: "/collections/buket-bunga-batam", images: " ", price: " " },{ label: "Buket Bunga Demak", category: "Collection", url: "/collections/buket-bunga-demak", images: " ", price: " " },{ label: "Buket Bunga Fresh", category: "Collection", url: "/collections/buket-bunga", images: " ", price: " " },{ label: "Buket Bunga Jepara", category: "Collection", url: "/collections/buket-bunga-jepara", images: " ", price: " " },{ label: "Buket Bunga Medan", category: "Collection", url: "/collections/buket-bunga-medan", images: " ", price: " " },{ label: "Buket Bunga Nusantara", category: "Collection", url: "/collections/buket-bunga-nusantara", images: " ", price: " " },{ label: "Buket Bunga Semarang", category: "Collection", url: "/collections/buket-bunga-semarang", images: " ", price: " " },{ label: "Buket Bunga Sidoarjo", category: "Collection", url: "/collections/buket-bunga-sidoarjo", images: " ", price: " " },{ label: "Buket Bunga Surabaya", category: "Collection", url: "/collections/buket-bunga-surabaya", images: " ", price: " " },{ label: "Buket Bunga Tangerang", category: "Collection", url: "/collections/buket-bunga-tangerang", images: " ", price: " " },{ label: "Buket Bunga Uang", category: "Collection", url: "/collections/buket-bunga-uang", images: " ", price: " " },{ label: "Buket Bunga Valentine", category: "Collection", url: "/collections/buket-bunga-valentine", images: " ", price: " " },{ label: "Buket Bunga Yogyakarta", category: "Collection", url: "/collections/buket-bunga-jogja", images: " ", price: " " },{ label: "Bunga Anggrek Bali", category: "Collection", url: "/collections/bunga-anggrek-bali", images: " ", price: " " },{ label: "Bunga Anggrek Bandung", category: "Collection", url: "/collections/bunga-anggrek-bandung", images: " ", price: " " },{ label: "Bunga Anggrek Surabaya", category: "Collection", url: "/collections/bunga-anggrek-surabaya", images: " ", price: " " },{ label: "Bunga Anniversary", category: "Collection", url: "/collections/bunga-anniversary", images: " ", price: " " },{ label: "Bunga Artificial", category: "Collection", url: "/collections/bunga-artificial", images: " ", price: " " },{ label: "Bunga Buket", category: "Collection", url: "/collections/bunga-buket", images: " ", price: " " },{ label: "Bunga Carnations Bali", category: "Collection", url: "/collections/bunga-carnations-bali", images: " ", price: " " },{ label: "Bunga Carnations Bandung", category: "Collection", url: "/collections/bunga-carnations-bandung", images: " ", price: " " },{ label: "Bunga Carnations Surabaya", category: "Collection", url: "/collections/bunga-carnations-surabaya", images: " ", price: " " },{ label: "Bunga Daisy Bali", category: "Collection", url: "/collections/bunga-daisy-bali", images: " ", price: " " },{ label: "Bunga Daisy Bandung", category: "Collection", url: "/collections/bunga-daisy-bandung", images: " ", price: " " },{ label: "Bunga Daisy Surabaya", category: "Collection", url: "/collections/bunga-daisy-surabaya", images: " ", price: " " },{ label: "Bunga Gerbera Bali", category: "Collection", url: "/collections/bunga-gerbera-bali", images: " ", price: " " },{ label: "Bunga Gerbera Bandung", category: "Collection", url: "/collections/bunga-gerbera-bandung", images: " ", price: " " },{ label: "Bunga Gerbera Surabaya", category: "Collection", url: "/collections/bunga-gerbera-surabaya", images: " ", price: " " },{ label: "Bunga Imlek", category: "Collection", url: "/collections/rangkaian-bunga-tahun-baru-imlek", images: " ", price: " " },{ label: "Bunga Lebaran", category: "Collection", url: "/collections/rangkaian-bunga-lebaran", images: " ", price: " " },{ label: "Bunga Lily Bali", category: "Collection", url: "/collections/bunga-lily-bali", images: " ", price: " " },{ label: "Bunga Lily Bandung", category: "Collection", url: "/collections/bunga-lily-bandung", images: " ", price: " " },{ label: "Bunga Lily Surabaya", category: "Collection", url: "/collections/bunga-lily-surabaya", images: " ", price: " " },{ label: "Bunga Matahari Bali", category: "Collection", url: "/collections/bunga-matahari-bali", images: " ", price: " " },{ label: "Bunga Matahari Bandung", category: "Collection", url: "/collections/bunga-matahari-bandung", images: " ", price: " " },{ label: "Bunga Matahari Surabaya", category: "Collection", url: "/collections/bunga-matahari-surabaya", images: " ", price: " " },{ label: "Bunga Mawar Bali", category: "Collection", url: "/collections/bunga-mawar-bali", images: " ", price: " " },{ label: "Bunga Mawar Bandung", category: "Collection", url: "/collections/bunga-mawar-bandung", images: " ", price: " " },{ label: "Bunga Mawar Surabaya", category: "Collection", url: "/collections/bunga-mawar-surabaya", images: " ", price: " " },{ label: "Bunga Meja", category: "Collection", url: "/collections/bunga-meja", images: " ", price: " " },{ label: "Bunga Meja Bali", category: "Collection", url: "/collections/bunga-meja-bali", images: " ", price: " " },{ label: "Bunga Meja Bandung", category: "Collection", url: "/collections/bunga-meja-bandung", images: " ", price: " " },{ label: "Bunga Meja Batam", category: "Collection", url: "/collections/bunga-meja-batam", images: " ", price: " " },{ label: "Bunga Meja Jepara", category: "Collection", url: "/collections/bunga-meja-jepara", images: " ", price: " " },{ label: "Bunga Meja Medan", category: "Collection", url: "/collections/bunga-meja-medan", images: " ", price: " " },{ label: "Bunga Meja Semarang", category: "Collection", url: "/collections/bunga-meja-semarang", images: " ", price: " " },{ label: "Bunga Meja Sidoarjo", category: "Collection", url: "/collections/bunga-meja-sidoarjo", images: " ", price: " " },{ label: "Bunga Meja Surabaya", category: "Collection", url: "/collections/bunga-meja-surabaya", images: " ", price: " " },{ label: "Bunga Meja Tangerang", category: "Collection", url: "/collections/bunga-meja-tangerang", images: " ", price: " " },{ label: "Bunga Meja Yogyakarta", category: "Collection", url: "/collections/bunga-meja-jogja", images: " ", price: " " },{ label: "Bunga Modern Pastel Bali", category: "Collection", url: "/collections/bunga-modern-pastel-bali", images: " ", price: " " },{ label: "Bunga Modern Pastel Bandung", category: "Collection", url: "/collections/bunga-modern-pastel-bandung", images: " ", price: " " },{ label: "Bunga Modern Pastel Medan", category: "Collection", url: "/collections/bunga-modern-pastel-medan", images: " ", price: " " },{ label: "Bunga Modern Pastel Semarang", category: "Collection", url: "/collections/bunga-modern-pastel-semarang", images: " ", price: " " },{ label: "Bunga Modern Pastel Surabaya", category: "Collection", url: "/collections/bunga-modern-pastel-surabaya", images: " ", price: " " },{ label: "Bunga Modern Pastel Yogyakarta", category: "Collection", url: "/collections/bunga-modern-pastel-yogyakarta", images: " ", price: " " },{ label: "Bunga Natal", category: "Collection", url: "/collections/rangkaian-bunga-christmas", images: " ", price: " " },{ label: "Bunga Papan", category: "Collection", url: "/collections/bunga-papan", images: " ", price: " " },{ label: "Bunga Pernikahan", category: "Collection", url: "/collections/bunga-pernikahan", images: " ", price: " " },{ label: "Bunga Plastik", category: "Collection", url: "/collections/bunga-plastik", images: " ", price: " " },{ label: "Bunga Tulip", category: "Collection", url: "/collections/bunga-tulip", images: " ", price: " " },{ label: "Bunga Ulang Tahun", category: "Collection", url: "/collections/bunga-ulang-tahun", images: " ", price: " " },{ label: "Bunga Wisuda", category: "Collection", url: "/collections/karangan-bunga-wisuda", images: " ", price: " " },{ label: "Cake", category: "Collection", url: "/collections/kue", images: " ", price: " " },{ label: "Cake", category: "Collection", url: "/collections/cake", images: " ", price: " " },{ label: "Cake Sameday Delivery", category: "Collection", url: "/collections/cake-sameday-delivery", images: " ", price: " " },{ label: "Cake, Hampers & Gifts", category: "Collection", url: "/collections/cake-hampers", images: " ", price: " " },{ label: "Cancer âï¸ 22June - 22July", category: "Collection", url: "/collections/kado-untuk-zodiak-cancer", images: " ", price: " " },{ label: "Capricorn âï¸ 21Dec - 19Jan", category: "Collection", url: "/collections/kado-untuk-zodiak-capricorn", images: " ", price: " " },{ label: "Care Packages", category: "Collection", url: "/collections/toko-parcel-murah", images: " ", price: " " },{ label: "Care Packages (Keluarga, Sahabat, Karyawan)", category: "Collection", url: "/collections/sehat-bebas-corona", images: " ", price: " " },{ label: "Carnations", category: "Collection", url: "/collections/bunga-anyelir", images: " ", price: " " },{ label: "Celebration", category: "Collection", url: "/collections/celebration", images: " ", price: " " },{ label: "Chléa Paperie", category: "Collection", url: "/collections/chlea-paperie", images: " ", price: " " },{ label: "Chocodot", category: "Collection", url: "/collections/chocodot", images: " ", price: " " },{ label: "Christmas", category: "Collection", url: "/collections/christmas", images: " ", price: " " },{ label: "Classic Cake", category: "Collection", url: "/collections/classic-cake", images: " ", price: " " },{ label: "Classic CNY Hampers", category: "Collection", url: "/collections/classic-cny-hampers", images: " ", price: " " },{ label: "Classic CNY Hampers Luar Jabodetabek", category: "Collection", url: "/collections/classic-cny-hampers-luar-jabodetabek", images: " ", price: " " },{ label: "Classic Hampers", category: "Collection", url: "/collections/classic-hampers", images: " ", price: " " },{ label: "Classic Hampers Luar Jadetabek", category: "Collection", url: "/collections/classic-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Classic Style Flowers", category: "Collection", url: "/collections/classic-style-flowers", images: " ", price: " " },{ label: "Cokelat", category: "Collection", url: "/collections/permen-coklat", images: " ", price: " " },{ label: "Collection List", category: "Collection", url: "/collections/collection-list", images: " ", price: " " },{ label: "Condolences", category: "Collection", url: "/collections/axa-condolences", images: " ", price: " " },{ label: "Congratulations", category: "Collection", url: "/collections/rangkaian-bunga-ucapan-selamat", images: " ", price: " " },{ label: "Corporate Gifts", category: "Collection", url: "/collections/corporate-gifts", images: " ", price: " " },{ label: "Corporate Hampers", category: "Collection", url: "/collections/corporate-hampers", images: " ", price: " " },{ label: "Couple Gift", category: "Collection", url: "/collections/couple-gift", images: " ", price: " " },{ label: "Craft S
18220weetbox 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: " " }
18220,{ 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: " " }
18220,{ 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: " " }
18220,{ 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
18220dal", 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-
18220hampers", 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
18220o-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: " " }
18220,{ 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: " " }
18220,{ 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: " " }
18220,{ 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: " " }
18220,{ 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: " " }
18220,{ 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: " " }
18220,{ 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: " " }
18220,{ 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: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka.", category: "Collection", url: "/collections/standing-flower", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Bali", category: "Collection", url: "/collections/standing-flower-bali", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Bandung", category: "Collection", url: "/collections/standing-flower-bandung", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Congratulations", category: "Collection", url: "/collections/standing-flower-congratulations", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Demak", category: "Collection", url: "/collections/standing-flower-demak", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Jepara", category: "Collection", url: "/collections/standing-flower-jepara", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Semarang", category: "Collection", url: "/collections/standing-flower-semarang", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Sidoarjo", category: "Collection", url: "/collections/standing-flower-sidoarjo", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. Surabaya", category: "Collection", url: "/collections/standing-flower-surabaya", images: " ", price: " " },{ label: "BECEKWIN menghadirkan beragam pilihan yang terus berkembang sehingga pengguna selalu memiliki kesempatan untuk menemukan permainan menarik yang relevan dengan minat dan kebutuhan mereka. 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: "/collec
18220tions/toko-bunga-aceh", images: " ", price: " " },{ label: "Toko Bunga Ambon", category: "Collection", url: "/collections/toko-bunga-ambon", images: " ", price: " " },{ label: "Toko Bunga Atambua", category: "Collection", url: "/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: " " }
18220,{ 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
18220dal", 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: " " }, 18221 { 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" }
18221,{ 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" }
18221,{ 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" } 18222 ]; 18223 18224 18225 $( ".header-input-search" ).catcomplete({ 18226 appendTo: ".searchResult",source: function(request, response) { 18227 var results = $.ui.autocomplete.filter(data, request.term); 18228 var predicate = function () { 18229 var counter = { Collection: 0, Produk: 0 }; 18230 var fn = function(item) {counter[item.category] += 1;return (counter[item.category] <= 5);} 18231 return fn 18232 }(); 18233 response(results.filter(predicate)); 18234 }, 18235 minLength:1, 18236 //results are clickable 18237 select: function( event, ui ) {window.location = ui.item.url;} 18238 }); 18239 $( ".header-input-search2" ).catcomplete({ 18240 appendTo: ".searchResult2", 18241 source: function(request, response) { 18242 var results = $.ui.autocomplete.filter(data, request.term); 18243 var predicate = function () { 18244 var counter = { Collection: 0, Produk: 0 }; 18245 var fn = function(item) { 18246 counter[item.category] += 1; 18247 return (counter[item.category] <= 5); 18248 } 18249 return fn 18250 }(); 18251 response(results.filter(predicate)); 18252 }, 18253 minLength:1, 18254 //results are clickable 18255 select: function( event, ui ) { 18256 window.location = ui.item.url; 18257 } 18258 }); 18259 }); 18260 </script>
18260 18261 18262
18262<script src="//outerbloom.com/cdn/shop/t/138/assets/vendors.js?v=6349622868601634021752652419" defer></script>
18262 18263
18263<script src="//outerbloom.com/cdn/shop/t/138/assets/app.js?v=136050180318808583701752652452" defer></script>
18263 18264 18265
18265<script> 18266 ( function() { 18267 var youtube = document.querySelectorAll( ".youtube" ); 18268 for (var i = 0; i < youtube.length; i++) { 18269 var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault_1x.jpg"; 18270 var datasource = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg"; 18271 var image = new Image(); 18272 image.src = source; 18273 image.setAttribute("data-src", datasource); 18274 image.classList.add("swiper-lazy"); 18275 image.addEventListener( "load", function() { 18276 youtube[ i ].appendChild( image ); 18277 }( i ) ); 18278 youtube[i].addEventListener( "click", function() { 18279 var iframe = document.createElement( "iframe" ); 18280 iframe.setAttribute( "width", "480" ); 18281 iframe.setAttribute( "height", "480" ); 18282 iframe.setAttribute( "frameborder", "0" ); 18283 iframe.setAttribute( "allowfullscreen", "" ); 18284 iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" ); 18285 this.innerHTML = ""; 18286 this.appendChild( iframe ); 18287 } ); 18288 }; 18289 18290 } )(); 18291 18292 /* Lazy Load */ 18293 const mainLazyLoad = new LazyLoad({threshold:400}); 18294 $(document).ready(function(){ 18295 18296 $("selectxxx").addClass("needsclick"); 18297 FastClick.attach(document.body); 18298 18299 var $customSelects = $('.select-search'); 18300 $customSelects.select2({ 18301 templateResult: function(result, container) { 18302 if (!result.id) { 18303 return result.text; 18304 } 18305 container.className += ' needsclick'; 18306 return result.text; 18307 } 18308 }); 18309 $customSelects.each(function(index, el){$(el).data('select2').$container.find('*').addClass('needsclick');}); 18310 $(document).on('select2:open', () => { 18311 document.querySelector('.select2-search__field').focus(); 18312 }); 18313 18314 18315 $(".overlay").click(function(){ 18316 $(".js-drawer-close").click(); 18317 }); 18318 $(".site-nav--mobile .js-drawer-open-left, #NavDrawer .icon-close, .overlay-nav").click(function(){ 18319 $("html").toggleClass("nav_open"); 18320 }); 18321 18322 $('.swatch-element label').on('click', function(){ 18323 var srcImg = $(this).data('src'); 18324 $('#thumb-image-product .product-single__thumbnail').each(function(){ 18325 if ($(this).attr("href") == srcImg) { 18326 $(this).trigger('click'); 18327 } 18328 }); 18329 }); 18330 var defaultValue = $(".swatch input:checked").val() 18331 18332 $('#purchaseProduct .swatch [type=radio]').change(function() { 18333 var optionIndex = $(this).closest('.swatch').attr('data-option-index'); 18334 var optionValue = $(this).val(); 18335 console.log(optionIndex, optionValue) 18336 var value = parseInt(optionValue.split(' ')[0]) 18337 $(this) 18338 .closest('#purchaseProduct') 18339 .find('.single-option-selector') 18340 .eq(optionIndex) 18341 .val(optionValue) 18342 .trigger('change'); 18343 18344 }); 18345 18346 }); 18347 $(document).ready(function(){ 18348 $(".nav-search a").click(function(e){ 18349 e.preventDefault(); 18350 $(".icon-navsearch").toggle(); 18351 $(".icon-navclose").toggle(); 18352 $(".site-nav__item > .site-nav__link").toggle(); 18353 $(".open-search").toggle(); 18354 $(".open-search input").focus(); 18355 }); 18356 $(".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'>"); 18357 if ($(window).width() < 768) { 18358 $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_75x.png?v=82732945490105366961752652419' alt='Icon Valentine'>"); 18359 $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_45x.png?v=101884295148001743851752652418' alt='Icon CNY'>"); 18360 $(".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'>"); 18361 } else { 18362 $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_60x.png?v=82732945490105366961752652419' alt='Icon Valentine'>"); 18363 $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_60x.png?v=101884295148001743851752652418' alt='Icon CNY'>"); 18364 $(".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'>"); 18365 } 18366 $(".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'>"); 18367 $(".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'>"); 18368 }); 18369 </script>
18369 18370 18371 18372 18373 18374 18375 18376 18377
18377<script type="text/javascript"> 18378 var wishlistpage = 0; 18379 18380 var quickShop_money_format="<span class='money'>"+"Rp {{amount_no_decimals}}"+"</span>"; 18381 </script>
18381 18382 18383 <!-- Remove duplicate wishlist.js reference --> 18384 <style> 18385 .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)}} 18386 </style> 18387 18388 <div class="modal fade" id="modalwishlist0" tabindex="-1" role="dialog"> 18389 <div class="modal-dialog" role="document"> 18390 <div class="modal-content"> 18391 <div class="modal-body">Your Wishlist is empty!</div> 18392 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 18393 </div> 18394 </div> 18395 </div> 18396 18397 <div class="wishlist-model"> 18398 <div class="modal fade" id="modalwishlist1" tabindex="-1" role="dialog" aria-hidden="true"> 18399 <div class="modal-dialog white-modal"> 18400 <div class="modal-content"> 18401 <div class="modal-header"> 18402 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 18403 <svg class="icon icon-close" version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="32" height="32" viewBox="0 0 32 32"> 18404 <title>icon-close</title> 18405 <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> 18406 </svg> 18407 </button> 18408 </div> 18409 <div class="modal-body"> 18410 <div class="wishlist-left"> 18411 <div class="wishlist-note">
18412 <span class="cirle"><svg version="1.1" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="32" height="32" viewBox="0 0 32 32"> 18413 <title>icon-check</title> 18414 <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> 18415 </svg></span> 18416 Product added to <a href="/pages/wish-list">Wishlist</a> 18417 </div> 18418 <div class="wishlist-product"> 18419 <div class="product-left"> 18420 <div class="wishlist-image"></div> 18421 </div> 18422 <div class="product-right"> 18423 <div class="wishlist-name"></div> 18424 <div class="wishlist-price"></div> 18425 </div> 18426 </div> 18427 </div> 18428 <div class="wishlist-right"> 18429 <div class="wishlist-cart"> 18430 <form action="/cart/add" method="post" class="variants-form variants" id="AddToCartForm" enctype="multipart/form-data"> 18431 <div class="others-bottom"> 18432 <a class="btn btn-quick-shop" href="/pages/wish-list">View Wishlist</a> 18433 <button type="submit" name="add" id="AddToCart" class="btn btn-cta"> 18434 <span id="AddToCartText" class="">Beli Sekarang</span> 18435 </button> 18436 </div> 18437 <div id="wishlist-variants-container" class="variants-wrapper"></div> 18438 <div class="quantity-content"> 18439 <label>QTY</label> 18440 <input type="number" size="5" class="" name="quantity" value="1" /> 18441 </div> 18442 </form> 18443 </div> 18444 </div> 18445 </div> 18446 </div> 18447 </div> 18448 </div> 18449 </div> 18450 18451 18452 <style> 18453 .stamped-badge[data-rating="0.0"]{display: none !Important;} 18454 18455 div[data-load-type="continue"] ul.stamped-pagination li.next a, div[data-widget-load-type="continue"] ul.stamped-pagination li.next a { 18456 border-radius: 0px; 18457 } 18458 .stamped-review-body { 18459 padding-left: 0px !important; 18460 } 18461 #product-reviews .stamped-header:after { 18462 display:none !Important; 18463 } 18464 #stamped-main-widget .stamped-container, .stamped-badge-caption,#stamped-reviews-widget { 18465 font-family:inherit !important; 18466 } 18467 </style> 18468 18469 18470 18471 <div id='stamped-rewards-init' class='stamped-rewards-init' 18472 data-key-public='' 18473 18474 ></div> 18475 18476
18476<script src="//outerbloom.com/cdn/shop/t/138/assets/variant-sku-handler.js?v=91239063692820757781752652418" defer></script>
18476 18477 <!-- Remove duplicate jQuery reference and load wishlist script properly --> 18478
18478<script src="//outerbloom.com/cdn/shop/t/138/assets/wishlist-fixed.js?v=35991423018869066281754360012" defer></script>
18478 18479 18480
18480<script> 18481 function myInit(){ StampedFn.init({ apiKey: 'pubkey-hCS8DHE9QbBHhHN89WXFkuJ0Y3422D', sId: '23462' }); } 18482 </script>
18482 18483
18483<script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script>
18483<style> 18484 .jss59 { 18485 background-color: rgba(0, 0, 0, 0.6); 18486 } 18487 .MuiBackdrop-root { 18488 top: 0; 18489 left: 0; 18490 right: 0; 18491 bottom: 0; 18492 display: flex; 18493 z-index: -1; 18494 position: fixed; 18495 align-items: center; 18496 justify-content: center; 18497 background-color: rgba(0, 0, 0, 0.5); 18498 -webkit-tap-highlight-color: #000000; 18499 } 18500 .MuiDialog-scrollPaper { 18501 display: flex; 18502 align-items: center; 18503 justify-content: center; 18504 } 18505 .MuiDialog-container { 18506 height: 100%; 18507 outline: 0; 18508 } 18509 .MuiPaper-elevation24 { 18510 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); 18511 } 18512 .MuiDialog-paper { 18513 margin: 32px; 18514 position: relative; 18515 overflow-y: auto; 18516 } 18517 .MuiDialog-paperScrollPaper { 18518 display: flex; 18519 max-height: calc(100% - 64px); 18520 flex-direction: column; 18521 } 18522 .MuiDialog-paperWidthSm { 18523 max-width: 600px; 18524 } 18525 #location-lock-dialog { 18526 top: 20%; 18527 left: 0; 18528 right: 0; 18529 width: 30%; 18530 margin: 0px auto; 18531 display: block; 18532 padding: 30px; 18533 z-index: 99999; 18534 position: fixed; 18535 font-size: 14px; 18536 background: rgb(0, 0, 0); 18537 box-shadow: rgba(11, 11, 12, 0.2) 2px 4px 5px 0px; 18538 text-align: center; 18539 font-family: Roboto, Arial, sans-serif; 18540 line-height: 1; 18541 border-radius: 8px; 18542 -webkit-font-smoothing: subpixel-antialiased; 18543 } 18544 .MuiButtonBase-root { 18545 color: inherit; 18546 border: 0; 18547 cursor: pointer; 18548 margin: 0; 18549 display: inline-flex; 18550 outline: 0; 18551 padding: 0; 18552 position: relative; 18553 align-items: center; 18554 user-select: none; 18555 border-radius: 0; 18556 vertical-align: middle; 18557 -moz-appearance: none; 18558 justify-content: center; 18559 text-decoration: none; 18560 background-color: #000000; 18561 -webkit-appearance: none; 18562 -webkit-tap-highlight-color: #000000; 18563 } 18564 .MuiIconButton-root { 18565 flex: 0 0 auto; 18566 color: rgba(0, 0, 0, 0.54); 18567 padding: 12px; 18568 overflow: visible; 18569 font-size: 1.5rem; 18570 text-align: center; 18571 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18572 border-radius: 50%; 18573 } 18574 .MuiIconButton-label { 18575 width: 100%; 18576 display: flex; 18577 align-items: inherit; 18578 justify-content: inherit; 18579 } 18580 .MuiSvgIcon-root { 18581 fill: currentColor; 18582 width: 1em; 18583 height: 1em; 18584 display: inline-block; 18585 font-size: 1.5rem; 18586 transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18587 flex-shrink: 0; 18588 user-select: none; 18589 } 18590 .MuiTouchRipple-root { 18591 top: 0; 18592 left: 0; 18593 right: 0; 18594 bottom: 0; 18595 z-index: 0; 18596 overflow: hidden; 18597 position: absolute; 18598 border-radius: inherit; 18599 pointer-events: none; 18600 } 18601 .jss36 { 18602 color: #222222; 18603 font-size: 24px; 18604 font-family: Roboto, Arial, sans-serif; 18605 font-weight: 500; 18606 } 18607 .jss37 { 18608 color: #555555; 18609 padding: 10px 0px 0px; 18610 font-size: 14px; 18611 } 18612 .MuiFormGroup-root { 18613 display: flex; 18614 flex-wrap: wrap; 18615 flex-direction: column; 18616 } 18617 .MuiFormGroup-row { 18618 flex-direction: row; 18619 } 18620 .jss63 { 18621 width: 85%; 18622 margin: 15px auto; 18623 display: flex; 18624 padding: 11px 0px 0px; 18625 justify-content: space-evenly; 18626 } 18627 .MuiFormControlLabel-root { 18628 cursor: pointer; 18629 display: inline-flex; 18630 align-items: center; 18631 margin-left: -11px; 18632 margin-right: 16px; 18633 vertical-align: middle; 18634 -webkit-tap-highlight-color: #000000; 18635 } 18636 .jss70 { 18637 margin: 0; 18638 } 18639 .MuiButtonBase-root { 18640 color: inherit; 18641 border: 0; 18642 cursor: pointer; 18643 margin: 0; 18644 display: inline-flex; 18645 outline: 0; 18646 padding: 0; 18647 position: relative; 18648 align-items: center; 18649 user-select: none; 18650 border-radius: 0; 18651 vertical-align: middle; 18652 -moz-appearance: none; 18653 justify-content: center; 18654 text-decoration: none; 18655 background-color: #000000; 18656 -webkit-appearance: none; 18657 -webkit-tap-highlight-color: #000000; 18658 } 18659 .MuiIconButton-root { 18660 flex: 0 0 auto; 18661 color: rgba(0, 0, 0, 0.54); 18662 padding: 12px; 18663 overflow: visible; 18664 font-size: 1.5rem; 18665 text-align: center; 18666 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18667 border-radius: 50%; 18668 } 18669 .MuiIconButton-colorSecondary { 18670 color: #f50057; 18671 } 18672 .jss71 { 18673 padding: 9px; 18674 } 18675 .MuiRadio-root { 18676 color: rgba(0, 0, 0, 0.54); 18677 } 18678 .jss64 { 18679 padding: 2px; 18680 } 18681 .MuiRadio-colorSecondary.Mui-checked { 18682 color: #f50057; 18683 } 18684 .MuiIconButton-label { 18685 width: 100%; 18686 display: flex; 18687 align-items: inherit; 18688 justify-content: inherit; 18689 } 18690 .MuiTypography-root { 18691 margin: 0; 18692 } 18693 .MuiTypography-body1 { 18694 font-size: 18px; 18695 font-family: Roboto,sans-serif; 18696 font-weight: 400; 18697 line-height: 1.5; 18698 } 18699 .location-popup_area-block__sp9Ws { 18700 display: -moz-box; 18701 display: flex; 18702 -moz-box-orient: vertical; 18703 -moz-box-direction: normal; 18704 flex-direction: column; 18705 -moz-box-pack: center; 18706 justify-content: center; 18707 position: relative; 18708 margin: 10px 10% 0;
18709 } 18710 .location-popup_pin-search-box__3l5mJ { 18711 width: 100%; 18712 display: -moz-box; 18713 display: flex; 18714 -moz-box-align: center; 18715 align-items: center; 18716 } 18717 .location-popup_place-icon-city__1XAX5, .location-popup_place-icon__jSG0Q { 18718 position: absolute; 18719 z-index: 999; 18720 } 18721 .location-popup_place-icon__jSG0Q { 18722 color: #ffffff; 18723 padding-left: 8px; 18724 } 18725 .location-popup_place-icon__jSG0Q svg { 18726 width: 18px; 18727 height: 18px; 18728 } 18729 .location-popup_cancel-icon__FHujU { 18730 color: #fff; 18731 right: 10px; 18732 width: 16px; 18733 cursor: pointer; 18734 height: 16px; 18735 display: none; 18736 padding: 5px; 18737 position: absolute; 18738 background: #999; 18739 text-align: center; 18740 border-radius: 50%; 18741 } 18742 .location-popup_pin-search-box__3l5mJ>div>select { 18743 /* -webkit-box-shadow: 0 0 10px #ffffff; 18744 box-shadow: 0 0 10px #ffffff; */ 18745 text-transform: capitalize; 18746 border: 1px solid #ffffff; 18747 color: #ffffff; 18748 width: 100%; 18749 margin: 0; 18750 display: -moz-box; 18751 display: flex; 18752 padding: 0 30px; 18753 -webkit-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite; 18754 -moz-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite; 18755 animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite; 18756 font-size: 16px; 18757 border-radius: 4px; 18758 height: 44px; 18759 moz-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite; 18760 webkit-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite; 18761 } 18762 .MuiButtonBase-root { 18763 color: inherit; 18764 border: 0; 18765 cursor: pointer; 18766 margin: 0; 18767 display: inline-flex; 18768 outline: 0; 18769 padding: 0; 18770 position: relative; 18771 align-items: center; 18772 user-select: none; 18773 border-radius: 0; 18774 vertical-align: middle; 18775 -moz-appearance: none; 18776 justify-content: center; 18777 text-decoration: none; 18778 background-color: #000000; 18779 -webkit-appearance: none; 18780 -webkit-tap-highlight-color: #000000; 18781 } 18782 .MuiButton-root { 18783 color: rgba(0, 0, 0, 0.87); 18784 padding: 6px 16px; 18785 font-size: 0.875rem; 18786 min-width: 64px; 18787 box-sizing: border-box; 18788 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; 18789 font-family: Roboto,sans-serif; 18790 font-weight: 500; 18791 line-height: 1.75; 18792 border-radius: 4px; 18793 text-transform: uppercase; 18794 } 18795 .MuiButton-contained { 18796 color: rgba(0, 0, 0, 0.87); 18797 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); 18798 background-color: #e0e0e0; 18799 } 18800 .MuiButtonBase-root.Mui-disabled { 18801 cursor: default; 18802 pointer-events: none; 18803 } 18804 .MuiButton-label { 18805 width: 100%; 18806 display: inherit; 18807 align-items: inherit; 18808 justify-content: inherit; 18809 } 18810 .cartButton_login_content__2j1f7 { 18811 display: -moz-box; 18812 display: flex; 18813 text-align: center; 18814 z-index: 9; 18815 font-size: 18px; 18816 font-weight: 500; 18817 color: #fff; 18818 } 18819 18820 .jss35 { 18821 top: 5px; 18822 right: 5px; 18823 padding: 4px; 18824 position: absolute; 18825 border-radius: 50%; 18826 } 18827 .jss67 { 18828 cursor: pointer; 18829 font-size: 15px; 18830 line-height: 1.3; 18831 padding-left: 5px; 18832 } 18833 .jss69 { 18834 color: #222222; 18835 } 18836 .jss80 { 18837 color: #fff; 18838 width: 100%; 18839 height: 52px; 18840 padding: 11px 16px; 18841 font-size: 18px; 18842 min-width: 88px; 18843 min-height: 36px; 18844 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; 18845 font-weight: 500; 18846 line-weight: 1em; 18847 border-radius: 4px; 18848 text-transform: uppercase; 18849 background-color: #E87325; 18850 } 18851 @media (min-width: 991px){ 18852 .cartButton_login_content__2j1f7 { 18853 font-weight: 500; 18854 } 18855 } 18856 18857 @media (max-width: 992px) { 18858 #location-lock-dialog { 18859 width: 100%; 18860 top: auto; 18861 bottom: 0; 18862 padding-left: 0; 18863 padding-right: 0; 18864 } 18865 .MuiFormGroup-row { 18866 display: block 18867 } 18868 .MuiIconButton-label input { 18869 margin: 0; 18870 } 18871 } 18872 </style> 18873 <div role="presentation" class="MuiDialog-root jss34" style="display: none;position: fixed; z-index: 9999; inset: 0px;"> 18874 <div class="MuiBackdrop-root" aria-hidden="true" style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"></div> 18875 <div tabindex="0" data-test="sentinelStart"></div> 18876 <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;"> 18877 <div class="MuiPaper-root MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded" role="dialog"> 18878 <div class="jss31 undefined" id="location-lock-dialog"> 18879 <button id="close-popup-delivery" class="MuiButtonBase-root MuiIconButton-root jss35" tabindex="0" type="button" aria-label="close">
18880 <span class="MuiIconButton-label"> 18881 <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> 18882 <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> 18883 </svg> 18884 </span> 18885 <span class="MuiTouchRipple-root"></span> 18886 </button> 18887 <div> 18888 <div class="jss36">Select Delivery Location</div> 18889 <div class="jss37">Select a delivery location to see product availability</div> 18890 </div> 18891 <div class="MuiFormGroup-root jss63 MuiFormGroup-row" role="radiogroup"> 18892 <label for="jabodetabek" class="MuiFormControlLabel-root jss45"> 18893 <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 jss47 Mui-checked MuiIconButton-colorSecondary" aria-disabled="false"> 18894 <span class="MuiIconButton-label"> 18895 <input id="jabodetabek" class="jss49" type="radio" value="Jabodetabek" checked="" name="location"> 18896 <span class="jss41"></span> 18897 </span> 18898 <span class="MuiTouchRipple-root"></span> 18899 </span> 18900 <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"> 18901 <span class="jss67 jss69">Jabodetabek</span> 18902 </span> 18903 </label> 18904 <label for="non-jabodetabek" class="MuiFormControlLabel-root jss45"> 18905 <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 MuiIconButton-colorSecondary" aria-disabled="false"> 18906 <span class="MuiIconButton-label"> 18907 <input id="non-jabodetabek" class="jss49" type="radio" value="Outside Jabodetabek" name="location"> 18908 <span class="jss40"></span> 18909 </span> 18910 <span class="MuiTouchRipple-root"></span> 18911 </span> 18912 <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"> 18913 <span class="jss67 jss68">Outside Jabodetabek</span> 18914 </span> 18915 </label> 18916 </div> 18917 <div> 18918 <div class="MuiGrid-root location-popup_area-block__sp9Ws"> 18919 <div class="MuiGrid-root location-popup_pin-search-box__3l5mJ false"> 18920 <div class="MuiGrid-root location-popup_place-icon__jSG0Q"> 18921 <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> 18922 </div> 18923 <div class="MuiGrid-root location-popup_cancel-icon__FHujU false"> 18924 <i class="material-icons location-popup_clear-pin__s1dRc">close</i> 18925 </div> 18926 <div style="width: 100%;"> 18927 <select id="choose-location" class="form-control"> 18928 <option value="">Choose Location</option> 18929 <option value="jakarta">Jakarta</option> 18930 <option value="bogor">Bogor</option> 18931 <option value="depok">Depok</option> 18932 <option value="tangerang">Tangerang</option> 18933 <option value="bekasi">Bekasi</option> 18934 </select> 18935 </div> 18936 </div> 18937 </div> 18938 </div> 18939 <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=""> 18940 <span class="MuiButton-label">
18941 <span class=""></span> 18942 <span id="location-lock-continue-btn" class="cartButton_login_content__2j1f7" style="font-weight: 500;" data-content="">Continue Shopping</span> 18943 </span> 18944 </button> 18945 </div> 18946 </div> 18947 </div> 18948 <div tabindex="0" data-test="sentinelEnd"></div> 18949 </div> 18950 18951
18951<script> 18952 const jabodetabek = [ 18953 { 18954 "code": "jakarta", 18955 "city": "jakarta", 18956 "zip": [] 18957 }, 18958 { 18959 "code": "bogor", 18960 "city": "bogor", 18961 "zip": [] 18962 }, 18963 { 18964 "code": "depok", 18965 "city": "depok", 18966 "zip": [] 18967 }, 18968 { 18969 "code": "tangerang", 18970 "city": "tangerang", 18971 "zip": [] 18972 }, 18973 { 18974 "code": "bekasi", 18975 "city": "bekasi", 18976 "zip": [] 18977 } 18978 ] 18979 let cityNonJabodetabek = [ 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 20021 20022 20023 20024 20025 20026 20027 20028 20029 20030 20031 20032 20033 20034 20035 20036 20037 20038 20039 20040 20041 20042 20043 20044 20045 20046 20047 20048 20049 20050 20051 20052 20053 20054 20055 20056 20057 20058 20059 20060 20061 20062 20063 20064 20065 20066 20067 20068 20069 20070 20071 20072 20073 20074 20075 20076 20077 20078 20079 20080 20081 20082 20083 20084 20085 20086 20087 20088 20089 20090 20091 20092 20093 20094 20095 20096 20097 20098 20099 20100 20101 20102 20103 20104 20105 20106 20107 20108 20109 20110 20111 20112 20113 20114 20115 20116 20117 20118 20119 20120 20121 20122 20123 20124 20125 20126 20127 20128 20129 20130 20131 20132 20133 20134 20135 20136 20137 20138 20139 20140 20141 20142 20143 20144 20145 20146 20147 20148 20149 20150 20151 20152 20153 "pengiriman_aceh", 20154 20155 20156 20157 20158 20159 "pengiriman_ambon", 20160 20161 20162 20163 20164 20165 "pengiriman_atambua", 20166 20167 20168 20169 20170 20171 "pengiriman_badung", 20172 20173 20174 20175 20176 20177 "pengiriman_bali", 20178 20179 20180 20181 20182 20183 "pengiriman_balikpapan", 20184 20185 20186 20187 20188 20189 "pengiriman_bandar lampung", 20190 20191 20192 20193 20194 20195 "pengiriman_bandung", 20196 20197 20198 20199 20200 20201 "pengiriman_bandung barat", 20202 20203 20204 20205 20206 20207 "pengiriman_banjarmasin", 20208 20209 20210 20211 20212 20213 "pengiriman_banyumas", 20214 20215 20216 20217 20218 20219 "pengiriman_banyuwangi", 20220 20221 20222 20223 20224 20225 "pengiriman_batam", 20226 20227 20228 20229 20230 20231 20232 20233 20234 20235 "pengiriman_biak", 20236 20237 20238 20239 20240 20241 "pengiriman_binjai", 20242 20243 20244 20245 20246 20247 "pengiriman_blitar",
20248 20249 20250 20251 20252 20253 "pengiriman_blora", 20254 20255 20256 20257 20258 20259 20260 20261 20262 20263 "pengiriman_bojonegoro", 20264 20265 20266 20267 20268 20269 "pengiriman_boyolali", 20270 20271 20272 20273 20274 20275 "pengiriman_bukittinggi", 20276 20277 20278 20279 20280 20281 "pengiriman_buleleng", 20282 20283 20284 20285 20286 20287 "pengiriman_ciamis", 20288 20289 20290 20291 20292 20293 "pengiriman_cianjur", 20294 20295 20296 20297 20298 20299 "pengiriman_cibinong", 20300 20301 20302 20303 20304 20305 "pengiriman_cikarang", 20306 20307 20308 20309 20310 20311 "pengiriman_cikupa", 20312 20313 20314 20315 20316 20317 "pengiriman_cilacap", 20318 20319 20320 20321 20322 20323 "pengiriman_cileunyi", 20324 20325 20326 20327 20328 20329 "pengiriman_cimahi", 20330 20331 20332 20333 20334 20335 "pengiriman_cirebon", 20336 20337 20338 20339 20340 20341 "pengiriman_ciwidey", 20342 20343 20344 20345 20346 20347 "pengiriman_deli serdang", 20348 20349 20350 20351 20352 20353 "pengiriman_demak", 20354 20355 20356 20357 20358 20359 "pengiriman_denpasar", 20360 20361 20362 20363 20364 20365 20366 20367 20368 20369 "pengiriman_garut", 20370 20371 20372 20373 20374 20375 "pengiriman_gianyar", 20376 20377 20378 20379 20380 20381 "pengiriman_gresik", 20382 20383 20384 20385 20386 20387 "pengiriman_gunung kidul", 20388 20389 20390 20391 20392 20393 20394 20395 20396 20397 "pengiriman_jambi", 20398 20399 20400 20401 20402 20403 "pengiriman_jayapura", 20404 20405 20406 20407 20408 20409 "pengiriman_jember", 20410 20411 20412 20413 20414 20415 "pengiriman_jepara", 20416 20417 20418 20419 20420 20421 "pengiriman_jombang", 20422 20423 20424 20425 20426 20427 "pengiriman_karanganyar", 20428 20429 20430 20431 20432 20433 "pengiriman_karawang", 20434 20435 20436 20437 20438 20439 "pengiriman_karo", 20440 20441 20442 20443 20444 20445 "pengiriman_kebumen", 20446 20447 20448 20449 20450 20451 "pengiriman_kediri", 20452 20453 20454 20455 20456 20457 "pengiriman_keerom", 20458 20459 20460 20461 20462 20463 "pengiriman_kendal", 20464 20465 20466 20467 20468 20469 "pengiriman_klaten", 20470 20471 20472 20473 20474 20475 20476 20477 20478 20479 "pengiriman_kudus", 20480 20481 20482 20483 20484 20485 "pengiriman_kupang", 20486 20487 20488 20489 20490 20491 "pengiriman_lainnya", 20492 20493 20494 20495 20496 20497 "pengiriman_lamongan", 20498 20499 20500 20501 20502 20503 "pengiriman_lampung", 20504 20505 20506 20507 20508 20509 "pengiriman_lampung barat", 20510 20511 20512 20513 20514 20515 "pengiriman_lembang", 20516 20517 20518 20519 20520 20521 "pengiriman_lombok", 20522 20523 20524 20525 20526 20527 "pengiriman_lumajang", 20528 20529 20530 20531 20532 20533 "pengiriman_madiun", 20534 20535 20536 20537 20538 20539 "pengiriman_magelang", 20540 20541 20542 20543 20544 20545 "pengiriman_majalengka", 20546 20547 20548 20549 20550 20551 "pengiriman_makassar", 20552 20553 20554 20555 20556 20557 "pengiriman_malang", 20558 20559 20560 20561 20562 20563 "pengiriman_manado", 20564 20565 20566 20567 20568 20569 "pengiriman_medan", 20570 20571 20572 20573 20574 20575 "pengiriman_mengwi", 20576 20577 20578 20579 20580 20581 "pengiriman_mojokerto", 20582 20583 20584 20585 20586 20587 "pengiriman_nganjuk", 20588 20589 20590 20591 20592 20593 "pengiriman_ngawi", 20594 20595 20596 20597 20598 20599 "pengiriman_padang", 20600 20601 20602 20603 20604 20605 "pengiriman_palembang", 20606 20607 20608 20609 20610 20611 "pengiriman_pasuruan", 20612 20613 20614 20615 20616 20617 "pengiriman_pati", 20618 20619 20620 20621 20622 20623 "pengiriman_pekalongan", 20624 20625 20626 20627 20628 20629 "pengiriman_pekanbaru", 20630 20631 20632 20633 20634 20635 "pengiriman_pemalang", 20636 20637 20638 20639 20640 20641 "pengiriman_ponorogo", 20642 20643 20644 20645 20646 20647 "pengiriman_pontianak", 20648 20649 20650 20651 20652 20653 "pengiriman_probolinggo", 20654 20655 20656 20657 20658 20659 "pengiriman_purbalingga", 20660 20661 20662 20663 20664 20665 "pengiriman_purwakarta", 20666 20667 20668 20669 20670 20671 "pengiriman_purwokerto", 20672 20673 20674 20675 20676 20677 "pengiriman_rembang", 20678 20679 20680 20681 20682 20683 "pengiriman_riau", 20684 20685 20686 20687 20688 20689 "pengiriman_salatiga", 20690 20691 20692 20693 20694 20695 "pengiriman_samarinda", 20696 20697 20698 20699 20700 20701 "pengiriman_semarang", 20702 20703 20704 20705 20706 20707 "pengiriman_sentani", 20708 20709 20710 20711 20712 20713 "pengiriman_serang", 20714 20715 20716 20717 20718 20719 "pengiriman_sidoarjo", 20720 20721 20722 20723 20724 20725 "pengiriman_singkawang", 20726 20727 20728 20729 20730 20731 "pengiriman_sragen", 20732 20733 20734 20735 20736 20737 "pengiriman_subang", 20738 20739 20740 20741 20742 20743 "pengiriman_sukabumi", 20744 20745 20746 20747 20748 20749 "pengiriman_sumbawa", 20750 20751 20752 20753 20754 20755 "pengiriman_surabaya", 20756 20757 20758 20759 20760 20761 "pengiriman_surakarta solo", 20762 20763 20764 20765 20766 20767 20768 20769 20770 20771 "pengiriman_tasikmalaya", 20772 20773 20774 20775 20776 20777 "pengiriman_tegal", 20778 20779 20780 20781 20782 20783 "pengiriman_timika", 20784 20785 20786 20787 20788 20789 "pengiriman_wamena", 20790 20791 20792 20793 20794 20795 "pengiriman_wiyung", 20796 20797 20798 20799 20800 20801 "pengiriman_wonokromo", 20802 20803 20804 20805 20806 20807 "pengiriman_yogyakarta", 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 21286 21287 21288 21289 21290 21291 21292 21293 21294 21295 21296 21297 21298 21299 21300 21301 21302 21303 21304 21305 21306 21307 21308 21309 21310 21311 21312 21313 21314 21315 21316 21317 21318 21319 21320 21321 21322 21323 21324 21325 21326 21327 21328 21329 21330 21331 21332 21333 21334 21335 21336 21337 21338 21339 21340 21341 21342 21343 21344 21345 21346 21347 21348 21349 21350 21351 21352 21353 21354 21355 21356 21357 21358 21359 21360 21361 21362 21363 21364 21365 21366 21367 21368 21369 21370 21371 21372 21373 21374 21375 21376 21377 21378 21379 21380 21381 21382 21383 21384 21385 21386 21387 21388 21389 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 console.log(cityNonJabodetabek) 21419 let non_jabodetabek = [] 21420 for(var i=0;i<cityNonJabodetabek.length;i++) { 21421 const obj = { 21422 "code": cityNonJabodetabek[i].toLowerCase().replace('pengiriman_', '').replace(' ','-'), 21423 "city": cityNonJabodetabek[i].replace('pengiriman_', '').replace(' ','-'), 21424 "zip": [] 21425 } 21426 non_jabodetabek.push(obj) 21427 } 21428 let current_location = getCookie("location_delivery") 21429 $("[name=location]").change(function(){ 21430 let v = $(this).val() 21431 let option = [] 21432 if(v == 'Jabodetabek') { 21433 for(var i=0;i<jabodetabek.length;i++) { 21434 const jabodetabekHtml = `<option value=${jabodetabek[i].city}>${jabodetabek[i].city}</option>` 21435 option.push(jabodetabekHtml) 21436 } 21437 $("#choose-location").html(`<option value="">Choose Location</option>${option}`) 21438 } else { 21439 for(var i=0;i<non_jabodetabek.length;i++) { 21440 const nonjabodetabekHtml = `<option value=${non_jabodetabek[i].city}>${non_jabodetabek[i].city}</option>` 21441 option.push(nonjabodetabekHtml) 21442 } 21443 $("#choose-location").html(`<option value="">Choose Location</option>${option}`) 21444 } 21445 }) 21446 21447 $("#location-lock-submit").click(function(e){
21448 let select = $("#choose-location") 21449 let value = select.val().toLowerCase() 21450 console.log(value) 21451 if(select.val() == "") { 21452 return alert("Choose Your Location") 21453 e.preventDefault() 21454 } 21455 setCookie("location_delivery",value,1000000); 21456 21457 location.reload(); 21458 21459 }) 21460 21461 $("#close-popup-delivery").click(function(){ 21462 $(".MuiDialog-root").hide() 21463 if(!current_location){ 21464 setCookie("location_delivery","jakarta",1000000); 21465 $("#loc_delivery_city, #loc_delivery_city_mobile").text("Jakarta") 21466 } 21467 }) 21468 $("#loc_delivery, #loc_delivery_mobile").click(function(){ 21469 $(".MuiDialog-root").show() 21470 }) 21471 21472 21473 if(!current_location){ 21474 21475 } else { 21476 $("#loc_delivery_city, #loc_delivery_city_mobile").text(current_location) 21477 console.log(current_location) 21478 $("#choose-location").each(function(){ 21479 if(current_location == 'jakarta' || current_location == 'depok' || current_location == 'bogor' || current_location == 'tangerang' || current_location == 'bekasi'){ 21480 $("#jabodetabek").trigger("click") 21481 } else { 21482 $("#non-jabodetabek").trigger("click") 21483 } 21484 $("#choose-location").find("option[value="+current_location+"]").attr("selected", "selected") 21485 }) 21486 } 21487 21488 // 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'){ 21489 // $("#timeMalam").attr("disabled", false) 21490 // } else { 21491 // $("#timeMalam").attr("disabled", true) 21492 // } 21493 21494 if(current_location && current_location != 'jakarta') { 21495 $("#self-pickup").attr("disabled", true) 21496 } 21497 21498 function setCookie(name,value,days) { 21499 var expires = ""; 21500 if (days) { 21501 var date = new Date(); 21502 date.setTime(date.getTime() + (days*24*60*60*1000)); 21503 expires = "; expires=" + date.toUTCString(); 21504 } 21505 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 21506 } 21507 function getCookie(name) { 21508 var nameEQ = name + "="; 21509 var ca = document.cookie.split(';'); 21510 for(var i=0;i < ca.length;i++) { 21511 var c = ca[i]; 21512 while (c.charAt(0)==' ') c = c.substring(1,c.length); 21513 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 21514 } 21515 return null; 21516 } 21517 </script>
21517 21518 <!-- One Tap --> 21519
21519<script> 21520 console.log("Outerbloom..."); 21521 </script>
21521 21522 <div id="shopify-block-ANVEzSUcxTUxZOGpwZ__9703700522657871012" class="shopify-block shopify-app-block"> 21523 21524 21525 21526 21527 21528 21529 21530 21531 21532 21533 21534 21535 21536 21537 21538 21539 21540 21541 21542 21543 21544 21545 21546 21547 21548 21549 21550 21551 21552 21553 21554 21555 21556 21557 21558 21559 21560 21561 21562 21563 21564 21565 21566 21567 21568 21569 <link rel="stylesheet" href="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.css" /> 21570
21570<script src="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.js" defer></script>
21570 21571
21571<script> 21572 const widgetConfig = { 21573 id: "clz7897za002cz7otleaz0d3d", 21574 showQuickResponse: false, 21575 quickResponsesData: [], 21576 themeColor: "#ffffff", 21577 widgetText: "", 21578 radiusType: "circle", 21579 widgetIconType: "whatsapp", 21580 position: "right", 21581 storeLogo: "", 21582 storeName: "Outerbloom", 21583 storeDescription: "", 21584 size: "small", 21585 showCard: false, 21586 widgetColorType: "solid", 21587 widgetColor1: "#008069", 21588 widgetColor2: "#008069", 21589 social: { 21590 socialOrders: ["instagram","tiktok","facebook","x","youtube","linkedin","email"], 21591 values: { 21592 instagram: { 21593 enabled: false, 21594 value: "", 21595 }, 21596 facebook: { 21597 enabled: false, 21598 value: "", 21599 }, 21600 email: { 21601 enabled: false, 21602 value: "", 21603 }, 21604 x: { 21605 enabled: false, 21606 value: "", 21607 }, 21608 tiktok: { 21609 enabled: false, 21610 value: "", 21611 }, 21612 linkedin: { 21613 enabled: false, 21614 value: "", 21615 }, 21616 youtube: { 21617 enabled: false, 21618 value: "", 21619 }, 21620 }, 21621 }, 21622 }; 21623 21624 function initializeWidget() { 21625 if (typeof BBBWidget !== 'undefined') { 21626 BBBWidget.init(widgetConfig); 21627 } else { 21628 setTimeout(initializeWidget, 100); 21629 } 21630 } 21631 21632 initializeWidget();</script>
21632 21633 21634 21635 </div><div id="shopify-block-ATzRpVTBPU3k1R2pnW__286197278318599166" class="shopify-block shopify-app-block"> 21636 21637 21638 <div style="position: fixed; bottom: 0; right: 0"></div> 21639 21640
21640<script> 21641 console.info("bitlogin extension version: v2.5.7"); 21642 21643 const googleScript = document.createElement("script"); 21644 googleScript.setAttribute("src", "https://accounts.google.com/gsi/client"); 21645 document.head.append(googleScript); 21646 21647 const bitLoginBaseUrl = "https://api.bitbybit.studio"; 21648 const apiUrl = `${bitLoginBaseUrl}/bitlogin/api`; 21649 21650 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"}}; 21651 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
21651n1.oa2-cs.v1.1cb5f9085a202341f60daf5a7be16c570ccc0b4bd5908b3afd080f34e9b8935d","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null}]; 21652 const redirectUrl = appearance.redirectLink; 21653 21654 let locationCacheSet = false; 21655 let errorLocation = false; 21656 let oneTapSet = false; 21657 21658 let bitloginCache = { 21659 appearance: appearance, 21660 config: config 21661 }; 21662 21663 let isInitializing = false; 21664 const queue = []; 21665 21666 // Add CSS for the popup 21667 const popupStyles = document.createElement('style'); 21668 popupStyles.textContent = ` 21669 /* Styles for login popup */ 21670 .bitlogin-popup-overlay { 21671 position: fixed; 21672 top: 0; 21673 left: 0; 21674 width: 100%; 21675 height: 100%; 21676 background: rgba(0, 0, 0, 0.45); 21677 backdrop-filter: blur(4px); 21678 display: flex; 21679 align-items: center; 21680 justify-content: center; 21681 opacity: 0; 21682 transition: opacity 0.3s ease-in-out; 21683 z-index: 999999; 21684 } 21685 21686 .bitlogin-popup-overlay.visible { 21687 opacity: 1; 21688 } 21689 21690 .bitlogin-popup { 21691 background: #FFFFFF; 21692 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); 21693 border-radius: 16px; 21694 width: 100%; 21695 max-width: 560px; 21696 display: flex; 21697 overflow: hidden; 21698 position: relative; 21699 opacity: 0; 21700 transform: translateY(20px) scale(0.98); 21701 transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 21702 } 21703 21704 .bitlogin-popup.visible { 21705 opacity: 1; 21706 transform: translateY(0) scale(1); 21707 } 21708 21709 .bitlogin-popup-with-image { 21710 max-width: 640px; 21711 } 21712 21713 .bitlogin-popup-right-image { 21714 flex-direction: row-reverse; 21715 } 21716 21717 .bitlogin-popup-image { 21718 object-fit: cover; 21719 width: 50%; 21720 height: auto; 21721 } 21722 21723 .bitlogin-popup-content { 21724 padding: 32px; 21725 position: relative; 21726 width: 50%; 21727 } 21728 21729 .bitlogin-popup-close { 21730 position: absolute; 21731 top: 16px; 21732 right: 16px; 21733 background: white; 21734 border: none; 21735 width: 30px; 21736 height: 30px; 21737 display: flex; 21738 align-items: center; 21739 justify-content: center; 21740 cursor: pointer; 21741 transition: background-color 0.2s; 21742 color: inherit; 21743 padding: 0; 21744 } 21745 21746 .bitlogin-popup-close:hover { 21747 background-color: #e5e5e5; 21748 } 21749 21750 .bitlogin-popup-buttons { 21751 display: flex; 21752 flex-direction: column; 21753 gap: 12px; 21754 margin-top: 24px; 21755 } 21756 21757 /* Button styles within popup - override width for popup buttons */ 21758 .bitlogin-popup-buttons #google-login, 21759 .bitlogin-popup-buttons #facebook-login, 21760 .bitlogin-popup-buttons #apple-login, 21761 .bitlogin-popup-buttons #whatsapp-login, 21762 .bitlogin-popup-buttons #microsoft-login, 21763 .bitlogin-popup-buttons #twitter-login, 21764 .bitlogin-popup-buttons #amazon-login, 21765 .bitlogin-popup-buttons #instagram-login, 21766 .bitlogin-popup-buttons #magic-link-login, 21767 .bitlogin-popup-buttons #mobile-app-login { 21768 width: 100% !important; 21769 font-family: inherit !important; 21770 } 21771 21772 .bitlogin-popup-footer { 21773 margin-top: 32px; 21774 text-align: center; 21775 font-size: 14px; 21776 opacity: 0.6; 21777 } 21778 21779 /* Modern Typography */ 21780 .bitlogin-popup h2 { 21781 margin-top: 12px; 21782 font-size: 21px !important; 21783 line-height: 1.2 !important; 21784 font-weight: 700 !important; 21785 letter-spacing: -0.02em !important; 21786 margin-bottom: 16px !important; 21787 } 21788 21789 .bitlogin-popup-header { 21790 position: relative; 21791 margin-bottom: 24px; 21792 } 21793 21794 /* Modern gradient accent */ 21795 .bitlogin-popup-content > div { 21796 font-size: 16px !important; 21797 line-height: 1.2 !important; 21798 opacity: 0.85 !important; 21799 } 21800 21801 /* Enhanced button interactions */ 21802 .bitlogin-popup-buttons button { 21803 position: relative; 21804 overflow: hidden; 21805 } 21806 21807 @keyframes ripple { 21808 0% { 21809 transform: scale(0, 0); 21810 opacity: 0.5; 21811 } 21812 100% { 21813 transform: scale(100, 100); 21814 opacity: 0; 21815 } 21816 } 21817 21818 /* Responsive adjustments */ 21819 @media (max-width: 640px) { 21820 .bitlogin-popup { 21821 max-width: 90%; 21822 width: 90%; 21823 margin: 0 16px; 21824 } 21825 21826 .bitlogin-popup-with-image { 21827 flex-direction: column !important; 21828 } 21829 21830 .bitlogin-popup-image { 21831 width: 100%; 21832 height: 180px; 21833 } 21834 21835 .bitlogin-popup-content { 21836 padding: 24px; 21837 } 21838 21839 .bitlogin-popup h2 { 21840 font-size: 24px !important; 21841 } 21842 } 21843 `; 21844
21845 document.head.appendChild(popupStyles); 21846 21847 // Add fonts link for different font options 21848 const fontsLink = document.createElement('link'); 21849 fontsLink.rel = 'stylesheet'; 21850 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'; 21851 document.head.appendChild(fontsLink); 21852 21853 (async () => { 21854 try { 21855 let host = window.location.host; 21856 if (host === "admin.shopify.com") { 21857 host = `${window.location.pathname.split("/")[2]}.myshopify.com`; 21858 } 21859 21860 const urlSearchParams = new URLSearchParams(window.location.search); 21861 const checkoutUrl = urlSearchParams.get("checkout_url"); 21862 21863 async function init({ inputRef, index }) { 21864 if (isInitializing) { 21865 queue.push(() => init({ inputRef, index })); 21866 return; 21867 } 21868 21869 isInitializing = true; 21870 21871 try { 21872 let bitLoginSectionRoot = document.querySelector( 21873 `.bitlogin-root[data-index="${index}"]` 21874 ); 21875 21876 const formRef = inputRef?.closest( 21877 "form:not([action='/account/recover'])" 21878 ); 21879 21880 if (formRef && !bitLoginSectionRoot) { 21881 await getLocation(); 21882 21883 bitLoginSectionRoot = document.createElement(`div`); 21884 21885 bitLoginSectionRoot.setAttribute("class", "bitlogin-root"); 21886 bitLoginSectionRoot.setAttribute("data-index", `${index}`); 21887 21888 updateAppearance({ 21889 formRef, 21890 rootRef: bitLoginSectionRoot, 21891 host, 21892 }); 21893 } 21894 } catch (err) { 21895 console.error(`error while initiating bitlogin extensions`, err); 21896 } finally { 21897 // Release the lock 21898 isInitializing = false; 21899 21900 // Check if there are pending items in the queue 21901 if (queue.length > 0) { 21902 // Process the next function in the queue 21903 const nextFunction = queue.shift(); 21904 nextFunction(); 21905 } 21906 } 21907 } 21908 21909 function initAll() { 21910 return new Promise((resolve, reject) => { 21911 setTimeout(async () => { 21912 const inputRefs = document.querySelectorAll( 21913 'input[name="customer[email]"]' 21914 ); 21915 21916 for (let i = 0; i < inputRefs.length; i++) { 21917 const currentInputRef = inputRefs[i]; 21918 const isVisible = isElementVisible(currentInputRef); 21919 21920 if (isVisible) { 21921 await init({ inputRef: currentInputRef, index: i }); 21922 } 21923 } 21924 21925 resolve("ok"); 21926 }, 100); 21927 }); 21928 } 21929 21930 const observer = new MutationObserver((mutationsList) => { 21931 for (let mutation of mutationsList) { 21932 initAll(); 21933 } 21934 }); 21935 21936 observer.observe(document.body, { 21937 childList: true, 21938 subtree: true, 21939 attributes: true, 21940 }); 21941 21942 initAll(); 21943 21944 if (appearance.googleOneTap) { 21945 setupOneTap({ host, checkoutUrl }); 21946 } 21947 21948 // Initialize popup 21949 await initPopup(host); 21950 } catch (error) { 21951 console.error("Error initializing BitLogin:", error); 21952 } 21953 })(); 21954 21955 async function initPopup(host) { 21956 // Check if user is already logged in using Liquid checks properly 21957 const isLoggedIn = false || 21958 document.querySelector('.customer-logout-link') || 21959 document.querySelector('.account-link') || 21960 window.location.pathname.includes('/account'); 21961 21962 if (isLoggedIn) { 21963 return; // User is logged in, don't show popup 21964 } 21965 21966 try { 21967 // Fetch the popup configuration 21968 const popupConfig = await fetch(`${apiUrl}/appearance/popup/domain/${host}`) 21969 .then(res => res.json()) 21970 .catch(err => { 21971 console.error('Error fetching popup configuration:', err); 21972 return null; 21973 }); 21974 21975 if (!popupConfig || !popupConfig.enabled) { 21976 return;
21976 // Don't show popup if disabled or config not found 21977 } 21978 21979 // Create popup after 10 seconds 21980 setTimeout(() => { 21981 // Check if user is still on the page and still not logged in 21982 if (document.visibilityState === 'visible') { 21983 // Additional check in case user logged in during the 10 second wait 21984 const currentlyLoggedIn = false || 21985 document.querySelector('.customer-logout-link') || 21986 document.querySelector('.account-link'); 21987 21988 if (!currentlyLoggedIn) { 21989 createLoginPopup(popupConfig, host); 21990 } 21991 } 21992 }, 10000); 21993 } catch (error) { 21994 console.error('Error initializing popup:', error); 21995 } 21996 } 21997 21998 function createLoginPopup(popupConfig, host) { 21999 // Font mapping 22000 const fontFamilyMap = { 22001 system_fonts: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', 22002 montserrat: 'Montserrat, sans-serif', 22003 roboto: 'Roboto, sans-serif', 22004 open_sans: 'Open Sans, sans-serif', 22005 noto_sans: 'Noto Sans, sans-serif', 22006 lato: 'Lato, sans-serif', 22007 poppins: 'Poppins, sans-serif', 22008 quicksand: 'Quicksand, sans-serif', 22009 raleway: 'Raleway, sans-serif', 22010 pt_sans: 'PT Sans, sans-serif', 22011 oswald: 'Oswald, sans-serif', 22012 }; 22013 22014 // Create overlay 22015 const overlay = document.createElement('div'); 22016 overlay.className = 'bitlogin-popup-overlay'; 22017 22018 // Create popup container with appropriate styling 22019 const popup = document.createElement('div'); 22020 popup.className = 'bitlogin-popup'; 22021 22022 if (popupConfig.layout === 'default') { 22023 popup.style.maxWidth = '400px'; 22024 } 22025 22026 // Function to close the popup 22027 const closePopup = () => { 22028 overlay.classList.remove('visible'); 22029 popup.classList.remove('visible'); 22030 setTimeout(() => { 22031 if (document.body.contains(overlay)) { 22032 document.body.removeChild(overlay); 22033 } 22034 }, 300); 22035 }; 22036 22037 // Add click handler to the overlay to close when clicking outside 22038 overlay.addEventListener('click', (event) => { 22039 // Close only if clicking directly on the overlay, not its children 22040 if (event.target === overlay) { 22041 closePopup(); 22042 } 22043 }); 22044 22045 // Add escape key handler to close popup 22046 document.addEventListener('keydown', (event) => { 22047 if (event.key === 'Escape' && document.body.contains(overlay)) { 22048 closePopup(); 22049 } 22050 }); 22051 22052 // Create layout with image if specified 22053 let contentWrapper; 22054 if (popupConfig.layout !== 'default' && popupConfig.popupImage) { 22055 popup.classList.add('bitlogin-popup-with-image'); 22056 22057 if (popupConfig.layout === 'right') { 22058 popup.classList.add('bitlogin-popup-right-image'); 22059 } 22060 22061 // Add image 22062 const image = document.createElement('img'); 22063 image.className = 'bitlogin-popup-image'; 22064 image.src = popupConfig.popupImage; 22065 image.alt = 'Login'; 22066 image.loading = 'lazy'; 22067 popup.appendChild(image); 22068 22069 // Create content container 22070 contentWrapper = document.createElement('div'); 22071 contentWrapper.className = 'bitlogin-popup-content'; 22072 22073 if (popupConfig.layout === 'right') { 22074 const closeButton = document.createElement('button'); 22075 closeButton.className = 'bitlogin-popup-close'; 22076 closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 22077 <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 22078 </svg>`; 22079 closeButton.setAttribute('aria-label', 'Close'); 22080 closeButton.onclick = closePopup; 22081 22082 popup.appendChild(closeButton); 22083 } 22084 } else { 22085 contentWrapper = document.createElement('div'); 22086 contentWrapper.className = 'bitlogin-popup-content'; 22087 contentWrapper.style.width = '100%'; 22088 } 22089 22090 // Set background style 22091 if (popupConfig.backgroundTheme === 'gradient') { 22092 contentWrapper.style.background = `linear-gradient(135deg, ${popupConfig.backgroundPopupColor}, ${popupConfig.gradientColor})`; 22093 } else { 22094 contentWrapper.style.backgroundColor = popupConfig.backgroundPopupColor; 22095 } 22096 22097 // Apply font family 22098 contentWrapper.style.setProperty('font-family', fontFamilyMap[popupConfig.font] || fontFamilyMap.system_fonts, 'important'); 22099 22100 if (popupConfig.layout !== 'right') { 22101 const closeButton = document.createElement('button'); 22102 closeButton.className = 'bitlogin-popup-close'; 22103 closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 22104 <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 22105 </svg>`; 22106 closeButton.setAttribute('aria-label', 'Close'); 22107 closeButton.onclick = closePopup; 22108 22109 contentWrapper.appendChild(closeButton); 22110 } 22111 22112 // Add heading with subtle animation effect 22113 const header = document.createElement('div'); 22114 header.className = 'bitlogin-popup-header'; 22115 22116 const heading = document.createElement('h2'); 22117 heading.textContent = popupConfig.headingText || 'Sign in for exclusive benef
22117its'; 22118 heading.style.color = popupConfig.fontColor; 22119 header.appendChild(heading); 22120 22121 // Add body text with improved formatting 22122 const bodyText = document.createElement('div'); 22123 bodyText.innerHTML = popupConfig.bodyText || 'Join our community to access exclusive offers and a personalized shopping experience.'; 22124 bodyText.style.color = popupConfig.fontColor; 22125 header.appendChild(bodyText); 22126 22127 contentWrapper.appendChild(header); 22128 22129 // Create buttons container with modern styling 22130 const buttonsContainer = document.createElement('div'); 22131 buttonsContainer.className = 'bitlogin-popup-buttons'; 22132 22133 // Add social buttons 22134 const providerLabels = { 22135 'GOOGLE': 'Continue with Google', 22136 'FACEBOOK': 'Continue with Facebook', 22137 'APPLE': 'Continue with Apple', 22138 'WHATSAPP': 'Continue with WhatsApp', 22139 'MAGIC_LINK': 'Continue with Email', 22140 }; 22141 22142 // Add first login provider button 22143 if (popupConfig.loginProvider1 !== 'NONE') { 22144 const buttonConfig = { 22145 theme: popupConfig.colorScheme || 'match', 22146 customColor: popupConfig.textColor, 22147 format: 'contentFlex', 22148 buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider1.toLowerCase()], 22149 hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true, 22150 style: popupConfig.style || 'rounded', 22151 size: popupConfig.size || 'medium', 22152 colorScheme: popupConfig.colorScheme || 'match', 22153 backgroundColor: popupConfig.backgroundColor || '#3B82F6', 22154 textColor: popupConfig.textColor || '#FFFFFF', 22155 outlineColor: popupConfig.outlineColor || '#3B82F6', 22156 host: host 22157 }; 22158 22159 const button1 = createSocialLoginButton(popupConfig.loginProvider1, buttonConfig); 22160 22161 // Handle click event - this overrides the default click handler in createSocialLoginButton 22162 button1.onclick = () => { 22163 onClickSocialLogin({ provider: popupConfig.loginProvider1.toLowerCase(), host }); 22164 closePopup(); 22165 }; 22166 22167 buttonsContainer.appendChild(button1); 22168 } 22169 22170 // Add second login provider button if enabled 22171 if (popupConfig.loginProvider2 !== 'NONE') { 22172 const buttonConfig = { 22173 theme: popupConfig.colorScheme || 'match', 22174 customColor: popupConfig.textColor, 22175 format: 'contentFlex', 22176 buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider2.toLowerCase()], 22177 hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true, 22178 style: popupConfig.style || 'rounded', 22179 size: popupConfig.size || 'medium', 22180 colorScheme: popupConfig.colorScheme || 'match', 22181 backgroundColor: popupConfig.backgroundColor || '#3B82F6', 22182 textColor: popupConfig.textColor || '#FFFFFF', 22183 outlineColor: popupConfig.outlineColor || '#3B82F6', 22184 host: host 22185 }; 22186 22187 const button2 = createSocialLoginButton(popupConfig.loginProvider2, buttonConfig); 22188 22189 // Handle click event - this overrides the default click handler in createSocialLoginButton 22190 button2.onclick = () => { 22191 onClickSocialLogin({ provider: popupConfig.loginProvider2.toLowerCase(), host }); 22192 closePopup(); 22193 }; 22194 22195 buttonsContainer.appendChild(button2); 22196 } 22197 22198 contentWrapper.appendChild(buttonsContainer); 22199 22200 // Append content to popup 22201 popup.appendChild(contentWrapper); 22202 22203 // Append popup to overlay 22204 overlay.appendChild(popup); 22205 22206 // Append overlay to body 22207 document.body.appendChild(overlay); 22208 22209 // Trigger animation with slight delay for better perceived performance 22210 setTimeout(() => { 22211 overlay.classList.add('visible'); 22212 setTimeout(() => { 22213 popup.classList.add('visible'); 22214 }, 50); 22215 }, 10); 22216 } 22217 22218 window.addEventListener("load", () => { 22219 window.addEventListener("message", (event) => { 22220 const receivedData = event.data; 22221 22222 if (receivedData.type === "authorize") { 22223 post( 22224 JSON.parse( 22225 JSON.stringify({ 22226 "customer[email]": receivedData.email, 22227 "customer[password]": receivedData.password, 22228 form_type: "customer_login", 22229 utf8: "â", 22230 return_url: redirectUrl, 22231 }) 22232 ) 22233 ); 22234 } else if (receivedData.type === "rejected") { 22235 if (receivedData.reason === "customer_account_disabled") { 22236 showAlert( 22237 "Your account needs to be activated. We've sent you an activation link - please check your email to complete this step." 22238 ); 22239 } else if (receivedData.reason === "customer_entry_created_email_not_set") { 22240 showAlert( 22241 "A new account was created but requires an email address. Please update your account with a valid email address to continue." 22242 ); 22243 } else if (receivedData.reason === "customer_exist_email_not_set") { 22244 showAlert( 22245 "Your existing account is missing an email address. Please contact support to update your account with a valid email address." 22246 ); 22247 } 22248 } 22249 22250 if (receivedData.type === "customer_authenticated") { 22251 // Dispatch a custom event that merchants can listen for to implement their custom logic 22252 const customerAuthEvent = new CustomEvent('bitlogin:customer_authenticated', { 22253 detail: { 22254 provider: receivedData.provider, 22255 customer: receivedData.customer, 22256 shopifyCustomerCreated: receivedData.shopifyCustomerCreated 22257 } 22258 }); 22259 22260 // Dispatch the event on the window object so merchants can listen for it 22261 window.dispatchEvent(customerAuthEvent); 22262 22263 } 22264 }); 22265 }); 22266 22267 // Reusable functions for social login buttons 22268 function createSocialLoginButton(provider, config = {}) { 22269 const { 22270 theme = 'match', 22271 customColor = null, 22272 format = 'contentFlex', 22273 buttonText = null, 22274 hasShadow = true, 22275 style = 'rounded', 22276 size = 'medium', 22277 colorScheme = 'match', 22278 backgroundColor = '#3B82F6', 22279 textColor = '#FFFFFF', 22280 outlineColor = '#3B82F6', 22281 rootRef = null, 22282 host = null 22283 } = config; 22284 22285 // Create button element with appropriate ID and attributes 22286 const button = document.createElement('button'); 22287 button.id = `${provider.toLowerCase()}-login`; 22288 button.type = 'button'; 22289 22290 // Set the inner SVG based on provider 22291 switch (provider.toUpperCase()) {
22292 case 'GOOGLE': 22293 button.innerHTML = googleLoginIcon(theme, customColor); 22294 break; 22295 case 'FACEBOOK': 22296 button.innerHTML = facebookLoginIcon(theme, customColor); 22297 break; 22298 case 'APPLE': 22299 button.innerHTML = appleLoginIcon(theme, customColor); 22300 break; 22301 case 'WHATSAPP': 22302 button.innerHTML = whatsappLoginIcon(theme, customColor); 22303 break; 22304 case 'MICROSOFT': 22305 button.innerHTML = microsoftLoginIcon(theme, customColor); 22306 break; 22307 case 'TWITTER': 22308 button.innerHTML = twitterLoginIcon(theme, customColor); 22309 break; 22310 case 'AMAZON': 22311 button.innerHTML = amazonLoginIcon(theme, customColor); 22312 break; 22313 case 'INSTAGRAM': 22314 button.innerHTML = instagramLoginIcon(theme, customColor); 22315 break; 22316 case 'MAGIC_LINK': 22317 button.innerHTML = magicLinkLoginIcon(theme, customColor); 22318 break; 22319 case 'MOBILE_APP': 22320 button.innerHTML = mobileAppLoginIcon(theme, customColor); 22321 break; 22322 case 'LINKEDIN': 22323 button.innerHTML = linkedinLoginIcon(theme, customColor); 22324 break; 22325 } 22326 22327 // Add text if format isn't icon-only and buttonText is provided 22328 if (format !== "wrapperFlexContainerOnlyLogo" && buttonText) { 22329 button.innerHTML += `<p>${buttonText}</p>`; 22330 } 22331 22332 // Apply styling 22333 // Shadow 22334 if (hasShadow) { 22335 const shadowProperties = `0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`; 22336 button.style["box-shadow"] = shadowProperties; 22337 } 22338 22339 // Border radius 22340 const radiusProperties = 22341 style === "rounded" 22342 ? "8px" 22343 : style === "square" 22344 ? "0px" 22345 : style === "fullRounded" 22346 ? format === "wrapperFlexContainerOnlyLogo" 22347 ? "50%" 22348 : "50px" 22349 : undefined; 22350 button.style["border-radius"] = radiusProperties; 22351 22352 // Size 22353 const sizeProperties = 22354 size === "medium" 22355 ? "12px" 22356 : size === "small" 22357 ? "8px" 22358 : size === "large" 22359 ? "16px" 22360 : "8px"; 22361 22362 button.style["padding-block"] = sizeProperties; 22363 22364 // Format styling 22365 if (format) { 22366 if ( 22367 format === "contentFlexReverse" || 22368 format === "contentFlexCenterReverse" 22369 ) { 22370 const flexDir = `row-reverse`; 22371 button.style["flex-direction"] = flexDir; 22372 } 22373 22374 if ( 22375 format === "contentFlexCenter" || 22376 format === "contentFlexCenterReverse" 22377 ) { 22378 const justifyContent = `center`; 22379 button.style["justify-content"] = justifyContent; 22380 } else if ( 22381 format === "contentFlex" || 22382 format === "contentFlexReverse" 22383 ) { 22384 const buttonTextElement = button.querySelector("p"); 22385 if (buttonTextElement) { 22386 buttonTextElement.style["flex-grow"] = 1; 22387 buttonTextElement.style["text-align"] = "center"; 22388 } 22389 } 22390 22391 if (format === "wrapperFlexContainerOnlyLogo" && rootRef) { 22392 rootRef.style["flex-direction"] = "row"; 22393 rootRef.style["gap"] = "8px"; 22394 rootRef.style["display"] = "flex"; 22395 rootRef.style["flex-wrap"] = "wrap"; 22396 22397 const sizeMapping = { 22398 small: "52px", 22399 medium: "62px", 22400 large: "72px", 22401 }; 22402 const buttonSize = sizeMapping[size] || "52px"; 22403 22404 button.style["margin"] = 0; 22405 button.style["width"] = buttonSize; 22406 button.style["height"] = buttonSize; 22407 button.style["display"] = "flex"; 22408 button.style["align-items"] = "center"; 22409 button.style["justify-content"] = "center"; 22410 22411 const svgElement = button.querySelector("svg"); 22412 if (svgElement) { 22413 svgElement.style["flex"] = "none"; 22414 } 22415 } 22416 } 22417 22418 // Color scheme styling 22419 if (colorScheme === "black") { 22420 button.classList.add("scheme-black"); 22421 } else if (colorScheme === "white") { 22422 button.classList.add("scheme-white"); 22423 } else if (colorScheme === "custom") { 22424 button.style["background-color"] = backgroundColor; 22425 button.style["color"] = textColor; 22426 button.style["border-color"] = outlineColor; 22427 22428 const darkenColor = (color, percentage) => { 22429 const value = parseInt(color.slice(1), 16); 22430 const r = Math.max(0, ((value >> 16) & 0xff) - (0xff * percentage)); 22431 const g = Math.max(0, ((value >> 8) & 0xff) - (0xff * percentage)); 22432 const b = Math.max(0, (value & 0xff) - (0xff * percentage)); 22433 return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`; 22434 }; 22435 22436 button.addEventListener("mouseover", () => {
22437 button.style["background-color"] = darkenColor(backgroundColor, 0.2); 22438 }); 22439 button.addEventListener("mouseout", () => { 22440 button.style["background-color"] = backgroundColor; 22441 }); 22442 } else if (colorScheme === "match") { 22443 button.classList.add("scheme-match"); 22444 } else if (colorScheme === "matchOutline") { 22445 button.classList.add("scheme-match-outline"); 22446 } 22447 22448 // Add click event listener if host is provided 22449 if (host) { 22450 button.addEventListener("click", () => 22451 onClickSocialLogin({ provider: provider.toLowerCase(), host }) 22452 ); 22453 } 22454 22455 return button; 22456 } 22457 22458 function setupSocialLoginButtons(config, rootRef, data, host) { 22459 // Clear any existing content 22460 rootRef.innerHTML = ''; 22461 22462 const sortedEnabledProviders = config 22463 .filter(c => c.enabledWeb) 22464 .sort((a, b) => a.position - b.position); 22465 22466 sortedEnabledProviders.forEach(provider => { 22467 const key = provider.provider; 22468 const lowerKey = key.toLowerCase(); 22469 22470 const buttonText = data.format !== "wrapperFlexContainerOnlyLogo" 22471 ? (lowerKey === 'twitter' 22472 ? data.buttonList.twitter.replace('Twitter', 'X') 22473 : data.buttonList[lowerKey]) 22474 : null; 22475 22476 const button = createSocialLoginButton(key, { 22477 theme: data.colorScheme || 'match', 22478 customColor: data.textColor, 22479 format: data.format, 22480 buttonText: buttonText, 22481 hasShadow: data.hasShadow !== undefined ? data.hasShadow : true, 22482 style: data.style, 22483 size: data.size, 22484 colorScheme: data.colorScheme, 22485 backgroundColor: data.backgroundColor, 22486 textColor: data.textColor, 22487 outlineColor: data.outlineColor, 22488 rootRef: rootRef, 22489 host: host 22490 }); 22491 22492 rootRef.appendChild(button); 22493 }); 22494 22495 return rootRef; 22496 } 22497 22498 function updateAppearance({ formRef, rootRef, host }) { 22499 if (!formRef) return; 22500 22501 const data = bitloginCache.appearance || { 22502 style: "square", 22503 hasShadow: false, 22504 colorScheme: "match", 22505 backgroundColor: "#FFFFFF", 22506 outlineColor: "#000000", 22507 textColor: "#ffffff", 22508 position: "bottom", 22509 hideDivider: "false", 22510 dividerText: "OR", 22511 size: "small", 22512 format: "contentFlex", 22513 language: "en", 22514 buttonText: "Continue with", 22515 redirectLink: "/account", 22516 googleOneTap: true, 22517 googleOneTapBanner: true, 22518 customerTag: "bitLogin", 22519 redirectOneTapDesktop: null, 22520 redirectOneTapMobile: null, 22521 buttonList: { 22522 google: "Continue with Google", 22523 facebook: "Continue with Facebook", 22524 apple: "Continue with Apple", 22525 whatsapp: "Continue with WhatsApp", 22526 microsoft: "Continue with Microsoft", 22527 twitter: "Continue with X", 22528 amazon: "Continue with Amazon", 22529 instagram: "Continue with Instagram", 22530 magic_link: "Continue with Magic Link", 22531 mobile_app: "Continue with Mobile App", 22532 linkedin: "Continue with LinkedIn", 22533 }, 22534 }; 22535 22536 // Use the new setupSocialLoginButtons function to create and configure all buttons 22537 setupSocialLoginButtons(bitloginCache.config, rootRef, data, host); 22538 22539 let divider; 22540 22541 if (!data.hideDivider) { 22542 divider = document.createElement("div"); 22543 const dividerStyle = "text-align:center;margin-block:16px"; 22544 divider.setAttribute("style", dividerStyle); 22545 divider.innerHTML = data.dividerText; 22546 } 22547 22548 if (data.position === "bottom") { 22549 if (divider) { 22550 formRef.appendChild(divider); 22551 } 22552 formRef.appendChild(rootRef); 22553 } else if (data.position === "top") { 22554 if (divider) { 22555 formRef.prepend(divider); 22556 } 22557 formRef.prepend(rootRef); 22558 } 22559 } 22560 22561 22562 async function onClickSocialLogin({ provider, host }) { 22563 const rand = Math.random().toString(); 22564 22565 const locationQueryString = bitloginCache.location 22566 ? `&${objectToQueryString(bitloginCache.location)}` 22567 : ""; 22568 22569 const width = 800; 22570 const height = 600; 22571 const left = (window.screen.width / 2) - (width / 2); 22572 const top = (window.screen.height / 2) - (height / 2) - 50; 22573
22574 if(provider === 'whatsapp') { 22575 window.open( 22576 `/apps/bitlogin/whatsapp${locationQueryString ? `?${locationQueryString}` : ''}`, 22577 "mywindow", 22578 `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}` 22579 ); 22580 } else { 22581 window.open( 22582 `${apiUrl}/login/${provider}?referrerId=${rand}&shop=${host}${locationQueryString}`, 22583 "mywindow", 22584 `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}` 22585 ); 22586 } 22587 } 22588 22589 function objectToQueryString(obj) { 22590 return Object.keys(obj) 22591 .map((key) => { 22592 return encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]); 22593 }) 22594 .join("&"); 22595 } 22596 22597 async function getLocation() { 22598 if (locationCacheSet) return; 22599 22600 try { 22601 const response = await fetch("https://ipapi.co/json/"); 22602 22603 if (!response.ok) { 22604 console.error(`error retrieving location...`, response.status); 22605 errorLocation = true; 22606 } else { 22607 const data = await response.json(); 22608 22609 const { city, region, country_name, country_code } = data; 22610 22611 const formattedLocationData = { 22612 city, 22613 region, 22614 country_name, 22615 country_code, 22616 }; 22617 22618 bitloginCache.location = formattedLocationData; 22619 locationCacheSet = true; 22620 errorLocation = false; 22621 } 22622 } catch (err) { 22623 console.error(`error fetching location`, err); 22624 errorLocation = true; 22625 } 22626 } 22627 22628 function post(params) { 22629 // The rest of this code assumes you are not using a library. 22630 // It can be made less verbose if you use one. 22631 const form = document.createElement("form"); 22632 form.method = "post"; 22633 form.action = `/account/login`; 22634 form.acceptCharset = "UTF-8"; 22635 form.setAttribute("data-login-with-shop-sign-in", "true"); 22636 form.setAttribute("novalidate", "novalidate"); 22637 22638 for (const key in params) { 22639 if (params.hasOwnProperty(key)) { 22640 const hiddenField = document.createElement("input"); 22641 hiddenField.type = "hidden"; 22642 hiddenField.name = key; 22643 hiddenField.value = params[key]; 22644 22645 form.appendChild(hiddenField); 22646 } 22647 } 22648 22649 document.body.appendChild(form); 22650 form.submit(); 22651 } 22652 22653 async function setupOneTap({ host, checkoutUrl }) { 22654 if (oneTapSet) return; 22655 22656 const redirectOneTapDesktop = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapDesktop || '[]')); 22657 const redirectOneTapMobile = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapMobile || '[]')); 22658 22659 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 22660 const redirectList = JSON.parse(isMobile ? redirectOneTapMobile : redirectOneTapDesktop); 22661 22662 const currentPath = window.location.pathname.toLowerCase(); 22663 const currentUrl = window.location.href.toLowerCase(); 22664 22665 const shouldHideGoogleOneTap = redirectList.some(({ value }) => { 22666 switch (value) { 22667 case 'home': 22668 return currentPath === '/'; 22669 case 'product': 22670 return currentPath.startsWith('/products/'); 22671 case 'collections': 22672 return currentPath.startsWith('/collections'); 22673 case 'cart': 22674 return currentPath === '/cart'; 22675 case 'checkout': 22676 return currentPath.startsWith('/checkouts') && !currentPath.includes('thank_you'); 22677 case 'thank_you': 22678 return currentPath.includes('/thank_you'); 22679 case 'account': 22680 return currentPath.startsWith('/account'); 22681 case 'pages': 22682 return currentPath.startsWith('/pages'); 22683 case 'blogs': 22684 return currentPath === '/blogs' || currentPath === '/blogs/news'; 22685 case 'blog_post': 22686 return currentPath.startsWith('/blogs/') && currentPath.split('/').length > 3; 22687 default: 22688 return false; 22689 } 22690 }); 22691 22692 if (shouldHideGoogleOneTap) return; 22693 22694 const oneTapClientId = bitloginCache.config.find( 22695 (config) => config.provider === "GOOGLE" 22696 )?.clientId; 22697 22698 const isLoggedIn = false; 22699 22700 if (bitloginCache.appearance.googleOneTap && oneTapClientId && !isLoggedIn) { 22701 const googleOneTapButton = document.createElement("div"); 22702 googleOneTapButton.setAttribute("id", "g_id_onload"); 22703 googleOneTapButton.setAttribute("data-client_id", oneTapClientId); 22704 googleOneTapButton.setAttribute("data-context", "signin"); 22705 googleOneTapButton.setAttribute( 22706 "data-callback", 22707 "handleGoogleOneTapResponse" 22708 ); 22709 googleOneTapButton.setAttribute("data-itp_support", "true"); 22710 22711 const googleOneTapScript = document.createElement("script"); 22712 22713 googleOneTapScript.innerHTML += ` 22714 function handleGoogleOneTapResponse(response) { 22715 if (response.credential) { 22716 const idToken = response.credential; 22717 fetch('${bitLoginBaseUrl}/bitlogin/api/login/google-one-tap', { 22718 method: 'POST', 22719 headers: { 'Content-Type': 'application/json' }, 22720 body: JSON.stringify({ idToken, shop: "${host}", ...bitloginCache.location }) 22721 }).then(response => { 22722 response.json().then((data) => { 22723 post( 22724 JSON.parse( 22725 JSON.stringify({ 22726 "customer[email]": data.email, 22727 "customer[password]": data.password, 22728 form_type: "customer_login", 22729 utf8: "â", 22730 return_url: redirectUrl, 22731 }) 22732 ) 22733 ); 22734 }); 22735 }).catch(error => { 22736 console.error('Error occurred:', error); 22737 }); 22738 } else { 22739 console.error('No credential available'); 22740 } 22741 } 22742 `; 22743 22744 document.body.append(googleOneTapButton); 22745 document.body.append(googleOneTapScript); 22746 } 22747 22748 oneTapSet = true; 22749 } 22750
22751 const googleLoginIcon = ( 22752 theme, 22753 customColor 22754 ) => ` 22755 ${ 22756 theme === "match" || theme === "matchOutline" || theme === "custom" 22757 ? `<svg 22758 xmlns='https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png' 22759 xmlns:v='https://vecta.io/nano' 22760 width='24' 22761 height='24' 22762 viewBox='0 0 186.69 190.5' 22763 > 22764 <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="${ 22765 theme === "custom" ? customColor : "#4285f4" 22766 }"/><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="${ 22767 theme === "custom" ? customColor : "#34a853" 22768 }"/><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="${ 22769 theme === "custom" ? customColor : "#fbbc05" 22770 }"/><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="${ 22771 theme === "custom" ? customColor : "#ea4335" 22772 }" clip-path="none" mask="none"/></g> 22773 </svg>` 22774 : `<svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="25" height="25" viewBox="0 0 25 25" fill="none"> 22775 <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="${ 22776 theme !== "black" ? "black" : "white" 22777 }"/> 22778 <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="${ 22779 theme !== "black" ? "black" : "white" 22780 }"/> 22781 <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="${ 22782 theme !== "black" ? "black" : "white" 22783 }"/> 22784 <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="${ 22785 theme !== "black" ? "black" : "white" 22786 }"/> 22787 </svg>` 22788 }`; 22789 22790 const appleLoginIcon = ( 22791 theme, 22792 customColor 22793 ) => `<svg width="24" height="24" viewBox="0 0 19 24" fill="none" xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 22794 <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="${ 22795 theme === "custom" 22796 ? customColor 22797 : theme === "match" || theme === "black" 22798 ? "white" 22799 : "black" 22800 }"/> 22801 </svg>`; 22802 22803 const facebookLoginIcon = ( 22804 theme, 22805 customColor 22806 ) => ` 22807 ${ 22808 theme === "match" || theme === "matchOutline" || theme === "custom" 22809 ? `<svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="25" viewB
22809ox="0 0 24 25" fill="none"> 22810 <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="${ 22811 theme === "custom" ? customColor : theme === "match" ? "white" : "#1977F3" 22812 }"/> 22813 <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="${ 22814 theme === "match" ? "#1778f2" : "#000000" 22815 }"/> 22816 </svg>` 22817 : `<svg xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" width="24" height="25" viewBox="0 0 24 25" fill="none"> 22818 <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="${ 22819 theme === "black" ? "white" : "black" 22820 }"/> 22821 <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="${ 22822 theme === "black" ? "black" : "white" 22823 }"/> 22824 </svg>` 22825 }`; 22826 22827 const whatsappLoginIcon = ( 22828 theme, 22829 customColor 22830 ) => `<svg 22831 viewBox="0 0 24 24" 22832 fill="none" 22833 width="24" 22834 height="25" 22835 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" 22836 > 22837 <g id="SVGRepo_bgCarrier" stroke-width="0"></g> 22838 <g 22839 id="SVGRepo_tracerCarrier" 22840 stroke-linecap="round" 22841 stroke-linejoin="round" 22842 ></g> 22843 <g id="SVGRepo_iconCarrier"> 22844 <path 22845 fill-rule="evenodd" 22846 clip-rule="evenodd" 22847 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" 22848 fill="${ 22849 theme === "match" || theme === "black" 22850 ? "#ffffff" 22851 : theme === "white" 22852 ? "#000000" 22853 : theme === "matchOutline" 22854 ? "#25d366" 22855 : customColor 22856 }" 22857 ></path> 22858 </g> 22859 </svg>`; 22860 22861 const microsoftLoginIcon = ( 22862 theme, 22863 customColor 22864 ) => `<svg 22865 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" 22866 width="25" 22867 height="25" 22868 viewBox="0 0 48 48"> 22869 <path fill="${ 22870 theme === "match" || theme == "matchOutline" 22871 ? "#ff5722" 22872 : theme === "black" 22873 ? "#ffffff" 22874 : theme === "white" 22875 ? "#000000" 22876 : customColor 22877 }" d="M6 6H22V22H6z" transform="rotate(-180 14 14)"></path> 22878 <path 22879 fill="${ 22880 theme === "match" || theme == "matchOutline" 22881 ? "#4caf50" 22882 : theme === "black" 22883 ? "#ffffff" 22884 : theme === "white" 22885 ? "#000000" 22886 : customColor 22887 }" 22888 d="M26 6H42V22H26z" 22889 transform="rotate(-180 34 14)"></path> 22890 <path 22891 fill="${ 22892 theme === "match" || theme == "matchOutline" 22893 ? "#ffc107" 22894 : theme === "black" 22895 ? "#ffffff" 22896 : theme === "white" 22897 ? "#000000" 22898 : customColor 22899 }" 22900 d="M26 26H42V42H26z" 22901 transform="rotate(-180 34 34)"></path> 22902 <path fill="${ 22903 theme === "match" || theme == "matchOutline" 22904 ? "#03a9f4" 22905 : theme === "black" 22906 ? "#ffffff" 22907 : theme === "white" 22908 ? "#000000" 22909 : customColor 22910 }" d="M6 26H22V42H6z" transform="rotate(-180 14 34)"></path> 22911 </svg>`; 22912 22913 const twitterLoginIcon = ( 22914 theme, 22915 customColor 22916 ) => `<svg 22917 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" 22918 width="25" 22919 height="25" 22920 viewBox="0 0 48 48"> 22921 <polygon fill="${ 22922 theme === "match" || theme === "black" 22923 ? "#ffffff" 22924 : theme === "matchOutline" || theme === "white" 22925 ? "#000000" 22926 : customColor 22927 }" points="41,6 9.929,42 6.215,42 37.287,6"></polygon> 22928 <polygon 22929 fill="${ 22930 theme === "match" || theme === "black" 22931 ? "#000000" 22932 : theme === "matchOutline" || theme === "white" 22933 ? "#ffffff" 22934 : customColor 22935 }" 22936 fill-rule="evenodd" 22937 points="31.143,41 7.82,7 16.777,7 40.1,41" 22938 clip-rule="evenodd"></polygon> 22939 <path 22940 fill="${ 22941 theme === "match" || theme === "black" 22942 ? "#ffffff" 22943 : theme === "matchOutline" || theme === "white" 22944 ? "#000000" 22945 : customColor 22946 }" 22947 d="M15.724,9l20.578,30h-4.106L11.618,9H15.724 M17.304,6H5.922l24.694,36h11.382L17.304,6L17.304,6z"></path> 22948 </svg>`; 22949 22950 const amazonLoginIcon = (theme, customColor) => ` 22951 <svg 22952 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" 22953 x="0px" 22954 y="0px" 22955 width="25" 22956 height="25"
22957 viewBox="0 0 50 50" 22958 > 22959 <path 22960 fill="${ 22961 theme === "black" 22962 ? "#ffffff" 22963 : theme === "matchOutline" 22964 ? "#FF9900" 22965 : theme === "white" || theme === "match" 22966 ? "#000000" 22967 : customColor 22968 }" 22969 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" 22970 ></path> 22971 </svg>`; 22972 22973 const instagramLoginIcon= (theme, customColor) => ` 22974 <svg 22975 width="25" 22976 height="25" 22977 viewBox="0 0 25 24" 22978 fill="none" 22979 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png"> 22980 <path 22981 fill-rule="evenodd" 22982 clip-rule="evenodd" 22983 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.
2298364321C8.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" 22984 fill="url(#paint0_radial_378_3535)" /> 22985 <path 22986 fill-rule="evenodd" 22987 clip-rule="evenodd" 22988 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" 22989 fill="url(#paint0_radial_378_3535)" /> 22990 <path 22991 fill-rule="evenodd" 22992 clip-rule="evenodd" 22993 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.
2299364321C8.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" 22994 fill="url(#paint0_radial_378_3535)" /> 22995 <path 22996 fill-rule="evenodd" 22997 clip-rule="evenodd" 22998 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" 22999 fill="url(#paint1_radial_378_3535)" /> 23000 <defs> 23001 <radialGradient 23002 id="paint0_radial_378_3535" 23003 cx="0" 23004 cy="0" 23005 r="1" 23006 gradientUnits="userSpaceOnUse" 23007 gradientTransform="translate(17.4 22.7) rotate(-115.776) scale(27.2737 40.5665)"> 23008 <stop offset="0.24392" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF1B90' : customColor}" /> 23009 <stop offset="0.436673" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#F80261' : customColor}" /> 23010 <stop offset="0.688476" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#ED00C0' : customColor}" /> 23011 <stop offset="0.776787" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#C500E9' : customColor}" /> 23012 <stop offset="0.893155" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#7017FF' : customColor}" /> 23013 </radialGradient> 23014 <radialGradient 23015 id="paint1_radial_378_3535" 23016 cx="0" 23017 cy="0" 23018 r="1" 23019 gradientUnits="userSpaceOnUse" 23020 gradientTransform="translate(7.75 19.31) rotate(-57.4396) scale(11.8174 12.2918)"> 23021 <stop stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FFD600' : customColor}" /> 23022 <stop offset="0.484375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF6930' : customColor}" /> 23023 <stop offset="0.734375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" /> 23024 <stop offset="1" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" stop-opacity="0" /> 23025 </radialGradient> 23026 </defs> 23027 </svg>`; 23028 23029 const magicLinkLoginIcon = (theme, customColor) => ` 23030 <svg 23031 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" 23032 width="25" 23033 height="25" 23034 fill="none"
23035 viewBox="0 0 25 25" 23036 > 23037 <path 23038 fill="${ 23039 theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' || theme === 'white' ? '#000000' : customColor 23040 }" 23041 fillRule="evenodd" 23042 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" 23043 clipRule="evenodd" 23044 ></path> 23045 </svg>`; 23046 23047 const mobileAppLoginIcon = (theme, customColor) => ` 23048 <svg 23049 width="20" 23050 height="24" 23051 viewBox="0 0 12 16" 23052 fill="none" 23053 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" 23054 > 23055 <path 23056 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" 23057 fill=${ 23058 theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#FD823E' : theme === 'white' ? '#000000' : customColor 23059 } 23060 /> 23061 </svg> 23062 `; 23063 23064 const linkedinLoginIcon = (theme, customColor) => ` 23065 <svg 23066 xmlns="https://ik.imagekit.io/meluncur/becekwin/logo-new-becekwin.png" 23067 width="25" 23068 height="24" 23069 viewBox="0 0 25 24" 23070 fill="none" 23071 > 23072 <path 23073 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" 23074 fill=${ 23075 theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#0A66C2' : theme === 'white' ? '#000000' : customColor 23076 } 23077 /> 23078 </svg> 23079 `; 23080 23081 function isElementVisible(element) { 23082 return ( 23083 document.body.contains(element) && 23084 getComputedStyle(element).display !== "none" && 23085 getComputedStyle(element).visibility !== "hidden" && 23086 getComputedStyle(element).opacity !== "0" && 23087 !element.hasAttribute("hidden") && 23088 !isAncestorHidden(element) 23089 ); 23090 } 23091 23092 function isAncestorHidden(element) { 23093 let parent = element.parentElement; 23094 while (parent) { 23095 if ( 23096 getComputedStyle(parent).display === "none" || 23097 getComputedStyle(parent).visibility === "hidden" || 23098 getComputedStyle(parent).opacity === "0" || 23099 parent.hasAttribute("hidden") 23100 ) { 23101 return true; 23102 } 23103 parent = parent.parentElement; 23104 } 23105 return false; 23106 } 23107 23108 function showAlert(message) { 23109 const alertBox = document.createElement("div"); 23110 alertBox.textContent = message; 23111 alertBox.style.position = "fixed"; 23112 alertBox.style.top = "20px"; 23113 alertBox.style.right = "-300px"; // Start off-screen 23114 alertBox.style.backgroundColor = "#000000"; // Black background 23115 alertBox.style.color = "#ffffff"; // White text 23116 alertBox.style.padding = "15px"; 23117 alertBox.style.borderRadius = "8px"; 23118 alertBox.style.zIndex = "1000"; 23119 alertBox.style.transition = 23120 "right 0.5s ease-in-out, opacity 0.5s ease-in-out"; // Transition for sliding and fading 23121 alertBox.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)"; // Optional shadow for depth 23122 23123 document.body.appendChild(alertBox); 23124 23125 // Slide in 23126 requestAnimationFrame(() => { 23127 alertBox.style.right = "20px"; // Move into view 23128 alertBox.style.opacity = "1"; // Ensure opacity is set to 1 23129 }); 23130 23131 // Slide out and remove the alert after a few seconds 23132 setTimeout(() => { 23133 alertBox.style.opacity = "0"; // Fade out 23134 alertBox.style.right = "-300px"; // Move out of view 23135 23136 // Wait for the transition to finish before removing the element 23137 setTimeout(() => { 23138 document.body.removeChild(alertBox); 23139 }, 500); // Match this duration with the exit transition duration 23140 }, 3000); 23141 } 23142 </script>
23142 23143 23144<style> 23145 :root{ 23146 --cta-blue:#000000; 23147 --cta-gold:#000000; 23148 --cta-red:#000000; /* merah hanya di border */ 23149 } 23150 23151 .footer-cta, .footer-cta *{ 23152 box-sizing: border-box; 23153 } 23154 23155 .footer-cta{ 23156 position: fixed; 23157 bottom: 18px; 23158 left: 50%; 23159 transform: translateX(-50%); 23160 width: calc(100% - 24px); /* âÅ⦠lebih mepet ke sisi */ 23161 max-width: 1280px; /* âÅ⦠lebih lebar */ 23162 padding: 14px 14px; /* sedikit hemat ruang */ 23163 border-radius: 22px; 23164 z-index: 9999; 23165 overflow: hidden; 23166 isolation: isolate; 23167 23168 background: 23169 radial-gradient(900px 220px at 15% 0%, #000000, #000000 60%), 23170 radial-gradient(900px 240px at 85% 120%, #000000, #000000 60%), 23171 repeating-linear-gradient(45deg, #000000 0 1px, #000000 1px 8px), 23172 linear-gradient(180deg, #000000, #000000); 23173 backdrop-filter: blur(12px) saturate(140%); 23174 -webkit-backdrop-filter: blur(12px) saturate(140%); 23175 23176 box-shadow: 23177 0 14px 40px #000000, 23178 0 0 24px #000000, 23179 0 0 18px #000000; 23180 23181 animation: 23182 floatUpDown 3.2s ease-in-out infinite, 23183 glassPulse 3.2s ease-in-out infinite; 23184 } 23185 23186 .footer-cta::before{ 23187 content:""; 23188 position:absolute; 23189 inset:0; 23190 padding:3px; 23191 border-radius:inherit; 23192 z-index:0; 23193 pointer-events:none; 23194 23195 background: conic-gradient(from 0deg, 23196 var(--cta-red), 23197 var(--cta-blue) 18%, 23198 var(--cta-gold) 38%, 23199 var(--cta-blue) 62%, 23200 var(--cta-red) 82%, 23201 var(--cta-red) 23202 ); 23203 animation: borderSpin 7s linear infinite; 23204 23205 -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); 23206 -webkit-mask-composite: xor; 23207 mask-composite: exclude; 23208 } 23209 23210 .footer-cta::after{ 23211 content:""; 23212 position:absolute; 23213 inset:0; 23214 border-radius:inherit; 23215 z-index:1; 23216 pointer-events:none; 23217 background: linear-gradient(180deg, rgba(255,255,255,.14), #000000 38%); 23218 opacity:.55; 23219 } 23220 23221 @keyframes borderSpin { to { transform: rotate(360deg); } } 23222 @keyframes floatUpDown { 23223 0%,100% { transform: translateX(-50%) translateY(0); } 23224 50% { transform: translateX(-50%) translateY(-8px); } 23225 } 23226 @keyframes glassPulse{ 23227 0%,100%{ 23228 box-shadow: 23229 0 14px 38px #000000, 23230 0 0 18px #000000, 23231 0 0 14px #000000; 23232 } 23233 50%{ 23234 box-shadow: 23235 0 18px 46px #000000, 23236 0 0 26px #000000, 23237 0 0 22px #000000; 23238 } 23239 } 23240 23241 .cta-footer{ 23242 display:flex; 23243 flex-wrap: nowrap; 23244 gap: 10px; 23245 align-items:center; 23246 width: 100%; 23247 padding: 10px; 23248 border-radius: 18px; 23249 background: #000000; 23250 box-shadow: 23251 inset 0 0 0 1px #000000, 23252 inset 0 0 28px #000000; 23253 position:relative; 23254 z-index:2; 23255 overflow: hidden; /* desktop: harus muat, tidak kepotong */ 23256 } 23257 23258 .cta-footer::before{ 23259 content:""; 23260 position:absolute; 23261 inset:8px; 23262 border-radius:14px; 23263 pointer-events:none; 23264 opacity:.9; 23265 background: 23266 radial-gradient(140px 46px at 18% 15%, #000000, #000000 70%), 23267 radial-gradient(140px 46px at 82% 85%, #000000, #000000 70%); 23268 } 23269 23270 .cta-footer .btn{ 23271 flex: 1 1 0; /* bagi rata */ 23272 min-width: 105px; /* cegah kekecilan */ 23273 padding: 12px 10px; /* hemat lebar */ 23274 font-size: 13px; 23275 font-weight: 900; 23276 border-radius: 999px; 23277 text-decoration:none; 23278 text-align:center; 23279 letter-spacing:.9px; 23280 text-transform:uppercase; 23281 position:relative; 23282 overflow:hidden; 23283 border:none; 23284 color:#fff; 23285 transition: transform .25s ease, filter .25s ease, box-shadow .25s ease; 23286 isolation:isolate; 23287 white-space: nowrap; 23288 } 23289 23290 .cta-footer .btn::before{ 23291 content:""; 23292 position:absolute; 23293 inset:0; 23294 padding:2px; 23295 border-radius:inherit; 23296 z-index:0; 23297 pointer-events:none; 23298 23299 background: linear-gradient(90deg, 23300 var(--cta-red), 23301 var(--cta-blue), 23302 var(--cta-gold), 23303 var(--cta-blue), 23304 var(--cta-red) 23305 ); 23306 background-size:300% 300%; 23307 animation: borderFlow 4.2s linear infinite; 23308 23309 -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); 23310 -webkit-mask-composite: xor; 23311 mask-composite: exclude; 23312 } 23313 23314 .cta-footer .btn::after{ 23315 content:""; 23316 position:absolute; 23317 inset:2px; 23318 border-radius:inherit; 23319 z-index:1; 23320 background: 23321 linear-gradient(110deg, #000000 0%, #000000 22%, #000000 45%) no-repeat, 23322 linear-gradient(180deg, #000000, #000000); 23323 background-size: 220% 100%, 100% 100%; 23324 background-position: -130% 0, 0 0; 23325 animation: shineMove 4.6s ease-in-out infinite; 23326 } 23327 23328 .cta-footer .btn span{ 23329 position:relative; 23330 z-index:2; 23331 text-shadow: 0 2px 10px rgb(255, 255, 255); 23332 } 23333 23334 .cta-footer .btn:hover{ 23335 transform: translateY(-2px) scale(1.03); 23336 filter: brightness(1.08); 23337 box-shadow: 23338 0 0 18px #000000, 23339 0 0 14px #000000; 23340 } 23341 .cta-footer .btn:active{ transform: translateY(0) scale(0.98); } 23342 23343 @keyframes borderFlow{ 23344 0%{ background-position: 0% 50%; } 23345 50%{ background-position: 100% 50%; } 23346 100%{ background-position: 0% 50%; } 23347 } 23348 @keyframes shineMove{ 23349 0%,55%{ background-position: -130% 0, 0 0; } 23350 70% { background-position: 130% 0, 0 0; } 23351 100% { background-position: 130% 0, 0 0; } 23352 } 23353 23354 @media (max-width: 760px){ 23355 .cta-footer{ overflow-x:auto; -webkit-overflow-scrolling: touch; scrollbar-width:none; } 23356 .cta-footer::-webkit-scrollbar{ display:none; } 23357 .cta-footer .btn{ flex: 0 0 120px; min-width: 120px; } 23358 } 23359 23360 @media (prefers-reduced-motion: reduce){ 23361 .footer-cta, 23362 .footer-cta::before, 23363 .cta-footer .btn::before, 23364 .cta-footer .btn::after{ animation: none !important; } 23365 } 23366 23367 23368</style> 23369<footer class="footer-cta"> 23370 <div class="cta-footer"> 23371 <a href="https://gas.becekwinmedan.ink/" class="btn"><span>LIVECHAT</span></a> 23372 <a href="https://gas.becekwinmedan.ink/" class="btn"><span>LINK</span></a> 23373 <a href="https://gas.becekwinmedan.ink/" class="btn"><span>LOGIN</span></a> 23374 <a href="https://gas.becekwinmedan.ink/" class="btn"><span>DAFTAR</span></a> 23375 <a href="https://gas.becekwinmedan.ink/" class="btn"><span>PROMO</span></a> 23376 <a href="https://gas.becekwinmedan.ink/" class="btn"><span>PREDIKSI</span></a> 23377 </div> 23378
23378<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>
vendor: 2 bytes, line 23378
23378
23379<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>
vendor: 2 bytes, line 23379
23379
23380<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>
23380<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>
vendor: 2 bytes, line 23380
23380
23381<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>
vendor: 2 bytes, line 23381
23381
23382<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>
23382<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>
23382<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>
vendor: 2 bytes, line 23382
23382
23383<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>
vendor: 2 bytes, line 23383
23383
23384<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>
vendor: 2 bytes, line 23384
23384
23385<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>
23385<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>
23385<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>
vendor: 2 bytes, line 23385
23385
23386<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>
vendor: 2 bytes, line 23386
23386
23387<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>
23387<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>
vendor: 2 bytes, line 23387
23387
23388<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>
vendor: 2 bytes, line 23388
23388
23389<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>
23389<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>
vendor: 2 bytes, line 23389
23389
23390<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>
vendor: 2 bytes, line 23390
23390
23391<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>
vendor: 2 bytes, line 23391
23391
23392<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>
vendor: 2 bytes, line 23392
23392
23393<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>
vendor: 2 bytes, line 23393
23393
23394<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"c5789b0b22a746d3a761247040f6baa5","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 23394
23394
23395<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":"aec5db08524c49a2ac3d881be50f21ca","r":1,"spa":2}' crossorigin="anonymous"></script>
23395 23396</body> 23397</html> 23398 23399 23400
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.