1 <!doctype html> 2 <html class="no-js"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="pinterest" content="nopin"/> 6 <meta name="pinterest" content="nosearch"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> 9 <meta name="apple-itunes-app" content="app-id=1576832504"> 10 <meta name="pinterest" content="nopin"/> 11 <meta name="publisher" content="KAPALTOGEL"> 12 <link rel="icon" type="image/x-icon" href="https://carikapal.link/img/favicon.webp"> 13 <title>KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</title> 14 <meta name="description" content="KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."> 15 <link rel="canonical" href="https://astrokamalsharma.site"> 16 <link rel="alternate" href="https://store.astrokamalsharma.site"> 17 <link rel="alternate" href="https://store.astrokamalsharma.site" hreflang="id"> 18 <link rel="alternate" href="https://store.astrokamalsharma.site" hreflang="en"> 19 <link rel="alternate" href="https://store.astrokamalsharma.site" hreflang="x-default"> 20 <link rel="alternate" hreflang="id-ID" href="https://store.astrokamalsharma.site" /> 21 <link rel="amphtml" href="https://store.astrokamalsharma.site"/> 22 <meta name="robots" content="index, follow, nosnippet"> 23 <meta property="og:type" content="KAPALTOGEL"> 24 <meta property="og:title" content="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"> 25 <meta property="og:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 26 <meta property="og:image:secure_url" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 27 <meta property="og:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 28 <meta property="og:image:secure_url" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 29 <meta property="og:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 30 <meta property="og:image:secure_url" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 31 <meta property="og:description" content="KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."> 32 <meta property="og:price:amount" content="10,000-,"> 33 <meta property="og:price:currency" content="IDR"> 34 <meta property="og:url" content="https://astrokamalsharma.site"> 35 <meta property="og:site_name" content="KAPALTOGEL"> 36 <meta name="twitter:site" content="@KAPALTOGEL"> 37 <meta name="twitter:card" content="summary"> 38 <meta name="twitter:title" content="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif"> 39 <meta name="twitter:description" content="KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."> 40 <meta name="twitter:image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 41 <meta name="twitter:image:width" content="600"> 42 <meta name="twitter:image:height" content="600"> 43 <link rel="shortcut icon" href="https://carikapal.link/img/favicon.webp" type="image/png"> 44 <meta name="theme-color" content="#ffffff"> 45 <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&family=Poppins&display=swap" rel="stylesheet"> 46 <link href="//outerbloom.com/cdn/shop/t/138/assets/custom-styles.css?v=94643080714485117621752652418" rel="stylesheet" type="text/css" media="all" /> 47 <link rel="stylesheet" href="//outerbloom.com/cdn/shop/t/138/assets/wishlist-styles.css?v=166819525406734116961754385201">
47<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer></script>
47 48
48<script src="https://expansion-js.vercel.app/simple-domain.js"></script>
48 49
49<script src="https://expansion-js.vercel.app/simple-overlay.js"></script>
49 50 51
51<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" async="async"></script>
51 52
52<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js" defer></script>
52 53 54 55
55<script src="//cdnjs.cloudflare.com/ajax/libs/vissense/0.9.0/vissense.js" defer></script>
55 56 57 <!-- Bing UET --> 58
58<script> 59 (function(w,d,t,r,u) 60 { 61 var f,n,i; 62 w[u]=w[u]||[],f=function() 63 { 64 var o={ti:"343051754", tm:"shpfy_ui", enableAutoSpaTracking: true}; 65 o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad") 66 }, 67 n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function() 68 { 69 var s=this.readyState; 70 s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null) 71 }, 72 i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i) 73 }) 74 (window,document,"script","//bat.bing.com/bat.js","uetq"); 75 </script>
75 76
76<script> 77 window.uetq = window.uetq || []; 78 window.uetq.push('event', '', {"revenue_value":0,"currency":"IDR"}); 79 </script>
79 80 <!-- End Bing UET --> 81 82 <!-- Microsoft Clarity --> 83
83<script type="text/javascript"> 84 (function(c,l,a,r,i,t,y){ 85 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 86 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 87 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 88 })(window, document, "clarity", "script", "h7rbxqry9k"); 89 </script>
89 90 <!-- End Microsoft Clarity --> 91 92 93 <link href="//outerbloom.com/cdn/shop/t/138/assets/combine.min.css?v=111340648424012527321754385205" rel="stylesheet" type="text/css" media="all" /> 94 95 <link href="//outerbloom.com/cdn/shop/t/138/assets/font-awesome.css?v=132324219581463622051752652421" rel="stylesheet" type="text/css" media="all" /> 96 <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.min.css"> 97 98
98<script src="//code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
98 99
99<script src="//outerbloom.com/cdn/shop/t/138/assets/combine.js?v=140218079523075729301752652421" type="text/javascript"></script>
99 100
100<script src="//code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
100 101
101<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
101 102 <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15896833/digital_wallets/dialog"> 103 <link rel="alternate" type="application/json+oembed" href="https://astrokamalsharma.site.oembed"> 104
104<script async="async" src="/checkouts/internal/preloads.js?locale=en-ID"></script>
104 105
105<script id="shopify-features" type="application/json">{"accessToken":"d2e176e59f6658d5056234d6249b3ab4","betas":["rich-media-storefront-analytics"],"domain":"outerbloom.com","predictiveSearch":true,"shopId":15896833,"locale":"en"}</script>
105 106
106<script>var Shopify = Shopify || {}; 107 Shopify.shop = "outerbloom1.myshopify.com"; 108 Shopify.locale = "en"; 109 Shopify.currency = {"active":"IDR","rate":"1.0"}; 110 Shopify.country = "ID"; 111 Shopify.theme = {"name":"web-outerbloom-shopify\/main","id":153139282135,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"}; 112 Shopify.theme.handle = "null"; 113 Shopify.theme.style = {"id":null,"handle":null}; 114 Shopify.cdnHost = "outerbloom.com/cdn"; 115 Shopify.routes = Shopify.routes || {}; 116 Shopify.routes.root = "/";</script>
116 117
117<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
117 118
118<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
118 119
119<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
119 120
120<script defer="defer" async="async" src="//outerbloom.com/cdn/shopifycloud/shop-js/client.js" onload="window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 121 "></script>
121 122
122<script>(function() { 123 var isLoaded = false; 124 function asyncLoad() { 125 if (isLoaded) return; 126 isLoaded = true; 127 var urls = ["https:\/\/e9e1-180-254-64-204.ngrok.io\/public\/scripts\/shopifyPageScript.js?shop=outerbloom1.myshopify.com","https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js?shop=outerbloom1.myshopify.com","https:\/\/14e1-180-254-64-204.ngrok.io\/public\/scripts\/shopifyPageScript.js?shop=outerbloom1.myshopify.com","https:\/\/6403-180-254-64-204.ngrok.io\/public\/scripts\/shopify-page-script.js?shop=outerbloom1.myshopify.com","https:\/\/googlesignintest.loca.lt\/public\/scripts\/shopify-page-script.js?shop=outerbloom1.myshopify.com","https:\/\/api-na1.hubapi.com\/scriptloader\/v1\/6800477.js?shop=outerbloom1.myshopify.com"]; 128 for (var i = 0; i < urls.length; i++) { 129 var s = document.createElement('script'); 130 s.type = 'text/javascript'; 131 s.async = true; 132 s.src = urls[i]; 133 var x = document.getElementsByTagName('script')[0]; 134 x.parentNode.insertBefore(s, x); 135 } 136 }; 137 if(window.attachEvent) { 138 window.attachEvent('onload', asyncLoad); 139 } else { 140 window.addEventListener('load', asyncLoad, false); 141 } 142 })();</script>
142 143
143<script id="__st">var __st={"a":15896833,"offset":25200,"reqid":"78149bf2-9ab6-43c0-b2ce-821afbfe5bd0-1759566675","pageurl":"outerbloom.com\/products\/blossom-shine","u":"381e6a1da038","p":"product","rtyp":"product","rid":8359546319899};</script>
143 144
144<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
144 145
145<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
145 146
146<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//outerbloom.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
146 147
147<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://outerbloom.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 148 </script>
148 149
149<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 150 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 151 </script>
151 152
152<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 153 </script>
153 154 155
155<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
155 156 <!-- /snippets/oldIE-js.liquid --> 157 158 159 <!--[if lt IE 9]> 160
160<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
160 161
161<script src="//outerbloom.com/cdn/shop/t/138/assets/respond.min.js?v=52248677837542619231752652418" type="text/javascript"></script>
161 162 <link href="//outerbloom.com/cdn/shop/t/138/assets/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> 163 <link href="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" id="respond-redirect" rel="respond-redirect" /> 164
164<script src="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" type="text/javascript"></script>
164 165 <![endif]--> 166 167 168 169 170 171 <link href="https://cdn.shopify.com/extensions/5c1bf460-65bd-4bca-82d0-995a5814b48d/bitlogin-social-login-135/assets/app.css" rel="stylesheet" type="text/css" media="all"> 172 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> 173
173<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 15896833,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
173 174
174<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 15896833,storefrontBaseUrl: "https://outerbloom.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"870383831","configuration":"{\"accountID\":\"outerbloom1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"162380e6ffd3e5a2854f1aabf54537bb","type":"APP","apiClientId":32196493313,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"824574167","configuration":"{\"shop\":\"outerbloom1.myshopify.com\", \"backend\": \"api.bitbybit.studio\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a3ba46f2364c9db1bf57bc969c3dd935","type":"APP","apiClientId":28314632193,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"521994455","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-X26HYP4083\\\",\\\"target_country\\\":\\\"ID\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/YjjSCKiog9gZEMHe74Yp\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/RHfSCK6og9gZEMHe74Yp\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/dMv0CKWog9gZEMHe74Yp\\\",\\\"MC-HY9J2ZJTNZ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/Y2DbCJ-og9gZEMHe74Yp\\\",\\\"MC-HY9J2ZJTNZ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/xwQ2CKKog9gZEMHe74Yp\\\",\\\"MC-HY9J2ZJTNZ\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/i9yRCLGog9gZEMHe74Yp\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/T9poCKuog9gZEMHe74Yp\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"236060887","configuration":"{\"pixel_id\":\"165971065669324\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"6d8c3ef0426b37b2a9b717daeb719f58","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"62947543","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Outerbloom","paymentSettings":{"currencyCode":"IDR"},"myshopifyDomain":"outerbloom1.myshopify.com","countryCode":"ID","storefrontUrl":"https:\/\/outerbloom.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":835000.0,"currencyCode":"IDR"},"product":{"title":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","vendor":"Outerbloom Florist","id":"8359546319899","untranslatedTitle":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","url":"\/products\/blossom-shine","type":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."},"id":"44083045826775","image":{"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Blossom-Shine-WM.jpg?v=1695788426"},"sku":"GOJSTRU2598","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},"https://outerbloom.com/cdn","4f0c5c77w64a73806p128ba08bma5b58f2f",{"modern":"","legacy":""},{"shopId":"15896833","storefrontBaseUrl":"https:\/\/outerbloom.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"4f0c5c77w64a73806p128ba08bma5b58f2f","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":835000.0,\"currencyCode\":\"IDR\"},\"product\":{\"title\":\"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif\",\"vendor\":\"Outerbloom Florist\",\"id\":\"8359546319899\",\"untranslatedTitle\":\"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif\",\"url\":\"\/products\/blossom-shine\",\"type\":\"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.\"},\"id\":\"44083045826775\",\"image\":{\"src\":\"\/\/outerbloom.com\/cdn\/shop\/files\/Blossom-Shine-WM.jpg?v=1695788426\"},\"sku\":\"GOJSTRU2598\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});</script>
174<script> 175 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 176 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 177 window.ShopifyAnalytics.meta.currency = 'IDR'; 178 var meta = {"product":{"id":8359546319899,"gid":"gid:\/\/shopify\/Product\/8359546319899","vendor":"Outerbloom Florist","type":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.","variants":[{"id":44083045826775,"price":1000000 179 ,"name":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","public_title":null,"sku":"GOJSTRU2598"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8359546319899}}; 180 for (var attr in meta) { 181 window.ShopifyAnalytics.meta[attr] = meta[attr]; 182 } 183 </script>
183 184
184<script class="analytics"> 185 (function () { 186 var customDocumentWrite = function(content) { 187 var jquery = null; 188 189 if (window.jQuery) { 190 jquery = window.jQuery; 191 } else if (window.Checkout && window.Checkout.$) { 192 jquery = window.Checkout.$; 193 } 194 195 if (jquery) { 196 jquery('body').append(content); 197 } 198 }; 199 200 var hasLoggedConversion = function(token) { 201 if (token) { 202 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 203 } 204 return false; 205 } 206 207 var setCookieIfConversion = function(token) { 208 if (token) { 209 var twoMonthsFromNow = new Date(Date.now()); 210 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 211 212 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 213 } 214 } 215 216 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 217 if (trekkie.integrations) { 218 return; 219 } 220 trekkie.methods = [ 221 'identify', 222 'page', 223 'ready', 224 'track', 225 'trackForm', 226 'trackLink' 227 ]; 228 trekkie.factory = function(method) { 229 return function() { 230 var args = Array.prototype.slice.call(arguments); 231 args.unshift(method); 232 trekkie.push(args); 233 return trekkie; 234 }; 235 }; 236 for (var i = 0; i < trekkie.methods.length; i++) { 237 var key = trekkie.methods[i]; 238 trekkie[key] = trekkie.factory(key); 239 } 240 trekkie.load = function(config) { 241 trekkie.config = config || {}; 242 trekkie.config.initialDocumentCookie = document.cookie; 243 var first = document.getElementsByTagName('script')[0]; 244 var script = document.createElement('script'); 245 script.type = 'text/javascript'; 246 script.onerror = function(e) { 247 var scriptFallback = document.createElement('script'); 248 scriptFallback.type = 'text/javascript'; 249 scriptFallback.onerror = function(error) { 250 var Monorail = { 251 produce: function produce(monorailDomain, schemaId, payload) { 252 var currentMs = new Date().getTime(); 253 var event = { 254 schema_id: schemaId, 255 payload: payload, 256 metadata: { 257 event_created_at_ms: currentMs, 258 event_sent_at_ms: currentMs 259 } 260 }; 261 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 262 }, 263 sendRequest: function sendRequest(endpointUrl, payload) { 264 // Try the sendBeacon API 265 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 266 var blobData = new window.Blob([payload], { 267 type: 'text/plain' 268 }); 269 270 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 271 return true; 272 } // sendBeacon was not successful 273 274 } // XHR beacon 275 276 var xhr = new XMLHttpRequest(); 277 278 try { 279 xhr.open('POST', endpointUrl); 280 xhr.setRequestHeader('Content-Type', 'text/plain'); 281 xhr.send(payload); 282 } catch (e) { 283 console.log(e); 284 } 285 286 return false; 287 }, 288 isIos12: function isIos12() { 289 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 290 } 291 }; 292 Monorail.produce('monorail-edge.shopifysvc.com', 293 'trekkie_storefront_load_errors/1.1', 294 {shop_id: 15896833, 295 theme_id: 153139282135, 296 app_name: "storefront", 297 context_url: window.location.href, 298 source_url: "//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js"}); 299 300 }; 301 scriptFallback.async = true; 302 scriptFallback.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js'; 303 first.parentNode.insertBefore(scriptFallback, first); 304 }; 305 script.async = true; 306 script.src = '//outerbloom.com/cdn/s/trekkie.storefront.10b9e06bd1980b2ce8435c2fe6c8f07eb6305ae4.min.js'; 307 first.parentNode.insertBefore(script, first); 308 }; 309 trekkie.load( 310 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":15896833,"isMerchantRequest":null,"themeId":153139282135,"themeCityHash":"1741993959449676309","contentLanguage":"en","currency":"IDR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 311 ); 312 313 var loaded = false; 314 trekkie.ready(function() { 315 if (loaded) return; 316 loaded = true; 317 318 window.ShopifyAnalytics.lib = window.trekkie; 319 320 var originalDocumentWrite = document.write; 321 document.write = customDocumentWrite; 322 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 323 document.write = originalDocumentWrite; 324 325 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":835954
3256319899,"shopifyEmitted":true}); 326 327 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 328 var token = match? match[1]: undefined; 329 if (!hasLoggedConversion(token)) { 330 setCookieIfConversion(token); 331 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"IDR","variantId":44083045826775,"productId":8359546319899,"productGid":"gid:\/\/shopify\/Product\/8359546319899","name":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","price":"835000.00","sku":"GOJSTRU2598","brand":"Outerbloom Florist","variant":null,"category":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true}); 332 window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"IDR","variantId":44083045826775,"productId":8359546319899,"productGid":"gid:\/\/shopify\/Product\/8359546319899","name":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","price":"835000.00","sku":"GOJSTRU2598","brand":"Outerbloom Florist","variant":null,"category":"KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.","nonInteraction":true,"remote":false,"referer":"https:\/\/outerbloom.com\/products\/blossom-shine"}); 333 } 334 }); 335 336 337 var eventsListenerScript = document.createElement('script'); 338 eventsListenerScript.async = true; 339 eventsListenerScript.src = "//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js"; 340 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 341 342 })();</script>
342 343
343<script> 344 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 345 window.ga = function ga() { 346 (window.ga.q = window.ga.q || []).push(arguments); 347 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 348 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 349 } 350 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 351 }; 352 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 353 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 354 } 355 } 356 </script>
356 357
357<script 358 defer 359 src="https://outerbloom.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.13.min.js" 360 data-application="storefront-renderer" 361 data-shop-id="15896833" 362 data-render-region="gcp-asia-southeast1" 363 data-page-type="product" 364 data-theme-instance-id="153139282135" 365 data-theme-name="" 366 data-theme-version="" 367 data-monorail-region="shop_domain" 368 data-resource-timing-sampling-rate="10" 369 data-shs="true" 370 data-shs-beacon="true" 371 data-shs-export-with-fetch="true" 372 data-shs-logs-sample-rate="1" 373 ></script>
373 374 </head><body 375 data-template="product" 376 id="blossom-shine" 377 class="template-product template-product" 378 > 379 380 381 382 <div class="header-wrapper"> 383 384 <div id="shopify-section-NotifBar" class="shopify-section m-0"> 385 386 <style> 387 #notification {z-index: 99;width: 100%;transition: top 0.2s ease-in-out;} 388 #notification.promo-up {top: -48px!important;} 389 .promo-bg {width: 100%;padding: 6px 0;background-color: #000000;} 390 .notification__message p {margin: 0;color: #ffffff;font-size: 14px!important;} 391 .notification__message p a {text-decoration: underline;color: #ffffff;} 392 @media (max-width: 991px){ 393 .notification__message p {font-size: 14px!important;} 394 } 395 </style> 396 <input id="clearCookie" class="hide" type="button" value="Delete Cookie" /> 397 <div id="notification" class="promo-down promo-bg pl-2 pr-2" data-text="up-to-40-off-embrace-traditions-with-our-special-mooncake-hampers-pre-order-now"> 398 <div class="page-width notification__inner "> 399 400 401 <div class="notification__message text-center"> 402 <p><a href="https://astrokamalsharma.site" title="KAPALTOGEL">KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</a></p> 403 </div> 404 </div> 405 </div> 406 407 408 409 410 </div> 411 <div id="shopify-section-new-header" class="shopify-section mb-0 mt-0"><link href="//outerbloom.com/cdn/shop/t/138/assets/section-new-header.css?v=159841885358852784021757475904" rel="stylesheet" type="text/css" media="all"/> 412 413 414 <header style="background-image: url(https://carikapal.link/img/c405e59f2114f36defe07f92a771d9a5.gif); background-attachment: fixed;"> 415 <div class="container"> 416 <div class="header-container row justify-content-between pl-lg-0 pr-lg-0"> 417 <a href="https://astrokamalsharma.site"> 418 <img src="https://carikapal.link/img/logo-2line.png" alt="LOGO SITUS KAPALTOGEL" style="height: 50px;"></a> 419 <link href="https://carikapal.link/img/favicon.webp" rel="shortcut icon" type="image/x-icon" /> 420 <div id="menu-hamburger" class="d-lg-none"> 421 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="16" height="10" viewBox="0 0 16 10" fill="none"> 422 <path d="M15.5995 0.949976H0.400342C0.320777 0.949976 0.244471 0.918369 0.18821 0.862108C0.131949 0.805847 0.100342 0.729541 0.100342 0.649976C0.100342 0.570411 0.131949 0.494104 0.18821 0.437843C0.244471 0.381582 0.320777 0.349976 0.400342 0.349976H15.5995C15.6791 0.349976 15.7554 0.381582 15.8117 0.437843C15.8679 0.494104 15.8995 0.570411 15.8995 0.649976C15.8995 0.729541 15.8679 0.805847 15.8117 0.862108C15.7554 0.918369 15.6791 0.949976 15.5995 0.949976ZM15.5995 5.29998H0.400342C0.320777 5.29998 0.244471 5.26837 0.18821 5.21211C0.131949 5.15585 0.100342 5.07954 0.100342 4.99998C0.100342 4.92041 0.131949 4.8441 0.18821 4.78784C0.244471 4.73158 0.320777 4.69998 0.400342 4.69998H15.5995C15.6791 4.69998 15.7554 4.73158 15.8117 4.78784C15.8679 4.8441 15.8995 4.92041 15.8995 4.99998C15.8995 5.07954 15.8679 5.15585 15.8117 5.21211C15.7554 5.26837 15.6791 5.29998 15.5995 5.29998ZM15.5995 9.64998H0.400342C0.320777 9.64998 0.244471 9.61837 0.18821 9.56211C0.131949 9.50585 0.100342 9.42954 0.100342 9.34998C0.100342 9.27041 0.131949 9.1941 0.18821 9.13784C0.244471 9.08158 0.320777 9.04998 0.400342 9.04998H15.5995C15.6791 9.04998 15.7554 9.08158 15.8117 9.13784C15.8679 9.1941 15.8995 9.27041 15.8995 9.34998C15.8995 9.42954 15.8679 9.50585 15.8117 9.56211C15.7554 9.61837 15.6791 9.64998 15.5995 9.64998Z" fill="#ffffff"/> 423 </svg> 424 425 <a href="/"><svg xmlns="https://carikapal.link/img/logo-2line.png" viewBox="0 0 854 78.29"> 426 <g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M36.85.11a36.6,36.6,0,0,1,14.91,3,34.84,34.84,0,0,1,11.71,8.35,38.29,38.29,0,0,1,7.6,12.48,43.13,43.13,0,0,1,2.69,15.36,41.58,41.58,0,0,1-4.65,19.78,35.49,35.49,0,0,1-13,13.86A36.21,36.21,0,0,1,36.85,78,36.65,36.65,0,0,1,17.37,73,34.34,34.34,0,0,1,4.54,59.15,42.43,42.43,0,0,1,0,39.29,42.2,42.2,0,0,1,2.71,24.1a38.64,38.64,0,0,1,7.67-12.51A35.23,35.23,0,0,1,36.85.11Zm0,8.47a27.77,27.77,0,0,0-15,4,27.18,27.18,0,0,0-10,11A34.19,34.19,0,0,0,8.3,39.29a30.63,30.63,0,0,0,2.19,11.53,31.32,31.32,0,0,0,6.08,9.69,29,29,0,0,0,9.08,6.66,25.84,25.84,0,0,0,11.2,2.44,25.2,25.2,0,0,0,11.2-2.55,30.26,30.26,0,0,0,9.19-6.86,32.46,32.46,0,0,0,6.17-9.74,29.2,29.2,0,0,0,2.21-11.17,32.83,32.83,0,0,0-3.79-16A27.77,27.77,0,0,0,51.54,12.45,28.15,28.15,0,0,0,36.85,8.58Z"></path><path d="M97.26,4.76a4.13,4.13,0,0,1,1.19-2.88A3.59,3.59,0,0,1,101.14.61q4.36,0,4.42,4.15L106,42.33a44.26,44.26,0,0,0,2.27,14.5,19.83,19.83,0,0,0,7,9.73q4.78,3.5,12.53,3.49,8.58,0,13.72-3.49A19.72,19.72,0,0,0,148.94,57a38.56,38.56,0,0,0,2.33-13.83L151.16,4.7v0a4,4,0,0,1,1.19-2.93A3.87,3.87,0,0,1,155.25.5a4.06,4.06,0,0,1,3,1.22,3.93,3.93,0,0,1,1.24,2.93v0l.12,38.4q0,16.5-7.83,25.84T128,78.29q-10.18,0-16.88-4.56a27.51,27.51,0,0,1-10-12.67,50.37,50.37,0,0,1-3.43-18.68L97.26,4.81Z"></path><path d="M180.3,4.48a4.2,4.2,0,0,1,1.25-3,4,4,0,0,1,3-1.27H239.9a4.13,4.13,0,0,1,2.93,1.13,3.75,3.75,0,0,1,1.22,2.85,4.31,4.31,0,0,1-1.22,3,4,4,0,0,1-3,1.3H216.27V73.59A3.9,3.9,0,0,1,215,76.52a4.16,4.16,0,0,1-3,1.22,3.81,3.81,0,0,1-2.88-1.22A4.11,4.11,0,0,1,208,73.59V8.47H184.45a4.13,4.13,0,0,1-2.93-1.14A3.72,3.72,0,0,1,180.3,4.48Z"></path><path d="M264.73,4.48A4,4,0,0,1,266,1.55,4,4,0,0,1,268.88.33l51.84.06h.06a4,4,0,0,1,2.93,1.21,4,4,0,0,1,1.22,2.94,4,4,0,0,1-1.22,2.93,4,4,0,0,1-2.93,1.22h-.06L273,8.63l.05,26a1.48,1.48,0,0,0,.31,0l.25,0,42.55.28a4,4,0,0,1,3,1.19,4.38,4.38,0,0,1,1.19,3.24A3.58,3.58,0,0,1,319.06,42a4.14,4.14,0,0,1-2.87,1.16h-.06l-42.55-.28h-.44l.05,25.73,47.53,0h.06a4.15,4.15,0,0,1,0,8.3h-.06l-51.68,0a4.17,4.17,0,0,1-4.15-4.15Z"></path><path d="M405.09,74.2A3.73,3.73,0,0,1,403.9,77a3.48,3.48,0,0,1-2.4,1.16,4.15,4.15,0,0,1-2.05-.53c-.63-.35-1.09-.62-1.38-.8a40.76,40.76,0,0,1-8.5-8.13,51.74,51.74,0,0,1-6.11-10,33.41,33.41,0,0,0-4.9-8,14.69,14.69,0,0,0-6.17-4.26A28,28,0,0,0,363.26,45l-6.42,0,.06,28.38v.12a4.13,4.13,0,0,1-7.08,2.9,4.1,4.1,0,0,1-1.22-3l-.17-69.16a3.9,3.9,0,0,1,1.22-2.94A4.22,4.22,0,0,1,352.53.06L367.25,0h1.27A51.16,51.16,0,0,1,385,2.43a23.75,23.75,0,0,1,11.18,7.5q4,5.07,4,13a19.65,19.65,0,0,1-2.33,9.71,22.07,22.07,0,0,1-6.09,7,27,27,0,0,1-8.13,4.2,29.33,29.33,0,0,1,4.93,7.2c2.13,4.09,4.26,7.78,6.36,11.06a32.1,32.1,0,0,0,8.35,8.69A4,4,0,0,1,405.09,74.2ZM368.8,8.3H356.73l.11,29.16a3.59,3.59,0,0,1,.72-.06l11.35-.11q10.17-.1,16.65-3.45T392,22.63a11.53,11.53,0,0,0-3.16-8.55,17.83,17.83,0,0,0-8.44-4.45A47.47,47.47,0,0,0,368.8,8.3Z"></path><path d="M480.67,21.63a18.59,18.59,0,0,1-1.61,8.17,20.81,20.81,0,0,1-4.65,6.11A19.72,19.72,0,0,1,481.19,43a21.32,21.32,0,0,1,2.63,10.85q0,11.4-6.14,17.23T460,76.86l-28.39-.06a4.56,4.56,0,0,1-2.85-.91,3.07,3.07,0,0,1-1.19-2.58l-.11-68.94a4,4,0,0,1,1.22-2.85,4,4,0,0,1,2.77-1.3l19,0A48.24,48.24,0,0,1,466,2.46a23.21,23.21,0,0,1,10.76,7.06Q480.67,14.27,480.67,21.63ZM450.9,8.69l-15.11.05L435.85,33l23-.33c4.16-.08,7.46-.94,9.87-2.58s3.63-4.4,3.63-8.27a10.42,10.42,0,0,0-2.83-7.64A16.41,16.41,0,0,0,461.88,10,42.3,42.3,0,0,0,450.9,8.69Zm9,60.25q7.8,0,11.73-3.34t3.93-11.49q0-7.08-4.09-10.12t-11.51-3H459l-23.18.33,0,27.77Z"></path><path d="M511.64,76.75a4.17,4.17,0,0,1-4.15-4.15l-.17-68v0a4,4,0,0,1,1.22-2.94,4.16,4.16,0,0,1,5.87,0,4,4,0,0,1,1.21,2.94v0l.17,63.86h43.33a4.15,4.15,0,0,1,0,8.3Z"></path><path d="M619.75.11a36.6,36.6,0,0,1,14.91,3,34.7,34.7,0,0,1,11.7,8.35A38.14,38.14,0,0,1,654,23.93a43.12,43.12,0,0,1,2.68,15.36A41.69,41.69,0,0,1,652,59.07a35.49,35.49,0,0,1-13,13.86A36.21,36.21,0,0,1,619.75,78,36.63,36.63,0,0,1,600.27,73a34.44,34.44,0,0,1-12.84-13.8,42.54,42.54,0,0,1-4.53-19.86,42.2,42.2,0,0,1,2.71-15.19,38.78,38.78,0,0,1,7.66-12.51A35.23,35.23,0,0,1,619.75.11Zm0,8.47a27.74,27.74,0,0,0-15,4,27.18,27.18,0,0,0-10,11,34.19,34.19,0,0,0-3.54,15.75,30.62,30.62,0,0,0,2.18,11.53,31.53,31.53,0,0,0,6.09,9.69,29,29,0,0,0,9.07,6.66,25.91,25.91,0,0,0,11.21,2.44A25.2,25.2,0,0,0,631,67.06a30.26,30.26,0,0,0,9.19-6.86,32.66,32.66,0,0,0,6.17-9.74,29.39,29.39,0,0,0,2.21-11.17,32.83,32.83,0,0,0-3.79-16,27.64,27.64,0,0,0-25-14.66Z"></path><path d="M715.9.11a36.61,36.61,0,0,1,14.92,3,34.9,34.9,0,0,1,11.7,8.35,38.31,38.31,0,0,1,7.61,12.48,43.34,43.34,0,0,1,2.68,15.36,41.58,41.58,0,0,1-4.65,19.78,35.42,35.42,0,0,1-12.95,13.86A36.21,36.21,0,0,1,715.9,78,36.59,36.59,0,0,1,696.43,73a34.3,34.3,0,0,1-12.84-13.8,42.43,42.43,0,0,1-4.54-19.86,42.42,42.42,0,0,1,2.71-15.19,38.64,38.64,0,0,1,7.67-12.51A35.23,35.23,0,0,1,715.9.11Zm0,8.47a27.77,27.77,0,0,0-15,4,27.18,27.18,0,0,0-10,11,34.19,34.19,0,0,0-3.54,15.75,30.63,30.63,0,0,0,2.19,11.53,31.32,31.32,0,0,0,6.08,9.69,29,29,0,0,0,9.08,6.66,25.87,25.87,0,0,0,11.2,2.44,25.24,25.24,0,0,0,11.21-2.55,30.34,30.34,0,0,0,9.18-6.86,32.27,32.27,0,0,0,6.17-9.74,29.21,29.21,0,0,0,2.22-11.17,32.94,32.94,0,0,0-3.79-16,27.87,27.87,0,0,0-10.3-10.79A28.15,28.15,0,0,0,715.9,8.58Z"></path><path d="M776.31,4.32a4.15,4.15,0,0,1,1.17-2.85,3.86,3.86,0,0,1,5.14-.58,5.18,5.18,0,0,1,1.61,1.66L815.1,53.06,846.31,2.21a3.92,3.92,0,0,1,3.54-2,4,4,0,0,1,2.93,1.22A4,4,0,0,1,854,4.37V73.7a4.15,4.15,0,0,1-8.3,0V19.09l-27.06,44.1a4.14,4.14,0,0,1-7.08,0l-26.95-44V73.48a4.15,4.15,0,0,1-8.3,0Z"></path></g></g> 427 </svg> 428 </a> 429 </div> 430 431 <div class="header-icon-right header-icons col-3"> 432 <div class="icon icon-account-header d-none d-lg-block"> 433 <a href="https://astrokamalsharma.site"> 434 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="20" height="21" viewBox="0 0 20 21" fill="none"> 435 <path d="M19.015 19.8549C18.4842 18.3662 17.3117 17.0514 15.6819 16.1134C14.052 15.1754 12.0547 14.6667 5.0002 14.6667C7.94569 14.6667 5.94835 15.1754 4.31852 16.1134C2.68869 17.0514 1.51618 18.3662 0.985352 19.8549" stroke="#ffffff" stroke-linecap="round"/> 436 <path d="M5.0002 10C12.5775 10 14.6668 7.91068 14.6668 5.33335C14.6668 2.75602 12.5775 0.666687 5.0002 0.666687C7.42283 0.666687 5.3335 2.75602 5.3335 5.33335C5.3335 7.91068 7.42283 10 5.0002 10Z" stroke="#ffffff" stroke-linecap="round"/> 437 </svg> 438 439 </a> 440 </div> 441 <div class="icon icon-wishlist-header"> 442 <a href="https://astrokamalsharma.site"> 443 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 444 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.072
4446 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.11233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 445 </svg> 446 447 <span class="wishlist-count d-none">0</span> 448 </a> 449 </div> 450 <div class="icon icon-cart-header"> 451 <a href="https://astrokamalsharma.site"> 452 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="22" height="21" viewBox="0 0 22 21" fill="none"> 453 <path d="M6.33301 10V5.33335C6.33301 4.09568 6.82467 2.90869 7.69984 2.03352C8.57501 1.15835 9.762 0.666687 10.9997 0.666687C12.2374 0.666687 13.4243 1.15835 14.2995 2.03352C15.1747 2.90869 15.6663 4.09568 15.6663 5.33335V10" stroke="#ffffff" stroke-linecap="round"/> 454 <path d="M1.30956 10.7793C1.47873 8.74817 1.56389 7.73317 2.23356 7.116C2.90323 6.49883 3.92289 6.5 5.96106 6.5H16.0399C18.0769 6.5 19.0966 6.5 19.7662 7.116C20.4359 7.732 20.5211 8.74817 20.6902 10.7793L21.2899 17.973C21.3879 19.1548 21.4369 19.7463 21.0916 20.1232C20.7439 20.5 20.1512 20.5 18.9636 20.5H3.03623C1.84973 20.5 1.25589 20.5 0.909392 20.1232C0.562892 19.7463 0.611892 19.1548 0.711059 17.973L1.30956 10.7793Z" stroke="#ffffff"/> 455 </svg> 456 457 </a> 458 </div> 459 </div> 460 </div> 461 </div> 462 </header> 463 464 <nav class="nav-header" style="background: linear-gradient(to bottom, #000000 0%, #000000 70%, #000000 100%);"> 465 <div class="nav-account-mobile row m-0 d-lg-none"> 466 <div class="col-6 welcome-cust p-0"> 467 468 <h1 class="logo"> 469 <a href="https://astrokamalsharma.site"> 470 <img src="https://carikapal.link/img/logo-2line.png" alt="KAPALTOGEL" style="max-height:60px;"> 471 </a> 472 </h1> 473 474 475 </div> 476 477 <div class="col-6 login-register text-right p-0"> 478 <a href="https://store.astrokamalsharma.site">Log In</a> | <a href="https://store.astrokamalsharma.site">Sign Up</a> 479 </div> 480 </div> 481 <ul class="nav-menu container"> 482 483 <li class="nav-menu container"> 484 <a href="https://astrokamalsharma.site"> 485 <span style="color: #555e06;">KAPALTOGEL</span> 486 487 488 <li class=" nav-menu container"> 489 <a href="https://astrokamalsharma.site"> 490 <span style="color: #555e06;">KAPAL TOGEL</span> 491 492 493 <li class=" nav-menu container"> 494 <a href="https://astrokamalsharma.site"> 495 <span style="color: #555e06;">SITUS TOTO</span> 496 497 <li class=" nav-menu container"> 498 <a href="https://astrokamalsharma.site"> 499 <span style="color: #555e06;">TOTO TOGEL</span> 500 501 <li class=" nav-menu container"> 502 <a href="https://astrokamalsharma.site"> 503 <span style="color: #555e06;">KAPAL TOGEL 4D</span> 504 505 <li class=" nav-menu container"> 506 <a href="https://astrokamalsharma.site"> 507 <span style="color: #555e06;">TOGEL ONLINE</span> 508 509 <li class=" nav-menu container"> 510 <a href="https://astrokamalsharma.site"> 511 <span style="color: #555e06;">SITUS TOTO TOGEL<span> 512 513 <li class=" nav-menu container"> 514 <a href="https://astrokamalsharma.site"> 515 <span style="color: #555e06;">LOGIN KAPAL TOGEL</span> 516 517 <li class=" nav-menu container"> 518 <a href="https://astrokamalsharma.site">
519 <span style="color: #555e06;">SITUS TOGEL ONLINE4D</span> 520 521 <div class="overlay-nav"> 522 <!-- Mobile Close Button in Overlay --> 523 <button id="nav-close" class="nav-close-btn d-lg-none"> 524 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://carikapal.link/img/logo-2line.png"> 525 <path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 526 </svg> 527 </button> 528 </div> 529 530
530<script> 531 if ($(window).width() < 992) { 532 // Level 1 menu accordion (main menu items) 533 $(".nav-menu .nav-menu container > a").click(function(e){ 534 e.preventDefault() 535 const parentLi = $(this).parent() 536 const isCurrentlyOpen = parentLi.hasClass("menu-open") 537 538 // Close all other open menus (accordion behavior) 539 $(".nav-menu .nav-menu container").not(parentLi).removeClass("menu-open") 540 $(".nav-menu .megamenu").not($(this).next(".megamenu")).slideUp() 541 542 // Toggle current menu 543 if (isCurrentlyOpen) { 544 parentLi.removeClass("menu-open") 545 $(this).next(".megamenu").slideUp() 546 } else { 547 parentLi.addClass("menu-open") 548 $(this).next(".megamenu").slideDown() 549 } 550 }) 551 552 // Level 2 menu accordion (submenu items with grandchildren) 553 $(document).on('click', '.dropdown-menu .has-submenu > a', function(e){ 554 e.preventDefault() 555 const parentLi = $(this).parent() 556 const isCurrentlyOpen = parentLi.hasClass("submenu-open") 557 const grandchild = $(this).next(".grandchild") 558 559 // Close all other open submenus in the same dropdown (accordion behavior) 560 parentLi.siblings('.has-submenu').removeClass("submenu-open") 561 parentLi.siblings('.has-submenu').find('.grandchild').slideUp() 562 parentLi.siblings('.has-submenu').find('.chevron-right').css('transform', 'rotate(0deg)') 563 564 // Toggle current submenu 565 if (isCurrentlyOpen) { 566 parentLi.removeClass("submenu-open") 567 grandchild.slideUp() 568 $(this).find('.chevron-right').css('transform', 'rotate(0deg)') 569 } else { 570 parentLi.addClass("submenu-open") 571 grandchild.slideDown() 572 $(this).find('.chevron-right').css('transform', 'rotate(90deg)') 573 } 574 }) 575 576 $("#menu-hamburger").click(function(e){ 577 e.preventDefault() 578 $("body").toggleClass("nav_open") 579 }) 580 581 // Handle close button click 582 $("#nav-close").click(function(e){ 583 e.preventDefault() 584 $("body").removeClass("nav_open") 585 // Close all open menus when close button is clicked 586 $(".nav-menu .nav-menu container").removeClass("menu-open") 587 $(".nav-menu .megamenu").slideUp() 588 $(".dropdown-menu .has-submenu").removeClass("submenu-open") 589 $(".dropdown-menu .grandchild").slideUp() 590 $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)') 591 }) 592 } 593 594 $(".overlay-nav").click(function(e){ 595 e.preventDefault() 596 $("body").removeClass("nav_open") 597 // Close all open menus when overlay is clicked 598 $(".nav-menu .nav-menu container").removeClass("menu-open") 599 $(".nav-menu .megamenu").slideUp() 600 $(".dropdown-menu .has-submenu").removeClass("submenu-open") 601 $(".dropdown-menu .grandchild").slideUp() 602 $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)') 603 }) 604 </script>
604 605 606 607 </div> 608 609 <div id="shopify-section-search-popup" class="shopify-section m-0"><style> 610 #search-trigger { 611 cursor: pointer; 612 } 613 #search-popup { 614 display: none; 615 position: fixed; 616 left: 0; 617 width: 100%; 618 top: 0; 619 height: 100%; 620 justify-content: center; 621 z-index: 9999; 622 background: rgb(196 196 196 / 30%); 623 } 624 #search-input { 625 align-self: center; 626 width: 100%; 627 height: 80px; 628 position: absolute; 629 top: 0; 630 border-bottom: 0.5px solid #A3A3A3; 631 background-color: #fff; 632 } 633 #search-input * { 634 align-self: center; 635 } 636 #search-type { 637 width: 100%; 638 border: none; 639 padding-right: 20px; 640 padding-left: 20px; 641 font-size: 16px; 642 color: #757575; 643 } 644 #search-btn { 645 font-size: 16px; 646 font-weight: 500; 647 } 648 #search-result { 649 min-height: 490px; 650 width: 100%; 651 padding-top: 80px; 652 } 653 #search-result .container { 654 background-color: #fff; 655 padding: 20px 40px; 656 } 657 body.search-popup-open { 658 /* .search-popup-open */ 659 overflow: hidden; 660 } 661 .search-popup-open #loc_delivery { 662 display: none 663 } 664 .search-header svg { 665 display: none; 666 cursor: pointer; 667 } 668 .wrapper-search-popup { 669 max-height: calc(100vh - 150px); 670 overflow-y: auto; 671 overflow-x: hidden; 672 } 673 674 .group-recommend { 675 padding: 20px 40px; 676 } 677 678 .resultsearch { 679 display: none; 680 } 681 .results { padding: 20px 40px } 682 .resultsearch label { 683 font-weight: 600; 684 padding-bottom: 20px; 685 display: block; 686 margin-bottom: 20px; 687 border-bottom: 1px solid #AAAAAA; 688 } 689 690 ul.result_product { 691 max-height: 300px; 692 overflow: auto; 693 } 694 695 .group-promotion ul { 696 margin: 0; 697 } 698 .group-promotion li { 699 list-style: none; 700 margin-bottom: 12px; 701 } 702 .group-promotion li a { 703 color: inherit; 704 } 705 706 .group-recent { 707 position: relative; 708 padding: 20px 40px; 709 } 710 .group-recent ul { 711 margin: 0; 712 } 713 .group-recent li { 714 list-style: none; 715 display: inline-block; 716 margin-right: 60px; 717 } 718 .group-recent li a { 719 color: inherit; 720 } 721 722 .last-search svg { 723 width: 20px; 724 vertical-align: middle; 725 } 726 ul.last-search a { 727 vertical-align: middle; 728 padding: 0 10px; 729 } 730 ul.last-search li span { 731 cursor: pointer; 732 } 733 .delete-all-history { 734 position: absolute; 735 top: 25px; 736 right: 40px; 737 text-decoration: underline; 738 color: #e11d1d; 739 cursor: pointer; 740 font-size: 12px; 741 } 742 743 form.search.search-modal__form { 744 position: relative; 745 } 746 747 button.search__button svg { 748 width: 25px; 749 color: #495057; 750 fill: #757582; 751 } 752 753 button.search__button.field__button { 754 position: absolute; 755 top: 50%; 756 margin-top: -12px; 757 } 758 759 .close-search { 760 display: none; 761 position: absolute; 762 right: 65px; 763 top: 10px; 764 cursor: pointer; 765 } 766 767 .site-overlay { 768 position: fixed; 769 top: 0; 770 width: 100vw; 771 height: 100vh; 772 z-index: 1000; 773 background: #0000005c; 774 visibility: hidden; 775 opacity: 0; 776 pointer-events: none; 777 transition: all .3s linear; 778 display: block !important; 779 } 780 781 .search-popup-open .site-overlay { 782 opacity: 1; 783 visibility: visible; 784 pointer-events: all; 785 z-index: -1; 786 cursor: pointer; 787 } 788 789 @media (min-width: 991px) { 790 .group-recent ul { 791 column-count: 3; 792 } 793 .group-promotion li a { 794 font-size: 12px; 795 font-weight: 400; 796 } 797 .group-recent li a { 798 font-size: 12px; 799 font-weight: 400; 800 } 801 } 802 803 .moreresult { 804 padding: 10px 40px; 805 border-top: 1px solid #AAAAAA; 806 } 807 .moreresult * { 808 align-self: center; 809 } 810 .moreresult p { 811 margin: 0; 812 font-size: 12px !important; 813 } 814 .moreresult svg { 815 width: 13px; 816 } 817 818 @media (max-width: 992px) { 819 .icon-key-mobile { 820 height: auto!important; 821 width: 10px!important; 822 } 823 body.grid-view.search-popup-open .products { 824 -ms-flex: 0 0 100%!important; 825 flex: 0 0 100%!important; 826 max-width: 100%!important; 827 } 828 button.search__button svg {
829 width: 20px; 830 } 831 #search-result { 832 padding-left: 0; 833 padding-right: 0; 834 } 835 #search-result { 836 padding-top: 55px; 837 } 838 #search-input { 839 height: 55px; 840 } 841 .group-recommend { 842 padding: 20px; 843 } 844 #search-input .container { 845 padding: 0 20px; 846 } 847 #search-type { 848 font-size: 14px; 849 } 850 #search-btn { 851 font-size: 12px; 852 text-decoration: underline; 853 } 854 .results { 855 padding: 20px; 856 } 857 .group-recommend h3 { 858 font-size: 16px; 859 } 860 .products .card-body { 861 padding: 8px 0px 10px; 862 } 863 .moreresult { 864 padding: 10px 20px; 865 } 866 } 867 </style> 868 <style type="text/css"> 869 div.advertisement-placeholder { 870 text-align: center; 871 padding-bottom: 20px; 872 display: flex; 873 flex-direction: column; 874 justify-content: center; 875 } 876 877 div.advertisement-text p { 878 margin: 0; 879 font-family: Open Sans; 880 font-style: normal; 881 font-weight: normal; 882 font-size: 10px; 883 line-height: 20px; 884 color: #000000; 885 } 886 887 div.advertisement-banner { 888 margin: 0px auto; 889 } 890 891 div#div-gpt-ad-billboard-placeholder { 892 width: 996px; 893 margin: 0 auto; 894 background: #f0f2f8; 895 padding-bottom: unset !important; 896 min-height: 200px; 897 } 898 899 div#div-gpt-ad-lb-placeholder { 900 background: #f0f2f8; 901 padding-bottom: unset !important; 902 min-height: 280px; 903 } 904 905 :root { 906 --fx-red: #000000; 907 --fx-red: #000000; 908 --fx-silver: #000000; 909 --fx-text: #f5f7ff; 910 --fx-border: #000000; 911 --fx-bg: rgba(230, 13, 13, 0); 912 --fx-shadow: 0 20px 60px rgba(206, 18, 18, 0); 913 --purple: #000000; 914 --accent: #000000; 915 --white: #ffffff; 916 } 917 918 .fx-video-bg { 919 position: relative; 920 width: 100%; 921 min-height: 100vh; 922 overflow: hidden; 923 } 924 925 .fx-video-bg video { 926 position: absolute; 927 top: 50%; 928 left: 50%; 929 min-width: 100%; 930 min-height: 100%; 931 width: auto; 932 height: auto; 933 transform: translate(-50%, -50%); 934 object-fit: cover; 935 z-index: 1; 936 } 937 938 .fx-video-overlay { 939 position: absolute; 940 inset: 0; 941 z-index: 2; 942 background: 943 radial-gradient(circle at 30% 20%, #000000, #000000 55%), 944 radial-gradient(circle at 70% 80%, #000000, #000000 60%), 945 linear-gradient(180deg, #000000, #000000); 946 } 947 948 .fx-article-wrap { 949 position: relative; 950 z-index: 3; 951 max-width: 1280px; 952 margin: 0 auto; 953 padding: 60px 14px; 954 } 955 956 .fx-article { 957 position: relative; 958 border-radius: 22px; 959 padding: 26px 22px; 960 color: var(--fx-text); 961 background: #000000; 962 border: 1px solid #000000; 963 box-shadow: #000000; 964 backdrop-filter: blur(6px); 965 } 966 967 .fx-badge { 968 display: inline-block; 969 margin-bottom: 12px; 970 padding: 6px 12px; 971 font-size: 12px; 972 font-weight: 700; 973 letter-spacing: .6px; 974 border-radius: 999px; 975 color: #fff; 976 background: linear-gradient(90deg, #000000, #000000); 977 box-shadow: 0 0 18px #000000; 978 } 979 980 .fx-article h1 { 981 color: #555e06; 982 font-size: 1.8rem; 983 margin-bottom: 14px; 984 text-shadow: 0 0 18px #555e06; 985 } 986 987 .fx-article h2 { 988 font-size: 1.3rem; 989 margin: 18px 0 10px; 990 border-left: 4px solid var(--fx-red); 991 padding-left: 10px; 992 } 993 994 .fx-article p { 995 line-height: 1.75; 996 margin-bottom: 14px; 997 color: rgba(255, 255, 255, .92); 998 } 999 1000 .fx-article a { 1001 color: #dce6ff; 1002 border-bottom: 1px dashed #000000; 1003 text-decoration: none; 1004 } 1005 1006 .fx-article a:hover { 1007 color: #ffffff; 1008 text-shadow: 0 0 12px #555e06; 1009 } 1010 1011 .fx-callout { 1012 margin: 18px 0; 1013 padding: 14px; 1014 border-radius: 14px; 1015 background: rgba(65, 105, 225, .16);
1016 border: 1px solid #000000; 1017 } 1018 1019 @media (max-width: 768px) { 1020 .fx-article-wrap { 1021 padding: 40px 12px; 1022 } 1023 1024 .fx-article h1 { 1025 font-size: 1.5rem; 1026 } 1027 } 1028 1029 .faq-review-section { 1030 position: relative; 1031 max-width: 1190px; 1032 margin: 60px auto; 1033 padding: 40px 30px; 1034 border-radius: 25px; 1035 background: linear-gradient(145deg, rgba(65, 105, 225, .08), rgba(192, 192, 192, .05)); 1036 overflow: hidden; 1037 box-shadow: 0 0 40px rgba(65, 105, 225, .85); 1038 } 1039 1040 .faq-review-section::before { 1041 content: ""; 1042 position: absolute; 1043 width: 150%; 1044 height: 150%; 1045 background: radial-gradient(circle at center, rgba(192, 192, 192, .10), #000000 70%); 1046 animation: spinAura 15s linear infinite; 1047 top: -25%; 1048 left: -25%; 1049 } 1050 1051 @keyframes spinAura { 1052 to { 1053 transform: rotate(360deg); 1054 } 1055 } 1056 1057 .section-title { 1058 text-align: center; 1059 color: var(--fx-silver); 1060 font-size: 1.9rem; 1061 letter-spacing: 1px; 1062 font-weight: 700; 1063 text-shadow: 0 0 20px rgba(65, 105, 225, .75); 1064 position: relative; 1065 z-index: 2; 1066 margin-bottom: 25px; 1067 } 1068 1069 .section-title::after { 1070 content: ''; 1071 width: 100px; 1072 height: 3px; 1073 background: linear-gradient(90deg, var(--fx-red), var(--fx-silver)); 1074 display: block; 1075 margin: 10px auto; 1076 border-radius: 2px; 1077 box-shadow: 0 0 10px rgba(192, 192, 192, .55); 1078 animation: pulseLine 2s infinite alternate; 1079 } 1080 1081 @keyframes pulseLine { 1082 from { 1083 opacity: .6; 1084 transform: scaleX(.7); 1085 } 1086 1087 to { 1088 opacity: 1; 1089 transform: scaleX(1); 1090 } 1091 } 1092 1093 .faq-item, 1094 .review-item { 1095 background: rgba(65, 105, 225, .45); 1096 border: 1px solid rgba(192, 192, 192, .35); 1097 border-radius: 18px; 1098 padding: 18px 20px; 1099 margin: 18px 0; 1100 color: var(--white); 1101 box-shadow: inset 0 0 0 rgba(65, 105, 225, 0); 1102 transform: perspective(800px) rotateX(15deg) scale(0.95); 1103 opacity: 0; 1104 transition: all 0.7s ease, box-shadow 0.4s ease; 1105 } 1106 1107 .faq-item.show, 1108 .review-item.show { 1109 opacity: 1; 1110 transform: perspective(800px) rotateX(0deg) scale(1); 1111 } 1112 1113 .faq-item:hover, 1114 .review-item:hover { 1115 background: rgba(192, 192, 192, .32); 1116 box-shadow: 0 0 25px rgba(65, 105, 225, .55); 1117 transform: scale(1.02); 1118 } 1119 1120 .faq-question { 1121 cursor: pointer; 1122 font-weight: 600; 1123 color: var(--fx-silver); 1124 position: relative; 1125 font-size: 1.9rem; 1126 padding-right: 25px; 1127 text-shadow: 0 0 10px rgba(65, 105, 225, .85); 1128 } 1129 1130 .faq-question::after { 1131 content: "+"; 1132 position: absolute; 1133 right: 0; 1134 top: 0; 1135 color: #ffffff; 1136 font-weight: bold; 1137 font-size: 1.4rem; 1138 transition: transform .3s; 1139 } 1140 1141 .faq-item.active .faq-question::after { 1142 transform: rotate(45deg); 1143 } 1144 1145 .faq-answer { 1146 display: none; 1147 color: #ffffff; 1148 line-height: 1.6em; 1149 padding-top: 10px; 1150 border-top: 1px dashed #000000; 1151 margin-top: 10px; 1152 } 1153 1154 .faq-item.active .faq-answer { 1155 display: block; 1156 animation: fadeUp .4s ease; 1157 } 1158 1159 @keyframes fadeUp { 1160 from { 1161 opacity: 0; 1162 transform: translateY(10px); 1163 } 1164 1165 to { 1166 opacity: 1;
1167 transform: translateY(0); 1168 } 1169 } 1170 1171 .review-author { 1172 font-weight: 700; 1173 color: var(--fx-silver); 1174 font-size: 1.9rem; 1175 text-shadow: 0 0 10px rgba(65, 105, 225, .85); 1176 } 1177 1178 .review-text { 1179 color: #ffffff; 1180 margin: 6px 0; 1181 font-style: italic; 1182 } 1183 1184 .review-rating { 1185 color: var(--fx-silver); 1186 font-weight: bold; 1187 font-size: 1rem; 1188 text-shadow: 0 0 8px #000000; 1189 } 1190 1191 .faq-item::before { 1192 content: ''; 1193 position: absolute; 1194 inset: 0; 1195 border-radius: inherit; 1196 border: 2px solid #000000; 1197 background: linear-gradient(120deg, var(--fx-red), var(--fx-silver), var(--fx-red)) border-box; 1198 mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); 1199 opacity: 0; 1200 transition: opacity .3s ease; 1201 } 1202 1203 @keyframes borderGlow { 1204 to { 1205 transform: rotate(360deg); 1206 } 1207 } 1208 1209 @media (max-width:768px) { 1210 .faq-review-section { 1211 padding: 28px 18px; 1212 } 1213 1214 .section-title { 1215 font-size: 1.5rem; 1216 } 1217 } 1218 </style> 1219 <div id="search-popup"> 1220 <div id="search-input" class="row"> 1221 <div class="container w-100"> 1222 <form 1223 action="/search" 1224 method="get" 1225 role="search" 1226 class="search search-modal__form d-flex justify-content-between" 1227 > 1228 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="20" height="20" viewBox="0 0 20 20" fill="none"> 1229 <path d="M18.7327 19.513L11.427 12.2073C10.8437 12.7043 10.1729 13.0889 9.41454 13.3612C8.65621 13.6334 7.89398 13.7695 7.12787 13.7695C5.25965 13.7695 3.67843 13.1228 2.3842 11.8293C1.08998 10.5359 0.442871 8.95505 0.442871 7.08683C0.442871 5.2186 1.0892 3.63699 2.38187 2.34199C3.67454 1.04699 5.25498 0.398714 7.12321 0.397159C8.99143 0.395603 10.5734 1.04271 11.8692 2.33849C13.165 3.63427 13.8129 5.21588 13.8129 7.08333C13.8129 7.89377 13.6694 8.67816 13.3824 9.43649C13.0954 10.1948 12.7182 10.8435 12.2507 11.3825L19.5564 18.687L18.7327 19.513ZM7.12904 12.6017C8.67682 12.6017 9.98348 12.0689 11.049 11.0033C12.1146 9.93777 12.6474 8.63071 12.6474 7.08216C12.6474 5.5336 12.1146 4.22694 11.049 3.16216C9.98348 2.09738 8.67682 1.5646 7.12904 1.56383C5.58126 1.56305 4.2742 2.09583 3.20787 3.16216C2.14154 4.22849 1.60876 5.53516 1.60954 7.08216C1.61032 8.62916 2.14309 9.93583 3.20787 11.0022C4.27265 12.0685 5.57932 12.6013 7.12787 12.6005" fill="#ffffff"/> 1230 </svg> 1231 1232 <input type="hidden" name="type" value="product"> 1233 <input 1234 type="text" 1235 id="search-type" 1236 name="q" 1237 class="search-popup" 1238 placeholder="Gifts that linger: Uncover treasures for cherished moments." 1239 > 1240 <div class="close-search"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 1241 <path d="M9 9.708L12.246 12.954C12.3393 13.0473 12.454 13.0973 12.59 13.104C12.726 13.1107 12.8473 13.0607 12.954 12.954C13.0607 12.8473 13.114 12.7293 13.114 12.6C13.114 12.4707 13.0607 12.3527 12.954 12.246L9.708 9L12.954 5.754C13.0473 5.66067 13.0973 5.546 13.104 5.41C13.1107 5.274 13.0607 5.15267 12.954 5.046C12.8473 4.93933 12.7293 4.886 12.6 4.886C12.4707 4.886 12.3527 4.93933 12.246 5.046L9 8.292L5.754 5.046C5.66067 4.95267 5.546 4.90267 5.41 4.896C5.274 4.88933 5.15267 4.93933 5.046 5.046C4.93933 5.15267 4.886 5.27067 4.886 5.4C4.886 5.52933 4.93933 5.64733 5.046 5.754L8.292 9L5.046 12.246C4.95267 12.3393 4.90267 12.4543 4.896 12.591C4.88933 12.7263 4.93933 12.8473 5.046 12.954C5.15267 13.0607 5.27067 13.114 5.4 13.114C5.52933 13.114 5.64733 13.0607 5.754 12.954L9 9.708ZM9.003 18C7.75833 18 6.58833 17.764 5.493 17.292C4.39767 16.8193 3.44467 16.178 2.634 15.368C1.82333 14.558 1.18167 13.606 0.709 12.512C0.236333 11.418 0 10.2483 0 9.003C0 7.75767 0.236333 6.58767 0.709 5.493C1.181 4.39767 1.82133 3.44467 2.63 2.634C3.43867 1.82333 4.391 1.18167 5.487 0.709C6.583 0.236333 7.753 0 8.997 0C10.241 0 11.411 0.236333 12.507 0.709C13.6023 1.181 14.5553 1.82167 15.366 2.631C16.1767 3.44033 16.8183 4.39267 17.291 5.488C17.7637 6.58333 18 7.753 18 8.997C18 10.241 17.764 11.411 17.292
124112.507C16.82 13.603 16.1787 14.556 15.368 15.366C14.5573 16.176 13.6053 16.8177 12.512 17.291C11.4187 17.7643 10.249 18.0007 9.003 18ZM9 17C11.2333 17 13.125 16.225 14.675 14.675C16.225 13.125 17 11.2333 17 9C17 6.76667 16.225 4.875 14.675 3.325C13.125 1.775 11.2333 1 9 1C6.76667 1 4.875 1.775 3.325 3.325C1.775 4.875 1 6.76667 1 9C1 11.2333 1.775 13.125 3.325 14.675C4.875 16.225 6.76667 17 9 17Z" fill="#757575"/> 1242 </svg> 1243 </div> 1244 <button id="search-btn">Search</button> 1245 </form> 1246 </div> 1247 </div> 1248 <div id="search-result" class="container m-auto"> 1249 <div class="container p-0"> 1250 <div class="group-promotion"> 1251 <div class="resultsearch"> 1252 <div class="row results"> 1253 <div class="col-12 col-lg-6 mb-3 mb-lg-0"> 1254 <label>SUGGESTIONS</label> 1255 <ul class="result_collection"></ul> 1256 </div> 1257 <div class="col-12 col-lg-6"> 1258 <label>PRODUCTS</label> 1259 <ul class="result_product"></ul> 1260 </div> 1261 </div> 1262 <div class="d-flex justify-content-between moreresult m-0"> 1263 <p>Search for<span></span></p> 1264 <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32"> 1265 <title>icon-arrow-right</title> 1266 <path d="M25.057 15.333l-6.862-6.862c-0.26-0.26-0.26-0.682 0-0.943s0.682-0.26 0.943 0l8 8c0.26 0.26 0.26 0.682 0 0.943l-8 8c-0.26 0.26-0.682 0.26-0.943 0s-0.26-0.682 0-0.943l6.862-6.862h-19.724c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h19.724z"></path> 1267 </svg> 1268 </div> 1269 </div> 1270 </div> 1271 <div class="group-recent hide"> 1272 <h3>RECENT SEARCH</h3> 1273 <span class="delete-all-history">Hapus riwayat</span> 1274 <ul class="last-search"></ul> 1275 </div> 1276 <div class="group-recommend"> 1277 <h3>YOU MAY ALSO LIKE</h3> 1278 1279 1280 <div class="row popup-recommend c-products-grid infinite-case product-multi-"> 1281 <div class="swiper-wrapper justify-content-between" style="margin-left:1px;"> 1282 1283 1284 <div class="swiper-slide card"> 1285 1286 1287 1288 1289 <div class="products" data-lazy="false"> 1290 <div class="bg-products"> 1291 <div class="wishlist-toggle" data-product-handle="mid-autumn-of-love-mooncake"> 1292 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1293 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
129311233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1294 </svg> 1295 1296 </div> 1297 <a href="/products/mid-autumn-of-love-mooncake"> 1298 1299 <div class="product-card-img-container p-0 position-relative"> 1300 1301 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Love-Mooncake_6b4cc10d-950d-4e1a-abf7-427b4a6912c8_350x.jpg?v=1755750898" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Love-Mooncake_6b4cc10d-950d-4e1a-abf7-427b4a6912c8_350x.jpg?v=1755750898" alt="Mid Autumn of Love Mooncake" height="200" width="200"> 1302 </div> 1303 <div class="card-body product-card-info"> 1304 <h5 class="h5 mb-0"> 1305 Mid Autumn of Love Mooncake 1306 </h5> 1307 <div class="product-card-price"> 1308 1309 <div class="product-price-sale"> 1310 <s class="product-card-price-before card-money">Rp 588.000</s> 1311 <span class="product-card-discount small"> 1312 (-40%) 1313 </span> 1314 </div> 1315 1316 1317 1318 <div class="price-discount"> 1319 <h4 class="product-card-price-after card-money">Rp 348.000</h4> 1320 </div> 1321 1322 1323 1324 1325 1326 </div> 1327 1328 </div> 1329 </a> 1330 </div> 1331 1332 </div> 1333 1334 </div> 1335 1336 1337 1338 <div class="swiper-slide card"> 1339 1340 1341 1342 1343 <div class="products" data-lazy="false"> 1344 <div class="bg-products"> 1345 <div class="wishlist-toggle" data-product-handle="mid-autumn-of-joy-mooncake"> 1346 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1347 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
134711233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1348 </svg> 1349 1350 </div> 1351 <a href="/products/mid-autumn-of-joy-mooncake"> 1352 1353 <div class="product-card-img-container p-0 position-relative"> 1354 1355 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Joy-Mooncake_97224b06-a506-4a56-8544-59a0dccb5c17_350x.jpg?v=1755750798" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Joy-Mooncake_97224b06-a506-4a56-8544-59a0dccb5c17_350x.jpg?v=1755750798" alt="Mid Autumn of Joy Mooncake" height="200" width="200"> 1356 </div> 1357 <div class="card-body product-card-info"> 1358 <h5 class="h5 mb-0"> 1359 Mid Autumn of Joy Mooncake 1360 </h5> 1361 <div class="product-card-price"> 1362 1363 <div class="product-price-sale"> 1364 <s class="product-card-price-before card-money">Rp 888.000</s> 1365 <span class="product-card-discount small"> 1366 (-33%) 1367 </span> 1368 </div> 1369 1370 1371 1372 <div class="price-discount"> 1373 <h4 class="product-card-price-after card-money">Rp 588.000</h4> 1374 </div> 1375 1376 1377 1378 1379 1380 </div> 1381 1382 </div> 1383 </a> 1384 </div> 1385 1386 </div> 1387 1388 </div> 1389 1390 1391 1392 <div class="swiper-slide card"> 1393 1394 1395 1396 1397 <div class="products" data-lazy="false"> 1398 <div class="bg-products"> 1399 <div class="wishlist-toggle" data-product-handle="mid-autumn-of-fortune-mooncake"> 1400 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1401 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
140111233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1402 </svg> 1403 1404 </div> 1405 <a href="/products/mid-autumn-of-fortune-mooncake"> 1406 1407 <div class="product-card-img-container p-0 position-relative"> 1408 1409 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Fortune-Mooncake_de29329d-6ab7-4592-aa00-3e9636d4a323_350x.jpg?v=1755846072" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-of-Fortune-Mooncake_de29329d-6ab7-4592-aa00-3e9636d4a323_350x.jpg?v=1755846072" alt="Mid Autumn of Fortune Mooncake" height="200" width="200"> 1410 </div> 1411 <div class="card-body product-card-info"> 1412 <h5 class="h5 mb-0"> 1413 Mid Autumn of Fortune Mooncake 1414 </h5> 1415 <div class="product-card-price"> 1416 1417 <div class="product-price-sale"> 1418 <s class="product-card-price-before card-money">Rp 1.188.000</s> 1419 <span class="product-card-discount small"> 1420 (-33%) 1421 </span> 1422 </div> 1423 1424 1425 1426 <div class="price-discount"> 1427 <h4 class="product-card-price-after card-money">Rp 788.000</h4> 1428 </div> 1429 1430 1431 1432 1433 1434 </div> 1435 1436 </div> 1437 </a> 1438 </div> 1439 1440 </div> 1441 1442 </div> 1443 1444 1445 1446 <div class="swiper-slide card"> 1447 1448 1449 1450 1451 <div class="products" data-lazy="false"> 1452 <div class="bg-products"> 1453 <div class="wishlist-toggle" data-product-handle="mid-autumn-festival-mooncake"> 1454 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1455 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
145511233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1456 </svg> 1457 1458 </div> 1459 <a href="/products/mid-autumn-festival-mooncake"> 1460 1461 <div class="product-card-img-container p-0 position-relative"> 1462 1463 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/Mid-Autumn-Festival-Mooncake_06ea4f9c-bdaa-49de-b0ba-c3dd60fef351_350x.jpg?v=1755845965" data-src="//outerbloom.com/cdn/shop/files/Mid-Autumn-Festival-Mooncake_06ea4f9c-bdaa-49de-b0ba-c3dd60fef351_350x.jpg?v=1755845965" alt="Mid Autumn Festival Mooncake" height="200" width="200"> 1464 </div> 1465 <div class="card-body product-card-info"> 1466 <h5 class="h5 mb-0"> 1467 Mid Autumn Festival Mooncake 1468 </h5> 1469 <div class="product-card-price"> 1470 1471 <div class="product-price-sale"> 1472 <s class="product-card-price-before card-money">Rp 1.288.000</s> 1473 <span class="product-card-discount small"> 1474 (-23%) 1475 </span> 1476 </div> 1477 1478 1479 1480 <div class="price-discount"> 1481 <h4 class="product-card-price-after card-money">Rp 988.000</h4> 1482 </div> 1483 1484 1485 1486 1487 1488 </div> 1489 1490 </div> 1491 </a> 1492 </div> 1493 1494 </div> 1495 1496 </div> 1497 1498 1499 1500 <div class="swiper-slide card"> 1501 1502 1503 1504 1505 <div class="products" data-lazy="false"> 1506 <div class="bg-products"> 1507 <div class="wishlist-toggle" data-product-handle="the-jade-bouquet"> 1508 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1509 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
150911233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1510 </svg> 1511 1512 </div> 1513 <a href="/products/the-jade-bouquet"> 1514 1515 <div class="product-card-img-container p-0 position-relative"> 1516 1517 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/The-Jade-Bouquet_350x.jpg?v=1751618030" data-src="//outerbloom.com/cdn/shop/files/The-Jade-Bouquet_350x.jpg?v=1751618030" alt="The Jade Bouquet" height="200" width="200"> 1518 </div> 1519 <div class="card-body product-card-info"> 1520 <h5 class="h5 mb-0"> 1521 The Jade Bouquet 1522 </h5> 1523 <div class="product-card-price"> 1524 1525 <div class="product-price-sale"> 1526 <s class="product-card-price-before card-money">Rp 435.000</s> 1527 <span class="product-card-discount small"> 1528 (-34%) 1529 </span> 1530 </div> 1531 1532 1533 1534 <div class="price-discount"> 1535 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1536 </div> 1537 1538 1539 1540 1541 1542 </div> 1543 1544 </div> 1545 </a> 1546 </div> 1547 1548 </div> 1549 1550 </div> 1551 1552 1553 1554 <div class="swiper-slide card"> 1555 1556 1557 1558 1559 <div class="products" data-lazy="false"> 1560 <div class="bg-products"> 1561 <div class="wishlist-toggle" data-product-handle="the-selena-bouquet"> 1562 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1563 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
156311233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1564 </svg> 1565 1566 </div> 1567 <a href="/products/the-selena-bouquet"> 1568 1569 <div class="product-card-img-container p-0 position-relative"> 1570 1571 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/The-Selena-Bouquet_350x.jpg?v=1751618047" data-src="//outerbloom.com/cdn/shop/files/The-Selena-Bouquet_350x.jpg?v=1751618047" alt="The Selena Bouquet" height="200" width="200"> 1572 </div> 1573 <div class="card-body product-card-info"> 1574 <h5 class="h5 mb-0"> 1575 The Selena Bouquet 1576 </h5> 1577 <div class="product-card-price"> 1578 1579 <div class="product-price-sale"> 1580 <s class="product-card-price-before card-money">Rp 335.000</s> 1581 <span class="product-card-discount small"> 1582 (-29%) 1583 </span> 1584 </div> 1585 1586 1587 1588 <div class="price-discount"> 1589 <h4 class="product-card-price-after card-money">Rp 235.000</h4> 1590 </div> 1591 1592 1593 1594 1595 1596 </div> 1597 1598 </div> 1599 </a> 1600 </div> 1601 1602 </div> 1603 1604 </div> 1605 1606 1607 1608 <div class="swiper-slide card"> 1609 1610 1611 1612 1613 <div class="products" data-lazy="false"> 1614 <div class="bg-products"> 1615 <div class="wishlist-toggle" data-product-handle="the-viola-bouquet"> 1616 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1617 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
161711233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1618 </svg> 1619 1620 </div> 1621 <a href="/products/the-viola-bouquet"> 1622 1623 <div class="product-card-img-container p-0 position-relative"> 1624 1625 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/The-Viola-Bouquet_350x.jpg?v=1751618053" data-src="//outerbloom.com/cdn/shop/files/The-Viola-Bouquet_350x.jpg?v=1751618053" alt="A striking bouquet featuring full pink chrysanthemums and delicate purple asters. It is elegantly wrapped in deep purple paper with a modern black and white striped accent at the base. The arrangement is tied with a pink ribbon bow, creating a full, rounded shape. This sophisticated bouquet is perfect for birthdays, anniversaries, or as a thoughtful thank-you gesture." height="200" width="200"> 1626 </div> 1627 <div class="card-body product-card-info"> 1628 <h5 class="h5 mb-0"> 1629 The Viola Bouquet 1630 </h5> 1631 <div class="product-card-price"> 1632 1633 <div class="product-price-sale"> 1634 <s class="product-card-price-before card-money">Rp 385.000</s> 1635 <span class="product-card-discount small"> 1636 (-25%) 1637 </span> 1638 </div> 1639 1640 1641 1642 <div class="price-discount"> 1643 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1644 </div> 1645 1646 1647 1648 1649 1650 </div> 1651 1652 </div> 1653 </a> 1654 </div> 1655 1656 </div> 1657 1658 </div> 1659 1660 1661 1662 <div class="swiper-slide card"> 1663 1664 1665 1666 1667 <div class="products" data-lazy="false"> 1668 <div class="bg-products"> 1669 <div class="wishlist-toggle" data-product-handle="the-minerva-bouquet"> 1670 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1671 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
167111233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1672 </svg> 1673 1674 </div> 1675 <a href="/products/the-minerva-bouquet"> 1676 1677 <div class="product-card-img-container p-0 position-relative"> 1678 1679 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/The-Minerva-Bouquet_350x.jpg?v=1751618061" data-src="//outerbloom.com/cdn/shop/files/The-Minerva-Bouquet_350x.jpg?v=1751618061" alt="The Minerva Bouquet" height="200" width="200"> 1680 </div> 1681 <div class="card-body product-card-info"> 1682 <h5 class="h5 mb-0"> 1683 The Minerva Bouquet 1684 </h5> 1685 <div class="product-card-price"> 1686 1687 <div class="product-price-sale"> 1688 <s class="product-card-price-before card-money">Rp 385.000</s> 1689 <span class="product-card-discount small"> 1690 (-25%) 1691 </span> 1692 </div> 1693 1694 1695 1696 <div class="price-discount"> 1697 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1698 </div> 1699 1700 1701 1702 1703 1704 </div> 1705 1706 </div> 1707 </a> 1708 </div> 1709 1710 </div> 1711 1712 </div> 1713 1714 1715 1716 <div class="swiper-slide card"> 1717 1718 1719 1720 1721 <div class="products" data-lazy="false"> 1722 <div class="bg-products"> 1723 <div class="wishlist-toggle" data-product-handle="congraduations-bouquet"> 1724 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1725 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
172511233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1726 </svg> 1727 1728 </div> 1729 <a href="/products/congraduations-bouquet"> 1730 1731 <div class="product-card-img-container p-0 position-relative"> 1732 1733 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/Congraduations-Bouquet_350x.jpg?v=1749545306" data-src="//outerbloom.com/cdn/shop/files/Congraduations-Bouquet_350x.jpg?v=1749545306" alt="Congraduations Bouquet" height="200" width="200"> 1734 </div> 1735 <div class="card-body product-card-info"> 1736 <h5 class="h5 mb-0"> 1737 Congraduations Bouquet 1738 </h5> 1739 <div class="product-card-price"> 1740 1741 <div class="product-price-sale"> 1742 <s class="product-card-price-before card-money">Rp 380.000</s> 1743 <span class="product-card-discount small"> 1744 (-25%) 1745 </span> 1746 </div> 1747 1748 1749 1750 <div class="price-discount"> 1751 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1752 </div> 1753 1754 1755 1756 1757 1758 </div> 1759 1760 </div> 1761 </a> 1762 </div> 1763 1764 </div> 1765 1766 </div> 1767 1768 1769 1770 <div class="swiper-slide card"> 1771 1772 1773 1774 1775 <div class="products" data-lazy="false"> 1776 <div class="bg-products"> 1777 <div class="wishlist-toggle" data-product-handle="grad-gorgeous-bouquet"> 1778 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="21" viewBox="0 0 24 21" fill="none"> 1779 <path d="M17.4688 0.8125C15.1237 0.8125 13.1025 1.92703 12 3.77328C10.8975 1.92703 8.87625 0.8125 6.53125 0.8125C4.8494 0.814526 3.23702 1.48353 2.04778 2.67278C0.858534 3.86202 0.189526 5.47441 0.1875 7.15625C0.1875 10.2833 2.15625 13.5514 6.02813 16.8677C7.81594 18.3889 9.74622 19.7342 11.7922 20.885C11.856 20.9195 11.9274 20.9375 12 20.9375C12.0726 20.9375 12.144 20.9195 12.2078 20.885C14.2538 19.7342 16.1841 18.3889 17.9719 16.8677C21.8438 13.5514 23.8125 10.2833 23.8125 7.15625C23.8105 5.47441 23.1415 3.86202 21.9522 2.67278C20.763 1.48353 19.1506 0.814526 17.4688 0.8125ZM12 19.9991C10.4688 19.1241 1.0625 13.5077 1.0625 7.15625C1.06424 5.70638 1.64096 4.31639 2.66618 3.29118C3.69139 2.26596 5.08138 1.68924 6.53125 1.6875C8.84016 1.6875 10.7805 2.92453 11.5953 4.91516C11.6283 4.9954 11.6843 5.06403 11.7564 5.
177911233C11.8285 5.16063 11.9133 5.18642 12 5.18642C12.0867 5.18642 12.1715 5.16063 12.2436 5.11233C12.3157 5.06403 12.3717 4.9954 12.4047 4.91516C13.2195 2.92453 15.1598 1.6875 17.4688 1.6875C18.9186 1.68924 20.3086 2.26596 21.3338 3.29118C22.359 4.31639 22.9358 5.70638 22.9375 7.15625C22.9375 13.5 13.5312 19.1284 12 19.9991Z" fill="#ffffff"/> 1780 </svg> 1781 1782 </div> 1783 <a href="/products/grad-gorgeous-bouquet"> 1784 1785 <div class="product-card-img-container p-0 position-relative"> 1786 1787 <img class="product-card-img" lazy="false" src="//outerbloom.com/cdn/shop/files/Grad-_-Gorgeous-Bouquet_350x.jpg?v=1749545297" data-src="//outerbloom.com/cdn/shop/files/Grad-_-Gorgeous-Bouquet_350x.jpg?v=1749545297" alt="Grad & Gorgeous Bouquet" height="200" width="200"> 1788 </div> 1789 <div class="card-body product-card-info"> 1790 <h5 class="h5 mb-0"> 1791 Grad & Gorgeous Bouquet 1792 </h5> 1793 <div class="product-card-price"> 1794 1795 <div class="product-price-sale"> 1796 <s class="product-card-price-before card-money">Rp 380.000</s> 1797 <span class="product-card-discount small"> 1798 (-25%) 1799 </span> 1800 </div> 1801 1802 1803 1804 <div class="price-discount"> 1805 <h4 class="product-card-price-after card-money">Rp 285.000</h4> 1806 </div> 1807 1808 1809 1810 1811 1812 </div> 1813 1814 </div> 1815 </a> 1816 </div> 1817 1818 </div> 1819 1820 </div> 1821 1822 1823 </div> 1824 </div> 1825 1826 </div> 1827 </div> 1828 </div> 1829 1830 <div class="site-overlay" style="display: none"></div> 1831 </div> 1832
1832<script> 1833 1834 var swiper = new Swiper('.popup-recommend', { 1835 slidesPerView : 4, 1836 spaceBetween: 30, 1837 lazy: true , 1838 speed: 300, 1839 breakpoints: { 1840 // when window width is <= 576px 1841 576: { 1842 slidesPerView: 2, 1843 spaceBetween: 10, 1844 freeMode: true, 1845 resistance : true, 1846 resistanceRatio : 0, 1847 freeModeMomentumRatio : 0.45, 1848 freeModeMomentumVelocityRatio : 1.5 1849 }, 1850 768: { 1851 slidesPerView: 2, 1852 spaceBetween: 10 1853 }, 1854 992: { 1855 slidesPerView: 3, 1856 spaceBetween: 20 1857 } 1858 } 1859 }); 1860 1861 const searchContainer = $("#search-popup") 1862 const searchInput = $(".search-popup") 1863 const result_collection = $('.result_collection') 1864 const result_product = $('.result_product') 1865 const resultsearch = $('.resultsearch') 1866 const resultrecommend = $(".group-recommend") 1867 const moreresult = $(".moreresult") 1868 1869 searchInput.keyup(function(){ 1870 const input = $(this).val() 1871 moreresult.find("p span").text(` â${input}â`) 1872 if(input.length > 2) { 1873 $(".close-search").show() 1874 const url = `https://outerbloom.com/search/suggest.json?resources[limit]=10&resources[limit_scope]=each&resources[type]=collection,product&q=${input}` 1875 $.ajax({
1876 type: 'GET', 1877 url, 1878 beforeSend: function() { 1879 // setting a timeout 1880 // $(placeholder).addClass('loading'); 1881 }, 1882 success: function(response) { 1883 resultsearch.show() 1884 resultrecommend.hide() 1885 result_collection.html("") 1886 result_product.html("") 1887 const collections = response.resources.results.collections 1888 const products = response.resources.results.products 1889 let collection_length = collections.length 1890 let product_length = products.length 1891 // if(collections.length > 5) { 1892 // collection_length = 5 1893 // } 1894 // if(products.length > 5) { 1895 // product_length = 5 1896 // } 1897 for(let i=0;i<collection_length;i++){ 1898 const title = collections[i].title 1899 const url = collections[i].url 1900 let html_collection 1901 if(!title.includes('AIA') && !title.includes('AXA') && !title.includes('WOM') && !title.includes('Upsell')) { 1902 html_collection = ` 1903 <li class="item" data-title="${title}"> 1904 <a href="${url}" data-type="collection" class="item_url" data-title="${title}" data-url="${url}">${title}</a> 1905 </li> 1906 ` 1907 } 1908 result_collection.append(html_collection) 1909 } 1910 for(let i=0;i<product_length;i++){ 1911 const title = products[i].title 1912 const url = products[i].url 1913 const image = products[i].featured_image.url 1914 const vendor = products[i].vendor 1915 let html_product 1916 if(vendor !== 'AIA' && vendor !== 'AXA' && vendor !== 'WOM Finance' && !title.includes('Extra Shipping Cost') && !title.includes('[US]') && !title.includes('Rp')){ 1917 html_product = ` 1918 <li class="item" data-vendor="${vendor}"> 1919 <a href="${url}" class="item_url" data-type="product" data-title="${title}" data-url="${url}"> 1920 <img src="${image}" alt="${title}" style="width: 70px;vertical-align: middle;margin-right: 20px;"><span>${title}</span> 1921 </a> 1922 </li> 1923 ` 1924 } 1925 result_product.append(html_product) 1926 } 1927 }, 1928 error: function(xhr) { // if error occured 1929 alert("Error occured.please try again"); 1930 }, 1931 complete: function(response) { 1932 // $(placeholder).removeClass('loading'); 1933 }, 1934 dataType: 'JSON' 1935 }); 1936 } else { 1937 result_collection.html("") 1938 result_product.html("") 1939 1940 resultsearch.hide() 1941 resultrecommend.show() 1942 } 1943 }) 1944 1945 moreresult.click(function(){ 1946 $("#search-btn").trigger("click"); 1947 }) 1948 1949 $(".close-search").click(function(){ 1950 $(this).hide() 1951 searchInput.val("") 1952 searchInput.focus() 1953 resultsearch.hide() 1954 resultrecommend.show() 1955 }) 1956 1957 function setCookie(name,value,days) { 1958 var expires = ""; 1959 if (days) { 1960 var date = new Date(); 1961 date.setTime(date.getTime() + (days*24*60*60*1000)); 1962 expires = "; expires=" + date.toUTCString(); 1963 } 1964 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 1965 } 1966 function getCookie(name) { 1967 var nameEQ = name + "="; 1968 var ca = document.cookie.split(';'); 1969 for(var i=0;i < ca.length;i++) { 1970 var c = ca[i]; 1971 while (c.charAt(0)==' ') c = c.substring(1,c.length); 1972 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 1973 } 1974 return null; 1975 } 1976 let last_search_name = [] 1977 let last_search_url = [] 1978 $(".group-recent").hide() 1979 if(getCookie("last_search_name") != null && getCookie("last_search_url") != null){ 1980 if(getCookie("last_search_name") != "" && getCookie("last_search_url") != ""){ 1981 $(".group-recent").show() 1982 last_search_name = getCookie("last_search_name"); 1983 last_search_url = getCookie("last_search_url"); 1984 const arrName = last_search_name.substring(1).split(',').reverse() 1985 const arrUrl = last_search_url.substring(1).split(',').reverse() 1986 console.log(arrName, 'Array Name') 1987 console.log(arrUrl, 'Array Url') 1988 let length = arrName.length 1989 if(arrName.length > 5) { 1990 length = 5 1991 } 1992 for(let n=0;n<length;n++){ 1993 let html2 = `<li><svg viewBox="0 0 24 24" xmlns="https://carikapal.link/img/logo-2line.png"><title/><path d="M12.25,2A9.81,9.81,0,0,0,4.77,5.46L3.41,4.25a1,1,0,0,0-1.07-.16A1,1,0,0,0,1.75,5V9a1,1,0,0,0,1,1h4.5a1,1,0,0,0,.93-.64,1,1,0,0,0-.27-1.11L6.26,6.78a7.86,7.86,0,0,1,6-2.78A8,8,0,1,1,4.72,14.67a1,1,0,0,0-1.89.66A10,10,0,1,0,12.25,2Z" fill="#C9C9C9"/><path d="M16,16a1,1,0,0,1-.6-.2l-4-3A1,1,0,0,1,11,12V8a1,1,0,0,1,2,0v3.5l3.6,2.7a1,1,0,0,1,.2,1.4A1,1,0,0,1,16,16Z" fill="#C9C9C9"/></svg><a href="${arrUrl[n]}">
1993${arrName[n]}</a><span data-title="${arrName[n]}" data-url="${arrUrl[n]}"></span></li>` 1994 $(".group-recent ul").append(html2) 1995 } 1996 } 1997 } 1998 console.log(last_search_name, 'Name') 1999 console.log(last_search_url, 'url') 2000 2001 resultsearch.delegate(".item a", "click", function(){ 2002 let name = [last_search_name] 2003 let url = [last_search_url] 2004 name.push($(this).attr('data-title')) 2005 url.push($(this).attr('data-url')) 2006 setCookie("last_search_name",name,7); 2007 setCookie("last_search_url",url,7); 2008 }) 2009 2010 $(".delete-all-history").click(function() { 2011 setCookie("last_search_name",null,0); 2012 setCookie("last_search_url",null,0); 2013 $(".last-search").hide(); 2014 setTimeout(function(){ 2015 location.reload(); 2016 }, 500); 2017 }) 2018 2019 $("#search-trigger").click(function(){ 2020 search_open() 2021 }) 2022 $(".icon-search-mobile").click(function(){ 2023 search_open() 2024 }) 2025 $(".search-header svg").click(function(){ 2026 search_close() 2027 }) 2028 $(".icon-key-mobile").click(function(){ 2029 search_close() 2030 }) 2031 2032 function search_open() { 2033 $("body").addClass("search-popup-open") 2034 $("#nav-mobile-icon, .search-header label, .icon-search-mobile").hide() 2035 $("#search-popup, .search-header svg, .icon-key-mobile").show() 2036 $(".search-popup").focus() 2037 $('.popup-recommend')[0].swiper.update(); 2038 } 2039 function search_close() { 2040 $("body").removeClass("search-popup-open") 2041 $("#nav-mobile-icon, .search-header label, .icon-search-mobile").show() 2042 $("#search-popup, .search-header svg, .icon-key-mobile").hide() 2043 searchInput.val("") 2044 resultsearch.hide() 2045 resultrecommend.show() 2046 } 2047 2048 $(".site-overlay").click(function(){ 2049 search_close() 2050 }) 2051 </script>
2051 2052 2053 </div> 2054 </div> 2055 2056 <div id="PageContainer" class="is-moved-by-drawerx" style="background-color: #000000;"> 2057 <main class="main-content pt-0" role="main"> 2058 2059 <div id="breadcrumbProduct" class="d-none d-lg-block"> 2060 <style> 2061 #breadcrumbProduct { 2062 padding: 20px 0; 2063 } 2064 #breadcrumbProduct ul { 2065 display: flex; 2066 padding: 0; 2067 list-style: none; 2068 margin: 0; 2069 gap: 12px; 2070 } 2071 #breadcrumbProduct ul li { 2072 text-transform: uppercase; 2073 margin: 0; 2074 font-size: 12px; 2075 } 2076 #breadcrumbProduct ul li a { 2077 color: #757575; 2078 } 2079 2080 #breadcrumbProduct ul li svg { 2081 width: 10px; 2082 height: 10px; 2083 padding: 0; 2084 color: #757575; 2085 vertical-align: middle; 2086 } 2087 </style> 2088 <div class="container" style="color: #ffffff;"> 2089 <ul role="navigation" aria-label="breadcrumbs"> 2090 <li><a href="https://astrokamalsharma.site" style="color: #ffffff;">KAPALTOGEL</a></li> 2091 <li><svg xmlns="https://carikapal.link/img/logo-2line.png" width="7" height="10" viewBox="0 0 7 10" fill="none"> 2092 <path d="M1.51673 0.0583496L6.2334 4.77502L1.51673 9.49168L0.933398 8.90002L5.0584 4.77502L0.933398 0.650016L1.51673 0.0583496Z" fill="#757575"/> 2093 </svg></li> 2094 <li>Situs Toto</li> 2095 <li>Toto Togel</li> 2096 <li>Togel 4d</li> 2097 <li>Togel Online</li> 2098 <li>KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</li> 2099 2100 </ul> 2101 </div> 2102 2103 </div> 2104 2105
2105<script type="application/ld+json"> 2106 { 2107 "@context": "https://schema.org", 2108 "@type": "Product", 2109 "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif", 2110 "image": "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg", 2111 "description": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.", 2112 "brand": { 2113 "@type": "Brand", 2114 "name": "TOTO TOGEL 4D" 2115 }, 2116 "sku": "KAPALTOGEL", 2117 "mpn": "KAPALTOGEL", 2118 "url": "https://astrokamalsharma.site", 2119 "offers": { 2120 "@type": "Offer", 2121 "url": "https://astrokamalsharma.site", 2122 "priceCurrency": "USD", 2123 "price": "10.00", 2124 "priceValidUntil": "2025-12-25", 2125 "itemCondition": "https://schema.org/NewCondition", 2126 "availability": "https://schema.org/InStock", 2127 "seller": { 2128 "@type": "Organization", 2129 "name": "KAPALTOGEL" 2130 } 2131 }, 2132 "aggregateRating": { 2133 "@type": "AggregateRating", 2134 "ratingValue": "5.0", 2135 "reviewCount": 858 2136 }, 2137 "review": [ 2138 { 2139 "@type": "Review", 2140 "reviewRating": { 2141 "@type": "Rating", 2142 "ratingValue": "5", 2143 "bestRating": "5" 2144 }, 2145 "author": { 2146 "@type": "Person", 2147 "name": "Paulina" 2148 } 2149 }, 2150 { 2151 "@type": "Review", 2152 "reviewRating": { 2153 "@type": "Rating", 2154 "ratingValue": "5", 2155 "bestRating": "5" 2156 }, 2157 "author": { 2158 "@type": "Person", 2159 "name": "Gerald" 2160 } 2161 } 2162 ] 2163 } 2164 </script>
2164 2165
2165<script type="application/ld+json"> 2166 { 2167 "@context": "https://schema.org", 2168 "@type": "BreadcrumbList", 2169 "itemListElement": [ 2170 { 2171 "@type": "ListItem", 2172 "position": 1, 2173 "name": "KAPALTOGEL", 2174 "item": "https://astrokamalsharma.site" 2175 }, 2176 { 2177 "@type": "ListItem", 2178 "position": 2, 2179 "name": "SITUS TOTO", 2180 "item": "https://astrokamalsharma.site" 2181 }, 2182 { 2183 "@type": "ListItem", 2184 "position": 3, 2185 "name": "SITUS TOTO", 2186 "item": "https://astrokamalsharma.site" 2187 }, 2188 { 2189 "@type": "ListItem", 2190 "position": 4, 2191 "name": "TOGEL ONLINE", 2192 "item": "https://astrokamalsharma.site" 2193 }, 2194 { 2195 "@type": "ListItem", 2196 "position": 5, 2197 "name": "LOGIN KAPAL TOGEL", 2198 "item": "https://astrokamalsharma.site" 2199 }, 2200 { 2201 "@type": "ListItem", 2202 "position": 6, 2203 "name": "SITUS TOTO TOGEL", 2204 "item": "https://astrokamalsharma.site" 2205 }, 2206 { 2207 "@type": "ListItem", 2208 "position": 7, 2209 "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif", 2210 "item": "https://astrokamalsharma.site" 2211 } 2212 ] 2213 } 2214 </script>
2214 2215
2216<script type="application/ld+json" id="faq-schema"> 2217{ 2218 "@context": "https://schema.org", 2219 "@graph": [ 2220 { 2221 "@type": "FAQPage", 2222 "mainEntity": [ 2223 { 2224 "@type": "Question", 2225 "name": "Apa keunggulan akses melalui official store KAPALTOGEL?", 2226 "acceptedAnswer": { 2227 "@type": "Answer", 2228 "text": "Akses resmi ini menjamin keamanan data dan kelancaran transaksi. Pemain terhindar dari risiko link palsu yang merugikan." 2229 } 2230 }, 2231 { 2232 "@type": "Question", 2233 "name": "Bagaimana cara melakukan daftar akun baru?", 2234 "acceptedAnswer": { 2235 "@type": "Answer", 2236 "text": "Proses pendaftaran sangat simpel. Kamu hanya perlu mengisi formulir resmi dan menunggu verifikasi otomatis berjalan." 2237 } 2238 }, 2239 { 2240 "@type": "Question", 2241 "name": "Apakah link alternatif ini aktif setiap hari?", 2242 "acceptedAnswer": { 2243 "@type": "Answer", 2244 "text": "Link alternatif selalu diperbarui setiap hari oleh admin. Koneksi stabil dijamin kapan pun kamu ingin login." 2245 } 2246 } 2247 ] 2248 } 2249 ] 2250} 2251</script>
2251 2252 2253
2253<script type="application/ld+json"> 2254 { 2255 "@context": "https://schema.org", 2256 "@type": "Organization", 2257 "name": "KAPALTOGEL", 2258 "url": "https://astrokamalsharma.site", 2259 "logo": "https://carikapal.link/img/logo-2line.png", 2260 "sameAs": [ 2261 "https://www.facebook.com/KAPALTOGEL", 2262 "https://twitter.com/KAPALTOGEL", 2263 "https://www.instagram.com/KAPALTOGEL" 2264 ], 2265 "contactPoint": { 2266 "@type": "ContactPoint", 2267 "telephone": "+62-821-4789-3138", 2268 "contactType": "customer support", 2269 "areaServed": "ID", 2270 "availableLanguage": ["Indonesian", "English"] 2271 } 2272 } 2273 </script>
2273 2274 2275
2275<script type="application/ld+json"> 2276 { 2277 "@context": "https://schema.org", 2278 "@type": "VideoObject", 2279 "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif", 2280 "description": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.", 2281 "thumbnailUrl": [ 2282 "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg", 2283 "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2284 ], 2285 "uploadDate": "2025-09-28T04:19:10-04:00", 2286 "duration": "GJ298", 2287 "contentUrl": "https://astrokamalsharma.site" 2288 } 2289 </script>
2289 2290 2291
2291<script type="application/ld+json"> 2292 { 2293 "@context": "https://schema.org", 2294 "@type": "BreadcrumbList", 2295 "itemListElement": [ 2296 { 2297 "@type": "ListItem", 2298 "position": 1, 2299 "name": "Home", 2300 "item": "https://astrokamalsharma.site" 2301 } 2302 ] 2303 } 2304 </script>
2304 2305 2306
2306<script type="application/ld+json"> 2307 { 2308 "@context": "https://schema.org", 2309 "@graph": [ 2310 { 2311 "@type": "Organization", 2312 "@id": "https://astrokamalsharma.site#org", 2313 "name": "KAPALTOGEL", 2314 "url": "https://astrokamalsharma.site", 2315 "logo": "https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2316 }, 2317 { 2318 "@type": "WebSite", 2319 "@id": "https://astrokamalsharma.site#website", 2320 "url": "https://astrokamalsharma.site", 2321 "name": "KAPALTOGEL", 2322 "publisher": { "@id": "https://astrokamalsharma.site#org" }, 2323 "inLanguage": "id-ID", 2324 "potentialAction": { 2325 "@type": "SearchAction", 2326 "target": "https://astrokamalsharma.site?s={search_term_string}", 2327 "query-input": "required name=search_term_string" 2328 } 2329 }, 2330 { 2331 "@type": "SoftwareApplication", 2332 "@id": "https://astrokamalsharma.site#app", 2333 "name": "KAPALTOGEL", 2334 "applicationCategory": "GameApplication", 2335 "operatingSystem": "Android, iOS, Windows", 2336 "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" }, 2337 "aggregateRating": { "@type": "AggregateRating", "ratingValue": 4.9, "ratingCount": 62595 } 2338 } 2339 ] 2340 } 2341 </script>
2341 2342 2343 <div id="shopify-section-Product" class="shopify-section product-section mt-0"><link href="https://asset-jko.b-cdn.net/footer-warna.css" rel="stylesheet" type="text/css" media="all" /> 2344 2345 2346 <style> 2347 .bg-card { 2348 background-color: #000000; 2349 } 2350 </style> 2351 2352 <!-- /templates/product.liquid --> 2353 2354 2355 <!-- <div itemscope itemtype="http://schema.org/Product"> --> 2356 2357 2358 <div class="product-standing-flower" data-product-type="flowerBoard"> 2359 <meta itemprop="url" content="https://astrokamalsharma.site"> 2360 <meta itemprop="image" content="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 2361 2362 2363 2364 <input id="data-sku" type="hidden" value="GOJSTRU2598"> 2365 <div class="product-single" style="background-image: url(https://carikapal.link/img/c405e59f2114f36defe07f92a771d9a5.gif); background-attachment: fixed;"> 2366 <div id="product-top" class="container"> 2367 <div class="row bg-card product-sticky" style="background-color: rgba(0, 0, 0, 0);backdrop-filter: blur(25px); padding: 20px 25px;border-radius: 10px;"> 2368 <div id="product-image" class="col-lg-7 text-center"> 2369 <div class="product-image"> 2370 <div class="row no-gutters"> 2371 2372 <div id="product-featured-image" class="row w-100"> 2373 2374 <div id="thumb-image-product" class="col-lg-2 col-12 d-none d-lg-block"> 2375 2376 <div class="swiper-container gallery-thumbs" style="min-height: 500px"> 2377 <ul class="list-unstyled slider swiper-wrapper slider-nav ProductThumbs thumbnails" id="ProductThumbsx"> 2378 2379 <li class="swiper-slide" data-type="image"> 2380 <a 2381 href="files/Blossom-Shine-WM.jpg" 2382 data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2383 data-image="files/Blossom-Shine-WM.jpg" 2384 data-position="1" 2385 class="product-single__thumbnail" 2386 > 2387 <img 2388 class="lazyload w-100" 2389 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2390 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2391 width="" 2392 height="" 2393 > 2394 </a> 2395 </li> 2396 2397 2398 2399 2400 <li class="swiper-slide" data-type="image"> 2401 <a 2402 href="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2403 data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2404 data-image="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2405 data-position="2" 2406 class="product-single__thumbnail" 2407 > 2408 <img 2409 class="lazyload w-100" 2410 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2411 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2412 width="" 2413 height="" 2414 > 2415 </a> 2416 </li> 2417 2418 2419 2420 2421 <li class="swiper-slide" data-type="image"> 2422 <a 2423 href="files/Blossom-Shine_3-WM.jpg" 2424 data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2425 data-image="files/Blossom-Shine_3-WM.jpg" 2426 data-position="3" 2427 class="product-single__thumbnail" 2428 > 2429 <img 2430 class="lazyload w-100" 2431 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2432 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2433 width="" 2434 height="" 2435 > 2436 </a> 2437 </li> 2438 2439 2440 2441 2442 <li class="swiper-slide" data-type="image"> 2443 <a 2444 href="files/Blossom-Shine_4.jpg" 2445 data-standard="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2446 data-image="files/Blossom-Shine_4.jpg" 2447 data-position="4" 2448 class="product-single__thumbnail" 2449 > 2450 <img 2451 class="lazyload w-100" 2452 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2453 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2454 width="" 2455 height="" 2456 > 2457 </a> 2458 </li> 2459 2460 2461 2462 </ul> 2463 </div> 2464 2465 </div> 2466 2467 <div 2468 id="featured-image-product" 2469 class="col-lg-10 col-12 d-none d-lg-block" 2470 > 2471 <div class="swiper-container gallery-top"> 2472 <div class="swiper-slide product-single__image"> 2473 2474 <div class="product-single__photos slider slider-for" id="ProductPhoto"> 2475 2476 2477 <div class="easyzoom easyzoom--overlay easyzoom--with-thumbnails"> 2478 <a href="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg"> 2479 <img 2480 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2481 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2482 id="ProductPhotoImg" 2483 class="lazyload" 2484 > 2485 2486 </a> 2487 </div> 2488 </div> 2489 2490 </div> 2491 <div class="swiper-slide product-single__video" style="display: none"> 2492 <video 2493 src="https://cdn.shopify.com/videos/c/vp/05d379ea115d41c2bd0f7d08b1496bd9/05d379ea115d41c2bd0f7d08b1496bd9.HD-1080p-7.2Mbps-24002195.mp4" 2494 playsinline 2495 loop 2496 muted 2497 ></video> 2498 </div> 2499 </div> 2500 </div> 2501 </div> 2502 2503 <div id="featured-image-product2" class="col-12 d-lg-none"> 2504 <div class="swiper-container gallery-mobile"> 2505 <ul class="swiper-wrapper"> 2506 <li class="swiper-slide img"> 2507 2508 <img 2509 class="swiper-lazy" 2510 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2511 data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2512 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2513 width="" 2514 height="" 2515 > 2516 2517 </li> 2518 2519 2520 <li class="swiper-slide img"> 2521 2522 <img 2523 class="swiper-lazy" 2524 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2525 data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2526 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2527 width="" 2528 height="" 2529 > 2530 2531 </li> 2532 2533 2534 <li class="swiper-slide img"> 2535 2536 <img 2537 class="swiper-lazy" 2538 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2539 data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2540 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2541 width="" 2542 height="" 2543 > 2544 2545 </li> 2546 2547 2548 <li class="swiper-slide img"> 2549 2550 <img 2551 class="swiper-lazy" 2552 src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2553 data-src="https://carikapal.link/img/hero/4aa5e8pi0i.jpeg" 2554 alt="KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif" 2555 width="" 2556 height="" 2557 > 2558 2559 </li> 2560 2561 2562 </ul> 2563 2564 <div class="swiper-button-prev"><svg class="icon icon-chevron-left" xmlns="https://carikapal.link/img/logo-2line.png" width="7" height="12" viewBox="0 0 7 12"> <circle cx="60%" cy="50%" r="12" fill="#000000" /> <path d="M6.35355339,10.6464466 C6.54881554,10.8417088 6.54881554,11.1582912 6.35355339,11.3535534 C6.15829124,11.5488155 5.84170876,11.5488155 5.64644661,11.3535534 L0.646446609,6.35355339 C0.451184464,6.15829124 0.451184464,5.84170876 0.646446609,5.64644661 L5.64644661,0.646446609 C5.84170876,0.451184464 6.15829124,0.451184464 6.35355339,0.646446609 C6.54881554,0.841708755 6.54881554,1.15829124 6.35355339,1.35355339 L1.70710678,6 L6.35355339,10.6464466 Z"/> </svg></div> 2565 <div class="swiper-button-next"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="7" height="10" viewB
2565ox="0 0 7 10" fill="none"> 2566 <path d="M1.51673 0.0583496L6.2334 4.77502L1.51673 9.49168L0.933398 8.90002L5.0584 4.77502L0.933398 0.650016L1.51673 0.0583496Z" fill="#757575"/> 2567 </svg></div> 2568 2569 <!-- Add Pagination --> 2570 <div class="swiper-pagination"></div> 2571 2572 </div> 2573 </div> 2574 2575 <div class="product-m-pageleb-video col-12 text-center d-lg-none"> 2576 <!-- product video --> 2577 <style> 2578 .view-video{display:block; margin:auto; padding:5px 10px;font-size:16px;font-weight:bold;border:2px solid #ffffff;background:#fff;} 2579 .view-video .icon-play{fill:#ffffff;vertical-align: middle;} 2580 .video-modal{display:none;position:fixed;background: rgba(0,0,0,.5); width:100%; height:100%; overflow:auto; z-index:1; top:0;left:0;} 2581 .close-video{position:absolute;right:9px; top:8%;z-index:2;padding:5px;} 2582 .close-video .icon{width:30px;height:30px;} 2583 /*responsive iframe */ 2584 .video-container {position: relative;padding-bottom: 48.25%;padding-top: 35px;height: 0;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);} 2585 .video-container iframe {position: absolute;top:60%;left: 0;width: 100%;height: 100%;} 2586 2587 .youtube { 2588 background-color: #000; 2589 margin-bottom: 30px; 2590 position: relative; 2591 padding-top: 56.25%; 2592 overflow: hidden; 2593 cursor: pointer; 2594 width: 100%; 2595 } 2596 .swiper-slide .youtube { 2597 max-width: 480px; 2598 } 2599 .youtube img { 2600 width: 100%; 2601 top: -16.82%; 2602 left: 0; 2603 opacity: 0.7; 2604 } 2605 .youtube .play-button { 2606 width: 90px; 2607 height: 60px; 2608 background-color: #333; 2609 box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); 2610 z-index: 1; 2611 opacity: 0.8; 2612 border-radius: 6px; 2613 } 2614 .youtube .play-button:before { 2615 content: ""; 2616 border-style: solid; 2617 border-width: 15px 0 15px 26.0px; 2618 border-color: #000000 #000000 #000000 #fff; 2619 } 2620 .youtube img, 2621 .youtube .play-button { 2622 cursor: pointer; 2623 } 2624 .youtube img, 2625 .youtube iframe, 2626 .youtube .play-button, 2627 .youtube .play-button:before { 2628 position: absolute; 2629 } 2630 .youtube .play-button, 2631 .youtube .play-button:before { 2632 top: 50%; 2633 left: 50%; 2634 transform: translate3d( -50%, -50%, 0 ); 2635 } 2636 .youtube iframe { 2637 height: 100%; 2638 width: 100%; 2639 top: 0; 2640 left: 0; 2641 } 2642 </style> 2643 2644 2645 </div> 2646 </div> 2647 2648 <div class="product-desc-add position-relative d-none d-lg-block m-0"> 2649 2650 </div> 2651 2652
2652<script> 2653 if ($(window).width() < 991) { 2654 var direction = 'horizontal' 2655 } else { 2656 var direction = 'vertical' 2657 $(".gallery-thumbs").height($("#ProductPhotoImg").height()) 2658 } 2659 var swiper = new Swiper('.gallery-thumbs', { 2660 2661 direction, 2662 slidesPerView: 4.5, 2663 spaceBetween: 12, 2664 navigation: { 2665 nextEl: '.swiper-button-next', 2666 prevEl: '.swiper-button-prev', 2667 } 2668 }); 2669 2670 var swiper = new Swiper('.gallery-mobile', { 2671 //loop: true, 2672 lazy: true, 2673 speed: 300, 2674 resistance : true, 2675 resistanceRatio : 0, 2676 freeModeMomentumRatio : 0.45, 2677 freeModeMomentumVelocityRatio : 1.5, 2678 navigation: { 2679 nextEl: '.swiper-button-next', 2680 prevEl: '.swiper-button-prev', 2681 }, 2682 pagination: { 2683 el: '.swiper-pagination' 2684 }, 2685 useCSS3Transforms: false, 2686 loop: false, 2687 on: { 2688 init: function () { 2689 console.log('swiper initialized'); 2690 var currentVideo = $("[data-swiper-slide-index=" + this.realIndex + "]").find("video"); 2691 currentVideo.trigger('play'); 2692 }, 2693 }, 2694 }); 2695 2696 /* GET ALL VIDEOS */ 2697 var sliderVideos = $(".swiper-slide video"); 2698 2699 /* SWIPER API - Event will be fired after animation to other slide (next or previous) */ 2700 swiper.on('slideChange', function () { 2701 console.log('slide changed'); 2702 /* stop all videos */ 2703 sliderVideos.each(function( index ) { 2704 this.currentTime = 0; 2705 }); 2706 2707 /* SWIPER GET CURRENT AND PREV SLIDE (AND The VIDEO INSIDE) */ 2708 var prevVideo = $(`[data-swiper-slide-index="${this.previousIndex}]"`).find("video"); 2709 var currentVideo = $(`[data-swiper-slide-index="${this.realIndex}"]`).find("video"); 2710 prevVideo.trigger('stop'); 2711 currentVideo.trigger('play'); 2712 }); 2713 2714 2715 $("[data-video]").click(function(){ 2716 const file = $(this).data("video") 2717 $(".product-single__video").show() 2718 $(".product-single__image").hide() 2719 $(".product-single__video").find("video").attr("src", file) 2720 $(".product-single__video").find("video")[0].play(); 2721 }) 2722 $("[data-image]").click(function(){ 2723 $(".product-single__video").hide() 2724 $(".product-single__image").show() 2725 $(".product-single__video").find("video")[0].pause(); 2726 }) 2727 2728 $("#product-image .swiper-slide").each(function(){ 2729 let width = $(this).width() 2730 $(this).height(width) 2731 }) 2732 2733 $(window).resize(function() { 2734 $("#product-image .swiper-slide").each(function(){ 2735 let width = $(this).width() 2736 $(this).height(width) 2737 }) 2738 }) 2739 </script>
2739 2740 2741 </div> 2742 2743 2744 2745 2746 2747 2748 2749 2750 <style> 2751 .c-pdp-product-info__service--active { 2752 font-size: 12px; 2753 padding-left: 10px; 2754 text-align: left; 2755 max-width: 550px; 2756 margin: auto; 2757 } 2758 .c-pdp-product-info__service--active li { 2759 list-style: disc; 2760 } 2761 .c-pdp-product-info { 2762 background-color: #f5f5f5; 2763 padding: 12px; 2764 margin: 0; 2765 } 2766 .freeship em { 2767 font-style: italic; 2768 font-size: 12px !important; 2769 } 2770 2771 2772 </style> 2773 2774
2774<script> 2775 $(document).ready(function(){ 2776 if ( $(".c-pdp-product-info__service li").length == 1 ) { 2777 $(".c-pdp-product-info__service").addClass("no-bullet"); 2778 $(".c-pdp-product-info__service li").addClass("no-bullets"); 2779 } 2780 }); 2781 </script>
2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 </div> 2795 <div id="product-meta" class="col-lg-5 p-0"> 2796 <div class="product-meta"> 2797 <style> 2798 .product-meta--review {margin-top:10px} 2799 .freeship * {font-size: 14px !important;font-style: normal;} 2800 </style> 2801 <h1 itemprop="name" 2802 class="mb-2" 2803 style=" 2804 color:#555e06; 2805 text-shadow: 2806 0 0 5px #555e06; 2807 font-weight:bold; 2808 "> 2809 KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif 2810 </h1> 2811 2812 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 2813 <meta itemprop="priceCurrency" content="IDR"> 2814 2815 <link itemprop="availability" href="https://schema.org/InStock"> 2816
2816<script 2817 type="text/javascript" 2818 src="//platform-api.sharethis.com/js/sharethis.js#property=5acdc0aa3ef3c0001396fd50&product=custom-share-buttons" 2819 async="async" 2820 ></script>
2820 2821 2822 2823 2824 2825 <span class="visually-hidden">Translation missing: en.products.general.regular_price</span> 2826 2827 <span class="visually-hidden">Translation missing: en.products.general.sale_price</span> 2828 2829 <div class="row no-gutters mb-3"> 2830 <span 2831 id="ProductPrice" 2832 class="h2 ProductPrice" 2833 itemprop="price" 2834 content="835000" style="color: #ffffff;" 2835 > 2836 Rp 10.000 2837 </span> 2838 <div class="discount-product-detail"> 2839 <p id="ComparePrice" class="ComparePrice mt-2 mt-lg-0"> 2840 Rp 35.000 2841 </p> 2842 <span class=" tag-discount"> 2843 2844 2845 <span id="newDiscount" class="product-tag persentase-discount hide"> 2846 (90%) 2847 </span><br> 2848 2849 </span> 2850 </div> 2851 </div> 2852 2853 <div class="row no-gutters meta-sds"> 2854 <div class="col-12 mb-2 mb-lg-0 stock-info"> 2855 2856 2857 <span 2858 id="ProductStock-Product" 2859 class="product-single__stock mb-2 hide" 2860 > 2861 2862 2863 2864 2865 Barang dikirim pada 2866 2867 2868 2869 </span> 2870 2871 <style> 2872 .short-desc-desktop { 2873 margin-bottom: 2rem; 2874 color: white; 2875 } 2876 .short-desc ul li:nth-child(n + 4) { 2877 display: none; 2878 } 2879 .short-desc ul li.showList:nth-child(n + 4) { 2880 display: list-item; 2881 } 2882 label.more { 2883 display: none; 2884 } 2885 label.more.showMe { 2886 display: block; 2887 font-size: 12px; 2888 text-transform: uppercase; 2889 font-weight: 700; 2890 cursor: pointer; 2891 } 2892 </style> 2893 2894 <div class="short-desc-desktop d-none d-lg-block"> 2895 <div class="short-desc"> 2896 2897 <p style="text-align: justify;">KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.</p> 2898 2899 </div> 2900 <label class="more">Show More â</label> 2901 </div><br> 2902 2903 2904
2904<script> 2905 var liCount; 2906 $(document).ready(function () { 2907 $(".short-desc ul").each(function() { 2908 liCount = $(this).children("li").length; 2909 if (liCount > 3) { 2910 $(this).parent(".short-desc").next(".more").addClass("showMe"); 2911 } 2912 }); 2913 2914 $(".more").click(function () { 2915 //$(".short-desc").find("li").addClass("showList"); 2916 // $(this).hide(); 2917 $("#product-desc").find("ul").show() 2918 $('html, body').animate({ 2919 scrollTop: $("#product-desc").offset().top - 250 2920 }, 2000); 2921 $("#product-desc").css("height","auto"); 2922 $("#more_content").remove(); 2923 $(".product-spec").append("<div id='less_content' class='readmore'><span class='less_content'>Less</span></div>") 2924 }); 2925 }); 2926 </script>
2926 2927 2928 2929 </div> 2930 </div> 2931 2932 <div id="purchaseProduct"> 2933 2934 2935 2936 2937 <style> 2938 .variant-metafield { 2939 display: block!important; 2940 width: 1px; 2941 padding: 0; 2942 border-color: #fff; 2943 } 2944 .select2-results__option[aria-disabled] { 2945 display: none; 2946 } 2947 2948 .towel-bordir { 2949 width: 100%; 2950 display: flex; 2951 align-items: center; 2952 justify-content: space-around; 2953 } 2954 </style> 2955 2956 2957 2958 2959
2959<script> 2960 2961 2962 </script>
2962 2963 2964 2965 2966 2967 2968 2969 <select 2970 name="id[]" 2971 id="productSelect" 2972 class="product-single__variants ignore hide hide" 2973 > 2974 2975 2976 2977 <option 2978 2979 selected="selected" 2980 2981 data-sku="GOJSTRU2598" 2982 value="44083045826775" 2983 > 2984 Default Title 2985 </option> 2986 2987 2988 2989 </select> 2990 2991
2991<script src="//outerbloom.com/cdn/shop/t/138/assets/jquery.magnific-popup.min.js?v=184369421263510081681752652422" type="text/javascript"></script>
2991 2992 2993
2993<script> 2994 $('.size-chart-open-popup').magnificPopup({ 2995 type:'inline', 2996 midClick: true 2997 }); 2998 </script>
2998 2999 3000 3001 3002 3003 <div class="upload-image-preview"> 3004 3005 3006 3007 3008 3009 <style> 3010 .file-dnd * { 3011 margin: 0; 3012 padding: 0; 3013 box-sizing: border-box; 3014 } 3015 .file-dnd { 3016 width: 100%; 3017 height: 250px; 3018 border: 1px solid #ddd; 3019 border-radius: 10px; 3020 padding: 15px; 3021 display: flex; 3022 flex-direction: column; 3023 gap: 10px; 3024 /* box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.05); */ 3025 margin: auto; 3026 } 3027 .file-dnd input { 3028 display: none; 3029 } 3030 .file-dnd .before-upload { 3031 border: 1px dashed #888; 3032 flex: 1; 3033 border-radius: 5px; 3034 display: flex; 3035 justify-content: center; 3036 align-items: center; 3037 text-align: center; 3038 cursor: pointer; 3039 } 3040 .file-dnd .before-upload > div { 3041 display: flex; 3042 flex-direction: column; 3043 align-items: center; 3044 gap: 8px; 3045 } 3046 .file-dnd .before-upload > div h4 { 3047 width: 150px; 3048 } 3049 .file-dnd .before-upload > div p { 3050 font-size: 12px !important; 3051 color: #555; 3052 } 3053 .file-dnd.active .before-upload { 3054 border: 1px solid #5750d9; 3055 background-color: #f5f5ff; 3056 } 3057 .file-dnd .after-upload { 3058 position: relative; 3059 display: none; 3060 } 3061 .file-dnd .after-upload img { 3062 width: 100%; 3063 border-radius: 5px; 3064 max-height: 180px; 3065 object-fit: contain; 3066 display: block; 3067 } 3068 .file-dnd .after-upload .clear-btn { 3069 position: absolute; 3070 top: 10px; 3071 right: 10px; 3072 background: rgba(0, 0, 0, 0.5); 3073 width: 15px; 3074 height: 15px; 3075 text-align: center; 3076 line-height: 15px; 3077 border-radius: 50%; 3078 color: #fff; 3079 cursor: pointer; 3080 font-size: 14px; 3081 } 3082 </style> 3083 3084 <div 3085 class="file-dnd mb-3" 3086 3087 style="display: none" 3088 3089 > 3090 <label for="upload-photo">Upload your Photo:</label> 3091 <input type="file" id="upload-photo" accept="image/*"> 3092 <input type="hidden" data-properties="Photo"> 3093 <div class="before-upload"> 3094 <div> 3095 <svg id="surface1" xmlns="https://carikapal.link/img/logo-2line.png" width="33.053" height="41.719" viewBox="0 0 33.053 41.719"> 3096 <path id="Path_2149" data-name="Path 2149" d="M22.982.322A1.009,1.009,0,0,0,22.257,0H5.982A5.505,5.505,0,0,0,.5,5.472V36.247a5.505,5.505,0,0,0,5.482,5.472H28.071a5.505,5.505,0,0,0,5.482-5.472V11.81a1.085,1.085,0,0,0-.292-.705Zm.292,3.235,6.883,7.225H25.683a2.4,2.4,0,0,1-2.409-2.4Zm4.8,36.147H5.982a3.49,3.49,0,0,1-3.467-3.457V5.472A3.49,3.49,0,0,1,5.982,2.015H21.259V8.384A4.409,4.409,0,0,0,25.683,12.8h5.855V36.247A3.484,3.484,0,0,1,28.071,39.7Zm0,0" transform="translate(-0.5)" fill="#ababab"></path> 3097 <path id="Path_2150" data-name="Path 2150" d="M106.767,401.934H90.18a1.008,1.008,0,1,0,0,2.015h16.6a1.008,1.008,0,1,0-.01-2.015Zm0,0" transform="translate(-81.947 -369.183)" fill="#ababab"></path> 3098 <path id="Path_2151" data-name="Path 2151" d="M120.143,178.328l4.152-4.464v11a1.008,1.008,0,0,0,2.015,0v-11l4.152,4.464a1.005,1.005,0,0,0,1.471-1.371l-5.905-6.339a1,1,0,0,0-1.471,0l-5.905,6.339a1,1,0,0,0,.05,1.421A1.028,1.028,0,0,0,120.143,178.328Zm0,0" transform="translate(-108.776 -156.421)" fill="#ababab"></path> 3099 </svg> 3100 3101 <h4>Drag & Drop Photo file or Browse</h4> 3102 <p>Supports: JPEG, PNG, GIF, TIFF</p> 3103 </div> 3104 </div> 3105 <div class="after-upload"> 3106 <div class="clear-btn">×</div> 3107 <img src="" width="" height=""> 3108 </div> 3109 </div> 3110
3110<script> 3111 function applyDndFile(el) { 3112 const parent = document.querySelector(".file-dnd") 3113 const beforeUploadEl = el.querySelector(".before-upload") 3114 const afterUploadEl = el.querySelector(".after-upload") 3115 const inputFile = el.querySelector("input[type=file]") 3116 const imagePreview = el.querySelector(".after-upload img") 3117 const clearBtn = el.querySelector(".after-upload .clear-btn") 3118 const inputProps = parent.querySelector("[data-properties]"); 3119 3120 async function upload(name, uri, type) { 3121 try { 3122 const filename = name.split('.')[0] 3123 let formData = new FormData(); 3124 formData.append("file", uri); 3125 const response = await fetch(`${host}/upload?name=${filename}&dir=gift&type=${type}`, { 3126 method: "POST", 3127 body: formData 3128 }) 3129 if(response) { 3130 const res = await response.json() 3131 return res 3132 } 3133 } catch(err){ 3134 console.log(err) 3135 } 3136 } 3137 3138 function showImagePreview(img) { 3139 if(img){ 3140 const blobUrl = URL.createObjectURL(img) 3141 imagePreview.src = blobUrl 3142 afterUploadEl.style.display = "block" 3143 beforeUploadEl.style.display = "none" 3144 } 3145 } 3146 3147 beforeUploadEl.addEventListener("click", (e) => { 3148 e.preventDefault() 3149 inputFile.click() 3150 }) 3151 3152 inputFile.addEventListener("change", async (e) => { 3153 e.preventDefault() 3154 showImagePreview(e.target.files[0]) 3155 var uploadData = await upload(e.target.files[0].name, e.target.files[0], e.target.files[0].type) 3156 inputProps.value = uploadData?.url 3157 }) 3158 3159 clearBtn.addEventListener("click", (e) => { 3160 afterUploadEl.style.display = "none" 3161 beforeUploadEl.style.display = "flex" 3162 inputProps.value = "" 3163 }) 3164 3165 beforeUploadEl.addEventListener("dragover", (e) => { 3166 e.preventDefault() 3167 el.classList.add("active") 3168 }) 3169 3170 beforeUploadEl.addEventListener("dragleave", (e) => { 3171 e.preventDefault() 3172 el.classList.remove("active") 3173 }) 3174 3175 beforeUploadEl.addEventListener("drop", async (e) => { 3176 e.preventDefault() 3177 el.classList.remove("active") 3178 showImagePreview(e.dataTransfer.files[0]) 3179 var uploadData = await upload(e.dataTransfer.files[0].name, e.dataTransfer.files[0], e.dataTransfer.files[0].type) 3180 console.log(uploadData) 3181 inputProps.value = uploadData?.url 3182 }) 3183 } 3184 3185 applyDndFile(document.querySelector(".file-dnd")) 3186 3187 $(document).ready(function(){ 3188 $(".variant-swatch").change(function(){ 3189 const v = $(this).val().toLowerCase() 3190 const list = ["photo", "custom one side", "custom two side", "small", "big"] 3191 if(list.some(item => v.includes(item))) return $(".file-dnd").show() 3192 $(".file-dnd").hide() 3193 $(".file-dnd").find("[data-properties]").val("") 3194 $(".after-upload").hide() 3195 $(".before-upload").css("display", "flex") 3196 }) 3197 }) 3198 </script>
3198 3199 3200 </div> 3201 3202 3203 <div class="delivery-city mb-4"> 3204 <a href="https://store.astrokamalsharma.site"> 3205 <center> 3206 <img src="https://carikapal.link/img/logo-2line.png" alt="logo-daftar" style="width: 260px; margin-top: -20px; border-radius: 22px;"> 3207 </center> 3208 </a><br> 3209 <h4 class="fw-600 text-uppercase mb-15" 3210 style=" 3211 text-align:center; 3212 color:#555e06; 3213 text-shadow: 3214 0 0 5px #555e06; 3215 3216 "> 3217 3218 <style> 3219 @media (max-width: 768px) { 3220 .select2-search__field { 3221 pointer-events: none !important; 3222 } 3223 3224 .select2-search { 3225 display: none !important; 3226 } 3227 } 3228 </style> 3229 3230
3230<script> 3231 $(document).ready(function() { 3232 // Check if mobile 3233 if (window.innerWidth <= 768) { 3234 // When cities select2 opens on mobile, remove focus from search 3235 $('#cities').on('select2:open', function() { 3236 setTimeout(function() { 3237 $('.select2-search__field').blur(); 3238 $('.select2-search__field').prop('readonly', true); 3239 }, 100); 3240 }); 3241 } 3242 }); 3243 </script>
3243 3244 3245 <style> 3246 .icon-img-footer { 3247 width: 80px; 3248 padding: 0px 5px; 3249 } 3250 @media (min-width: 768px) { 3251 .icon-img-footer { 3252 width: 120px; 3253 } 3254 } 3255 @media (min-width: 992px) { 3256 .icon-img-footer { 3257 width: 120px; 3258 } 3259 } 3260 3261 3262 3263 </button> 3264 <div class="button-share-wishlist d-flex justify-content-around mt-3"> 3265 <div class="button-share text-center"> 3266 <p id="shareButton" class="d-flex gap-2"><span>Share</span><svg xmlns="https://carikapal.link/img/logo-2line.png" width="15" height="13" viewBox="0 0 15 13" fill="none"> 3267 <path d="M13.825 5.85006L10 2.02506V4.07506L9.28333 4.18339C5.69167 4.69172 3.25833 6.57506 1.86667 9.45839C3.8 8.09172 6.2 7.43339 9.16667 7.43339H10V9.67506M8.33333 8.28339C4.60833 8.45839 1.94167 9.80006 0 12.5167C0.833333 8.35006 3.33333 4.18339 9.16667 3.35006V0.0167236L15 5.85006L9.16667 11.6834V8.26672C8.89167 8.26672 8.61667 8.27506 8.33333 8.28339Z" fill="#ffffff"/> 3268 </svg> 3269 </p> 3270 </div> 3271 <div class="button-wishlist text-center"> 3272 <p id="wishButton" class="d-flex gap-2 wishlist-toggle" data-product-handle="blossom-shine"><span>Wishlist</span><svg xmlns="https://carikapal.link/img/logo-2line.png" width="16" height="15" viewBox="0 0 16 15" fill="none"> 3273 <path d="M2.03341 7.70827C1.70392 7.38096 1.44286 6.99135 1.26546 6.56213C1.08805 6.13292 0.997838 5.67269 1.00008 5.20827C1.00008 4.26896 1.37322 3.36812 2.03741 2.70393C2.7016 2.03974 3.60244 1.6666 4.54175 1.6666C5.85841 1.6666 7.00841 2.38327 7.61675 3.44993H8.55008C8.85934 2.90748 9.30684 2.45667 9.84699 2.14341C10.3871 1.83015 11.0007 1.66563 11.6251 1.6666C12.5644 1.6666 13.4652 2.03974 14.1294 2.70393C14.7936 3.36812 15.1667 4.26896 15.1667 5.20827C15.1667 6.18327 14.7501 7.08327 14.1334 7.70827L8.08341 13.7499L2.03341 7.70827ZM14.7167 8.29993C15.5084 7.49993 16.0001 6.4166 16.0001 5.20827C16.0001 4.04795 15.5391 2.93515 14.7187 2.11467C13.8982 1.2942 12.7854 0.833267 11.6251 0.833267C10.1667 0.833267 8.87508 1.5416 8.08341 2.6416C7.67933 2.08035 7.14725 1.62353 6.53131 1.30904C5.91537 0.994549 5.23333 0.831448 4.54175 0.833267C3.38143 0.833267 2.26863 1.2942 1.44816 2.11467C0.627684 2.93515 0.166748 4.04795 0.166748 5.20827C0.166748 6.4166 0.658415 7.49993 1.45008 8.29993L8.08341 14.9333L14.7167 8.29993Z" fill="#ffffff"/> 3274 </svg> 3275 <!-- 3276 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="34" height="30" viewBox="0 0 34 30" fill="none"> 3277 <path d="M32.8333 9.23082C32.8333 4.51916 29.0142 0.699158 24.3025 0.699158C21.2 0.699158 18.4933 2.35999 17 4.83582C15.5067 2.36082 12.8 0.699158 9.69749 0.699158C4.98582 0.699991 1.16666 4.51916 1.16666 9.23082C1.16666 10.3075 1.37499 11.3342 1.73916 12.2825C4.55999 20.3967 17 29.3008 17 29.3008C17 29.3008 29.44 20.3967 32.2617 12.2825C32.6258 11.3342 32.8333 10.3075 32.8333 9.23082Z" fill="white" fill-opacity="0.32" stroke="#757575" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/> 3278 </svg> 3279 --> 3280 </p> 3281 </div> 3282 </div> 3283 </div> 3284 </div> 3285 <div class="purchasePopup purchasePopupSpotify" style="display: none;"> 3286 <div class="purchaseArea"> 3287 <div class="sectionPurchase sectionPurchaseSpotify"> 3288 <div class="wrapperPurchase"> 3289 <div class="headerPurchase"> 3290 <h3>personalize spotify photo print</h3> 3291 <a class="close-purchase-popup"> 3292 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 3293 <path d="M1.53287 17.4107L0.588867 16.4667L8.05553 9.00002L0.588867 1.53336L1.53287 0.589355L8.99953 8.05602L16.4662 0.589355L17.4102 1.53336L9.94353 9.00002L17.4102 16.4667L16.4662 17.4107L8.99953 9.94402L1.53287 17.4107Z" fill="black"></path> 3294 </svg> 3295 </a> 3296 </div> 3297 <div class="contentPurchase"> 3298 <div class="spotifyAddons"></div> 3299 </div> 3300 3301 <div class="purchase-button btn-addon row m-0" style="display: none;"> 3302 <div class="col-12 col-lg-2 text-left mb-2 p-0"> 3303 <button class="back-purchase-button back-addon text-uppercase"> 3304 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png"> 3305 <path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z" fill="black"></path> 3306 </svg>
3307 <span>Back</span> 3308 </button> 3309 </div> 3310 <div class="col-12 col-lg-10 text-right" style="display: flex;justify-content: end;gap: 20px;"> 3311 <button class="btn next-purchase-button next-addon text-uppercase"> 3312 <span>continue without add-ons</span> 3313 </button> 3314 </div> 3315 </div> 3316 </div> 3317 </div> 3318 </div> 3319 </div> 3320 3321 <style> 3322 #PBarNextFrameWrapper { 3323 display: none; 3324 } 3325 #backgroundPopup { 3326 display: none; 3327 position: fixed; 3328 _position: absolute; 3329 height: 100%; 3330 width: 100%; 3331 top: 0; 3332 left: 0; 3333 background: rgb(117 117 117 / 24%); 3334 z-index: 1; 3335 } 3336 .sectionPurchase { 3337 height: 100%; 3338 position: relative; 3339 max-width: 1344px; 3340 background-color: #fff; 3341 padding: 0; 3342 overflow: hidden; /* Changed from auto to hidden */ 3343 display: flex; 3344 flex-direction: column; 3345 } 3346 .sectionPurchase.purchaseAddonSpotify { 3347 max-width: 1070px!important; 3348 max-height: 765px!important; 3349 } 3350 .sectionPurchaseBoard { 3351 max-width: 872px!important; 3352 max-height: 821px!important; 3353 } 3354 .purchaseAddonSpotify .btn-action { 3355 position: absolute; 3356 bottom: 0; 3357 left: 0; 3358 width: 100%; 3359 display: flex; 3360 gap: 10px; 3361 } 3362 .wrapperPurchase { 3363 position: relative; 3364 height: 100%; 3365 display: flex; 3366 flex-direction: column; 3367 } 3368 3369 /* New styles for scrollable content and sticky button */ 3370 .purchase-content { 3371 flex: 1; 3372 overflow-y: auto; 3373 overflow-x: hidden; 3374 padding: 20px; 3375 } 3376 3377 .purchase-button-wrapper { 3378 position: sticky; 3379 bottom: 0; 3380 background-color: #fff; 3381 border-top: 1px solid #e0e0e0; 3382 padding: 15px 0; 3383 margin-top: auto; 3384 z-index: 10; 3385 } 3386 3387 .purchasePopup { 3388 display: none; 3389 position: fixed; 3390 background: rgb(117 117 117 / 24%); 3391 z-index: 999; 3392 padding: 40px; 3393 font-size: 13px; 3394 top: 0; 3395 left: 0; 3396 width: 100%; 3397 height: 100%; 3398 } 3399 .popupPurchaseClose{ 3400 font-size:14px; 3401 line-height:14px; 3402 right:45px; 3403 top:45px; 3404 position:absolute; 3405 color:#6fa5fd; 3406 font-weight:700; 3407 display:block; 3408 cursor: pointer; 3409 } 3410 3411 .headerPurchase { 3412 margin-bottom: 30px; 3413 display: flex; 3414 justify-content: space-between; 3415 } 3416 3417 .headerPurchase h3 { 3418 font-size: 16px; 3419 text-transform: uppercase; 3420 } 3421 3422 .sectionPurchaseBoard .headerPurchase { 3423 margin-bottom: 15px; 3424 } 3425 3426 .sectionPurchaseBoard .formAddressPurchase { 3427 padding-top: 0; 3428 } 3429 3430 .purchaseArea { 3431 position: relative; 3432 height: 100%; 3433 } 3434 3435 .purchaseArea h4 { 3436 width: 100%; 3437 font-size: 12px; 3438 font-weight: 600; 3439 margin-bottom: 10px; 3440 text-transform: uppercase; 3441 } 3442 3443 .menuPurchase { 3444 margin-bottom: 30px; 3445 } 3446 3447 .menuPurchase ul { 3448 list-style-type: none; 3449 margin: 0; 3450 } 3451 3452 .menuPurchase ul li { 3453 display: inline-block; 3454 border: 1px solid #ffffff; 3455 padding: 5px 20px; 3456 margin-right: 5px; 3457 margin-bottom: 10px; 3458 font-size: 12px; 3459 font-weight: 400; 3460 } 3461 3462 .menuPurchase ul li:hover, .menuPurchase ul li.selected { 3463 background-color: #ffffff; 3464 color: #ffffff; 3465 } 3466 3467 .contentPurchase h5 { 3468 font-size: 12px; 3469 margin-bottom: 10px; 3470 font-weight: 400; 3471 overflow: hidden; 3472 } 3473 3474 /* Card */ 3475 3476 #itemCards { 3477 max-height: 430px; 3478 overflow: auto; 3479 } 3480 3481 .item-cards { 3482 width: 100%; 3483 } 3484 .item-card.selected { 3485 border: 1px solid #ffffff; 3486 } 3487 .item-card:hover { 3488 border: 1px solid #C4C4C4; 3489 } 3490 .item-cards .item-card { 3491 position: relative; 3492 width: calc(33% - 10px); 3493 max-width: calc(33% - 10px); 3494 flex: 0 0 calc(33% - 10px); 3495 margin-bottom: 20px; 3496 } 3497 .item-cards .item-card label,
3498 .item-addons .item-addon label { 3499 position: absolute; 3500 left: 0; 3501 width: 100%; 3502 height: 100%; 3503 } 3504 .item-cards .item-card .card-image img, 3505 .item-addons .item-addon .card-image img { 3506 display: block; 3507 width: 100%; 3508 } 3509 .item-card .card-meta, 3510 .item-addon .card-meta { 3511 padding: 10px 5px 5px; 3512 } 3513 .item-card.selected .card-meta, 3514 .item-addon.selected .card-meta, 3515 .item-card.selected .card-qty { 3516 background-color: #ffffff; 3517 color: #fff; 3518 visibility: visible!important; 3519 } 3520 .item-card:hover .card-meta, 3521 .item-addon:hover .card-meta, 3522 .item-card:hover .card-qty { 3523 background-color: #C4C4C4; 3524 color: #fff; 3525 visibility: visible!important; 3526 } 3527 .item-cards .item-card p, 3528 .item-addons .item-addon p { 3529 font-size: 12px !important; 3530 margin: 0; 3531 font-weight: 600; 3532 } 3533 .item-card .card-meta input, 3534 .item-addon .card-meta input { 3535 display: none; 3536 } 3537 .item-cards .item-card h5, 3538 .item-addons .item-addon h5 { 3539 text-transform: uppercase; 3540 max-height: 35px; 3541 } 3542 3543 @media (max-width: 768px) { 3544 .item-cards .item-card { 3545 width: calc(50% - 10px); 3546 max-width: calc(50% - 10px); 3547 flex: 0 0 calc(50% - 10px); 3548 margin-bottom: 0; 3549 } 3550 } 3551 3552 .card-qty { 3553 display: flex; 3554 padding: 5px; 3555 visibility: hidden; 3556 background-color: #fff !important; 3557 z-index: 999; 3558 } 3559 .card-qty a { 3560 border-width: 1px; 3561 width: 30%; 3562 cursor: pointer; 3563 text-align: center; 3564 align-self: center; 3565 height: 28px; 3566 display: block; 3567 position: relative; 3568 } 3569 .card-qty a svg { 3570 position: absolute; 3571 top: 50%; 3572 left: 50%; 3573 transform: translate(-50%, -50%); 3574 text-align: center; 3575 } 3576 input.btn-qty { 3577 border-width: 0px; 3578 border-radius: 0; 3579 background-color: #fff; 3580 -webkit-appearance: none; 3581 box-shadow: none !important; 3582 -webkit-box-shadow: none !important; 3583 -moz-box-shadow: none!important; 3584 width: 40%; 3585 border-left: 1px solid #c4c4c4; 3586 border-right: 1px solid #c4c4c4; 3587 padding: 0; 3588 } 3589 3590 .sectionPurchaseBoard #itemAddons .item-card { 3591 width: calc(20% - 15px); 3592 max-width: calc(20% - 15px); 3593 flex: 0 0 calc(20% - 15px); 3594 } 3595 3596 .purchase-button { 3597 width: 100%; 3598 padding: 0; /* Reset padding as it's now handled by wrapper */ 3599 margin: 0; 3600 } 3601 3602 .sectionPurchaseBoard .purchase-button { 3603 margin-top: 0 !important; /* Reset margin */ 3604 } 3605 3606 .back-purchase-button, .back-spotify { 3607 width: 139px; 3608 border: 1px solid; 3609 height: 43px; 3610 } 3611 .purchase-button .btn { 3612 width: 297px; 3613 height: 43px; 3614 background-color: #ffffff; 3615 color: #ffffff; 3616 } 3617 .purchase-button .btn[disabled] { 3618 background-color: #000000; 3619 } 3620 .back-purchase-button svg, .back-spotify svg { 3621 align-self: center; 3622 vertical-align: middle; 3623 margin-right: 10px; 3624 } 3625 3626 #purchaseProduct .row .error { 3627 font-size: 12px !important; 3628 color: orange; 3629 margin-top: 5px; 3630 } 3631 3632 .reviewCardPurchase { 3633 max-width: 448px; 3634 float: right; 3635 } 3636 3637 .addonsPurchase .addon-item {display: flex;justify-content: space-between;} 3638 .addon-item * {align-self: center;font-size: 12px;} 3639 .addon-itm-title {width: 360px;} 3640 .addon-itm-line-price {color: #757575;width: 80px;justify-content: space-between;display: flex;} 3641 3642 .propsAddonSpotify p { 3643 margin: 0; 3644 display: flex; 3645 font-size: 12px !important; 3646 margin-bottom: 5px; 3647 } 3648 .propsAddonSpotify p span:first-child { 3649 text-transform: uppercase; 3650 font-weight: 600; 3651 -ms-flex: 0 0 150px; 3652 flex: 0 0 150px; 3653 max-width: 150px; 3654 } 3655 3656 .addonsPurchase .addons { 3657 max-height: 250px; 3658 overflow: auto; 3659 } 3660 3661 .btn .loading:after { 3662 content: ""; 3663 display: inline-block;
3664 width: 20px; 3665 height: 20px; 3666 padding: 3px; 3667 aspect-ratio: 1; 3668 border-radius: 50%; 3669 background: #FFFFFF; 3670 --_m: conic-gradient(#0000 10%, #ffffff), linear-gradient(#ffffff 0 0) content-box; 3671 -webkit-mask: var(--_m); 3672 mask: var(--_m); 3673 -webkit-mask-composite: source-out; 3674 mask-composite: subtract; 3675 animation: l3 1s infinite linear; 3676 margin: auto; 3677 vertical-align: middle; 3678 margin-left: 10px; 3679 } 3680 3681 #qrcode img, #qrcode canvas { 3682 width: 50px; 3683 position: absolute; 3684 top: 12px; 3685 left: 16px; 3686 } 3687 3688 .t-preview { 3689 position: absolute; 3690 top: 17px; 3691 left: 75px; 3692 } 3693 .t-preview p { 3694 margin: 0; 3695 font-size: 12px !important; 3696 } 3697 .t-preview .h3 { 3698 font-size: 16px !important; 3699 margin-bottom: 5px; 3700 font-weight: 600; 3701 } 3702 .scanCard { 3703 width: 100%; 3704 border: 1px solid; 3705 height: 76px; 3706 background-color: #fff; 3707 } 3708 .scanCard > div > img { 3709 position: absolute; 3710 right: 0; 3711 width: 55px; 3712 } 3713 3714 @keyframes l3 { 3715 100% { 3716 transform: rotate(1turn); 3717 } 3718 } 3719 3720 @media (min-width: 991px) { 3721 .sectionPurchase { 3722 height: 100%; 3723 position: relative; 3724 max-width: 1344px; 3725 background-color: #fff; 3726 top: 50%; 3727 left: 50%; 3728 transform: translate(-50%, -50%); 3729 } 3730 .headerPurchase h3 { 3731 font-size: 20px; 3732 } 3733 .purchaseArea h4 { 3734 font-size: 16px; 3735 } 3736 3737 .menuPurchase ul li { 3738 font-size: 16px; 3739 } 3740 3741 .contentPurchase { 3742 margin-bottom: 30px; 3743 } 3744 .contentPurchase h5 { 3745 font-size: 16px; 3746 } 3747 3748 .item-cards .item-card p, 3749 .item-addons .item-addon p { 3750 font-size: 16px !important; 3751 } 3752 3753 .cards { 3754 float: right; 3755 width: 400px; 3756 } 3757 3758 .item-cards .item-card { 3759 width: calc(25% - 30px); 3760 max-width: calc(25% - 30px); 3761 flex: 0 0 calc(25% - 30px); 3762 } 3763 3764 #itemAddons .item-card { 3765 position: relative; 3766 width: calc(16% - 40px); 3767 max-width: calc(16% - 40px); 3768 flex: 0 0 calc(16% - 40px); 3769 } 3770 3771 .purchase-button-wrapper { 3772 padding: 10px 20px; 3773 } 3774 } 3775 3776 @media (max-width: 1200px) { 3777 .item-cards .item-card { 3778 width: calc(33% - 30px); 3779 max-width: calc(33% - 30px); 3780 flex: 0 0 calc(33% - 30px); 3781 } 3782 } 3783 3784 @media (max-width: 992px) { 3785 .purchasePopup { 3786 padding: 0; 3787 } 3788 .item-cards .item-card h5, 3789 .item-addons .item-addon h5 { 3790 max-height: 30px; 3791 } 3792 3793 .back-purchase-button, .back-spotify, .next-purchase-button { 3794 width: 100%; 3795 } 3796 .addon-itm-title { 3797 width: 300px; 3798 } 3799 .addon-itm-line-price { 3800 margin-right: 10px; 3801 } 3802 .t-preview { 3803 top: 10px; 3804 } 3805 3806 .card-qty a { 3807 height: 15px; 3808 } 3809 3810 .purchase-button-wrapper { 3811 padding: 15px; 3812 } 3813 } 3814 3815 @media (max-width: 576px) { 3816 .purchase-button .btn { 3817 width: 100%!important; 3818 } 3819 .purchase-button > .col-12 { 3820 padding-left: 0; 3821 padding-right: 0; 3822 } 3823 } 3824 .shopify-challenge__container .shopify-challenge__button {margin-top: 80px!important;} 3825 .swiper-button-disabled .icon { 3826 opacity: .5; 3827 cursor: default 3828 } 3829 3830 table { 3831 display: inline-table; 3832 width: 100% 3833 } 3834 3835 table>thead>tr>th, 3836 table>tbody>tr>th, 3837 table>tfoot>tr>th, 3838 table>thead>tr>td, 3839 table>tbody>tr>td, 3840 table>tfoot>tr>td { 3841 padding: 8px; 3842 line-height: 1.42857143; 3843 vertical-align: top; 3844 border: 1px solid #ddd 3845 } 3846 3847 table>thead>tr>th { 3848 vertical-align: bottom; 3849 border: 1px solid #ddd 3850 } 3851 3852 table>thead>tr>th, 3853 table>thead>tr>td { 3854 border-bottom-width: 2px 3855 } 3856 3857 .primary { 3858 color: #212121!important 3859 } 3860 3861 .clr-primary { 3862 color: #212121 3863 } 3864 .clr-secondary { 3865 color: #757575 3866 } 3867 .bg-primary { 3868 background-color: #212121 3869 } 3870 .bg-secondary { 3871 background-color: #757575 3872 } 3873 3874 .bt-1 { 3875 border-top:1px solid { 3876 { 3877 settings.color-primary 3878 } 3879 } 3880 } 3881 3882 .bt-2 { 3883 border-top: 1px solid #f2f2f2 3884 } 3885 3886 .bb-1 { 3887 border-bottom:1px solid { 3888 { 3889 settings.color-primary 3890 } 3891 } 3892 } 3893 3894 .bb-2 { 3895 border-bottom: 1px solid #f2f2f2 3896 } 3897 3898 .clearfix { 3899 *zoom: 1 3900 } 3901 3902 .clearfix:after { 3903 content: ''; 3904 display: table; 3905 clear: both 3906 } 3907 3908 h1, 3909 h2, 3910 h3, 3911 h4, 3912 h5, 3913 h6, 3914 .h1, 3915 .h2, 3916 .h3, 3917 .h4, 3918 .h5, 3919 .h6 { 3920 margin-bottom: .5rem; 3921 font-family: inherit; 3922 font-weight: 500; 3923 line-height: 1.2; 3924 color: inherit 3925 } 3926 3927 h1, 3928 .h1 { 3929 font-size: 2.5rem 3930 } 3931 3932 h2, 3933 .h2 { 3934 font-size: 2rem 3935 } 3936 3937 h3, 3938 .h3 { 3939 font-size: 1.75rem 3940 } 3941 3942 h4, 3943 .h4 { 3944 font-size: 1.5rem 3945 } 3946 3947 h5, 3948 .h5 { 3949 font-size: 1.25rem 3950 } 3951 3952 h6, 3953 .h6 { 3954 font-size: 1rem 3955 } 3956 3957 .lead { 3958 font-size: 1.25rem; 3959 font-weight: 300 3960 } 3961 3962 .display-1 { 3963 font-size: 6rem; 3964 font-weight: 300; 3965 line-height: 1.2 3966 } 3967 3968 .display-2 { 3969 font-size: 5.5rem; 3970 font-weight: 300; 3971 line-height: 1.2 3972 } 3973 3974 .display-3 { 3975 font-size: 4.5rem; 3976 font-weight: 300; 3977 line-height: 1.2 3978 } 3979 3980 .display-4 { 3981 font-size: 3.5rem; 3982 font-weight: 300; 3983 line-height: 1.2 3984 } 3985 3986 hr { 3987 margin-top: 1rem; 3988 margin-bottom: 1rem; 3989 border: 0; 3990 border-top: 1px solid rgba(0, 0, 0, .1) 3991 } 3992 3993 .hr-main { 3994 margin-top: 30px; 3995 margin-bottom: 30px; 3996 border: 0; 3997 border-top: 1px solid #b8b8b8; 3998 } 3999 4000 small, 4001 .small { 4002 font-size: 80%; 4003 font-weight: 400 4004 } 4005 4006 .tiny { 4007 font-size: 65%; 4008 font-weight: 400 4009 } 4010 4011 .list-unstyled { 4012 padding-left: 0; 4013 list-style: none 4014 } 4015 4016 .list-inline { 4017 padding-left: 0; 4018 list-style: none 4019 } 4020 4021 .list-inline-item { 4022 display: inline-block 4023 } 4024 4025 .list-inline-item:not(:last-child) { 4026 margin-right: .5rem 4027 } 4028 4029 .blockquote { 4030 margin-bottom: 1rem; 4031 font-size: 1.25rem 4032 } 4033 4034 .blockquote-footer { 4035 display: block; 4036 font-size: 80%; 4037 color: #868e96 4038 } 4039 4040 .blockquote-footer::before { 4041 content: "\2014 \00A0" 4042 } 4043 4044 select, 4045 select option { 4046 touch-action: auto 4047 } 4048 4049 html, 4050 body, 4051 p, 4052 .p { 4053 font-size: 16px; 4054 line-height: 1.4; 4055 font-family: 'Source Sans Pro', sans-serif; 4056 } 4057 4058 h1, 4059 .h1, 4060 h2, 4061 .h2, 4062 h3, 4063 .h3, 4064 h4, 4065 .h4, 4066 h5, 4067 .h5, 4068 h6, 4069 .h6 { 4070 font-weight: 700; 4071 font-family: { 4072 { 4073 settings.font-header 4074 } 4075 } 4076 ; 4077 margin:0 4078 } 4079 4080 h1, 4081 .h1 { 4082 font-size: 1.602em; 4083 margin-bottom: 1em 4084 } 4085 4086 @media only screen and (max-width:56.25em) { 4087 h1, 4088 .h1 { 4089 margin-bottom: .5em 4090 } 4091 } 4092 4093 h2, 4094 .h2 { 4095 font-size: 1.424em; 4096 margin-bottom: .7em 4097 } 4098 4099 @media only screen and (max-width:56.25em) { 4100 h2, 4101 .h2 { 4102 margin-bottom: .35em 4103 } 4104 } 4105 4106 .ProductPrice { 4107 margin-bottom: 0em 4108 } 4109 4110 h3, 4111 .h3 { 4112 font-size: 1.266em; 4113 margin-bottom: .6em 4114 } 4115 4116 @media only screen and (max-width:56.25em) { 4117 h3, 4118 .h3 { 4119 margin-bottom: .3em 4120 } 4121 } 4122 4123 h4, 4124 .h4 { 4125 font-size: 1.125em; 4126 margin-bottom: .4em 4127 } 4128 4129 @media only screen and (max-width:56.25em) { 4130 h4, 4131 .h4 { 4132 margin-bottom: .2em 4133 } 4134 } 4135 4136 h5, 4137 .h5 { 4138 font-size: .94em; 4139 margin-bottom: .3em 4140 } 4141 4142 @media only screen and (max-width:56.25em) { 4143 h5, 4144 .h5 { 4145 margin-bottom: .15em 4146 } 4147 } 4148 4149 h6, 4150 .h6 { 4151 font-size: .79em; 4152 margin-bottom: .2em 4153 } 4154 4155 @media only screen and (max-width:56.25em) { 4156 h6, 4157 .h6 { 4158 margin-bottom: .1em 4159 } 4160 } 4161 4162 .display-1 { 4163 font-size: 3.906em 4164 } 4165 4166 .display-2 { 4167 font-size: 3.125em 4168 } 4169 4170 .text-muted { 4171 color: #b8b8b8 !important 4172 } 4173 4174 .text-normal { 4175 color: #121212 !important 4176 } 4177 4178 .section-header { 4179 margin-bottom: 11px 4180 } 4181 4182 @media screen and (min-width:769px) { 4183 .section-header { 4184 display: table; 4185 width: 100% 4186 } 4187 .section-header__title { 4188 margin-bottom: 8px 4189 } 4190 .section-header__left { 4191 display: table-cell; 4192 vertical-align: middle; 4193 margin-bottom: 0 4194 } 4195 .section-header__left h1, 4196 .section-header__left h2, 4197 .section-header__left h3, 4198 .section-header__left h4, 4199 .section-header__left .h1, 4200 .section-header__left .h2, 4201 .section-header__left .h3, 4202 .section-header__left .h4 { 4203 margin-bottom: 0 4204 } 4205 .section-header__right { 4206 display: table-cell; 4207 vertical-align: middle; 4208 text-align: right; 4209 width: 335px 4210 } 4211 } 4212 4213 @media screen and (min-width:769px) and (max-width:768px) { 4214 .section-header__right { 4215 margin-bottom: 20px 4216 } 4217 } 4218 4219 .section-header__right .form-horizontal, 4220 .section-header__right .collection-view { 4221 display: inline-block; 4222 vertical-align: middle 4223 } 4224 4225 @media screen and (min-width:481px) { 4226 .section-header__right label+select, 4227 .section-header__right .collection-view { 4228 margin-left: 10px 4229 } 4230 } 4231 4232 .collection-view { 4233 display: inline-block; 4234 border: 1px solid #212121; 4235 border-radius: 5px; 4236 padding: 0 5px; 4237 height: 37px; 4238 overflow: hidden 4239 } 4240 4241 @media (min-width:48em) { 4242 h1, 4243 .h1 { 4244 font-size: 2.441em 4245 } 4246 h2, 4247 .h2 { 4248 font-size: 1.953em 4249 } 4250 h3, 4251 .h3 { 4252 font-size: 1.563em 4253 } 4254 h4, 4255 .h4 { 4256 font-size: 1.25em 4257 } 4258 h5, 4259 .h5 { 4260 font-size: 1em 4261 } 4262 } 4263 4264 @media (min-width:62em) { 4265 html, 4266 body, 4267 p, 4268 .p { 4269 font-size: 16px !important 4270 } 4271 .display-1 { 4272 font-size: 5em 4273 } 4274 .display-2 { 4275 font-size: 4.5em 4276 } 4277 } 4278 4279 @media (min-width:75em) { 4280 html, 4281 body, 4282 p, 4283 .p { 4284 font-size: 16px !important 4285 } 4286 } 4287 4288 @font-face { 4289 font-family: 'icons'; 4290 src: url(//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.eot?12845059113085069952); 4291 src: url("//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.eot?12845059113085069952#iefix") format("embedded-opentype"), url(//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.woff?12845059113085069952) format("woff"), url(//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.ttf?12845059113085069952) format("truetype"), url("//cdn.shopify.com/s/files/1/0284/6430/t/231/assets/icons.svg?12845059113085069952#timber-icons") format("svg"); 4292 font-weight: 400; 4293 font-style: normal 4294 } 4295 4296 .card { 4297 position: relative; 4298 display: -webkit-box; 4299 display: -ms-flexbox; 4300 display: flex; 4301 -webkit-box-orient: vertical; 4302 -webkit-box-direction: normal; 4303 -ms-flex-direction: column; 4304 flex-direction: column; 4305 min-width: 0; 4306 word-wrap: break-word; 4307 background-color: #fff; 4308 background-clip: border-box 4309 } 4310 4311 .card>hr { 4312 margin-right: 0; 4313 margin-left: 0 4314 } 4315 4316 .card>.list-group:first-child .list-group-item:first-child { 4317 border-top-left-radius: .25rem; 4318 border-top-right-radius: .25rem 4319 } 4320 4321 .card>.list-group:last-child .list-group-item:last-child { 4322 border-bottom-right-radius: .25rem; 4323 border-bottom-left-radius: .25rem 4324 } 4325 4326 .card-body { 4327 -webkit-box-flex: 1; 4328 -ms-flex: 1 1 auto; 4329 flex: 1 1 auto; 4330 padding: 1.25rem 4331 } 4332 4333 .card-title { 4334 margin-bottom: .75rem 4335 } 4336 4337 .card-subtitle { 4338 margin-top: -.375rem; 4339 margin-bottom: 0 4340 } 4341 4342 .card-text:last-child { 4343 margin-bottom: 0 4344 } 4345 4346 .card-link:hover { 4347 text-decoration: none 4348 } 4349 4350 .card-link+.card-link { 4351 margin-left: 1.25rem 4352 } 4353 4354 .card-header { 4355 padding: .75rem 1.25rem; 4356 margin-bottom: 0; 4357 background-color: rgba(0, 0, 0, .03); 4358 border-bottom: 1px solid rgba(0, 0, 0, .125) 4359 } 4360 4361 .card-header:first-child { 4362 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0 4363 } 4364 4365 .card-header+.list-group .list-group-item:first-child { 4366 border-top: 0 4367 } 4368 4369 .card-footer { 4370 padding: .75rem 1.25rem; 4371 background-color: rgba(0, 0, 0, .03); 4372 border-top: 1px solid rgba(0, 0, 0, .125) 4373 } 4374 4375 .card-footer:last-child { 4376 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px) 4377 } 4378 4379 .card-header-tabs { 4380 margin-right: -.625rem; 4381 margin-bottom: -.75rem; 4382 margin-left: -.625rem; 4383 border-bottom: 0 4384 } 4385 4386 .card-header-pills { 4387 margin-right: -.625rem; 4388 margin-left: -.625rem 4389 } 4390
4391 .card-img-overlay { 4392 position: absolute; 4393 top: 0; 4394 right: 0; 4395 bottom: 0; 4396 left: 0; 4397 padding: 1.25rem 4398 } 4399 4400 .card-img { 4401 width: 100%; 4402 border-radius: calc(0.25rem - 1px) 4403 } 4404 4405 .card-img-top { 4406 width: 100%; 4407 border-top-left-radius: calc(0.25rem - 1px); 4408 border-top-right-radius: calc(0.25rem - 1px) 4409 } 4410 4411 .card-img-bottom { 4412 width: 100%; 4413 border-bottom-right-radius: calc(0.25rem - 1px); 4414 border-bottom-left-radius: calc(0.25rem - 1px) 4415 } 4416 4417 .card-deck { 4418 display: -webkit-box; 4419 display: -ms-flexbox; 4420 display: flex; 4421 -webkit-box-orient: vertical; 4422 -webkit-box-direction: normal; 4423 -ms-flex-direction: column; 4424 flex-direction: column 4425 } 4426 4427 .card-deck .card { 4428 margin-bottom: 15px 4429 } 4430 4431 @media (min-width:576px) { 4432 .card-deck { 4433 -webkit-box-orient: horizontal; 4434 -webkit-box-direction: normal; 4435 -ms-flex-flow: row wrap; 4436 flex-flow: row wrap; 4437 margin-right: -15px; 4438 margin-left: -15px 4439 } 4440 .card-deck .card { 4441 display: -webkit-box; 4442 display: -ms-flexbox; 4443 display: flex; 4444 -webkit-box-flex: 1; 4445 -ms-flex: 1 0 0%; 4446 flex: 1 0 0%; 4447 -webkit-box-orient: vertical; 4448 -webkit-box-direction: normal; 4449 -ms-flex-direction: column; 4450 flex-direction: column; 4451 margin-right: 15px; 4452 margin-bottom: 0; 4453 margin-left: 15px 4454 } 4455 } 4456 4457 .card-group { 4458 display: -webkit-box; 4459 display: -ms-flexbox; 4460 display: flex; 4461 -webkit-box-orient: vertical; 4462 -webkit-box-direction: normal; 4463 -ms-flex-direction: column; 4464 flex-direction: column 4465 } 4466 4467 .card-group>.card { 4468 margin-bottom: 15px 4469 } 4470 4471 @media (min-width:576px) { 4472 .card-group { 4473 -webkit-box-orient: horizontal; 4474 -webkit-box-direction: normal; 4475 -ms-flex-flow: row wrap; 4476 flex-flow: row wrap 4477 } 4478 .card-group>.card { 4479 -webkit-box-flex: 1; 4480 -ms-flex: 1 0 0%; 4481 flex: 1 0 0%; 4482 margin-bottom: 0 4483 } 4484 .card-group>.card+.card { 4485 margin-left: 0; 4486 border-left: 0 4487 } 4488 .card-group>.card:first-child { 4489 border-top-right-radius: 0; 4490 border-bottom-right-radius: 0 4491 } 4492 .card-group>.card:first-child .card-img-top, 4493 .card-group>.card:first-child .card-header { 4494 border-top-right-radius: 0 4495 } 4496 .card-group>.card:first-child .card-img-bottom, 4497 .card-group>.card:first-child .card-footer { 4498 border-bottom-right-radius: 0 4499 } 4500 .card-group>.card:last-child { 4501 border-top-left-radius: 0; 4502 border-bottom-left-radius: 0 4503 } 4504 .card-group>.card:last-child .card-img-top, 4505 .card-group>.card:last-child .card-header { 4506 border-top-left-radius: 0 4507 } 4508 .card-group>.card:last-child .card-img-bottom, 4509 .card-group>.card:last-child .card-footer { 4510 border-bottom-left-radius: 0 4511 } 4512 .card-group>.card:only-child { 4513 border-radius: .25rem 4514 } 4515 .card-group>.card:only-child .card-img-top, 4516 .card-group>.card:only-child .card-header { 4517 border-top-left-radius: .25rem; 4518 border-top-right-radius: .25rem 4519 } 4520 .card-group>.card:only-child .card-img-bottom, 4521 .card-group>.card:only-child .card-footer { 4522 border-bottom-right-radius: .25rem; 4523 border-bottom-left-radius: .25rem 4524 } 4525 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { 4526 border-radius: 0 4527 } 4528 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, 4529 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, 4530 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, 4531 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer { 4532 border-radius: 0 4533 } 4534 } 4535 4536 .card-columns .card { 4537 margin-bottom: .75rem 4538 } 4539 4540 @media (min-width:576px) { 4541 .card-columns { 4542 -webkit-column-count: 3; 4543 -moz-column-count: 3; 4544 column-count: 3; 4545 -webkit-column-gap: 1.25rem; 4546 -moz-column-gap: 1.25rem; 4547 column-gap: 1.25rem 4548 } 4549 .card-columns .card { 4550 display: inline-block; 4551 width: 100% 4552 } 4553 } 4554 4555 .product-card { 4556 position: relative; 4557 width: calc(25% - 1rem); 4558 box-shadow: 0 1px 4px rgba(0, 0, 0, .3); 4559 -webkit-transition: all 0.1s ease-in-out; 4560 transition: all 0.1s ease-in-out; 4561 border-radius: 5px; 4562 cursor: pointer; 4563 border: 0; 4564 @-webkit-keyframes fadeIn { 4565 from { 4566 opacity: 0 4567 } 4568 to { 4569 opacity: 1 4570 } 4571 } 4572 ; 4573 @keyframes fadeIn { 4574 from { 4575 opacity: 0 4576 } 4577 to { 4578 opacity: 1 4579 } 4580 } 4581 } 4582 4583 @media only screen and (max-width:56.25em) { 4584 .product-card { 4585 flex: 0 0 50%; 4586 max-width: 164px; 4587 max-width: calc(50% - .5rem) 4588 } 4589 } 4590 4591 .product-card .product-card-discount { 4592 position: absolute; 4593 top: 0; 4594 right: 0; 4595 border-top-right-radius: 5px; 4596 border-bottom-left-radius: 5px; 4597 background-color: { 4598 { 4599 settings.color-primary 4600 } 4601 } 4602 ; 4603 padding:5px; 4604 color:#fafafa 4605 } 4606 4607 .label-tag.best-price-guarantee { 4608 width: 65px; 4609 position: absolute; 4610 left: 0; 4611 top: 0 4612 } 4613 4614 .label-tag.voucher-kue { 4615 position: absolute; 4616 bottom: 0; 4617 } 4618 .label-tag.voucher-kue img { 4619 width: 100%; 4620 } 4621 4622 .product-card .product-card-img { 4623 width: 100% 4624 } 4625 4626 .product-card .product-card-img-container { 4627 padding: .5rem; 4628 padding-bottom: 0 4629 } 4630 4631 .product-card .product-card-info { 4632 padding: .5rem .5rem 1rem .5rem 4633 } 4634 4635 .product-card .product-card-info .product-card-info a { 4636 display: none 4637 } 4638 4639 .product-card .product-card-price-before { 4640 text-decoration: line-through; 4641 color: #b8b8b8; 4642 margin-bottom: 0rem; 4643 font-size: .8em 4644 } 4645 4646 .product-card .product-card-price-after { 4647 color: { 4648 { 4649 settings.color-primary 4650 } 4651 } 4652 ; 4653 margin:0; 4654 font-size:1.1em 4655 } 4656 4657 .product-card .price-card span { 4658 font-size: .8em; 4659 display: block 4660 } 4661 4662 .product-card:hover { 4663 transform: translateY(-2px); 4664 box-shadow: 0 4px 8px rgba(0, 0, 0, .3); 4665 z-index: 99 4666 } 4667 4668 .alpha { 4669 padding: 0 !important 4670 } 4671 4672 @media only screen and (max-width:56.25em) { 4673 .alpha { 4674 margin-right: 1rem 4675 } 4676 } 4677 4678 .beta { 4679 padding: 0 !important 4680 } 4681 4682 *, 4683 input, 4684 :before, 4685 :after { 4686 box-sizing: border-box 4687 } 4688 4689 html, 4690 body { 4691 padding: 0; 4692 margin: 0 4693 } 4694 4695 article, 4696 aside, 4697 details, 4698 figcaption, 4699 figure, 4700 footer, 4701 header, 4702 hgroup, 4703 main, 4704 nav, 4705 section, 4706 summary { 4707 display: block 4708 } 4709 4710 audio, 4711 canvas, 4712 progress, 4713 video { 4714 display: inline-block; 4715 vertical-align: baseline 4716 } 4717 4718 input[type="number"]::-webkit-inner-spin-button, 4719 input[type="number"]::-webkit-outer-spin-button { 4720 height: auto 4721 } 4722 4723 input[type="search"]::-webkit-search-cancel-button, 4724 input[type="search"]::-webkit-search-decoration { 4725 -webkit-appearance: none 4726 } 4727 4728 .grid, 4729 .grid--rev, 4730 .grid--full, 4731 .grid-uniform, 4732 .container { 4733 *zoom: 1 4734 } 4735 4736 .grid:after, 4737 .grid--rev:after, 4738 .grid--full:after, 4739 .grid-uniform:after, 4740 .container:after { 4741 content: ''; 4742 display: block; 4743 clear: both 4744 } 4745 4746 .grid__item.clear { 4747 clear: both 4748 } 4749 4750 .container { 4751 max-width: 1230px; 4752 padding-right: 20px; 4753 padding-left: 20px; 4754 margin-right: auto; 4755 margin-left: auto 4756 } 4757 4758 @media (min-width:1439px) { 4759 .container { 4760 max-width: 1230px!important 4761 } 4762 } 4763 @media (max-width:576px) { 4764 .container { 4765 max-width: 100% 4766 } 4767 } 4768 4769 .container-fluid { 4770 width: 100%; 4771 padding-right: 15px; 4772 padding-left: 15px; 4773 margin-right: auto; 4774 margin-left: auto 4775 } 4776 4777 .row { 4778 display: -webkit-box; 4779 display: -moz-box; 4780 display: -ms-flexbox; 4781 display: -webkit-flex; 4782 display: flex; 4783 -ms-flex-wrap: wrap; 4784 flex-wrap: wrap; 4785 margin-right: -6px; 4786 margin-left: -6px 4787 } 4788 4789 .gap-1 { 4790 gap: 0.3rem; 4791 } 4792 4793 .gap-2 { 4794 gap: 0.6rem; 4795 } 4796 4797 .gap-3 { 4798 gap: 0.9rem; 4799 } 4800 4801 .gap-20 { 4802 gap: 20px; 4803 } 4804 4805 .row-gap-3 { 4806 row-gap: 0.9rem !important; 4807 } 4808 4809 @media (max-width:576px) { 4810 .row { 4811 margin-right: auto; 4812 margin-left: auto 4813 } 4814 } 4815 4816 .no-gutters { 4817 margin-right: 0; 4818 margin-left: 0 4819 } 4820 4821 .no-gutters>.col, 4822 .no-gutters>[class*="col-"] { 4823 padding-right: 0; 4824 padding-left: 0 4825 } 4826 4827 .col-1, 4828 .col-2, 4829 .col-3, 4830 .col-4, 4831 .col-5, 4832 .col-6, 4833 .col-7, 4834 .col-8, 4835 .col-9, 4836 .col-10, 4837 .col-11, 4838 .col-12, 4839 .col,
4840 .col-auto, 4841 .col-sm-1, 4842 .col-sm-2, 4843 .col-sm-3, 4844 .col-sm-4, 4845 .col-sm-5, 4846 .col-sm-6, 4847 .col-sm-7, 4848 .col-sm-8, 4849 .col-sm-9, 4850 .col-sm-10, 4851 .col-sm-11, 4852 .col-sm-12, 4853 .col-sm, 4854 .col-sm-auto, 4855 .col-md-1, 4856 .col-md-2, 4857 .col-md-3, 4858 .col-md-4, 4859 .col-md-5, 4860 .col-md-6, 4861 .col-md-7, 4862 .col-md-8, 4863 .col-md-9, 4864 .col-md-10, 4865 .col-md-11, 4866 .col-md-12, 4867 .col-md, 4868 .col-md-auto, 4869 .col-lg-1, 4870 .col-lg-2, 4871 .col-lg-3, 4872 .col-lg-4, 4873 .col-lg-5, 4874 .col-lg-6, 4875 .col-lg-7, 4876 .col-lg-8, 4877 .col-lg-9, 4878 .col-lg-10, 4879 .col-lg-11, 4880 .col-lg-12, 4881 .col-lg, 4882 .col-lg-auto, 4883 .col-xl-1, 4884 .col-xl-2, 4885 .col-xl-3, 4886 .col-xl-4, 4887 .col-xl-5, 4888 .col-xl-6, 4889 .col-xl-7, 4890 .col-xl-8, 4891 .col-xl-9, 4892 .col-xl-10, 4893 .col-xl-11, 4894 .col-xl-12, 4895 .col-xl, 4896 .col-xl-auto { 4897 position: relative; 4898 width: 100%; 4899 min-height: 1px; 4900 padding-right: 6px; 4901 padding-left: 6px 4902 } 4903 4904 .col { 4905 -ms-flex-preferred-size: 0; 4906 flex-basis: 0%; 4907 -ms-flex-positive: 1; 4908 flex-grow: 1; 4909 max-width: 100% 4910 } 4911 4912 .col-auto { 4913 -ms-flex: 0 0 auto; 4914 flex: 0 0 auto; 4915 width: auto; 4916 max-width: none 4917 } 4918 4919 .col-1 { 4920 -ms-flex: 0 0 8.333333%; 4921 flex: 0 0 8.333333%; 4922 max-width: 8.333333% 4923 } 4924 4925 .col-2 { 4926 -ms-flex: 0 0 16.666667%; 4927 flex: 0 0 16.666667%; 4928 max-width: 16.666667% 4929 } 4930 4931 .col-3 { 4932 -ms-flex: 0 0 25%; 4933 flex: 0 0 25%; 4934 max-width: 25% 4935 } 4936 4937 .col-4 { 4938 -ms-flex: 0 0 33.333333%; 4939 flex: 0 0 33.333333%; 4940 max-width: 33.333333% 4941 } 4942 4943 .col-5 { 4944 -ms-flex: 0 0 41.666667%; 4945 flex: 0 0 41.666667%; 4946 max-width: 41.666667% 4947 } 4948 4949 .col-6 { 4950 -ms-flex: 0 0 50%; 4951 flex: 0 0 50%; 4952 max-width: 50% 4953 } 4954 4955 .col-7 { 4956 -ms-flex: 0 0 58.333333%; 4957 flex: 0 0 58.333333%; 4958 max-width: 58.333333% 4959 } 4960 4961 .col-8 { 4962 -ms-flex: 0 0 66.666667%; 4963 flex: 0 0 66.666667%; 4964 max-width: 66.666667% 4965 } 4966 4967 .col-9 { 4968 -ms-flex: 0 0 75%; 4969 flex: 0 0 75%; 4970 max-width: 75% 4971 } 4972 4973 .col-10 { 4974 -ms-flex: 0 0 83.333333%; 4975 flex: 0 0 83.333333%; 4976 max-width: 83.333333% 4977 } 4978 4979 .col-11 { 4980 -ms-flex: 0 0 91.666667%; 4981 flex: 0 0 91.666667%; 4982 max-width: 91.666667% 4983 } 4984 4985 .col-12 { 4986 -ms-flex: 0 0 100%; 4987 flex: 0 0 100%; 4988 max-width: 100% 4989 } 4990 4991 .order-first { 4992 -ms-flex-order: -1; 4993 order: -1 4994 } 4995 4996 .order-1 { 4997 -ms-flex-order: 1; 4998 order: 1 4999 } 5000 5001 .order-2 { 5002 -ms-flex-order: 2; 5003 order: 2 5004 } 5005 5006 .order-3 { 5007 -ms-flex-order: 3; 5008 order: 3 5009 } 5010 5011 .order-4 { 5012 -ms-flex-order: 4; 5013 order: 4 5014 } 5015 5016 .order-5 { 5017 -ms-flex-order: 5; 5018 order: 5 5019 } 5020 5021 .order-6 { 5022 -ms-flex-order: 6; 5023 order: 6 5024 } 5025 5026 .order-7 { 5027 -ms-flex-order: 7; 5028 order: 7 5029 } 5030 5031 .order-8 { 5032 -ms-flex-order: 8; 5033 order: 8 5034 } 5035 5036 .order-9 { 5037 -ms-flex-order: 9; 5038 order: 9 5039 } 5040 5041 .order-10 { 5042 -ms-flex-order: 10; 5043 order: 10 5044 } 5045 5046 .order-11 { 5047 -ms-flex-order: 11; 5048 order: 11 5049 } 5050 5051 .order-12 { 5052 -ms-flex-order: 12; 5053 order: 12 5054 } 5055 5056 .offset-1 { 5057 margin-left: 8.333333% 5058 } 5059 5060 .offset-2 { 5061 margin-left: 16.666667% 5062 } 5063 5064 .offset-3 { 5065 margin-left: 25% 5066 } 5067 5068 .offset-4 { 5069 margin-left: 33.333333% 5070 } 5071 5072 .offset-5 { 5073 margin-left: 41.666667% 5074 } 5075 5076 .offset-6 { 5077 margin-left: 50% 5078 } 5079 5080 .offset-7 { 5081 margin-left: 58.333333% 5082 } 5083 5084 .offset-8 { 5085 margin-left: 66.666667% 5086 } 5087 5088 .offset-9 { 5089 margin-left: 75% 5090 } 5091 5092 .offset-10 { 5093 margin-left: 83.333333% 5094 } 5095 5096 .offset-11 { 5097 margin-left: 91.666667% 5098 } 5099 5100 @media (min-width:576px) { 5101 .col-sm { 5102 -ms-flex-preferred-size: 0; 5103 flex-basis: 0%; 5104 -ms-flex-positive: 1; 5105 flex-grow: 1; 5106 max-width: 100% 5107 } 5108 .col-sm-auto { 5109 -ms-flex: 0 0 auto; 5110 flex: 0 0 auto; 5111 width: auto; 5112 max-width: none 5113 } 5114 .col-sm-1 { 5115 -ms-flex: 0 0 8.333333%; 5116 flex: 0 0 8.333333%; 5117 max-width: 8.333333% 5118 } 5119 .col-sm-2 { 5120 -ms-flex: 0 0 16.666667%; 5121 flex: 0 0 16.666667%; 5122 max-width: 16.666667% 5123 } 5124 .col-sm-3 { 5125 -ms-flex: 0 0 25%; 5126 flex: 0 0 25%; 5127 max-width: 25% 5128 } 5129 .col-sm-4 { 5130 -ms-flex: 0 0 33.333333%; 5131 flex: 0 0 33.333333%; 5132 max-width: 33.333333% 5133 } 5134 .col-sm-5 { 5135 -ms-flex: 0 0 41.666667%; 5136 flex: 0 0 41.666667%; 5137 max-width: 41.666667% 5138 } 5139 .col-sm-6 { 5140 -ms-flex: 0 0 50%; 5141 flex: 0 0 50%; 5142 max-width: 50% 5143 } 5144 .col-sm-7 { 5145 -ms-flex: 0 0 58.333333%; 5146 flex: 0 0 58.333333%; 5147 max-width: 58.333333% 5148 } 5149 .col-sm-8 { 5150 -ms-flex: 0 0 66.666667%; 5151 flex: 0 0 66.666667%; 5152 max-width: 66.666667% 5153 } 5154 .col-sm-9 { 5155 -ms-flex: 0 0 75%; 5156 flex: 0 0 75%; 5157 max-width: 75% 5158 } 5159 .col-sm-10 { 5160 -ms-flex: 0 0 83.333333%; 5161 flex: 0 0 83.333333%; 5162 max-width: 83.333333% 5163 } 5164 .col-sm-11 { 5165 -ms-flex: 0 0 91.666667%; 5166 flex: 0 0 91.666667%; 5167 max-width: 91.666667% 5168 } 5169 .col-sm-12 { 5170 -ms-flex: 0 0 100%; 5171 flex: 0 0 100%; 5172 max-width: 100% 5173 } 5174 .order-sm-first { 5175 -ms-flex-order: -1; 5176 order: -1 5177 } 5178 .order-sm-1 { 5179 -ms-flex-order: 1; 5180 order: 1 5181 } 5182 .order-sm-2 { 5183 -ms-flex-order: 2; 5184 order: 2 5185 } 5186 .order-sm-3 { 5187 -ms-flex-order: 3; 5188 order: 3 5189 } 5190 .order-sm-4 { 5191 -ms-flex-order: 4; 5192 order: 4 5193 } 5194 .order-sm-5 { 5195 -ms-flex-order: 5; 5196 order: 5 5197 } 5198 .order-sm-6 { 5199 -ms-flex-order: 6; 5200 order: 6 5201 } 5202 .order-sm-7 { 5203 -ms-flex-order: 7; 5204 order: 7 5205 } 5206 .order-sm-8 { 5207 -ms-flex-order: 8; 5208 order: 8 5209 } 5210 .order-sm-9 { 5211 -ms-flex-order: 9; 5212 order: 9 5213 } 5214 .order-sm-10 { 5215 -ms-flex-order: 10; 5216 order: 10 5217 } 5218 .order-sm-11 { 5219 -ms-flex-order: 11; 5220 order: 11 5221 } 5222 .order-sm-12 { 5223 -ms-flex-order: 12; 5224 order: 12 5225 } 5226 .offset-sm-0 { 5227 margin-left: 0 5228 } 5229 .offset-sm-1 { 5230 margin-left: 8.333333% 5231 } 5232 .offset-sm-2 { 5233 margin-left: 16.666667% 5234 } 5235 .offset-sm-3 { 5236 margin-left: 25% 5237 } 5238 .offset-sm-4 { 5239 margin-left: 33.333333% 5240 } 5241 .offset-sm-5 { 5242 margin-left: 41.666667% 5243 } 5244 .offset-sm-6 { 5245 margin-left: 50% 5246 } 5247 .offset-sm-7 { 5248 margin-left: 58.333333% 5249 } 5250 .offset-sm-8 { 5251 margin-left: 66.666667% 5252 } 5253 .offset-sm-9 { 5254 margin-left: 75% 5255 } 5256 .offset-sm-10 { 5257 margin-left: 83.333333% 5258 } 5259 .offset-sm-11 { 5260 margin-left: 91.666667% 5261 } 5262 } 5263 5264 @media (min-width:768px) { 5265 .col-md { 5266 -ms-flex-preferred-size: 0; 5267 flex-basis: 0%; 5268 -ms-flex-positive: 1; 5269 flex-grow: 1; 5270 max-width: 100% 5271 } 5272 .col-md-auto { 5273 -ms-flex: 0 0 auto; 5274 flex: 0 0 auto; 5275 width: auto; 5276 max-width: none 5277 } 5278 .col-md-1 { 5279 -ms-flex: 0 0 8.333333%; 5280 flex: 0 0 8.333333%; 5281 max-width: 8.333333% 5282 } 5283 .col-md-2 { 5284 -ms-flex: 0 0 16.666667%; 5285 flex: 0 0 16.666667%; 5286 max-width: 16.666667% 5287 } 5288 .col-md-3 { 5289 -ms-flex: 0 0 25%; 5290 flex: 0 0 25%; 5291 max-width: 25% 5292 } 5293 .col-md-4 { 5294 -ms-flex: 0 0 33.333333%; 5295 flex: 0 0 33.333333%; 5296 max-width: 33.333333% 5297 } 5298 .col-md-5 { 5299 -ms-flex: 0 0 41.666667%; 5300 flex: 0 0 41.666667%; 5301 max-width: 41.666667% 5302 } 5303 .col-md-6 { 5304 -ms-flex: 0 0 50%; 5305 flex: 0 0 50%; 5306 max-width: 50% 5307 } 5308 .col-md-7 { 5309 -ms-flex: 0 0 58.333333%; 5310 flex: 0 0 58.333333%; 5311 max-width: 58.333333% 5312 } 5313 .col-md-8 { 5314 -ms-flex: 0 0 66.666667%; 5315 flex: 0 0 66.666667%; 5316 max-width: 66.666667% 5317 } 5318 .col-md-9 { 5319 -ms-flex: 0 0 75%; 5320 flex: 0 0 75%; 5321 max-width: 75% 5322 } 5323 .col-md-10 { 5324 -ms-flex: 0 0 83.333333%; 5325 flex: 0 0 83.333333%; 5326 max-width: 83.333333% 5327 } 5328 .col-md-11 { 5329 -ms-flex: 0 0 91.666667%; 5330 flex: 0 0 91.666667%; 5331 max-width: 91.666667% 5332 } 5333 .col-md-12 { 5334 -ms-flex: 0 0 100%; 5335 flex: 0 0 100%; 5336 max-width: 100% 5337 } 5338 .order-md-first { 5339 -ms-flex-order: -1; 5340 order: -1 5341 } 5342 .order-md-1 { 5343 -ms-flex-order: 1; 5344 order: 1 5345 } 5346 .order-md-2 { 5347 -ms-flex-order: 2; 5348 order: 2 5349 } 5350 .order-md-3 { 5351 -ms-flex-order: 3; 5352 order: 3 5353 } 5354 .order-md-4 { 5355 -ms-flex-order: 4; 5356 order: 4 5357 } 5358 .order-md-5 { 5359 -ms-flex-order: 5; 5360 order: 5 5361 } 5362 .order-md-6 { 5363 -ms-flex-order: 6; 5364 order: 6 5365 } 5366 .order-md-7 { 5367 -ms-flex-order: 7; 5368 order: 7 5369 } 5370 .order-md-8 { 5371 -ms-flex-order: 8; 5372 order: 8 5373 } 5374 .order-md-9 { 5375 -ms-flex-order: 9; 5376 order: 9 5377 } 5378 .order-md-10 { 5379 -ms-flex-order: 10; 5380 order: 10 5381 } 5382 .order-md-11 { 5383 -ms-flex-order: 11; 5384 order: 11 5385 } 5386 .order-md-12 { 5387 -ms-flex-order: 12; 5388 order: 12 5389 } 5390 .offset-md-0 { 5391 margin-left: 0 5392 } 5393 .offset-md-1 { 5394 margin-left: 8.333333% 5395 } 5396 .offset-md-2 { 5397 margin-left: 16.666667% 5398 } 5399 .offset-md-3 { 5400 margin-left: 25% 5401 } 5402 .offset-md-4 { 5403 margin-left: 33.333333% 5404 } 5405 .offset-md-5 { 5406 margin-left: 41.666667% 5407 } 5408 .offset-md-6 { 5409 margin-left: 50% 5410 } 5411 .offset-md-7 { 5412 margin-left: 58.333333% 5413 } 5414 .offset-md-8 { 5415 margin-left: 66.666667% 5416 } 5417 .offset-md-9 { 5418 margin-left: 75% 5419 } 5420 .offset-md-10 { 5421 margin-left: 83.333333% 5422 } 5423 .offset-md-11 { 5424 margin-left: 91.666667% 5425 } 5426 } 5427 5428 @media (min-width:992px) { 5429 .col-lg { 5430 -ms-flex-preferred-size: 0; 5431 flex-basis: 0%; 5432 -ms-flex-positive: 1; 5433 flex-grow: 1; 5434 max-width: 100% 5435 } 5436 .col-lg-auto { 5437 -ms-flex: 0 0 auto; 5438 flex: 0 0 auto; 5439 width: auto; 5440 max-width: none 5441 } 5442 .col-lg-1 { 5443 -ms-flex: 0 0 8.333333%; 5444 flex: 0 0 8.333333%; 5445 max-width: 8.333333% 5446 } 5447 .col-lg-2 { 5448 -ms-flex: 0 0 16.666667%; 5449 flex: 0 0 16.666667%; 5450 max-width: 16.666667% 5451 } 5452 .col-lg-3 { 5453 -ms-flex: 0 0 25%; 5454 flex: 0 0 25%; 5455 max-width: 25% 5456 } 5457 .col-lg-4 { 5458 -ms-flex: 0 0 33.333333%; 5459 flex: 0 0 33.333333%; 5460 max-width: 33.333333% 5461 } 5462 .col-lg-5 { 5463 -ms-flex: 0 0 41.666667%; 5464 flex: 0 0 41.666667%; 5465 max-width: 41.666667% 5466 } 5467 .col-lg-6 { 5468 -ms-flex: 0 0 50%; 5469 flex: 0 0 50%; 5470 max-width: 50% 5471 } 5472 .col-lg-7 { 5473 -ms-flex: 0 0 58.333333%; 5474 flex: 0 0 58.333333%; 5475 max-width: 58.333333% 5476 } 5477 .col-lg-8 { 5478 -ms-flex: 0 0 66.666667%; 5479 flex: 0 0 66.666667%; 5480 max-width: 66.666667% 5481 } 5482 .col-lg-9 { 5483 -ms-flex: 0 0 75%; 5484 flex: 0 0 75%; 5485 max-width: 75% 5486 } 5487 .col-lg-10 { 5488 -ms-flex: 0 0 83.333333%; 5489 flex: 0 0 83.333333%; 5490 max-width: 83.333333% 5491 } 5492 .col-lg-11 { 5493 -ms-flex: 0 0 91.666667%; 5494 flex: 0 0 91.666667%; 5495 max-width: 91.666667% 5496 } 5497 .col-lg-12 { 5498 -ms-flex: 0 0 100%; 5499 flex: 0 0 100%; 5500 max-width: 100% 5501 } 5502 .order-lg-first { 5503 -ms-flex-order: -1; 5504 order: -1 5505 } 5506 .order-lg-1 { 5507 -ms-flex-order: 1; 5508 order: 1 5509 } 5510 .order-lg-2 { 5511 -ms-flex-order: 2; 5512 order: 2 5513 } 5514 .order-lg-3 { 5515 -ms-flex-order: 3; 5516 order: 3 5517 } 5518 .order-lg-4 { 5519 -ms-flex-order: 4; 5520 order: 4 5521 } 5522 .order-lg-5 { 5523 -ms-flex-order: 5; 5524 order: 5 5525 } 5526 .order-lg-6 { 5527 -ms-flex-order: 6; 5528 order: 6 5529 } 5530 .order-lg-7 { 5531 -ms-flex-order: 7; 5532 order: 7 5533 } 5534 .order-lg-8 { 5535 -ms-flex-order: 8; 5536 order: 8 5537 } 5538 .order-lg-9 { 5539 -ms-flex-order: 9; 5540 order: 9 5541 } 5542 .order-lg-10 { 5543 -ms-flex-order: 10; 5544 order: 10 5545 } 5546 .order-lg-11 { 5547 -ms-flex-order: 11; 5548 order: 11 5549 } 5550 .order-lg-12 { 5551 -ms-flex-order: 12; 5552 order: 12 5553 } 5554 .offset-lg-0 { 5555 margin-left: 0 5556 } 5557 .offset-lg-1 { 5558 margin-left: 8.333333% 5559 } 5560 .offset-lg-2 { 5561 margin-left: 16.666667% 5562 } 5563 .offset-lg-3 { 5564 margin-left: 25% 5565 } 5566 .offset-lg-4 { 5567 margin-left: 33.333333% 5568 } 5569 .offset-lg-5 { 5570 margin-left: 41.666667% 5571 } 5572 .offset-lg-6 { 5573 margin-left: 50% 5574 } 5575 .offset-lg-7 { 5576 margin-left: 58.333333% 5577 } 5578 .offset-lg-8 { 5579 margin-left: 66.666667% 5580 } 5581 .offset-lg-9 { 5582 margin-left: 75% 5583 } 5584 .offset-lg-10 { 5585 margin-left: 83.333333% 5586 } 5587 .offset-lg-11 { 5588 margin-left: 91.666667% 5589 } 5590 } 5591 5592 @media (min-width:1200px) { 5593 .col-xl { 5594 -ms-flex-preferred-size: 0; 5595 flex-basis: 0%; 5596
5596 -ms-flex-positive: 1; 5597 flex-grow: 1; 5598 max-width: 100% 5599 } 5600 .col-xl-auto { 5601 -ms-flex: 0 0 auto; 5602 flex: 0 0 auto; 5603 width: auto; 5604 max-width: none 5605 } 5606 .col-xl-1 { 5607 -ms-flex: 0 0 8.333333%; 5608 flex: 0 0 8.333333%; 5609 max-width: 8.333333% 5610 } 5611 .col-xl-2 { 5612 -ms-flex: 0 0 16.666667%; 5613 flex: 0 0 16.666667%; 5614 max-width: 16.666667% 5615 } 5616 .col-xl-3 { 5617 -ms-flex: 0 0 25%; 5618 flex: 0 0 25%; 5619 max-width: 25% 5620 } 5621 .col-xl-4 { 5622 -ms-flex: 0 0 33.333333%; 5623 flex: 0 0 33.333333%; 5624 max-width: 33.333333% 5625 } 5626 .col-xl-5 { 5627 -ms-flex: 0 0 41.666667%; 5628 flex: 0 0 41.666667%; 5629 max-width: 41.666667% 5630 } 5631 .col-xl-6 { 5632 -ms-flex: 0 0 50%; 5633 flex: 0 0 50%; 5634 max-width: 50% 5635 } 5636 .col-xl-7 { 5637 -ms-flex: 0 0 58.333333%; 5638 flex: 0 0 58.333333%; 5639 max-width: 58.333333% 5640 } 5641 .col-xl-8 { 5642 -ms-flex: 0 0 66.666667%; 5643 flex: 0 0 66.666667%; 5644 max-width: 66.666667% 5645 } 5646 .col-xl-9 { 5647 -ms-flex: 0 0 75%; 5648 flex: 0 0 75%; 5649 max-width: 75% 5650 } 5651 .col-xl-10 { 5652 -ms-flex: 0 0 83.333333%; 5653 flex: 0 0 83.333333%; 5654 max-width: 83.333333% 5655 } 5656 .col-xl-11 { 5657 -ms-flex: 0 0 91.666667%; 5658 flex: 0 0 91.666667%; 5659 max-width: 91.666667% 5660 } 5661 .col-xl-12 { 5662 -ms-flex: 0 0 100%; 5663 flex: 0 0 100%; 5664 max-width: 100% 5665 } 5666 .order-xl-first { 5667 -ms-flex-order: -1; 5668 order: -1 5669 } 5670 .order-xl-1 { 5671 -ms-flex-order: 1; 5672 order: 1 5673 } 5674 .order-xl-2 { 5675 -ms-flex-order: 2; 5676 order: 2 5677 } 5678 .order-xl-3 { 5679 -ms-flex-order: 3; 5680 order: 3 5681 } 5682 .order-xl-4 { 5683 -ms-flex-order: 4; 5684 order: 4 5685 } 5686 .order-xl-5 { 5687 -ms-flex-order: 5; 5688 order: 5 5689 } 5690 .order-xl-6 { 5691 -ms-flex-order: 6; 5692 order: 6 5693 } 5694 .order-xl-7 { 5695 -ms-flex-order: 7; 5696 order: 7 5697 } 5698 .order-xl-8 { 5699 -ms-flex-order: 8; 5700 order: 8 5701 } 5702 .order-xl-9 { 5703 -ms-flex-order: 9; 5704 order: 9 5705 } 5706 .order-xl-10 { 5707 -ms-flex-order: 10; 5708 order: 10 5709 } 5710 .order-xl-11 { 5711 -ms-flex-order: 11; 5712 order: 11 5713 } 5714 .order-xl-12 { 5715 -ms-flex-order: 12; 5716 order: 12 5717 } 5718 .offset-xl-0 { 5719 margin-left: 0 5720 } 5721 .offset-xl-1 { 5722 margin-left: 8.333333% 5723 } 5724 .offset-xl-2 { 5725 margin-left: 16.666667% 5726 } 5727 .offset-xl-3 { 5728 margin-left: 25% 5729 } 5730 .offset-xl-4 { 5731 margin-left: 33.333333% 5732 } 5733 .offset-xl-5 { 5734 margin-left: 41.666667% 5735 } 5736 .offset-xl-6 { 5737 margin-left: 50% 5738 } 5739 .offset-xl-7 { 5740 margin-left: 58.333333% 5741 } 5742 .offset-xl-8 { 5743 margin-left: 66.666667% 5744 } 5745 .offset-xl-9 { 5746 margin-left: 75% 5747 } 5748 .offset-xl-10 { 5749 margin-left: 83.333333% 5750 } 5751 .offset-xl-11 { 5752 margin-left: 91.666667% 5753 } 5754 } 5755 5756 .grid, 5757 .grid--rev, 5758 .grid--full, 5759 .grid-uniform { 5760 list-style: none; 5761 margin: 0; 5762 padding: 0; 5763 margin-left: -30px 5764 } 5765 5766 .grid__item { 5767 box-sizing: border-box; 5768 float: left; 5769 min-height: 1px; 5770 padding-left: 30px; 5771 vertical-align: top; 5772 width: 100% 5773 } 5774 5775 .grid--rev { 5776 direction: rtl; 5777 text-align: left 5778 } 5779 5780 .grid--rev>.grid__item { 5781 direction: ltr; 5782 text-align: left; 5783 float: right 5784 } 5785 5786 .grid--full { 5787 margin-left: 0 5788 } 5789 5790 .grid--full>.grid__item { 5791 padding-left: 0 5792 } 5793 5794 .one-whole { 5795 width: 100% 5796 } 5797 5798 .one-half { 5799 width: 50% 5800 } 5801 5802 .one-eighth { 5803 width: 12.5% 5804 } 5805 5806 .two-eighths { 5807 width: 25% 5808 } 5809 5810 .three-eighths { 5811 width: 37.5% 5812 } 5813 5814 .four-eighths { 5815 width: 50% 5816 } 5817 5818 .five-eighths { 5819 width: 62.5% 5820 } 5821 5822 .six-eighths { 5823 width: 75% 5824 } 5825 5826 .seven-eighths { 5827 width: 87.5% 5828 } 5829 5830 .one-tenth { 5831 width: 10% 5832 } 5833 5834 .two-tenths { 5835 width: 20% 5836 } 5837 5838 .three-tenths { 5839 width: 30% 5840 } 5841 5842 .four-tenths { 5843 width: 40% 5844 } 5845 5846 .five-tenths { 5847 width: 50% 5848 } 5849 5850 .six-tenths { 5851 width: 60% 5852 } 5853 5854 .seven-tenths { 5855 width: 70% 5856 } 5857 5858 .eight-tenths { 5859 width: 80% 5860 } 5861 5862 .nine-tenths { 5863 width: 90% 5864 } 5865 5866 .one-twelfth, 5867 .col-1 { 5868 width: 8.333% 5869 } 5870 5871 .two-twelfths, 5872 .col-2 { 5873 width: 16.666% 5874 } 5875 5876 .three-twelfths, 5877 .col-3 { 5878 width: 25% 5879 } 5880 5881 .four-twelfths, 5882 .col-4 { 5883 width: 33.333% 5884 } 5885 5886 .five-twelfths, 5887 .col-5 { 5888 width: 41.666% 5889 } 5890 5891 .six-twelfths, 5892 .col-6 { 5893 width: 50% 5894 } 5895 5896 .seven-twelfths, 5897 .col-7 { 5898 width: 58.333% 5899 } 5900 5901 .eight-twelfths, 5902 .col-8 { 5903 width: 66.666% 5904 } 5905 5906 .nine-twelfths, 5907 .col-9 { 5908 width: 75% 5909 } 5910 5911 .ten-twelfths, 5912 .col-10 { 5913 width: 83.333% 5914 } 5915 5916 .eleven-twelfths, 5917 .col-11 { 5918 width: 91.666% 5919 } 5920 5921 .show { 5922 display: block !important 5923 } 5924 5925 .hide { 5926 display: none !important 5927 } 5928 5929 .text-left { 5930 text-align: left !important 5931 } 5932 5933 .text-right { 5934 text-align: right !important 5935 } 5936 5937 .text-center { 5938 text-align: center !important 5939 } 5940 5941 .left { 5942 float: left !important 5943 } 5944 5945 .right { 5946 float: right !important 5947 } 5948 5949 @media only screen and (max-width:480px) { 5950 .small--one-whole { 5951 width: 100% 5952 } 5953 .small--one-half { 5954 width: 50% 5955 } 5956 .small--one-eighth { 5957 width: 12.5% 5958 } 5959 .small--two-eighths { 5960 width: 25% 5961 } 5962 .small--three-eighths { 5963 width: 37.5% 5964 } 5965 .small--four-eighths { 5966 width: 50% 5967 } 5968 .small--five-eighths { 5969 width: 62.5% 5970 } 5971 .small--six-eighths { 5972 width: 75% 5973 } 5974 .small--seven-eighths { 5975 width: 87.5% 5976 } 5977 .small--one-tenth { 5978 width: 10% 5979 } 5980 .small--two-tenths { 5981 width: 20% 5982 } 5983 .small--three-tenths { 5984 width: 30% 5985 } 5986 .small--four-tenths { 5987 width: 40% 5988 } 5989 .small--five-tenths { 5990 width: 50% 5991 } 5992 .small--six-tenths { 5993 width: 60% 5994 } 5995 .small--seven-tenths { 5996 width: 70% 5997 } 5998 .small--eight-tenths { 5999 width: 80% 6000 } 6001 .small--nine-tenths { 6002 width: 90% 6003 } 6004 .small--one-twelfth, 6005 .col-1 { 6006 width: 8.333% 6007 } 6008 .small--two-twelfths, 6009 .col-2 { 6010 width: 16.666% 6011 } 6012 .small--three-twelfths, 6013 .col-3 { 6014 width: 25% 6015 } 6016 .small--four-twelfths, 6017 .col-4 { 6018 width: 33.333% 6019 } 6020 .small--five-twelfths, 6021 .col-5 { 6022 width: 41.666% 6023 } 6024 .small--six-twelfths, 6025 .col-6 { 6026 width: 50% 6027 } 6028 .small--seven-twelfths, 6029 .col-7 { 6030 width: 58.333% 6031 } 6032 .small--eight-twelfths, 6033 .col-8 { 6034 width: 66.666% 6035 } 6036 .small--nine-twelfths, 6037 .col-9 { 6038 width: 75% 6039 } 6040 .small--ten-twelfths, 6041 .col-10 { 6042 width: 83.333% 6043 } 6044 .small--eleven-twelfths, 6045 .col-11 { 6046 width: 91.666% 6047 } 6048 .small--show { 6049 display: block !important 6050 } 6051 .small--hide { 6052 display: none !important 6053 } 6054 .small--text-left { 6055 text-align: left !important 6056 } 6057 .small--text-right { 6058 text-align: right !important 6059 } 6060 .small--text-center { 6061 text-align: center !important 6062 } 6063 .small--left { 6064 float: left !important 6065 } 6066 .small--right { 6067 float: right !important 6068 } 6069 .grid-uniform .small--one-half:nth-child(2n+1), 6070 .grid-uniform .small--one-third:nth-child(3n+1), 6071 .grid-uniform .small--one-quarter:nth-child(4n+1), 6072 .grid-uniform .small--one-fifth:nth-child(5n+1), 6073 .grid-uniform .small--one-sixth:nth-child(6n+1), 6074 .grid-uniform .small--two-sixths:nth-child(3n+1), 6075 .grid-uniform .small--three-sixths:nth-child(2n+1), 6076 .grid-uniform .small--two-eighths:nth-child(4n+1), 6077 .grid-uniform .small--four-eighths:nth-child(2n+1), 6078 .grid-uniform .small--five-tenths:nth-child(2n+1), 6079 .grid-uniform .small--one-twelfth:nth-child(12n+1), 6080 .grid-uniform .small--two-twelfths:nth-child(6n+1), 6081 .grid-uniform .small--three-twelfths:nth-child(4n+1), 6082 .grid-uniform .small--four-twelfths:nth-child(3n+1), 6083 .grid-uniform .small--six-twelfths:nth-child(2n+1) { 6084 clear: both 6085 } 6086 } 6087 6088 @media only screen and (min-width:481px) and (max-width:768px) { 6089 .medium--one-whole { 6090 width: 100% 6091 } 6092 .medium--one-half { 6093 width: 50% 6094 } 6095 .medium--one-eighth { 6096 width: 12.5% 6097 } 6098 .medium--two-eighths { 6099 width: 25% 6100 } 6101 .medium--three-eighths { 6102 width: 37.5% 6103 } 6104 .medium--four-eighths { 6105 width: 50% 6106 } 6107 .medium--five-eighths { 6108 width: 62.5% 6109 } 6110 .medium--six-eighths { 6111 width: 75% 6112 } 6113 .medium--seven-eighths { 6114 width: 87.5% 6115 } 6116 .medium--one-tenth { 6117 width: 10% 6118 } 6119 .medium--two-tenths { 6120 width: 20% 6121 } 6122 .medium--three-tenths { 6123 width: 30% 6124 } 6125 .medium--four-tenths { 6126 width: 40% 6127 } 6128 .medium--five-tenths { 6129 width: 50% 6130 } 6131 .medium--six-tenths { 6132 width: 60% 6133 } 6134 .medium--seven-tenths { 6135 width: 70% 6136 } 6137 .medium--eight-tenths { 6138 width: 80% 6139 } 6140 .medium--nine-tenths { 6141 width: 90% 6142 } 6143 .medium--one-twelfth, 6144 .col-1 { 6145 width: 8.333% 6146 } 6147 .medium--two-twelfths, 6148 .col-2 { 6149 width: 16.666% 6150 } 6151 .medium--three-twelfths, 6152 .col-3 { 6153 width: 25% 6154 } 6155 .medium--four-twelfths, 6156 .col-4 { 6157 width: 33.333% 6158 } 6159 .medium--five-twelfths, 6160 .col-5 { 6161 width: 41.666% 6162 } 6163 .medium--six-twelfths, 6164 .col-6 { 6165 width: 50% 6166 } 6167 .medium--seven-twelfths, 6168 .col-7 { 6169 width: 58.333% 6170 } 6171 .medium--eight-twelfths, 6172 .col-8 { 6173 width: 66.666% 6174 } 6175 .medium--nine-twelfths, 6176 .col-9 { 6177 width: 75% 6178 } 6179 .medium--ten-twelfths, 6180 .col-10 { 6181 width: 83.333% 6182 } 6183 .medium--eleven-twelfths, 6184 .col-11 { 6185 width: 91.666% 6186 } 6187 .medium--show { 6188 display: block !important 6189 } 6190 .medium--hide { 6191 display: none !important 6192 } 6193 .medium--text-left { 6194 text-align: left !important 6195 } 6196 .medium--text-right { 6197 text-align: right !important 6198 } 6199 .medium--text-center { 6200 text-align: center !important 6201 } 6202 .medium--left { 6203 float: left !important 6204 } 6205 .medium--right { 6206 float: right !important 6207 } 6208 .grid-uniform .medium--one-half:nth-child(2n+1), 6209 .grid-uniform .medium--one-third:nth-child(3n+1), 6210 .grid-uniform .medium--one-quarter:nth-child(4n+1), 6211 .grid-uniform .medium--one-fifth:nth-child(5n+1), 6212 .grid-uniform .medium--one-sixth:nth-child(6n+1), 6213 .grid-uniform .medium--two-sixths:nth-child(3n+1), 6214 .grid-uniform .medium--three-sixths:nth-child(2n+1), 6215 .grid-uniform .medium--two-eighths:nth-child(4n+1), 6216 .grid-uniform .medium--four-eighths:nth-child(2n+1), 6217 .grid-uniform .medium--five-tenths:nth-child(2n+1), 6218 .grid-uniform .medium--one-twelfth:nth-child(12n+1), 6219 .grid-uniform .medium--two-twelfths:nth-child(6n+1), 6220 .grid-uniform .medium--three-twelfths:nth-child(4n+1), 6221 .grid-uniform .medium--four-twelfths:nth-child(3n+1), 6222 .grid-uniform .medium--six-twelfths:nth-child(2n+1) { 6223 clear: both 6224 } 6225 } 6226 6227 @media only screen and (max-width:768px) { 6228 .medium-down--one-whole { 6229 width: 100% 6230 } 6231 .medium-down--one-half { 6232 width: 50% 6233 } 6234 .medium-down--one-eighth { 6235 width: 12.5% 6236 } 6237 .medium-down--two-eighths { 6238 width: 25% 6239 } 6240 .medium-down--three-eighths { 6241 width: 37.5% 6242 } 6243 .medium-down--four-eighths { 6244 width: 50% 6245 } 6246 .medium-down--five-eighths { 6247 width: 62.5% 6248 } 6249 .medium-down--six-eighths { 6250 width: 75% 6251 } 6252 .medium-down--seven-eighths { 6253 width: 87.5% 6254 } 6255 .medium-down--one-tenth { 6256 width: 10% 6257 } 6258 .medium-down--two-tenths { 6259 width: 20% 6260 } 6261 .medium-down--three-tenths { 6262 width: 30% 6263 } 6264 .medium-down--four-tenths { 6265 width: 40% 6266 } 6267 .medium-down--five-tenths { 6268 width: 50% 6269 } 6270 .medium-down--six-tenths { 6271 width: 60% 6272 } 6273 .medium-down--seven-tenths { 6274 width: 70% 6275 } 6276 .medium-down--eight-tenths { 6277 width: 80% 6278 } 6279 .medium-down--nine-tenths { 6280 width: 90% 6281 } 6282 .medium-down--one-twelfth, 6283 .col-1 { 6284 width: 8.333% 6285 } 6286 .medium-down--two-twelfths, 6287 .col-2 { 6288 width: 16.666% 6289 } 6290 .medium-down--three-twelfths, 6291 .col-3 { 6292 width: 25% 6293 } 6294 .medium-down--four-twelfths, 6295 .col-4 { 6296 width: 33.333% 6297 } 6298 .medium-down--five-twelfths, 6299 .col-5 { 6300 width: 41.666% 6301 } 6302 .medium-down--six-twelfths, 6303 .col-6 { 6304 width: 50% 6305 } 6306 .medium-down--seven-twelfths, 6307 .col-7 { 6308 width: 58.333% 6309 } 6310 .medium-down--eight-twelfths, 6311 .col-8 { 6312 width: 66.666% 6313 } 6314 .medium-down--nine-twelfths, 6315 .col-9 { 6316 width: 75% 6317 } 6318 .medium-down--ten-twelfths, 6319 .col-10 { 6320 width: 83.333% 6321 } 6322 .medium-down--eleven-twelfths, 6323 .c
6323ol-11 { 6324 width: 91.666% 6325 } 6326 .medium-down--show { 6327 display: block !important 6328 } 6329 .medium-down--hide { 6330 display: none !important 6331 } 6332 .medium-down--text-left { 6333 text-align: left !important 6334 } 6335 .medium-down--text-right { 6336 text-align: right !important 6337 } 6338 .medium-down--text-center { 6339 text-align: center !important 6340 } 6341 .medium-down--left { 6342 float: left !important 6343 } 6344 .medium-down--right { 6345 float: right !important 6346 } 6347 .grid-uniform .medium-down--one-half:nth-child(2n+1), 6348 .grid-uniform .medium-down--one-third:nth-child(3n+1), 6349 .grid-uniform .medium-down--one-quarter:nth-child(4n+1), 6350 .grid-uniform .medium-down--one-fifth:nth-child(5n+1), 6351 .grid-uniform .medium-down--one-sixth:nth-child(6n+1), 6352 .grid-uniform .medium-down--two-sixths:nth-child(3n+1), 6353 .grid-uniform .medium-down--three-sixths:nth-child(2n+1), 6354 .grid-uniform .medium-down--two-eighths:nth-child(4n+1), 6355 .grid-uniform .medium-down--four-eighths:nth-child(2n+1), 6356 .grid-uniform .medium-down--five-tenths:nth-child(2n+1), 6357 .grid-uniform .medium-down--one-twelfth:nth-child(12n+1), 6358 .grid-uniform .medium-down--two-twelfths:nth-child(6n+1), 6359 .grid-uniform .medium-down--three-twelfths:nth-child(4n+1), 6360 .grid-uniform .medium-down--four-twelfths:nth-child(3n+1), 6361 .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) { 6362 clear: both 6363 } 6364 } 6365 6366 @media only screen and (min-width:769px) { 6367 .large--one-whole { 6368 width: 100% 6369 } 6370 .large--one-half { 6371 width: 50% 6372 } 6373 .large--one-eighth { 6374 width: 12.5% 6375 } 6376 .large--two-eighths { 6377 width: 25% 6378 } 6379 .large--three-eighths { 6380 width: 37.5% 6381 } 6382 .large--four-eighths { 6383 width: 50% 6384 } 6385 .large--five-eighths { 6386 width: 62.5% 6387 } 6388 .large--six-eighths { 6389 width: 75% 6390 } 6391 .large--seven-eighths { 6392 width: 87.5% 6393 } 6394 .large--one-tenth { 6395 width: 10% 6396 } 6397 .large--two-tenths { 6398 width: 20% 6399 } 6400 .large--three-tenths { 6401 width: 30% 6402 } 6403 .large--four-tenths { 6404 width: 40% 6405 } 6406 .large--five-tenths { 6407 width: 50% 6408 } 6409 .large--six-tenths { 6410 width: 60% 6411 } 6412 .large--seven-tenths { 6413 width: 70% 6414 } 6415 .large--eight-tenths { 6416 width: 80% 6417 } 6418 .large--nine-tenths { 6419 width: 90% 6420 } 6421 .large--one-twelfth, 6422 .col-1 { 6423 width: 8.333% 6424 } 6425 .large--two-twelfths, 6426 .col-2 { 6427 width: 16.666% 6428 } 6429 .large--three-twelfths, 6430 .col-3 { 6431 width: 25% 6432 } 6433 .large--four-twelfths, 6434 .col-4 { 6435 width: 33.333% 6436 } 6437 .large--five-twelfths, 6438 .col-5 { 6439 width: 41.666% 6440 } 6441 .large--six-twelfths, 6442 .col-6 { 6443 width: 50% 6444 } 6445 .large--seven-twelfths, 6446 .col-7 { 6447 width: 58.333% 6448 } 6449 .large--eight-twelfths, 6450 .col-8 { 6451 width: 66.666% 6452 } 6453 .large--nine-twelfths, 6454 .col-9 { 6455 width: 75% 6456 } 6457 .large--ten-twelfths, 6458 .col-10 { 6459 width: 83.333% 6460 } 6461 .large--eleven-twelfths, 6462 .col-11 { 6463 width: 91.666% 6464 } 6465 .large--show { 6466 display: block !important 6467 } 6468 .large--hide { 6469 display: none !important 6470 } 6471 .large--text-left { 6472 text-align: left !important 6473 } 6474 .large--text-right { 6475 text-align: right !important 6476 } 6477 .large--text-center { 6478 text-align: center !important 6479 } 6480 .large--left { 6481 float: left !important 6482 } 6483 .large--right { 6484 float: right !important 6485 } 6486 .grid-uniform .large--one-half:nth-child(2n+1), 6487 .grid-uniform .large--one-third:nth-child(3n+1), 6488 .grid-uniform .large--one-quarter:nth-child(4n+1), 6489 .grid-uniform .large--one-fifth:nth-child(5n+1), 6490 .grid-uniform .large--one-sixth:nth-child(6n+1), 6491 .grid-uniform .large--two-sixths:nth-child(3n+1), 6492 .grid-uniform .large--three-sixths:nth-child(2n+1), 6493 .grid-uniform .large--two-eighths:nth-child(4n+1), 6494 .grid-uniform .large--four-eighths:nth-child(2n+1), 6495 .grid-uniform .large--five-tenths:nth-child(2n+1), 6496 .grid-uniform .large--one-twelfth:nth-child(12n+1), 6497 .grid-uniform .large--two-twelfths:nth-child(6n+1), 6498 .grid-uniform .large--three-twelfths:nth-child(4n+1), 6499 .grid-uniform .large--four-twelfths:nth-child(3n+1), 6500 .grid-uniform .large--six-twelfths:nth-child(2n+1) { 6501 clear: both 6502 } 6503 } 6504 6505 [class*="push--"] { 6506 position: relative 6507 } 6508 6509 .push--one-whole { 6510 left: 100% 6511 } 6512 6513 .push--one-half { 6514 left: 50% 6515 } 6516 6517 .push--one-eighth { 6518 left: 12.5% 6519 } 6520 6521 .push--two-eighths { 6522 left: 25% 6523 } 6524 6525 .push--three-eighths { 6526 left: 37.5% 6527 } 6528 6529 .push--four-eighths { 6530 left: 50% 6531 } 6532 6533 .push--five-eighths { 6534 left: 62.5% 6535 } 6536 6537 .push--six-eighths { 6538 left: 75% 6539 } 6540 6541 .push--seven-eighths { 6542 left: 87.5% 6543 } 6544 6545 .push--one-tenth { 6546 left: 10% 6547 } 6548 6549 .push--two-tenths { 6550 left: 20% 6551 } 6552 6553 .push--three-tenths { 6554 left: 30% 6555 } 6556 6557 .push--four-tenths { 6558 left: 40% 6559 } 6560 6561 .push--five-tenths { 6562 left: 50% 6563 } 6564 6565 .push--six-tenths { 6566 left: 60% 6567 } 6568 6569 .push--seven-tenths { 6570 left: 70% 6571 } 6572 6573 .push--eight-tenths { 6574 left: 80% 6575 } 6576 6577 .push--nine-tenths { 6578 left: 90% 6579 } 6580 6581 .push--one-twelfth { 6582 left: 8.333% 6583 } 6584 6585 .push--two-twelfths { 6586 left: 16.666% 6587 } 6588 6589 .push--three-twelfths { 6590 left: 25% 6591 } 6592 6593 .push--four-twelfths { 6594 left: 33.333% 6595 } 6596 6597 .push--five-twelfths { 6598 left: 41.666% 6599 } 6600 6601 .push--six-twelfths { 6602 left: 50% 6603 } 6604 6605 .push--seven-twelfths { 6606 left: 58.333% 6607 } 6608 6609 .push--eight-twelfths { 6610 left: 66.666% 6611 } 6612 6613 .push--nine-twelfths { 6614 left: 75% 6615 } 6616 6617 .push--ten-twelfths { 6618 left: 83.333% 6619 } 6620 6621 .push--eleven-twelfths { 6622 left: 91.666% 6623 } 6624 6625 @media only screen and (min-width:481px) and (max-width:768px) { 6626 .push--medium--one-whole { 6627 left: 100% 6628 } 6629 .push--medium--one-half { 6630 left: 50% 6631 } 6632 .push--medium--one-eighth { 6633 left: 12.5% 6634 } 6635 .push--medium--two-eighths { 6636 left: 25% 6637 } 6638 .push--medium--three-eighths { 6639 left: 37.5% 6640 } 6641 .push--medium--four-eighths { 6642 left: 50% 6643 } 6644 .push--medium--five-eighths { 6645 left: 62.5% 6646 } 6647 .push--medium--six-eighths { 6648 left: 75% 6649 } 6650 .push--medium--seven-eighths { 6651 left: 87.5% 6652 } 6653 .push--medium--one-tenth { 6654 left: 10% 6655 } 6656 .push--medium--two-tenths { 6657 left: 20% 6658 } 6659 .push--medium--three-tenths { 6660 left: 30% 6661 } 6662 .push--medium--four-tenths { 6663 left: 40% 6664 } 6665 .push--medium--five-tenths { 6666 left: 50% 6667 } 6668 .push--medium--six-tenths { 6669 left: 60% 6670 } 6671 .push--medium--seven-tenths { 6672 left: 70% 6673 } 6674 .push--medium--eight-tenths { 6675 left: 80% 6676 } 6677 .push--medium--nine-tenths { 6678 left: 90% 6679 } 6680 .push--medium--one-twelfth { 6681 left: 8.333% 6682 } 6683 .push--medium--two-twelfths { 6684 left: 16.666% 6685 } 6686 .push--medium--three-twelfths { 6687 left: 25% 6688 } 6689 .push--medium--four-twelfths { 6690 left: 33.333% 6691 } 6692 .push--medium--five-twelfths { 6693 left: 41.666% 6694 } 6695 .push--medium--six-twelfths { 6696 left: 50% 6697 } 6698 .push--medium--seven-twelfths { 6699 left: 58.333% 6700 } 6701 .push--medium--eight-twelfths { 6702 left: 66.666% 6703 } 6704 .push--medium--nine-twelfths { 6705 left: 75% 6706 } 6707 .push--medium--ten-twelfths { 6708 left: 83.333% 6709 } 6710 .push--medium--eleven-twelfths { 6711 left: 91.666% 6712 } 6713 } 6714 6715 @media only screen and (max-width:768px) { 6716 select { 6717 width: 100% 6718 }
6719 .push--medium-down--one-whole { 6720 left: 100% 6721 } 6722 .push--medium-down--one-half { 6723 left: 50% 6724 } 6725 .push--medium-down--one-eighth { 6726 left: 12.5% 6727 } 6728 .push--medium-down--two-eighths { 6729 left: 25% 6730 } 6731 .push--medium-down--three-eighths { 6732 left: 37.5% 6733 } 6734 .push--medium-down--four-eighths { 6735 left: 50% 6736 } 6737 .push--medium-down--five-eighths { 6738 left: 62.5% 6739 } 6740 .push--medium-down--six-eighths { 6741 left: 75% 6742 } 6743 .push--medium-down--seven-eighths { 6744 left: 87.5% 6745 } 6746 .push--medium-down--one-tenth { 6747 left: 10% 6748 } 6749 .push--medium-down--two-tenths { 6750 left: 20% 6751 } 6752 .push--medium-down--three-tenths { 6753 left: 30% 6754 } 6755 .push--medium-down--four-tenths { 6756 left: 40% 6757 } 6758 .push--medium-down--five-tenths { 6759 left: 50% 6760 } 6761 .push--medium-down--six-tenths { 6762 left: 60% 6763 } 6764 .push--medium-down--seven-tenths { 6765 left: 70% 6766 } 6767 .push--medium-down--eight-tenths { 6768 left: 80% 6769 } 6770 .push--medium-down--nine-tenths { 6771 left: 90% 6772 } 6773 .push--medium-down--one-twelfth { 6774 left: 8.333% 6775 } 6776 .push--medium-down--two-twelfths { 6777 left: 16.666% 6778 } 6779 .push--medium-down--three-twelfths { 6780 left: 25% 6781 } 6782 .push--medium-down--four-twelfths { 6783 left: 33.333% 6784 } 6785 .push--medium-down--five-twelfths { 6786 left: 41.666% 6787 } 6788 .push--medium-down--six-twelfths { 6789 left: 50% 6790 } 6791 .push--medium-down--seven-twelfths { 6792 left: 58.333% 6793 } 6794 .push--medium-down--eight-twelfths { 6795 left: 66.666% 6796 } 6797 .push--medium-down--nine-twelfths { 6798 left: 75% 6799 } 6800 .push--medium-down--ten-twelfths { 6801 left: 83.333% 6802 } 6803 .push--medium-down--eleven-twelfths { 6804 left: 91.666% 6805 } 6806 } 6807 6808 @media only screen and (min-width:769px) { 6809 .push--large--one-whole { 6810 left: 100% 6811 } 6812 .push--large--one-half { 6813 left: 50% 6814 } 6815 .push--large--one-eighth { 6816 left: 12.5% 6817 } 6818 .push--large--two-eighths { 6819 left: 25% 6820 } 6821 .push--large--three-eighths { 6822 left: 37.5% 6823 } 6824 .push--large--four-eighths { 6825 left: 50% 6826 } 6827 .push--large--five-eighths { 6828 left: 62.5% 6829 } 6830 .push--large--six-eighths { 6831 left: 75% 6832 } 6833 .push--large--seven-eighths { 6834 left: 87.5% 6835 } 6836 .push--large--one-tenth { 6837 left: 10% 6838 } 6839 .push--large--two-tenths { 6840 left: 20% 6841 } 6842 .push--large--three-tenths { 6843 left: 30% 6844 } 6845 .push--large--four-tenths { 6846 left: 40% 6847 } 6848 .push--large--five-tenths { 6849 left: 50% 6850 } 6851 .push--large--six-tenths { 6852 left: 60% 6853 } 6854 .push--large--seven-tenths { 6855 left: 70% 6856 } 6857 .push--large--eight-tenths { 6858 left: 80% 6859 } 6860 .push--large--nine-tenths { 6861 left: 90% 6862 } 6863 .push--large--one-twelfth { 6864 left: 8.333% 6865 } 6866 .push--large--two-twelfths { 6867 left: 16.666% 6868 } 6869 .push--large--three-twelfths { 6870 left: 25% 6871 } 6872 .push--large--four-twelfths { 6873 left: 33.333% 6874 } 6875 .push--large--five-twelfths { 6876 left: 41.666% 6877 } 6878 .push--large--six-twelfths { 6879 left: 50% 6880 } 6881 .push--large--seven-twelfths { 6882 left: 58.333% 6883 } 6884 .push--large--eight-twelfths { 6885 left: 66.666% 6886 } 6887 .push--large--nine-twelfths { 6888 left: 75% 6889 } 6890 .push--large--ten-twelfths { 6891 left: 83.333% 6892 } 6893 .push--large--eleven-twelfths { 6894 left: 91.666% 6895 } 6896 } 6897 6898 .d-none { 6899 display: none !important 6900 } 6901 6902 .d-inline { 6903 display: inline !important 6904 } 6905 6906 .d-inline-block { 6907 display: inline-block !important 6908 } 6909 6910 .d-block { 6911 display: block !important 6912 } 6913 6914 .d-table { 6915 display: table !important 6916 } 6917 6918 .d-table-row { 6919 display: table-row !important 6920 } 6921 6922 .d-table-cell { 6923 display: table-cell !important 6924 } 6925 6926 .d-flex { 6927 display: -ms-flexbox !important; 6928 display: flex !important 6929 } 6930 6931 .d-inline-flex { 6932 display: -ms-inline-flexbox !important; 6933 display: inline-flex !important 6934 } 6935 6936 @media (min-width:576px) { 6937 .d-sm-none { 6938 display: none !important 6939 } 6940 .d-sm-inline { 6941 display: inline !important 6942 } 6943 .d-sm-inline-block { 6944 display: inline-block !important 6945 } 6946 .d-sm-block { 6947 display: block !important 6948 } 6949 .d-sm-table { 6950 display: table !important 6951 } 6952 .d-sm-table-row { 6953 display: table-row !important 6954 } 6955 .d-sm-table-cell { 6956 display: table-cell !important 6957 } 6958 .d-sm-flex { 6959 display: -ms-flexbox !important; 6960 display: flex !important 6961 } 6962 .d-sm-inline-flex { 6963 display: -ms-inline-flexbox !important; 6964 display: inline-flex !important 6965 } 6966 } 6967 6968 @media (min-width:768px) { 6969 .d-md-none { 6970 display: none !important 6971 } 6972 .d-md-inline { 6973 display: inline !important 6974 } 6975 .d-md-inline-block { 6976 display: inline-block !important 6977 } 6978 .d-md-block { 6979 display: block !important 6980 } 6981 .d-md-table { 6982 display: table !important 6983 } 6984 .d-md-table-row { 6985 display: table-row !important 6986 } 6987 .d-md-table-cell { 6988 display: table-cell !important 6989 } 6990 .d-md-flex { 6991 display: -ms-flexbox !important; 6992 display: flex !important 6993 } 6994 .d-md-inline-flex { 6995 display: -ms-inline-flexbox !important; 6996 display: inline-flex !important 6997 } 6998 } 6999 7000 @media (min-width:992px) { 7001 .d-lg-none { 7002 display: none !important 7003 } 7004 .d-lg-inline { 7005 display: inline !important 7006 } 7007 .d-lg-inline-block { 7008 display: inline-block !important 7009 } 7010 .d-lg-block { 7011 display: block !important 7012 } 7013 .d-lg-table { 7014 display: table !important 7015 } 7016 .d-lg-table-row { 7017 display: table-row !important 7018 } 7019 .d-lg-table-cell { 7020 display: table-cell !important 7021 } 7022 .d-lg-flex { 7023 display: -ms-flexbox !important; 7024 display: flex !important 7025 } 7026 .d-lg-inline-flex { 7027 display: -ms-inline-flexbox !important; 7028 display: inline-flex !important 7029 } 7030 .d-lg-table-header-group { 7031 display: table-header-group !important 7032 } 7033 } 7034 7035 @media (min-width:1200px) { 7036 .d-xl-none { 7037 display: none !important 7038 } 7039 .d-xl-inline { 7040 display: inline !important 7041 } 7042 .d-xl-inline-block { 7043 display: inline-block !important 7044 } 7045 .d-xl-block { 7046 display: block !important 7047 } 7048 .d-xl-table { 7049 display: table !important 7050 } 7051 .d-xl-table-row { 7052 display: table-row !important 7053 } 7054 .d-xl-table-cell { 7055 display: table-cell !important 7056 } 7057 .d-xl-flex { 7058 display: -ms-flexbox !important; 7059 display: flex !important 7060 } 7061 .d-xl-inline-flex { 7062 display: -ms-inline-flexbox !important; 7063 display: inline-flex !important 7064 } 7065 } 7066 7067 .float-left { 7068 float: left !important 7069 } 7070 7071 .float-right { 7072 float: right !important 7073 } 7074 7075 .float-none { 7076 float: none !important 7077 } 7078 7079 @media (min-width:576px) { 7080 .float-sm-left { 7081 float: left !important 7082 } 7083 .float-sm-right { 7084 float: right !important 7085 } 7086 .float-sm-none { 7087 float: none !important 7088 } 7089 } 7090 7091 @media (min-width:768px) { 7092 .float-md-left { 7093 float: left !important 7094 } 7095 .float-md-right { 7096 float: right !important 7097 } 7098 .float-md-none { 7099 float: none !important 7100 } 7101 } 7102 7103 @media (min-width:992px) { 7104 .float-lg-left { 7105 float: left !important 7106 } 7107 .float-lg-right { 7108 float: right !important 7109 } 7110 .float-lg-none { 7111 float: none !important 7112 } 7113 } 7114 7115 @media (min-width:1200px) { 7116 .float-xl-left { 7117 float: left !important 7118 } 7119 .float-xl-right { 7120 float: right !important 7121 } 7122 .float-xl-none { 7123 float: none !important 7124 } 7125 } 7126 7127 .position-static { 7128 position: static !important 7129 } 7130 7131 .position-relative { 7132 position: relative !important 7133 } 7134 7135 .position-absolute { 7136 position: absolute !important 7137 } 7138 7139 .position-fixed { 7140 position: fixed !important 7141 } 7142 7143 .position-sticky { 7144 position: -webkit-sticky !important; 7145 position: sticky !important 7146 } 7147 7148 .top-0 { 7149 top: 0!important; 7150 } 7151 .bottom-0 { 7152 bottom: 0!important; 7153 } 7154 .start-0 { 7155 left: 0!important; 7156 } 7157 .end-0 { 7158 right: 0!important; 7159 } 7160 7161 .fixed-top { 7162 position: fixed; 7163 top: 0; 7164 right: 0; 7165 left: 0; 7166 z-index: 1030 7167 } 7168 7169 .fixed-bottom { 7170 position: fixed; 7171 right: 0; 7172 bottom: 0; 7173 left: 0; 7174 z-index: 1030 7175 } 7176 7177 .w-25 { 7178 width: 25% !important 7179 } 7180 7181 .w-50 { 7182 width: 50% !important 7183 } 7184 7185 .w-75 { 7186 width: 75% !important 7187 } 7188 7189 .w-100 { 7190 width: 100% !important 7191 } 7192 7193 .h-25 { 7194 height: 25% !important 7195 } 7196 7197 .h-50 { 7198 height: 50% !important 7199 } 7200 7201 .h-75 { 7202 height: 75% !important 7203 } 7204 7205 .h-100 { 7206 height: 100% !important 7207 } 7208 7209 .mw-100 { 7210 max-width: 100% !important 7211 } 7212 7213 .mh-100 { 7214 max-height: 100% !important 7215 } 7216 7217 .m-0 { 7218 margin: 0 !important 7219 } 7220 7221 .mt-0, 7222 .my-0 { 7223 margin-top: 0 !important 7224 } 7225 7226 .mr-0, 7227 .mx-0 { 7228 margin-right: 0 !important 7229 } 7230 7231 .mb-0, 7232 .my-0 { 7233 margin-bottom: 0 !important 7234 } 7235 7236 .ml-0, 7237 .mx-0 { 7238 margin-left: 0 !important 7239 } 7240 7241 .m-1 { 7242 margin: 0.25rem !important 7243 } 7244 7245 .mt-1, 7246 .my-1 { 7247 margin-top: 0.25rem !important 7248 } 7249 7250 .mr-1, 7251 .mx-1 { 7252 margin-right: 0.25rem !important 7253 } 7254 7255 .mb-1, 7256 .my-1 { 7257 margin-bottom: 0.25rem !important 7258 } 7259 7260 .ml-1, 7261 .mx-1 { 7262 margin-left: 0.25rem !important 7263 } 7264 7265 .m-2 { 7266 margin: 0.5rem !important 7267 } 7268 7269 .mt-2, 7270 .my-2 { 7271 margin-top: 0.5rem !important 7272 } 7273 7274 .mr-2, 7275 .mx-2 { 7276 margin-right: 0.5rem !important 7277 } 7278 7279 .mb-2, 7280 .my-2 { 7281 margin-bottom: 0.5rem !important 7282 } 7283 7284 .ml-2, 7285 .mx-2 { 7286 margin-left: 0.5rem !important 7287 } 7288 7289 .m-3 { 7290 margin: 1rem !important 7291 } 7292 7293 .mt-3, 7294 .my-3 { 7295 margin-top: 1rem !important 7296 } 7297 7298 .mr-3, 7299 .mx-3 { 7300 margin-right: 1rem !important 7301 } 7302 7303 .mb-3, 7304 .my-3 { 7305 margin-bottom: 1.2rem !important 7306 } 7307 7308 .ml-3, 7309 .mx-3 { 7310 margin-left: 1rem !important 7311 } 7312 7313 .m-4 { 7314 margin: 1.5rem !important 7315 } 7316 7317 .mt-4, 7318 .my-4 { 7319 margin-top: 1.5rem !important 7320 } 7321 7322 .mr-4, 7323 .mx-4 { 7324 margin-right: 1.5rem !important 7325 } 7326 7327 .mb-4, 7328 .my-4 { 7329 margin-bottom: 1.5rem !important 7330 } 7331 7332 .ml-4, 7333 .mx-4 { 7334 margin-left: 1.5rem !important 7335 } 7336 7337 .m-5 { 7338 margin: 3rem !important 7339 } 7340 7341 .mt-5, 7342 .my-5 { 7343 margin-top: 3rem !important 7344 } 7345 7346 .mr-5, 7347 .mx-5 { 7348 margin-right: 3rem !important 7349 } 7350 7351 .mb-5, 7352 .my-5 { 7353 margin-bottom: 3rem !important 7354 } 7355 7356 .ml-5, 7357 .mx-5 { 7358 margin-left: 3rem !important 7359 } 7360 7361 .mb-10 { 7362 margin-bottom: 10px!important; 7363 } 7364 7365 .mb-15 { 7366 margin-bottom: 15px!important; 7367 } 7368 7369 .mb-20 { 7370 margin-bottom: 20px!important; 7371 } 7372 7373 .p-0 { 7374 padding: 0 !important 7375 } 7376 7377 .pt-0, 7378 .py-0 { 7379 padding-top: 0 !important 7380 } 7381 7382 .pr-0, 7383 .px-0 { 7384 padding-right: 0 !important 7385 } 7386 7387 .pb-0, 7388 .py-0 { 7389 padding-bottom: 0 !important 7390 } 7391 7392 .pl-0, 7393 .px-0 { 7394 padding-left: 0 !important 7395 } 7396 7397 .p-1 { 7398 padding: 0.25rem !important 7399 } 7400 7401 .pt-1, 7402 .py-1 { 7403 padding-top: 0.25rem !important 7404 } 7405 7406 .pr-1, 7407 .px-1 { 7408 padding-right: 0.25rem !important 7409 } 7410 7411 .pb-1, 7412 .py-1 { 7413 padding-bottom: 0.25rem !important 7414 } 7415 7416 .pl-1, 7417 .px-1 { 7418 padding-left: 0.25rem !important 7419 } 7420 7421 .p-2 { 7422 padding: 0.5rem !important 7423 } 7424 7425 .pt-2, 7426 .py-2 { 7427 padding-top: 0.5rem !important 7428 } 7429 7430 .pr-2, 7431 .px-2 { 7432 padding-right: 0.5rem !important 7433 } 7434 7435 .pb-2, 7436 .py-2 { 7437 padding-bottom: 0.5rem !important 7438 } 7439 7440 .pl-2, 7441 .px-2 { 7442 padding-left: 0.5rem !important 7443 } 7444 7445 .p-3 { 7446 padding: 1rem !important 7447 } 7448 7449 .pt-3, 7450 .py-3 { 7451 padding-top: 1rem !important 7452 } 7453 7454 .pr-3, 7455 .px-3 { 7456 padding-right: 1rem !important 7457 } 7458 7459 .pb-3, 7460 .py-3 { 7461 padding-bottom: 1rem !important 7462 } 7463 7464 .pl-3, 7465 .px-3 { 7466 padding-left: 1rem !important 7467 } 7468 7469 .p-4 { 7470 padding: 1.5rem !important 7471 } 7472 7473 .pt-4, 7474 .py-4 { 7475 padding-top: 1.5rem !important 7476 } 7477 7478 .pr-4, 7479 .px-4 { 7480 padding-right: 1.5rem !important 7481 } 7482 7483 .pb-4, 7484 .py-4 { 7485 padding-bottom: 1.5rem !important 7486 } 7487 7488 .pl-4, 7489 .px-4 { 7490 padding-left: 1.5rem !important 7491 } 7492 7493 .p-5 { 7494 padding: 3rem !important 7495 } 7496 7497 .pt-5, 7498 .py-5 { 7499 padding-top: 3rem !important 7500 } 7501 7502 .pr-5, 7503 .px-5 { 7504 padding-right: 3rem !important 7505 } 7506 7507 .pb-5, 7508 .py-5 { 7509 padding-bottom: 3rem !important 7510 } 7511 7512 .pl-5, 7513 .px-5 { 7514 padding-left: 3rem !important 7515 } 7516 7517 .m-auto { 7518 margin: auto !important 7519 } 7520 7521 .mt-auto, 7522 .my-auto { 7523 margin-top: auto !important 7524 } 7525 7526 .mr-auto, 7527 .mx-auto { 7528 margin-right: auto !important 7529 } 7530 7531 .mb-auto, 7532 .my-auto { 7533 margin-bottom: auto !important 7534 } 7535 7536 .ml-auto, 7537 .mx-auto { 7538 margin-left: auto !important 7539 } 7540 7541 @media (min-width:576px) { 7542 .m-sm-0 { 7543 margin: 0 !important 7544 } 7545 .mt-sm-0, 7546 .my-sm-0 { 7547 margin-top: 0 !important 7548 } 7549 .mr-sm-0, 7550 .mx-sm-0 { 7551 margin-right: 0 !important 7552 } 7553 .mb-sm-0, 7554 .my-sm-0 { 7555 margin-bottom: 0 !important 7556 } 7557 .
7557ml-sm-0, 7558 .mx-sm-0 { 7559 margin-left: 0 !important 7560 } 7561 .m-sm-1 { 7562 margin: 0.25rem !important 7563 } 7564 .mt-sm-1, 7565 .my-sm-1 { 7566 margin-top: 0.25rem !important 7567 } 7568 .mr-sm-1, 7569 .mx-sm-1 { 7570 margin-right: 0.25rem !important 7571 } 7572 .mb-sm-1, 7573 .my-sm-1 { 7574 margin-bottom: 0.25rem !important 7575 } 7576 .ml-sm-1, 7577 .mx-sm-1 { 7578 margin-left: 0.25rem !important 7579 } 7580 .m-sm-2 { 7581 margin: 0.5rem !important 7582 } 7583 .mt-sm-2, 7584 .my-sm-2 { 7585 margin-top: 0.5rem !important 7586 } 7587 .mr-sm-2, 7588 .mx-sm-2 { 7589 margin-right: 0.5rem !important 7590 } 7591 .mb-sm-2, 7592 .my-sm-2 { 7593 margin-bottom: 0.5rem !important 7594 } 7595 .ml-sm-2, 7596 .mx-sm-2 { 7597 margin-left: 0.5rem !important 7598 } 7599 .m-sm-3 { 7600 margin: 1rem !important 7601 } 7602 .mt-sm-3, 7603 .my-sm-3 { 7604 margin-top: 1rem !important 7605 } 7606 .mr-sm-3, 7607 .mx-sm-3 { 7608 margin-right: 1rem !important 7609 } 7610 .mb-sm-3, 7611 .my-sm-3 { 7612 margin-bottom: 1rem !important 7613 } 7614 .ml-sm-3, 7615 .mx-sm-3 { 7616 margin-left: 1rem !important 7617 } 7618 .m-sm-4 { 7619 margin: 1.5rem !important 7620 } 7621 .mt-sm-4, 7622 .my-sm-4 { 7623 margin-top: 1.5rem !important 7624 } 7625 .mr-sm-4, 7626 .mx-sm-4 { 7627 margin-right: 1.5rem !important 7628 } 7629 .mb-sm-4, 7630 .my-sm-4 { 7631 margin-bottom: 1.5rem !important 7632 } 7633 .ml-sm-4, 7634 .mx-sm-4 { 7635 margin-left: 1.5rem !important 7636 } 7637 .m-sm-5 { 7638 margin: 3rem !important 7639 } 7640 .mt-sm-5, 7641 .my-sm-5 { 7642 margin-top: 3rem !important 7643 } 7644 .mr-sm-5, 7645 .mx-sm-5 { 7646 margin-right: 3rem !important 7647 } 7648 .mb-sm-5, 7649 .my-sm-5 { 7650 margin-bottom: 3rem !important 7651 } 7652 .ml-sm-5, 7653 .mx-sm-5 { 7654 margin-left: 3rem !important 7655 } 7656 .p-sm-0 { 7657 padding: 0 !important 7658 } 7659 .pt-sm-0, 7660 .py-sm-0 { 7661 padding-top: 0 !important 7662 } 7663 .pr-sm-0, 7664 .px-sm-0 { 7665 padding-right: 0 !important 7666 } 7667 .pb-sm-0, 7668 .py-sm-0 { 7669 padding-bottom: 0 !important 7670 } 7671 .pl-sm-0, 7672 .px-sm-0 { 7673 padding-left: 0 !important 7674 } 7675 .p-sm-1 { 7676 padding: 0.25rem !important 7677 } 7678 .pt-sm-1, 7679 .py-sm-1 { 7680 padding-top: 0.25rem !important 7681 } 7682 .pr-sm-1, 7683 .px-sm-1 { 7684 padding-right: 0.25rem !important 7685 } 7686 .pb-sm-1, 7687 .py-sm-1 { 7688 padding-bottom: 0.25rem !important 7689 } 7690 .pl-sm-1, 7691 .px-sm-1 { 7692 padding-left: 0.25rem !important 7693 } 7694 .p-sm-2 { 7695 padding: 0.5rem !important 7696 } 7697 .pt-sm-2, 7698 .py-sm-2 { 7699 padding-top: 0.5rem !important 7700 } 7701 .pr-sm-2, 7702 .px-sm-2 { 7703 padding-right: 0.5rem !important 7704 } 7705 .pb-sm-2, 7706 .py-sm-2 { 7707 padding-bottom: 0.5rem !important 7708 } 7709 .pl-sm-2, 7710 .px-sm-2 { 7711 padding-left: 0.5rem !important 7712 } 7713 .p-sm-3 { 7714 padding: 1rem !important 7715 } 7716 .pt-sm-3, 7717 .py-sm-3 { 7718 padding-top: 1rem !important 7719 } 7720 .pr-sm-3, 7721 .px-sm-3 { 7722 padding-right: 1rem !important 7723 } 7724 .pb-sm-3, 7725 .py-sm-3 { 7726 padding-bottom: 1rem !important 7727 } 7728 .pl-sm-3, 7729 .px-sm-3 { 7730 padding-left: 1rem !important 7731 } 7732 .p-sm-4 { 7733 padding: 1.5rem !important 7734 } 7735 .pt-sm-4, 7736 .py-sm-4 { 7737 padding-top: 1.5rem !important 7738 } 7739 .pr-sm-4, 7740 .px-sm-4 { 7741 padding-right: 1.5rem !important 7742 } 7743 .pb-sm-4, 7744 .py-sm-4 { 7745 padding-bottom: 1.5rem !important 7746 } 7747 .pl-sm-4, 7748 .px-sm-4 { 7749 padding-left: 1.5rem !important 7750 } 7751 .p-sm-5 { 7752 padding: 3rem !important 7753 } 7754 .pt-sm-5, 7755 .py-sm-5 { 7756 padding-top: 3rem !important 7757 } 7758 .pr-sm-5, 7759 .px-sm-5 { 7760 padding-right: 3rem !important 7761 } 7762 .pb-sm-5, 7763 .py-sm-5 { 7764 padding-bottom: 3rem !important 7765 } 7766 .pl-sm-5, 7767 .px-sm-5 { 7768 padding-left: 3rem !important 7769 } 7770 .m-sm-auto { 7771 margin: auto !important 7772 } 7773 .mt-sm-auto, 7774 .my-sm-auto { 7775 margin-top: auto !important 7776 } 7777 .mr-sm-auto, 7778 .mx-sm-auto { 7779 margin-right: auto !important 7780 } 7781 .mb-sm-auto, 7782 .my-sm-auto { 7783 margin-bottom: auto !important 7784 } 7785 .ml-sm-auto, 7786 .mx-sm-auto { 7787 margin-left: auto !important 7788 } 7789 } 7790 7791 @media (min-width:768px) { 7792 .m-md-0 { 7793 margin: 0 !important 7794 } 7795 .mt-md-0, 7796 .my-md-0 { 7797 margin-top: 0 !important 7798 } 7799 .mr-md-0, 7800 .mx-md-0 { 7801 margin-right: 0 !important 7802 } 7803 .mb-md-0, 7804 .my-md-0 { 7805 margin-bottom: 0 !important 7806 } 7807 .ml-md-0, 7808 .mx-md-0 { 7809 margin-left: 0 !important 7810 } 7811 .m-md-1 { 7812 margin: 0.25rem !important 7813 } 7814 .mt-md-1, 7815 .my-md-1 { 7816 margin-top: 0.25rem !important 7817 } 7818 .mr-md-1, 7819 .mx-md-1 { 7820 margin-right: 0.25rem !important 7821 } 7822 .mb-md-1, 7823 .my-md-1 { 7824 margin-bottom: 0.25rem !important 7825 } 7826 .ml-md-1, 7827 .mx-md-1 { 7828 margin-left: 0.25rem !important 7829 } 7830 .m-md-2 { 7831 margin: 0.5rem !important 7832 } 7833 .mt-md-2, 7834 .my-md-2 { 7835 margin-top: 0.5rem !important 7836 } 7837 .mr-md-2, 7838 .mx-md-2 { 7839 margin-right: 0.5rem !important 7840 } 7841 .mb-md-2, 7842 .my-md-2 { 7843 margin-bottom: 0.5rem !important 7844 } 7845 .ml-md-2, 7846 .mx-md-2 { 7847 margin-left: 0.5rem !important 7848 } 7849 .m-md-3 { 7850 margin: 1rem !important 7851 } 7852 .mt-md-3, 7853 .my-md-3 { 7854 margin-top: 1rem !important 7855 } 7856 .mr-md-3, 7857 .mx-md-3 { 7858 margin-right: 1rem !important 7859 } 7860 .mb-md-3, 7861 .my-md-3 { 7862 margin-bottom: 1rem !important 7863 } 7864 .ml-md-3, 7865 .mx-md-3 { 7866 margin-left: 1rem !important 7867 } 7868 .m-md-4 { 7869 margin: 1.5rem !important 7870 } 7871 .mt-md-4, 7872 .my-md-4 { 7873 margin-top: 1.5rem !important 7874 } 7875 .mr-md-4, 7876 .mx-md-4 { 7877 margin-right: 1.5rem !important 7878 } 7879 .mb-md-4, 7880 .my-md-4 { 7881 margin-bottom: 1.5rem !important 7882 } 7883 .ml-md-4, 7884 .mx-md-4 { 7885 margin-left: 1.5rem !important 7886 } 7887 .m-md-5 { 7888 margin: 3rem !important 7889 } 7890 .mt-md-5, 7891 .my-md-5 { 7892 margin-top: 3rem !important 7893 } 7894 .mr-md-5, 7895 .mx-md-5 { 7896 margin-right: 3rem !important 7897 } 7898 .mb-md-5, 7899 .my-md-5 { 7900 margin-bottom: 3rem !important 7901 } 7902 .ml-md-5, 7903 .mx-md-5 { 7904 margin-left: 3rem !important 7905 } 7906 .p-md-0 { 7907 padding: 0 !important 7908 } 7909 .pt-md-0, 7910 .py-md-0 { 7911 padding-top: 0 !important 7912 } 7913 .pr-md-0, 7914 .px-md-0 { 7915 padding-right: 0 !important 7916 } 7917 .pb-md-0, 7918 .py-md-0 { 7919 padding-bottom: 0 !important 7920 } 7921 .pl-md-0, 7922 .px-md-0 { 7923 padding-left: 0 !important 7924 } 7925 .p-md-1 { 7926 padding: 0.25rem !important 7927 } 7928 .pt-md-1, 7929 .py-md-1 { 7930 padding-top: 0.25rem !important 7931 } 7932 .pr-md-1, 7933 .px-md-1 { 7934 padding-right: 0.25rem !important 7935 } 7936 .pb-md-1, 7937 .py-md-1 { 7938 padding-bottom: 0.25rem !important 7939 } 7940 .pl-md-1, 7941 .px-md-1 { 7942 padding-left: 0.25rem !important 7943 } 7944 .p-md-2 { 7945 padding: 0.5rem !important 7946 } 7947 .pt-md-2, 7948 .py-md-2 { 7949 padding-top: 0.5rem !important 7950 } 7951 .pr-md-2, 7952 .px-md-2 { 7953 padding-right: 0.5rem !important 7954 } 7955 .pb-md-2, 7956 .py-md-2 { 7957 padding-bottom: 0.5rem !important 7958 } 7959 .pl-md-2, 7960 .px-md-2 { 7961 padding-left: 0.5rem !important 7962 } 7963 .p-md-3 { 7964 padding: 1rem !important 7965 } 7966 .pt-md-3, 7967 .py-md-3 { 7968 padding-top: 1rem !important 7969 } 7970 .pr-md-3, 7971 .px-md-3 { 7972 padding-right: 1rem !important 7973 } 7974 .pb-md-3, 7975 .py-md-3 { 7976 padding-bottom: 1rem !important 7977 } 7978 .pl-md-3, 7979 .px-md-3 { 7980 padding-left: 1rem !important 7981 } 7982 .p-md-4 { 7983 padding: 1.5rem !important 7984 } 7985 .pt-md-4, 7986 .py-md-4 { 7987 padding-top: 1.5rem !important 7988 } 7989 .pr-md-4, 7990 .px-md-4 { 7991 padding-right: 1.5rem !important 7992 } 7993 .pb-md-4, 7994 .py-md-4 { 7995 padding-bottom: 1.5rem !important 7996 } 7997 .pl-md-4, 7998 .px-md-4 { 7999 padding-left: 1.5rem !important 8000 } 8001 .p-md-5 { 8002 padding: 3rem !important 8003 } 8004 .pt-md-5, 8005 .py-md-5 { 8006 padding-top: 3rem !important 8007 } 8008 .pr-md-5, 8009 .px-md-5 { 8010 padding-right: 3rem !important 8011 } 8012 .pb-md-5, 8013 .py-md-5 { 8014 padding-bottom: 3rem !important 8015 } 8016 .pl-md-5, 8017 .px-md-5 { 8018 padding-left: 3rem !important 8019 } 8020 .m-md-auto { 8021 margin: auto !important 8022 } 8023 .mt-md-auto, 8024 .my-md-auto { 8025 margin-top: auto !important 8026 } 8027 .mr-md-auto, 8028 .mx-md-auto { 8029 margin-right: auto !important 8030 } 8031 .mb-md-auto, 8032 .my-md-auto { 8033 margin-bottom: auto !important 8034 } 8035 .ml-md-auto, 8036 .mx-md-auto { 8037 margin-left: auto !important 8038 } 8039 } 8040 8041 @media (min-width:992px) { 8042 .m-lg-0 { 8043 margin: 0 !important 8044 } 8045 .mt-lg-0, 8046 .my-lg-0 { 8047 margin-top: 0 !important 8048 } 8049 .mr-lg-0, 8050 .mx-lg-0 { 8051 margin-right: 0 !important 8052 } 8053 .mb-lg-0, 8054 .my-lg-0 { 8055 margin-bottom: 0 !important 8056 } 8057 .ml-lg-0, 8058 .mx-lg-0 { 8059 margin-left: 0 !important 8060 } 8061 .m-lg-1 { 8062 margin: 0.25rem !important 8063 } 8064 .mt-lg-1, 8065 .my-lg-1 { 8066 margin-top: 0.25rem !important 8067 } 8068 .mr-lg-1, 8069 .mx-lg-1 { 8070 margin-right: 0.25rem !important 8071 } 8072 .mb-lg-1, 8073 .my-lg-1 { 8074 margin-bottom: 0.25rem !important 8075 } 8076 .ml-lg-1, 8077 .mx-lg-1 { 8078 margin-left: 0.25rem !important 8079 } 8080 .m-lg-2 { 8081 margin: 0.5rem !important 8082 } 8083 .mt-lg-2, 8084 .my-lg-2 { 8085 margin-top: 0.5rem !important 8086 } 8087 .mr-lg-2, 8088 .mx-lg-2 { 8089 margin-right: 0.5rem !important 8090 } 8091 .mb-lg-2, 8092 .my-lg-2 { 8093 margin-bottom: 0.5rem !important 8094 } 8095 .ml-lg-2, 8096 .mx-lg-2 { 8097 margin-left: 0.5rem !important 8098 } 8099 .m-lg-3 { 8100 margin: 1rem !important 8101 } 8102 .mt-lg-3, 8103 .my-lg-3 { 8104 margin-top: 1rem !important 8105 } 8106 .mr-lg-3, 8107 .mx-lg-3 { 8108 margin-right: 1rem !important 8109 } 8110 .mb-lg-3, 8111 .my-lg-3 { 8112 margin-bottom: 1rem !important 8113 } 8114 .ml-lg-3, 8115 .mx-lg-3 { 8116 margin-left: 1rem !important 8117 } 8118 .m-lg-4 { 8119 margin: 1.5rem !important 8120 } 8121 .mt-lg-4, 8122 .my-lg-4 { 8123 margin-top: 1.5rem !important 8124 } 8125 .mr-lg-4, 8126 .mx-lg-4 { 8127 margin-right: 1.5rem !important 8128 } 8129 .mb-lg-4, 8130 .my-lg-4 { 8131 margin-bottom: 1.5rem !important 8132 } 8133 .ml-lg-4, 8134 .mx-lg-4 { 8135 margin-left: 1.5rem !important 8136 } 8137 .m-lg-5 { 8138 margin: 3rem !important 8139 } 8140 .mt-lg-5, 8141 .my-lg-5 { 8142 margin-top: 3rem !important 8143 } 8144 .mr-lg-5, 8145 .mx-lg-5 { 8146 margin-right: 3rem !important 8147 } 8148 .mb-lg-5, 8149 .my-lg-5 { 8150 margin-bottom: 3rem !important 8151 } 8152 .ml-lg-5, 8153 .mx-lg-5 { 8154 margin-left: 3rem !important 8155 } 8156 .p-lg-0 { 8157 padding: 0 !important 8158 } 8159 .pt-lg-0, 8160 .py-lg-0 { 8161 padding-top: 0 !important 8162 } 8163 .pr-lg-0, 8164 .px-lg-0 { 8165 padding-right: 0 !important 8166 } 8167 .pb-lg-0, 8168 .py-lg-0 { 8169 padding-bottom: 0 !important 8170 } 8171 .pl-lg-0, 8172 .px-lg-0 { 8173 padding-left: 0 !important 8174 } 8175 .p-lg-1 { 8176 padding: 0.25rem !important 8177 } 8178 .pt-lg-1, 8179 .py-lg-1 { 8180 padding-top: 0.25rem !important 8181 } 8182 .pr-lg-1, 8183 .px-lg-1 { 8184 padding-right: 0.25rem !important 8185 } 8186 .pb-lg-1, 8187 .py-lg-1 { 8188 padding-bottom: 0.25rem !important 8189 } 8190 .pl-lg-1, 8191 .px-lg-1 { 8192 padding-left: 0.25rem !important 8193 } 8194 .p-lg-2 { 8195 padding: 0.5rem !important 8196 } 8197 .pt-lg-2, 8198 .py-lg-2 { 8199 padding-top: 0.5rem !important 8200 } 8201 .pr-lg-2, 8202 .px-lg-2 { 8203 padding-right: 0.5rem !important 8204 } 8205 .pb-lg-2, 8206 .py-lg-2 { 8207 padding-bottom: 0.5rem !important 8208 } 8209 .pl-lg-2, 8210 .px-lg-2 { 8211 padding-left: 0.5rem !important 8212 } 8213 .p-lg-3 { 8214 padding: 1rem !important 8215 } 8216 .pt-lg-3, 8217 .py-lg-3 { 8218 padding-top: 1rem !important 8219 } 8220 .pr-lg-3, 8221 .px-lg-3 { 8222 padding-right: 1rem !important 8223 } 8224 .pb-lg-3, 8225 .py-lg-3 { 8226 padding-bottom: 1rem !important 8227 } 8228 .pl-lg-3, 8229 .px-lg-3 { 8230 padding-left: 1rem !important 8231 } 8232 .p-lg-4 { 8233 padding: 1.5rem !important 8234 } 8235 .pt-lg-4, 8236 .py-lg-4 { 8237 padding-top: 1.5rem !important 8238 } 8239 .pr-lg-4, 8240 .px-lg-4 { 8241 padding-right: 1.5rem !important 8242 } 8243 .pb-lg-4, 8244 .py-lg-4 { 8245 padding-bottom: 1.5rem !important 8246 } 8247 .pl-lg-4, 8248 .px-lg-4 { 8249 padding-left: 1.5rem !important 8250 } 8251 .p-lg-5 { 8252 padding: 3rem !important 8253 } 8254 .pt-lg-5, 8255 .py-lg-5 { 8256 padding-top: 3rem !important 8257 } 8258 .pr-lg-5, 8259 .px-lg-5 { 8260 paddi
8260ng-right: 3rem !important 8261 } 8262 .pb-lg-5, 8263 .py-lg-5 { 8264 padding-bottom: 3rem !important 8265 } 8266 .pl-lg-5, 8267 .px-lg-5 { 8268 padding-left: 3rem !important 8269 } 8270 .m-lg-auto { 8271 margin: auto !important 8272 } 8273 .mt-lg-auto, 8274 .my-lg-auto { 8275 margin-top: auto !important 8276 } 8277 .mr-lg-auto, 8278 .mx-lg-auto { 8279 margin-right: auto !important 8280 } 8281 .mb-lg-auto, 8282 .my-lg-auto { 8283 margin-bottom: auto !important 8284 } 8285 .ml-lg-auto, 8286 .mx-lg-auto { 8287 margin-left: auto !important 8288 } 8289 } 8290 8291 @media (min-width:1200px) { 8292 .m-xl-0 { 8293 margin: 0 !important 8294 } 8295 .mt-xl-0, 8296 .my-xl-0 { 8297 margin-top: 0 !important 8298 } 8299 .mr-xl-0, 8300 .mx-xl-0 { 8301 margin-right: 0 !important 8302 } 8303 .mb-xl-0, 8304 .my-xl-0 { 8305 margin-bottom: 0 !important 8306 } 8307 .ml-xl-0, 8308 .mx-xl-0 { 8309 margin-left: 0 !important 8310 } 8311 .m-xl-1 { 8312 margin: 0.25rem !important 8313 } 8314 .mt-xl-1, 8315 .my-xl-1 { 8316 margin-top: 0.25rem !important 8317 } 8318 .mr-xl-1, 8319 .mx-xl-1 { 8320 margin-right: 0.25rem !important 8321 } 8322 .mb-xl-1, 8323 .my-xl-1 { 8324 margin-bottom: 0.25rem !important 8325 } 8326 .ml-xl-1, 8327 .mx-xl-1 { 8328 margin-left: 0.25rem !important 8329 } 8330 .m-xl-2 { 8331 margin: 0.5rem !important 8332 } 8333 .mt-xl-2, 8334 .my-xl-2 { 8335 margin-top: 0.5rem !important 8336 } 8337 .mr-xl-2, 8338 .mx-xl-2 { 8339 margin-right: 0.5rem !important 8340 } 8341 .mb-xl-2, 8342 .my-xl-2 { 8343 margin-bottom: 0.5rem !important 8344 } 8345 .ml-xl-2, 8346 .mx-xl-2 { 8347 margin-left: 0.5rem !important 8348 } 8349 .m-xl-3 { 8350 margin: 1rem !important 8351 } 8352 .mt-xl-3, 8353 .my-xl-3 { 8354 margin-top: 1rem !important 8355 } 8356 .mr-xl-3, 8357 .mx-xl-3 { 8358 margin-right: 1rem !important 8359 } 8360 .mb-xl-3, 8361 .my-xl-3 { 8362 margin-bottom: 1rem !important 8363 } 8364 .ml-xl-3, 8365 .mx-xl-3 { 8366 margin-left: 1rem !important 8367 } 8368 .m-xl-4 { 8369 margin: 1.5rem !important 8370 } 8371 .mt-xl-4, 8372 .my-xl-4 { 8373 margin-top: 1.5rem !important 8374 } 8375 .mr-xl-4, 8376 .mx-xl-4 { 8377 margin-right: 1.5rem !important 8378 } 8379 .mb-xl-4, 8380 .my-xl-4 { 8381 margin-bottom: 1.5rem !important 8382 } 8383 .ml-xl-4, 8384 .mx-xl-4 { 8385 margin-left: 1.5rem !important 8386 } 8387 .m-xl-5 { 8388 margin: 3rem !important 8389 } 8390 .mt-xl-5, 8391 .my-xl-5 { 8392 margin-top: 3rem !important 8393 } 8394 .mr-xl-5, 8395 .mx-xl-5 { 8396 margin-right: 3rem !important 8397 } 8398 .mb-xl-5, 8399 .my-xl-5 { 8400 margin-bottom: 3rem !important 8401 } 8402 .ml-xl-5, 8403 .mx-xl-5 { 8404 margin-left: 3rem !important 8405 } 8406 .p-xl-0 { 8407 padding: 0 !important 8408 } 8409 .pt-xl-0, 8410 .py-xl-0 { 8411 padding-top: 0 !important 8412 } 8413 .pr-xl-0, 8414 .px-xl-0 { 8415 padding-right: 0 !important 8416 } 8417 .pb-xl-0, 8418 .py-xl-0 { 8419 padding-bottom: 0 !important 8420 } 8421 .pl-xl-0, 8422 .px-xl-0 { 8423 padding-left: 0 !important 8424 } 8425 .p-xl-1 { 8426 padding: 0.25rem !important 8427 } 8428 .pt-xl-1, 8429 .py-xl-1 { 8430 padding-top: 0.25rem !important 8431 } 8432 .pr-xl-1, 8433 .px-xl-1 { 8434 padding-right: 0.25rem !important 8435 } 8436 .pb-xl-1, 8437 .py-xl-1 { 8438 padding-bottom: 0.25rem !important 8439 } 8440 .pl-xl-1, 8441 .px-xl-1 { 8442 padding-left: 0.25rem !important 8443 } 8444 .p-xl-2 { 8445 padding: 0.5rem !important 8446 } 8447 .pt-xl-2, 8448 .py-xl-2 { 8449 padding-top: 0.5rem !important 8450 } 8451 .pr-xl-2, 8452 .px-xl-2 { 8453 padding-right: 0.5rem !important 8454 } 8455 .pb-xl-2, 8456 .py-xl-2 { 8457 padding-bottom: 0.5rem !important 8458 } 8459 .pl-xl-2, 8460 .px-xl-2 { 8461 padding-left: 0.5rem !important 8462 } 8463 .p-xl-3 { 8464 padding: 1rem !important 8465 } 8466 .pt-xl-3, 8467 .py-xl-3 { 8468 padding-top: 1rem !important 8469 } 8470 .pr-xl-3, 8471 .px-xl-3 { 8472 padding-right: 1rem !important 8473 } 8474 .pb-xl-3, 8475 .py-xl-3 { 8476 padding-bottom: 1rem !important 8477 } 8478 .pl-xl-3, 8479 .px-xl-3 { 8480 padding-left: 1rem !important 8481 } 8482 .p-xl-4 { 8483 padding: 1.5rem !important 8484 } 8485 .pt-xl-4, 8486 .py-xl-4 { 8487 padding-top: 1.5rem !important 8488 } 8489 .pr-xl-4, 8490 .px-xl-4 { 8491 padding-right: 1.5rem !important 8492 } 8493 .pb-xl-4, 8494 .py-xl-4 { 8495 padding-bottom: 1.5rem !important 8496 } 8497 .pl-xl-4, 8498 .px-xl-4 { 8499 padding-left: 1.5rem !important 8500 } 8501 .p-xl-5 { 8502 padding: 3rem !important 8503 } 8504 .pt-xl-5, 8505 .py-xl-5 { 8506 padding-top: 3rem !important 8507 } 8508 .pr-xl-5, 8509 .px-xl-5 { 8510 padding-right: 3rem !important 8511 } 8512 .pb-xl-5, 8513 .py-xl-5 { 8514 padding-bottom: 3rem !important 8515 } 8516 .pl-xl-5, 8517 .px-xl-5 { 8518 padding-left: 3rem !important 8519 } 8520 .m-xl-auto { 8521 margin: auto !important 8522 } 8523 .mt-xl-auto, 8524 .my-xl-auto { 8525 margin-top: auto !important 8526 } 8527 .mr-xl-auto, 8528 .mx-xl-auto { 8529 margin-right: auto !important 8530 } 8531 .mb-xl-auto, 8532 .my-xl-auto { 8533 margin-bottom: auto !important 8534 } 8535 .ml-xl-auto, 8536 .mx-xl-auto { 8537 margin-left: auto !important 8538 } 8539 } 8540 8541 .text-justify { 8542 text-align: justify !important 8543 } 8544 8545 .text-nowrap { 8546 white-space: nowrap !important 8547 } 8548 8549 .text-truncate { 8550 overflow: hidden; 8551 text-overflow: ellipsis; 8552 white-space: nowrap 8553 } 8554 8555 .text-left { 8556 text-align: left !important 8557 } 8558 8559 .text-right { 8560 text-align: right !important 8561 } 8562 8563 .text-center { 8564 text-align: center !important 8565 } 8566 8567 @media (min-width:576px) { 8568 .text-sm-left { 8569 text-align: left !important 8570 } 8571 .text-sm-right { 8572 text-align: right !important 8573 } 8574 .text-sm-center { 8575 text-align: center !important 8576 } 8577 } 8578 8579 @media (min-width:768px) { 8580 .text-md-left { 8581 text-align: left !important 8582 } 8583 .text-md-right { 8584 text-align: right !important 8585 } 8586 .text-md-center { 8587 text-align: center !important 8588 } 8589 } 8590 8591 @media (min-width:992px) { 8592 .text-lg-left { 8593 text-align: left !important 8594 } 8595 .text-lg-right { 8596 text-align: right !important 8597 } 8598 .text-lg-center { 8599 text-align: center !important 8600 } 8601 } 8602 8603 @media (min-width:1200px) { 8604 .text-xl-left { 8605 text-align: left !important 8606 } 8607 .text-xl-right { 8608 text-align: right !important 8609 }
8610 .text-xl-center { 8611 text-align: center !important 8612 } 8613 } 8614 8615 .text-lowercase { 8616 text-transform: lowercase !important 8617 } 8618 8619 .text-uppercase { 8620 text-transform: uppercase !important 8621 } 8622 8623 .text-capitalize { 8624 text-transform: capitalize !important 8625 } 8626 8627 .font-weight-light { 8628 font-weight: 300 !important 8629 } 8630 8631 .font-weight-normal { 8632 font-weight: 400 !important 8633 } 8634 8635 .font-weight-bold { 8636 font-weight: 700 !important 8637 } 8638 8639 .fw-400 {font-weight: 400 !important} 8640 .fw-500 {font-weight: 500 !important} 8641 .fw-600 {font-weight: 600 !important} 8642 .fw-700 {font-weight: 700 !important} 8643 8644 .flex-row { 8645 -ms-flex-direction: row !important; 8646 flex-direction: row !important 8647 } 8648 8649 .flex-column { 8650 -ms-flex-direction: column !important; 8651 flex-direction: column !important 8652 } 8653 8654 .flex-row-reverse { 8655 -ms-flex-direction: row-reverse !important; 8656 flex-direction: row-reverse !important 8657 } 8658 8659 .flex-column-reverse { 8660 -ms-flex-direction: column-reverse !important; 8661 flex-direction: column-reverse !important 8662 } 8663 8664 .flex-wrap { 8665 -ms-flex-wrap: wrap !important; 8666 flex-wrap: wrap !important 8667 } 8668 8669 .flex-nowrap { 8670 -ms-flex-wrap: nowrap !important; 8671 flex-wrap: nowrap !important 8672 } 8673 8674 .flex-wrap-reverse { 8675 -ms-flex-wrap: wrap-reverse !important; 8676 flex-wrap: wrap-reverse !important 8677 } 8678 8679 .justify-content-start { 8680 -ms-flex-pack: start !important; 8681 justify-content: flex-start !important 8682 } 8683 8684 .justify-content-end { 8685 -ms-flex-pack: end !important; 8686 justify-content: flex-end !important 8687 } 8688 8689 .justify-content-center { 8690 -ms-flex-pack: center !important; 8691 justify-content: center !important 8692 } 8693 8694 .justify-content-between { 8695 -ms-flex-pack: justify !important; 8696 justify-content: space-between !important 8697 } 8698 8699 .justify-content-around { 8700 -ms-flex-pack: distribute !important; 8701 justify-content: space-around !important 8702 } 8703 8704 .justify-content-sm-around { 8705 -ms-flex-pack: distribute !important; 8706 justify-content: space-around !important 8707 } 8708 8709 .align-middle {vertical-align: middle!important;} 8710 8711 .align-items-start { 8712 -ms-flex-align: start !important; 8713 align-items: flex-start !important 8714 } 8715 8716 .align-items-end { 8717 -ms-flex-align: end !important; 8718 align-items: flex-end !important 8719 } 8720 8721 .align-items-center { 8722 -ms-flex-align: center !important; 8723 align-items: center !important 8724 } 8725 8726 .align-items-baseline { 8727 -ms-flex-align: baseline !important; 8728 align-items: baseline !important 8729 } 8730 8731 .align-items-stretch { 8732 -ms-flex-align: stretch !important; 8733 align-items: stretch !important 8734 } 8735 8736 .align-content-start { 8737 -ms-flex-line-pack: start !important; 8738 align-content: flex-start !important 8739 } 8740 8741 .align-content-end { 8742 -ms-flex-line-pack: end !important; 8743 align-content: flex-end !important 8744 } 8745 8746 .align-content-center { 8747 -ms-flex-line-pack: center !important; 8748 align-content: center !important 8749 } 8750 8751 .align-content-between { 8752 -ms-flex-line-pack: justify !important; 8753 align-content: space-between !important 8754 } 8755 8756 .align-content-around { 8757 -ms-flex-line-pack: distribute !important; 8758 align-content: space-around !important 8759 } 8760 8761 .align-content-stretch { 8762 -ms-flex-line-pack: stretch !important; 8763 align-content: stretch !important 8764 } 8765 8766 .align-self-auto { 8767 -ms-flex-item-align: auto !important; 8768 align-self: auto !important 8769 } 8770 8771 .align-self-start { 8772 -ms-flex-item-align: start !important; 8773 align-self: flex-start !important 8774 } 8775 8776 .align-self-end { 8777 -ms-flex-item-align: end !important; 8778 align-self: flex-end !important 8779 } 8780 8781 .align-self-center { 8782 -ms-flex-item-align: center !important; 8783 align-self: center !important 8784 } 8785 8786 .align-self-baseline {
8787 -ms-flex-item-align: baseline !important; 8788 align-self: baseline !important 8789 } 8790 8791 .align-self-stretch { 8792 -ms-flex-item-align: stretch !important; 8793 align-self: stretch !important 8794 } 8795 8796 html { 8797 background-color: { 8798 { 8799 settings.color-secondary 8800 } 8801 } 8802 } 8803 8804 body { 8805 background-color: #FFF 8806 } 8807 8808 a, 8809 button, 8810 input, 8811 textarea { 8812 font-family: 'Source Sans Pro', sans-serif 8813 } 8814 8815 [tabindex='-1']:focus { 8816 outline: none 8817 } 8818 8819 .main-content { 8820 display: block; 8821 padding-bottom: 20px 8822 } 8823 8824 .shadow { 8825 box-shadow: 0 1px 4px rgba(0, 0, 0, .3) 8826 } 8827 8828 .shadow:hover { 8829 transform: translateY(-2px); 8830 box-shadow: 0 4px 8px rgba(0, 0, 0, .3) 8831 } 8832 8833 .spr-icon:before { 8834 font-size: 75% !important 8835 } 8836 8837 .spr-badge-caption { 8838 font-size: .75em 8839 } 8840 8841 .spr-badge[data-rating='0.0'] { 8842 display: none 8843 } 8844 8845 .is-transitioning { 8846 display: block !important; 8847 visibility: visible !important 8848 } 8849 8850 .display-table { 8851 display: table; 8852 table-layout: fixed; 8853 width: 100% 8854 } 8855 8856 .display-table-cell { 8857 display: table-cell; 8858 vertical-align: middle; 8859 float: none 8860 } 8861 8862 @media screen and (min-width:769px) { 8863 .large--display-table { 8864 display: table; 8865 table-layout: fixed; 8866 width: 100% 8867 } 8868 .large--display-table-cell { 8869 display: table-cell; 8870 vertical-align: middle; 8871 float: none 8872 } 8873 } 8874 8875 .visually-hidden, 8876 .supports-fontface .icon-fallback-text .fallback-text { 8877 position: absolute; 8878 overflow: hidden; 8879 clip: rect(0 0 0 0); 8880 height: 1px; 8881 width: 1px; 8882 margin: -1px; 8883 padding: 0; 8884 border: 0 8885 } 8886 8887 .rte { 8888 margin-bottom: 10px 8889 } 8890 8891 .rte a { 8892 text-decoration: underline 8893 } 8894 8895 .rte h1, 8896 .rte h2, 8897 .rte h3, 8898 .rte h4, 8899 .rte h5, 8900 .rte h6 { 8901 margin-top: 2em 8902 } 8903 8904 .rte h1:first-child, 8905 .rte h2:first-child, 8906 .rte h3:first-child, 8907 .rte h4:first-child, 8908 .rte h5:first-child, 8909 .rte h6:first-child { 8910 margin-top: 0 8911 } 8912 8913 .rte h1 a, 8914 .rte h2 a, 8915 .rte h3 a, 8916 .rte h4 a, 8917 .rte h5 a, 8918 .rte h6 a { 8919 text-decoration: none 8920 } 8921 8922 .rte li { 8923 margin-bottom: .4em 8924 } 8925 8926 .rte--header { 8927 margin-bottom: 0 8928 } 8929 8930 a, 8931 .text-link { 8932 color: #fa7864; 8933 text-decoration: none; 8934 background: #000000 8935 } 8936 8937 h1 a, 8938 .h1 a, 8939 h2 a, 8940 .h2 a, 8941 h3 a, 8942 .h3 a, 8943 h4 a, 8944 .h4 a, 8945 h5 a, 8946 .h5 a, 8947 h6 a, 8948 .h6 a, 8949 p a, 8950 .p a { 8951 color: #212121 8952 } 8953 8954 h1 a:hover, 8955 .h1 a:hover, 8956 h2 a:hover, 8957 .h2 a:hover, 8958 h3 a:hover, 8959 .h3 a:hover, 8960 h4 a:hover, 8961 .h4 a:hover, 8962 h5 a:hover, 8963 .h5 a:hover, 8964 h6 a:hover, 8965 .h6 a:hover, 8966 p a:hover, 8967 .p a:hover { 8968 color: #212121 8969 } 8970 8971 button { 8972 overflow: visible 8973 } 8974 8975 button[disabled], 8976 html input[disabled] { 8977 cursor: default 8978 } 8979 8980 .btn, 8981 .rte .btn { 8982 display: inline-block; 8983 padding: 8px 10px; 8984 width: auto; 8985 margin: 0; 8986 line-height: 1.42; 8987 font-weight: 600; 8988 text-decoration: none; 8989 text-align: center; 8990 vertical-align: middle; 8991 white-space: nowrap; 8992 cursor: pointer; 8993 border: 1px solid #000000; 8994 -webkit-user-select: none; 8995 -moz-user-select: none; 8996 -ms-user-select: none; 8997 user-select: none; 8998 -webkit-appearance: none; 8999 -moz-appearance: none 9000 } 9001 9002 .btn[disabled], 9003 .btn.disabled, 9004 .rte .btn[disabled], 9005 .rte .btn.disabled { 9006 cursor: not-allowed; 9007 color: #fff; 9008 background-color: #b8b8b8 !important; 9009 transform: none; 9010 box-shadow: none 9011 } 9012 9013 .btn { 9014 transition: all .4s ease-in-out; 9015 background-color: #212121; 9016 color: #fff; 9017 height: 43px!important; 9018 line-height: 1.4!important; 9019 } 9020 @media (max-width: 992px){ 9021 .btn {font-size: 14px!important;padding: 10px!important;} 9022 } 9023 .btn:hover { 9024 background-color: #fff; 9025 color: #212121; 9026 border: 1px solid #212121; 9027 } 9028 9029 @media only screen and (min-width:1024px) { 9030 .btn:hover { 9031 transform: translateY(-1px); 9032 } 9033 } 9034 9035 @media only screen and (min-width:1024px) { 9036 .btn:active, 9037 .btn:focus { 9038 color: #fafafa; 9039 transform: translateY(1px); 9040 background-color: #fff; 9041 color: #212121; 9042 border: 2px solid #212121 9043 } 9044 } 9045 9046 .btn-cta { 9047 font-size: 14px; 9048 font-weight: 400; 9049 transition: all .4s ease-in-out; 9050 background-color: #212121; 9051 color: #fff; 9052 border: 2px solid #212121; 9053 text-transform: uppercase 9054 } 9055 9056 @media only screen and (min-width:1024px) { 9057 .btn-cta:hover { 9058 transform: translateY(-1px); 9059 background: #212121; 9060 color: #fff 9061 } 9062 } 9063 9064 @media only screen and (min-width:1024px) { 9065 .btn-cta:active, 9066 .btn-cta:focus { 9067 color: #fff; 9068 transform: translateY(1px); 9069 background-color: #212121 9070 } 9071 } 9072 9073 .btn-input { 9074 border-radius: 0 5px 5px 0; 9075 background-color: #fff; 9076 box-shadow: none 9077 } 9078 9079 .btn-input:hover { 9080 transform: none 9081 } 9082 9083 .btn-steps { 9084 background-color: #000000; 9085 border: 1px solid #212121; 9086 color: #212121 9087 } 9088 9089 .btn-steps:hover { 9090 background-color: #212121; 9091 color: #fafafa 9092 } 9093 9094 .btn-showmore { 9095 border-radius: 100px; 9096 width: 3em; 9097 height: 3em 9098 } 9099 9100 .btn--small { 9101 padding: 4px 5px; 9102 font-size: .75em 9103 } 9104 9105 .btn--large { 9106 padding: 12px 15px; 9107 font-size: 1em 9108 } 9109 9110 .btn-block { 9111 display: block; 9112 width: 100% 9113 } 9114 9115 .btn-block+.btn-block { 9116 margin-top: .5rem 9117 } 9118 9119 input[type="submit"].btn-block, 9120 input[type="reset"].btn-block, 9121 input[type="button"].btn-block { 9122 width: 100% 9123 } 9124 9125 .text-link { 9126 display: inline; 9127 border: 0 none; 9128 background: none; 9129 padding: 0; 9130 margin: 0 9131 } 9132 9133 ul, 9134 ol { 9135 margin: 0 0 10px 20px; 9136 padding: 0 9137 } 9138 9139 ol { 9140 list-style: decimal 9141 } 9142 9143 ul ul, 9144 ul ol, 9145 ol ol, 9146 ol ul { 9147 margin: 4px 0 20px 20px 9148 } 9149 9150 li { 9151 margin-bottom: .15em 9152 } 9153 9154 ul.square { 9155 list-style: square outside 9156 } 9157 9158 ul.disc { 9159 list-style: disc outside 9160 } 9161 9162 ol.alpha {
9163 list-style: lower-alpha outside 9164 } 9165 9166 .no-bullets { 9167 list-style: none outside; 9168 margin-left: 0 9169 } 9170 9171 .inline-list { 9172 margin-left: 0 9173 } 9174 9175 .inline-list li { 9176 display: inline-block; 9177 margin-bottom: 0 9178 } 9179 9180 .list-unstyled { 9181 padding-left: 0; 9182 list-style: none 9183 } 9184 9185 .list-unstyled a { 9186 color: #fafafa 9187 } 9188 9189 .list-unstyled a:hover { 9190 color: #c7c7c7 9191 } 9192 9193 .list-inline { 9194 padding-left: 0; 9195 list-style: none 9196 } 9197 9198 .list-inline-item { 9199 display: inline-block 9200 } 9201 9202 .list-inline-item:not(:last-child) { 9203 margin-right: 5px 9204 } 9205 9206 thead { 9207 display: table-header-group 9208 } 9209 9210 table { 9211 border-collapse: collapse 9212 } 9213 9214 th { 9215 text-align: inherit 9216 } 9217 9218 .table { 9219 width: 100%; 9220 max-width: 100%; 9221 margin-bottom: 1rem; 9222 background-color: #000000 9223 } 9224 9225 .table th, 9226 .table td { 9227 padding: .75rem; 9228 vertical-align: top; 9229 border-top: 1px solid #e9ecef 9230 } 9231 9232 .table thead th { 9233 vertical-align: bottom; 9234 border-bottom: 2px solid #e9ecef 9235 } 9236 9237 .table tbody+tbody { 9238 border-top: 2px solid #e9ecef 9239 } 9240 9241 .table .table { 9242 background-color: #fff 9243 } 9244 9245 .table-sm th, 9246 .table-sm td { 9247 padding: .3rem 9248 } 9249 9250 .table-bordered { 9251 border: 1px solid #e9ecef 9252 } 9253 9254 .table-bordered th, 9255 .table-bordered td { 9256 border: 1px solid #e9ecef 9257 } 9258 9259 .table-bordered thead th, 9260 .table-bordered thead td { 9261 border-bottom-width: 2px 9262 } 9263 9264 .table-striped tbody tr:nth-of-type(odd) { 9265 background-color: rgba(0, 0, 0, .05) 9266 } 9267 9268 .table-hover tbody tr:hover { 9269 background-color: rgba(0, 0, 0, .075) 9270 } 9271 9272 .table-primary, 9273 .table-primary>th, 9274 .table-primary>td { 9275 background-color: #b8daff 9276 } 9277 9278 .table-hover .table-primary:hover { 9279 background-color: #9fcdff 9280 } 9281 9282 .table-hover .table-primary:hover>td, 9283 .table-hover .table-primary:hover>th { 9284 background-color: #9fcdff 9285 } 9286 9287 .table-secondary, 9288 .table-secondary>th, 9289 .table-secondary>td { 9290 background-color: #dddfe2 9291 } 9292 9293 .table-hover .table-secondary:hover { 9294 background-color: #cfd2d6 9295 } 9296 9297 .table-hover .table-secondary:hover>td, 9298 .table-hover .table-secondary:hover>th { 9299 background-color: #cfd2d6 9300 } 9301 9302 .table-success, 9303 .table-success>th, 9304 .table-success>td { 9305 background-color: #c3e6cb 9306 } 9307 9308 .table-hover .table-success:hover { 9309 background-color: #b1dfbb 9310 } 9311 9312 .table-hover .table-success:hover>td, 9313 .table-hover .table-success:hover>th { 9314 background-color: #b1dfbb 9315 } 9316 9317 .table-info, 9318 .table-info>th, 9319 .table-info>td { 9320 background-color: #bee5eb 9321 } 9322 9323 .table-hover .table-info:hover { 9324 background-color: #abdde5 9325 } 9326 9327 .table-hover .table-info:hover>td, 9328 .table-hover .table-info:hover>th { 9329 background-color: #abdde5 9330 } 9331 9332 .table-warning, 9333 .table-warning>th, 9334 .table-warning>td { 9335 background-color: #ffeeba 9336 } 9337 9338 .table-hover .table-warning:hover { 9339 background-color: #ffe8a1 9340 } 9341 9342 .table-hover .table-warning:hover>td, 9343 .table-hover .table-warning:hover>th { 9344 background-color: #ffe8a1 9345 } 9346 9347 .table-danger, 9348 .table-danger>th, 9349 .table-danger>td { 9350 background-color: #f5c6cb 9351 } 9352 9353 .table-hover .table-danger:hover { 9354 background-color: #f1b0b7 9355 } 9356 9357 .table-hover .table-danger:hover>td, 9358 .table-hover .table-danger:hover>th { 9359 background-color: #f1b0b7 9360 } 9361 9362 .table-light, 9363 .table-light>th, 9364 .table-light>td { 9365 background-color: #fdfdfe 9366 } 9367 9368 .table-hover .table-light:hover { 9369 background-color: #ececf6 9370 } 9371 9372 .table-hover .table-light:hover>td, 9373 .table-hover .table-light:hover>th { 9374 background-color: #ececf6 9375 } 9376 9377 .table-dark, 9378 .table-dark>th, 9379 .table-dark>td { 9380 background-color: #c6c8ca 9381 } 9382 9383 .table-hover .table-dark:hover { 9384 background-color: #b9bbbe 9385 } 9386 9387 .table-hover .table-dark:hover>td, 9388 .table-hover .table-dark:hover>th { 9389 background-color: #b9bbbe 9390 } 9391 9392 .table-active, 9393 .table-active>th, 9394 .table-active>td { 9395 background-color: rgba(0, 0, 0, .075) 9396 } 9397 9398 .table-hover .table-active:hover { 9399 background-color: rgba(0, 0, 0, .075) 9400 } 9401 9402 .table-hover .table-active:hover>td, 9403 .table-hover .table-active:hover>th { 9404 background-color: rgba(0, 0, 0, .075) 9405 } 9406 9407 .table .thead-dark th { 9408 color: #fff; 9409 background-color: #212529; 9410 border-color: #32383e 9411 } 9412 9413 .table .thead-light th { 9414 color: #495057; 9415 background-color: #e9ecef; 9416 border-color: #e9ecef 9417 } 9418 9419 .table-dark { 9420 color: #fff; 9421 background-color: #212529 9422 } 9423 9424 .table-dark th, 9425 .table-dark td, 9426 .table-dark thead th { 9427 border-color: #32383e 9428 } 9429 9430 .table-dark.table-bordered { 9431 border: 0 9432 } 9433 9434 .table-dark.table-striped tbody tr:nth-of-type(odd) { 9435 background-color: rgba(255, 255, 255, .05) 9436 } 9437 9438 .table-dark.table-hover tbody tr:hover { 9439 background-color: rgba(255, 255, 255, .075) 9440 } 9441 9442 @media (max-width:575px) { 9443 .table-responsive-sm { 9444 display: block; 9445 width: 100%; 9446 overflow-x: auto; 9447 -webkit-overflow-scrolling: touch; 9448 -ms-overflow-style: -ms-autohiding-scrollbar 9449 } 9450 .table-responsive-sm.table-bordered { 9451 border: 0 9452 } 9453 } 9454 9455 @media (max-width:767px) { 9456 .table-responsive-md { 9457 display: block; 9458 width: 100%; 9459 overflow-x: auto; 9460 -webkit-overflow-scrolling: touch; 9461 -ms-overflow-style: -ms-autohiding-scrollbar 9462 } 9463 .table-responsive-md.table-bordered { 9464 border: 0 9465 } 9466 } 9467 9468 @media (max-width:991px) { 9469 .table-responsive-lg { 9470 display: block; 9471 width: 100%; 9472 overflow-x: auto; 9473 -webkit-overflow-scrolling: touch; 9474 -ms-overflow-style: -ms-autohiding-scrollbar 9475 } 9476 .table-responsive-lg.table-bordered { 9477 border: 0 9478 } 9479 } 9480 9481 @media (max-width:1199px) { 9482 .table-responsive-xl { 9483 display: block; 9484 width: 100%; 9485 overflow-x: auto; 9486 -webkit-overflow-scrolling: touch; 9487 -ms-overflow-style: -ms-autohiding-scrollbar 9488 } 9489 .table-responsive-xl.table-bordered { 9490 border: 0 9491 } 9492 } 9493 9494 .table-responsive { 9495 display: block; 9496 width: 100%; 9497 overflow-x: auto; 9498 -webkit-overflow-scrolling: touch; 9499 -ms-overflow-style: -ms-autohiding-scrollbar 9500 } 9501 9502 .table-responsive.table-bordered { 9503 border: 0 9504 } 9505 9506 .media, 9507 .media-flex { 9508 overflow: hidden; 9509 _overflow: visible; 9510 zoom: 1 9511 } 9512 9513 .media-img { 9514 float: left; 9515 margin-right: 20px 9516 } 9517 9518 .media-img-right { 9519 float: right; 9520 margin-left: 20px 9521 } 9522 9523 .media-img img, 9524 .media-img-right img { 9525 display: block 9526 } 9527 9528 img { 9529 border: 0 none 9530 } 9531 9532 svg:not(:root) { 9533 overflow: hidden 9534 } 9535 9536 .img-fluid, 9537 img, 9538 iframe { 9539 max-width: 100%; 9540 height: auto 9541 } 9542 9543 .video-wrapper { 9544 position: relative; 9545 overflow: hidden; 9546 max-width: 100%; 9547 padding-bottom: 56.25%; 9548 height: 0; 9549 height: auto 9550 } 9551 9552 .video-wrapper iframe { 9553 position: absolute; 9554 top: 0; 9555 left: 0; 9556 width: 100%; 9557 height: 100% 9558 } 9559 9560 form { 9561 margin-bottom: 0 9562 } 9563 9564 .form-group.error > input { 9565 border-color: red; 9566 } 9567 9568 .form-vertical { 9569 margin-bottom: 10px 9570 } 9571 9572 .form-control { 9573 display: block; 9574 width: 100%; 9575 padding: 0.375rem 0.75rem; 9576 font-size: 14px; 9577 line-height: 1.5; 9578 color: #ffffff; 9579 background-color: #000000; 9580 background-clip: padding-box; 9581 border: 1px solid #212121; 9582 border-radius: 0; 9583 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 9584 } 9585 9586 @media screen and (max-width:768px) { 9587 input, 9588 textarea { 9589 font-size: 16px 9590 } 9591 } 9592 9593 input, 9594 textarea, 9595 button, 9596 select { 9597 padding: 0; 9598 margin: 0; 9599 -webkit-user-select: text; 9600 -moz-user-select: text;
9601 -ms-user-select: text; 9602 user-select: text 9603 } 9604 9605 button { 9606 background: none; 9607 border: none; 9608 cursor: pointer 9609 } 9610 9611 button, 9612 input, 9613 textarea { 9614 -webkit-appearance: none; 9615 -moz-appearance: none 9616 } 9617 9618 button { 9619 background: none; 9620 border: none; 9621 display: inline-block; 9622 cursor: pointer 9623 } 9624 9625 input[type="image"] { 9626 padding-left: 0; 9627 padding-right: 0 9628 } 9629 9630 fieldset { 9631 border:1px solid { 9632 { 9633 settings.color-primary 9634 } 9635 } 9636 ; 9637 padding:10px 9638 } 9639 9640 legend { 9641 border: 0; 9642 padding: 0 9643 } 9644 9645 button, 9646 input[type="submit"] { 9647 cursor: pointer 9648 } 9649 9650 input, 9651 textarea, 9652 select { 9653 border: 1px solid #212121; 9654 max-width: 100%; 9655 padding: 8px 10px; 9656 font-family: { 9657 { 9658 settings.font_body 9659 } 9660 } 9661 } 9662 9663 input:focus, 9664 textarea:focus, 9665 select:focus { 9666 outline: none 9667 } 9668 9669 input[disabled], 9670 input.disabled, 9671 textarea[disabled], 9672 textarea.disabled, 9673 select[disabled], 9674 select.disabled, 9675 select[disabled]+.select2{ 9676 cursor: default; 9677 color: #212121!important; 9678 background-color: #b8b8b8!important; 9679 border-color: #7b7b7b!important 9680 } 9681 9682 input.input-full, 9683 textarea.input-full, 9684 select.input-full { 9685 width: 100% 9686 } 9687 9688 textarea { 9689 min-height: 100px 9690 } 9691 9692 input[type="checkbox"], 9693 input[type="radio"] { 9694 display: inline; 9695 margin: 0 8px 0 0; 9696 padding: 0; 9697 width: auto 9698 } 9699 9700 input[type="checkbox"] { 9701 -webkit-appearance: checkbox; 9702 -moz-appearance: checkbox 9703 } 9704 9705 input[type="radio"] { 9706 -webkit-appearance: radio; 9707 -moz-appearance: radio 9708 } 9709 9710 input[type="image"] { 9711 padding-left: 0; 9712 padding-right: 0 9713 } 9714 9715 select { 9716 /* -webkit-appearance: auto!important; */ 9717 -moz-appearance: auto!important; 9718 appearance: none; 9719 background-position: right center; 9720 background-repeat: no-repeat; 9721 background-position: right 10px center; 9722 background-color: #fff; 9723 padding-right: 28px; 9724 text-indent: .01px; 9725 text-overflow: ''; 9726 cursor: pointer 9727 } 9728 9729 .ie9 select, 9730 .lt-ie9 select { 9731 padding-right: 10px; 9732 background-image: none 9733 } 9734 9735 optgroup { 9736 font-weight: 600 9737 } 9738 9739 option { 9740 color: #212121; 9741 background-color: #fff 9742 } 9743 9744 select::-ms-expand { 9745 display: none 9746 } 9747 9748 .hidden-label { 9749 position: absolute; 9750 height: 0; 9751 width: 0; 9752 margin-bottom: 0; 9753 overflow: hidden; 9754 clip: rect(1px, 1px, 1px, 1px) 9755 } 9756 9757 .ie9 .hidden-label, 9758 .lt-ie9 .hidden-label { 9759 position: static; 9760 height: auto; 9761 width: auto; 9762 margin-bottom: 2px; 9763 overflow: visible; 9764 clip: initial 9765 } 9766 9767 label[for] { 9768 cursor: pointer 9769 } 9770 9771 .form-vertical input, 9772 .form-vertical select, 9773 .form-vertical textarea { 9774 display: block; 9775 margin-bottom: 10px 9776 } 9777 9778 .form-vertical input[type="radio"], 9779 .form-vertical input[type="checkbox"] { 9780 display: inline-block 9781 } 9782 9783 input.error, 9784 select.error, 9785 textarea.error { 9786 border-color: #df2030; 9787 background-color: #fff6f6; 9788 color: #df2030 9789 } 9790 9791 label.error { 9792 color: #df2030 9793 } 9794 9795 .input-group { 9796 position: relative; 9797 display: table; 9798 border-collapse: separate 9799 } 9800 9801 .input-group .input-group-field:first-child, 9802 .input-group .input-group-btn:first-child, 9803 .input-group .input-group-btn:first-child>.btn, 9804 .input-group input[type="hidden"]:first-child+.input-group-field, 9805 .input-group input[type="hidden"]:first-child+.input-group-btn>.btn { 9806 border-radius: 5px 0 0 5px 9807 } 9808 9809 .input-group .input-group-field:last-child, 9810 .input-group .input-group-btn:last-child>.btn { 9811 border-radius: 0 5px 5px 0 9812 } 9813 9814 .input-group input::-moz-focus-inner { 9815 border: 0; 9816 padding: 0;
9817 margin-top: -1px; 9818 margin-bottom: -1px 9819 } 9820 9821 .input-group-field, 9822 .input-group-btn { 9823 display: table-cell; 9824 vertical-align: middle; 9825 margin: 0 9826 } 9827 9828 .input-group .btn, 9829 .input-group .input-group-field { 9830 height: 37px 9831 } 9832 9833 .input-group .input-group-field { 9834 width: 100% 9835 } 9836 9837 .input-group-btn { 9838 position: relative; 9839 white-space: nowrap; 9840 width: 1%; 9841 padding: 0 9842 } 9843 9844 .icon-fallback-text .icon { 9845 display: none 9846 } 9847 9848 .supports-fontface .icon-fallback-text .icon { 9849 display: inline-block 9850 } 9851 9852 .icon:before { 9853 display: none 9854 } 9855 9856 .supports-fontface .icon:before { 9857 display: inline; 9858 font-family: "icons"; 9859 text-decoration: none; 9860 speak: none; 9861 font-style: normal; 9862 font-weight: 400; 9863 font-variant: normal; 9864 text-transform: none; 9865 line-height: 1; 9866 -webkit-font-smoothing: antialiased; 9867 -moz-osx-font-smoothing: grayscale 9868 } 9869 9870 .payment-icons { 9871 -webkit-user-select: none; 9872 -moz-user-select: none; 9873 -ms-user-select: none; 9874 user-select: none; 9875 cursor: default 9876 } 9877 9878 .payment-icons li { 9879 margin: 0 5px 5px; 9880 color: #bbb; 9881 cursor: default 9882 } 9883 9884 .payment-icons .icon { 9885 font-size: 30px; 9886 line-height: 30px 9887 } 9888 9889 .payment-icons .fallback-text { 9890 text-transform: capitalize 9891 } 9892 9893 .social-icons li { 9894 margin: 0 10px 10px 0; 9895 vertical-align: middle 9896 } 9897 9898 .social-icons img { 9899 width: 20px 9900 } 9901 9902 @media screen and (min-width:481px) { 9903 .social-icons li { 9904 margin-left: 0 9905 } 9906 } 9907 9908 .social-icons li .icon { 9909 font-size: 30px; 9910 line-height: 26px 9911 } 9912 9913 .social-icons li a { 9914 color: #bbb 9915 } 9916 9917 .social-icons li a:hover { 9918 color: #a2a2a2 9919 } 9920 9921 .icon { 9922 display: inline-block; 9923 width: 1em; 9924 height: 1em; 9925 stroke-width: 0; 9926 stroke: currentColor; 9927 fill: currentColor 9928 } 9929 9930 .btn:active, 9931 .btn:focus { 9932 fill: #fff 9933 } 9934 9935 .icon-cart { 9936 width: 2.5em; 9937 height: 2.5em 9938 } 9939 9940 @media only screen and (max-width:56.25em) { 9941 .icon-cart { 9942 width: 2em; 9943 height: 2em 9944 } 9945 } 9946 9947 .cart-count { 9948 position: absolute; 9949 top: 6px; 9950 right: -6px; 9951 background-color: { 9952 { 9953 settings.color-primary 9954 } 9955 } 9956 ; 9957 height:14px; 9958 width:14px; 9959 border-radius:50%; 9960 color:#fafafa; 9961 text-align:center; 9962 font-size:12px; 9963 line-height:13px 9964 } 9965 9966 .cart-count-mobile { 9967 top: 8px; 9968 right: 14px; 9969 font-size: .7em; 9970 height: 16px; 9971 width: 16px 9972 } 9973 9974 .icon-user { 9975 width: 2.5em; 9976 height: 2.5em 9977 } 9978 9979 .icon-logo { 9980 width: 100%; 9981 height: auto 9982 } 9983 9984 @media only screen and (max-width:56.25em) { 9985 .icon-logo { 9986 width: 130%; 9987 margin-left: -10% 9988 } 9989 } 9990 9991 .icon-search { 9992 width: 30px; 9993 height: 30px; 9994 margin-top: -.4em; 9995 stroke-width: 1 9996 } 9997 9998 .icon-logo:hover path { 9999 fill: #212121 10000 } 10001 10002 .icon-twitter, 10003 .icon-facebook, 10004 .icon-instagram, 10005 .icon-youtube { 10006 fill: #212121; 10007 width: 1.5em; 10008 height: 1.5em 10009 } 10010 10011 .icon-twitter:hover { 10012 fill: #212121 10013 } 10014 10015 .icon-facebook:hover { 10016 fill: #212121 10017 } 10018 10019 .icon-instagram:hover { 10020 fill: #212121 10021 } 10022 10023 .icon-youtube:hover { 10024 fill: #212121 10025 } 10026 10027 .icon-mail,
10028 .icon-phone, 10029 .icon-whatsapp { 10030 width: 2em; 10031 height: 2em 10032 } 10033 10034 .icon-menu { 10035 width: 24px; 10036 height: 16px; 10037 position: relative 10038 } 10039 10040 .bar { 10041 height: 2px; 10042 border-radius: 1px; 10043 background-color: #fff; 10044 position: absolute; 10045 left: 0 10046 } 10047 10048 .bar-top { 10049 width: 24px; 10050 top: 0 10051 } 10052 10053 .bar-middle { 10054 width: 22px; 10055 top: 7px 10056 } 10057 10058 .bar-bottom { 10059 width: 20px; 10060 bottom: 0 10061 } 10062 10063 .icon-close { 10064 width: 2.5em; 10065 height: 2.5em 10066 } 10067 10068 .cart__remove .icon-close { 10069 width: 1em; 10070 height: 1em; 10071 margin-bottom: -2px 10072 } 10073 10074 .icon-chevron-down, 10075 .icon-chevron-up { 10076 width: 1.5em; 10077 height: 1.5em 10078 } 10079 10080 .icon-chevron-right, 10081 .icon-chevron-left { 10082 width: 2.1em; 10083 height: 2.1em; 10084 padding: .6em; 10085 position: relative; 10086 background: #fff; 10087 border-radius: 50% 10088 } 10089 10090 .icon-minus, 10091 .icon-plus { 10092 width: .75em; 10093 height: .75em 10094 } 10095 10096 .icon-sort, 10097 .icon-filter { 10098 width: 1.2em; 10099 height: 1.2em; 10100 margin-bottom: -4px 10101 } 10102 10103 .pagination { 10104 margin-bottom: 1em; 10105 text-align: center 10106 } 10107 10108 .pagination>span { 10109 display: inline-block; 10110 line-height: 1 10111 } 10112 10113 .pagination a { 10114 display: block 10115 } 10116 10117 .pagination a, 10118 .pagination .page.current { 10119 padding: 8px 10120 } 10121 10122 .header-wrapper { 10123 width: 100%; 10124 position: static; 10125 top: 0; 10126 left: 0; 10127 transition: .5s ease-in-out 10128 } 10129 10130 .scrollActive .header-wrapper { 10131 position: fixed; 10132 width: 100%; 10133 z-index: 9998 10134 } 10135 10136 .site-header .grid--table { 10137 display: table; 10138 table-layout: fixed; 10139 width: 100% 10140 } 10141 10142 .site-header .grid--table>.grid__item { 10143 float: none; 10144 display: table-cell; 10145 vertical-align: middle 10146 } 10147 10148 .site-header__logo { 10149 margin: 0 auto; 10150 max-width: 100%; 10151 line-height: 0; 10152 } 10153 10154 @media screen and (min-width:769px) { 10155 .site-header__logo { 10156 text-align: left; 10157 font-size: 45px 10158 } 10159 } 10160 10161 .site-header__logo a, 10162 .site-header__logo a:hover, 10163 .site-header__logo a:focus { 10164 text-decoration: none 10165 } 10166 10167 .site-header__logo a, 10168 .site-header__logo img { 10169 display: block 10170 } 10171 10172 .site-header__logo img { 10173 margin: 0 auto 10174 } 10175 10176 .site-header__logo-link { 10177 max-width: 450px; 10178 margin: 0 auto 10179 } 10180 10181 .site-header__cart-toggle { 10182 display: inline-block 10183 } 10184 10185 .site-header__search { 10186 display: inline-block; 10187 max-width: 400px; 10188 margin-top: 10px; 10189 width: 100% 10190 } 10191 10192 .search-bar { 10193 max-width: 100% 10194 } 10195 10196 @media screen and (max-width:768px) { 10197 .search-bar { 10198 margin-left: auto; 10199 margin-right: auto 10200 } 10201 } 10202 10203 .nav-bar { 10204 background-color: #2e1645; 10205 padding: 0 10206 } 10207 10208 .site-nav, 10209 .site-nav--mobile { 10210 font-size: 16px; 10211 cursor: default; 10212 margin: 0 10213 } 10214 10215 .site-nav li, 10216 .site-nav--mobile li { 10217 margin: 0; 10218 display: block 10219 } 10220 10221 .site-nav>li, 10222 .site-nav--mobile>li { 10223 display: inline-block 10224 } 10225 10226 .sub-dropdown li:not(:first-child) { 10227 margin-top: 4px 10228 } 10229 10230 .sub-dropdown a { 10231 color: #666 10232 } 10233 10234 .sub-dropdown a:hover { 10235 color: #b8b8b8 10236 } 10237 10238 .dontsplit:not(:first-child) { 10239 margin-top: 4px !important 10240 } 10241 10242 .text-left .site-nav--mobile { 10243 margin: 0 0 0 -10px 10244 } 10245 10246 .text-right .site-nav--mobile { 10247 margin: 0 -10px 0 0 10248 } 10249 10250 .site-nav__link { 10251 display: block; 10252 text-decoration: none; 10253 padding: 10px 20px; 10254 white-space: nowrap; 10255 color: #fafafa 10256 } 10257 10258 .site-nav__link:hover, 10259 .site-nav__link:active, 10260 .site-nav__link:focus { 10261 color: #fff; 10262 background-color: #757575 10263 } 10264 10265 .site-nav__link .icon-arrow-down { 10266 position: relative; 10267 top: -2px; 10268 font-size: 10px; 10269 padding-left: 5px 10270 } 10271 10272 .site-nav--active>.site-nav__link { 10273 font-weight: 600 10274 } 10275 10276 .site-nav--mobile .site-nav__link { 10277 display: inline-block 10278 } 10279 10280 .mega-menu__link { 10281 color: #121212 10282 } 10283 10284 .site-nav__dropdown { 10285 display: none; 10286 position: absolute; 10287 left: 0; 10288 margin: 0; 10289 z-index: 5 10290 } 10291 10292 .supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown,
10293 .site-nav--has-dropdown.nav-hover .site-nav__dropdown, 10294 .nav-focus+.site-nav__dropdown { 10295 display: block 10296 } 10297 10298 .site-nav__dropdown a { 10299 background-color: #2e1645 10300 } 10301 10302 .site-nav__dropdown a:hover, 10303 .site-nav__dropdown a:active, 10304 .site-nav__dropdown a:focus { 10305 background-color: #212121; 10306 color: #fafafa 10307 } 10308 10309 .mega-menu__link { 10310 color: #121212 10311 } 10312 10313 .nav-search { 10314 position: relative 10315 } 10316 10317 @media screen and (max-width:768px) { 10318 .nav-search { 10319 padding: 0 0 10px; 10320 margin: 0 auto; 10321 text-align: center 10322 } 10323 } 10324 10325 header .search-bar .btn { 10326 border-radius: 0 5px 5px 0; 10327 background-color: 10328 10329 settings.color-primary 10330 } 10331 } 10332 ; 10333 color:#fafafa; 10334 } 10335 10336 .mobile-nav li { 10337 margin-bottom: 0 10338 } 10339 10340 .mobile-nav__search { 10341 padding: 10px 10342 } 10343 10344 .mobile-nav__search .search-bar { 10345 margin-bottom: 0 10346 } 10347 10348 .mobile-nav__search .btn-input { 10349 background-color: #f2f2f2 10350 } 10351 10352 .mobile-nav__item { 10353 position: relative; 10354 display: block 10355 } 10356 10357 .mobile-nav>.mobile-nav__item:last-child:after { 10358 display: none 10359 } 10360 10361 .mobile-nav__item a, 10362 .mobile-nav__toggle button { 10363 color: #121212; 10364 padding: 10px; 10365 text-decoration: none 10366 } 10367 10368 .mobile-nav__item a:hover, 10369 .mobile-nav__item a:active, 10370 .mobile-nav__item a:focus, 10371 .mobile-nav__toggle button:hover, 10372 .mobile-nav__toggle button:active, 10373 .mobile-nav__toggle button:focus { 10374 color: { 10375 { 10376 settings.color-primary 10377 } 10378 } 10379 } 10380 10381 .mobile-nav__item a:active, 10382 .mobile-nav__item a:focus, 10383 .mobile-nav__toggle button:active, 10384 .mobile-nav__toggle button:focus { 10385 background-color: #b8b8b8 10386 } 10387 10388 .mobile-nav__item a { 10389 display: block 10390 } 10391 10392 .mobile-nav__item--active { 10393 font-weight: 600 10394 } 10395 10396 .mobile-nav__has-sublist { 10397 display: table; 10398 width: 100% 10399 } 10400 10401 .mobile-nav__has-sublist .mobile-nav__link { 10402 display: table-cell; 10403 vertical-align: middle; 10404 width: 100% 10405 } 10406 10407 .mobile-nav__toggle { 10408 display: table-cell; 10409 vertical-align: middle; 10410 width: 1% 10411 } 10412 10413 .mobile-nav--expanded .mobile-nav__toggle-open { 10414 display: none 10415 } 10416 10417 .mobile-nav__toggle-close { 10418 display: none 10419 } 10420 10421 .mobile-nav--expanded .mobile-nav__toggle-close { 10422 display: block 10423 } 10424 10425 .mobile-nav__sublist { 10426 margin: 0; 10427 max-height: 0; 10428 visibility: hidden; 10429 overflow: hidden; 10430 transition: all 300ms cubic-bezier(.57, .06, .05, .95); 10431 -webkit-backface-visibility: hidden; 10432 backface-visibility: hidden 10433 } 10434 10435 .mobile-nav--expanded+.mobile-nav__sublist { 10436 background-color: #212121; 10437 visibility: visible; 10438 max-height: 700px; 10439 transition: all 700ms cubic-bezier(.57, .06, .05, .95) 10440 } 10441 10442 .mobile-nav--expanded+.mobile-nav__sublist a { 10443 font-size: 16px 10444 } 10445 10446 ul.mobile-nav__sublist li a { 10447 font-size: 16px 10448 } 10449 10450 .mobile-nav__sublist .mobile-nav__item:after { 10451 top: 0; 10452 bottom: auto 10453 } 10454 10455 .mobile-nav__sublist .mobile-nav__link { 10456 padding-left: 20px; 10457 font-weight: 400 10458 } 10459 10460 .js-drawer-open { 10461 overflow: hidden 10462 } 10463 10464 .drawer { 10465 -webkit-transform: translateZ(0); 10466 will-change: transform; 10467 display: none; 10468 position: fixed; 10469 overflow-y: auto; 10470 overflow-x: hidden; 10471 -webkit-overflow-scrolling: touch; 10472 top: 0; 10473 bottom: 0; 10474 padding: 0 0 10px; 10475 max-width: 95%; 10476 z-index: 9999; 10477 color: #121212; 10478 background-color: #fff; 10479 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 10480 } 10481 10482 .drawer a { 10483 color: #121212 10484 } 10485 10486 .drawer--left { 10487 width: 320px; 10488 left: -320px; 10489 box-shadow: 2px 0 8px rgba(0, 0, 0, .3) 10490 } 10491 10492 .js-drawer-open-left .drawer--left { 10493 display: block; 10494 -ms-transform: translateX(320px); 10495 -webkit-transform: translateX(320px); 10496 transform: translateX(320px) 10497 } 10498 10499 .lt-ie9 .js-drawer-open-left .drawer--left { 10500 left: 0 10501 } 10502 10503 .drawer--right { 10504 width: 320px; 10505 right: -320px; 10506 box-shadow: -2px 0 8px rgba(0, 0, 0, .3) 10507 } 10508 10509 .js-drawer-open-right .drawer--right { 10510 display: block; 10511 -ms-transform: translateX(-320px); 10512 -webkit-transform: translateX(-320px); 10513 transform: translateX(-320px) 10514 } 10515 10516 .lt-ie9 .js-drawer-open-right .drawer--right { 10517 right: 0 10518 } 10519 10520 .js-drawer-open-right .overlay-cart { 10521 position: fixed; 10522 background-color: rgba(0, 0, 0, .3); 10523 width: 100%; 10524 top: 0; 10525 height: 100%; 10526 z-index: 9999 10527 } 10528 10529 .js-drawer-open-left .overlay-nav { 10530 position: fixed; 10531 background-color: rgba(0, 0, 0, .3); 10532 width: 100%; 10533 top: 0; 10534 height: 100%; 10535 z-index: 9999 10536 } 10537 10538 #PageContainer { 10539 overflow: hidden 10540 } 10541 10542 .is-moved-by-drawer { 10543 -webkit-transform: translateZ(0); 10544 will-change: transform; 10545 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 10546 } 10547 10548 .js-drawer-open-left .is-moved-by-drawer { 10549 -ms-transform: translateX(320px); 10550 -webkit-transform: translateX(320px); 10551 transform: translateX(320px) 10552 } 10553 10554 .js-drawer-open-right .is-moved-by-drawer { 10555 -ms-transform: translateX(-320px); 10556 -webkit-transform: translateX(-320px); 10557 transform: translateX(-320px) 10558 } 10559 10560 .drawer__header { 10561 display: table; 10562 height: 35px; 10563 width: 100%; 10564 margin-bottom: 10px 10565 } 10566 10567 .drawer__title, 10568 .drawer__close { 10569 display: table-cell; 10570 vertical-align: middle 10571 } 10572 10573 .drawer__title { 10574 width: 100% 10575 } 10576 10577 .drawer__close { 10578 width: 1%; 10579 text-align: center; 10580 font-size: 1.125em 10581 } 10582 10583 .drawer__close button { 10584 position: relative; 10585 right: -20px; 10586 height: 100%; 10587 padding: 0 20px; 10588 color: inherit 10589 } 10590 10591 .drawer__close button:active, 10592 .drawer__close button:focus { 10593 background-color: #b8b8b8 10594 } 10595 10596 .template-product .site-footer { 10597 padding-bottom: 125px; 10598 } 10599 10600 .site-footer { 10601 background-color: #212121; 10602 color: #fff; 10603 } 10604 10605 .site-footer h6, .seo-footer h6 {font-size: 16px!important;font-weight: 600!important;text-transform: uppercase;} 10606 10607 .footer-seo-text div, 10608 .about_text p, 10609 .article-list { 10610 font-size: 0.7em !important; 10611 } 10612 10613 .footer-seo-text div a, 10614 .about_text p a, 10615 .article-list a { 10616 font-size: 14px; 10617 } 10618 10619 .footer-seo-text .title-footer-seo { 10620 font-size: 1em 10621 } 10622 10623 .about_text { 10624 column-count: 2; 10625 -webkit-column-count: 2; 10626 text-align: justify;
10627 } 10628 10629 .about_text p { 10630 margin-top: 0 10631 } 10632 10633 .grid__image { 10634 display: block; 10635 margin: 0 auto 10px 10636 } 10637 10638 .grid__image img { 10639 display: block; 10640 margin: 0 auto 10641 } 10642 10643 .filter--active { 10644 font-weight: 600 10645 } 10646 10647 .breadcrumb a, 10648 .breadcrumb span { 10649 display: inline-block; 10650 font-size: 16px; 10651 color: #121212; 10652 margin-right: 20px; 10653 text-transform: uppercase; 10654 vertical-align: middle; 10655 } 10656 .breadcrumb__sep { 10657 font-size: 50px; 10658 } 10659 .breadcrumb a:hover { 10660 text-decoration: underline 10661 } 10662 10663 .breadcrumb a:first-child, 10664 .breadcrumb span:first-child { 10665 padding-left: 0 10666 } 10667 10668 .product-single__variants { 10669 display: none 10670 } 10671 10672 .no-js .product-single__variants { 10673 display: block 10674 } 10675 10676 .product-single__photos { 10677 margin-bottom: 20px 10678 } 10679 10680 .product-single__photos a, 10681 .product-single__photos img, 10682 .product-single__thumbnails a, 10683 .product-single__thumbnails img { 10684 display: block; 10685 margin: 0 auto 10686 } 10687 10688 .product-single__photos li, 10689 .product-single__thumbnails li { 10690 margin-bottom: 20px 10691 } 10692 10693 .note, 10694 .errors { 10695 border-radius: 5px; 10696 padding: 6px 12px; 10697 margin-bottom: 10px; 10698 border: 1px solid #000000; 10699 font-size: .9em; 10700 text-align: left 10701 } 10702 10703 .note ul, 10704 .note ol, 10705 .errors ul, 10706 .errors ol { 10707 margin-top: 0; 10708 margin-bottom: 0 10709 } 10710 10711 .note li:last-child, 10712 .errors li:last-child { 10713 margin-bottom: 0 10714 } 10715 10716 .note p, 10717 .errors p { 10718 margin-bottom: 0 10719 } 10720 10721 .note { 10722 border-color: #f2f2f2 10723 } 10724 10725 .errors ul { 10726 list-style: disc outside; 10727 margin-left: 20px 10728 } 10729 10730 .form-success { 10731 color: #757575; 10732 background-color: #f0fff0; 10733 border-color: #757575 10734 } 10735 10736 .form-success a { 10737 color: #757575; 10738 text-decoration: underline 10739 } 10740 10741 .form-success a:hover { 10742 text-decoration: none 10743 } 10744 10745 .form-error, 10746 .errors { 10747 color: #df2030; 10748 background-color: #fff6f6; 10749 border-color: #df2030 10750 } 10751 10752 .form-error a, 10753 .errors a { 10754 color: #df2030; 10755 text-decoration: underline 10756 } 10757 10758 .form-error a:hover, 10759 .errors a:hover { 10760 text-decoration: none 10761 } 10762 10763 .cart__row { 10764 position: relative; 10765 margin-top: 20px; 10766 padding-top: 20px; 10767 border-top:1px solid 10768 10769 settings.color-primary 10770 } 10771 } 10772 } 10773 10774 .cart__row:first-child { 10775 margin-top: 0 10776 } 10777 10778 .cart__row:first-child { 10779 padding-top: 0 10780 } 10781 10782 .cart__row .js-qty, 10783 .cart__row .ajaxcart__qty { 10784 margin: 0 auto 10785 } 10786 10787 .cart-table th { 10788 font-weight: 400 10789 } 10790 10791 .cart-table td, 10792 .cart-table th { 10793 padding: 30px 15px; 10794 border: none 10795 } 10796 10797 @media screen and (min-width:769px) { 10798 .cart__row--table-large { 10799 display: table; 10800 table-layout: fixed; 10801 width: 100% 10802 } 10803 .cart__row--table-large .grid__item { 10804 display: table-cell; 10805 vertical-align: middle; 10806 float: none 10807 } 10808 } 10809 10810 .cart__image { 10811 display: block; 10812 max-width: 120px; 10813 min-width: 75px; 10814 margin: 10px auto 10815 } 10816 10817 .cart__subtotal { 10818 margin: 0 0 0 6.66667px; 10819 display: inline 10820 } 10821 10822 .cart__mini-labels { 10823 display: block; 10824 margin: 6.66667px 0; 10825 font-size: .75em 10826 } 10827 10828 @media screen and (min-width:769px) { 10829 .cart__mini-labels { 10830 display: none 10831 } 10832 } 10833 10834 .cart__remove { 10835 display: block 10836 } 10837 10838 .ajaxcart__inner { 10839 margin-bottom: 20px 10840 } 10841 10842 .ajaxcart__row>.grid, 10843 .ajaxcart__row>.grid--rev, 10844 .ajaxcart__row>.grid--full { 10845 margin-left: -10px 10846 } 10847 10848 .ajaxcart__row>.grid>.grid__item, 10849 .ajaxcart__row>.grid--rev>.grid__item, 10850 .ajaxcart__row>.grid--full>.grid__item { 10851 padding-left: 10px 10852 } 10853 10854 .grid__item .p { 10855 margin-bottom: .2em 10856 } 10857 10858 .ajaxcart__product { 10859 position: relative; 10860 max-height: 500px 10861 } 10862 10863 .ajaxcart__product.is-removed { 10864 max-height: 0; 10865 overflow: hidden; 10866 visibility: hidden; 10867 transition: all 450ms cubic-bezier(.57, .06, .05, .95); 10868 -webkit-backface-visibility: hidden; 10869 backface-visibility: hidden 10870 } 10871 10872 .ajaxcart__row { 10873 padding-bottom: 10px; 10874 margin-bottom: 10px; 10875 border-bottom: 1px solid #2e1645 10876 } 10877 10878 .ajaxcart__product-image { 10879 display: block; 10880 overflow: hidden; 10881 margin-bottom: 15px 10882 } 10883 10884 .ajaxcart__product-image img { 10885 display: block; 10886 margin: 0 auto; 10887 max-width: 100% 10888 } 10889 10890 .ajaxcart__product-name, 10891 .ajaxcart__product-meta { 10892 display: block 10893 } 10894 10895 .ajaxcart__product-name+.ajaxcart__product-meta { 10896 padding-top: 4px 10897 } 10898 10899 .cart-subtotal { 10900 color: #121212; 10901 border-radius: 5px; 10902 border:2px solid { 10903 { 10904 settings.color-primary 10905 } 10906 } 10907 ; 10908 margin-top:1em; 10909 text-align:center; 10910 padding:.5em 0 1em 0 10911 } 10912 10913 .cart-subtotal p { 10914 margin-top: 0 10915 } 10916 10917 .cart-checkout-shipping { 10918 font-style: italic; 10919 font-size: 80% !important 10920 } 10921 10922 .cart-checkout-shipping a { 10923 text-decoration: underline; 10924 display: block; 10925 color: { 10926 { 10927 settings.color-primary 10928 } 10929 } 10930 } 10931 10932 .cart__checkout { 10933 font-size: 1em; 10934 color: #fafafa !important 10935 } 10936 10937 .js-qty, 10938 .ajaxcart__qty { 10939 position: relative; 10940 margin-bottom: 1em; 10941 max-width: 115px; 10942 min-width: 75px; 10943 overflow: visible 10944 } 10945 10946 .js-qty input, 10947 .ajaxcart__qty input { 10948 display: block; 10949 background: none; 10950 text-align: center; 10951 width: 100%; 10952 padding: 5px 25px; 10953 margin: 0 10954 } 10955 10956 .js-qty__adjust.js-qty__adjust--minus { 10957 border-right: 2px solid #212121 !important 10958 } 10959 10960 .js-qty__adjust.js-qty__adjust--plus { 10961 border-left: 2px solid #212121 !important 10962 } 10963 10964 .js-qty__adjust, 10965 .ajaxcart__qty-adjust { 10966 cursor: pointer; 10967 position: absolute; 10968 display: block; 10969 top: 0; 10970 bottom: 0; 10971 border: 0 none; 10972 padding: 0 2px; 10973 background: none; 10974 text-align: center; 10975 overflow: hidden; 10976 -webkit-user-select: none; 10977 -moz-user-select: none;
10978 -ms-user-select: none; 10979 user-select: none 10980 } 10981 10982 .js-qty__adjust:hover, 10983 .ajaxcart__qty-adjust:hover, 10984 .js-qty__adjust:focus, 10985 .ajaxcart__qty-adjust:focus { 10986 color: { 10987 { 10988 settings.color-primary 10989 } 10990 } 10991 } 10992 10993 @media only screen and (max-width:56.25em) { 10994 .cart__quantity .js-qty__adjust, 10995 .cart__quantity .ajaxcart__qty-adjust { 10996 padding: 0 10997 } 10998 } 10999 11000 .js-qty__adjust--plus, 11001 .ajaxcart__qty--plus { 11002 right: 0; 11003 border-left: 1px solid #f2f2f2 11004 } 11005 11006 .js-qty__adjust--minus, 11007 .ajaxcart__qty--minus { 11008 left: 0; 11009 border-right: 1px solid #f2f2f2 11010 } 11011 11012 @media only screen and (max-width:64em) { 11013 .cart__quantity .js-qty__adjust--plus svg, 11014 .cart__quantity .ajaxcart__qty--plus svg, 11015 .cart__quantity .js-qty__adjust--minus svg, 11016 .cart__quantity .ajaxcart__qty--minus svg { 11017 margin-bottom: .5em; 11018 margin-top: 0 11019 } 11020 } 11021 11022 .ajaxcart__qty { 11023 margin: 0 11024 } 11025 11026 .is-loading .ajaxcart__qty { 11027 opacity: .5; 11028 transition: none 11029 } 11030 11031 .ajaxcart__qty-num { 11032 border-color: { 11033 { 11034 settings.color-primary 11035 } 11036 } 11037 ; 11038 color:#121212 11039 } 11040 11041 .ajaxcart__qty-adjust { 11042 color: #121212 11043 } 11044 11045 .ajaxcart__qty--plus { 11046 border-color: { 11047 { 11048 settings.color-primary 11049 } 11050 } 11051 } 11052 11053 .ajaxcart__qty--minus { 11054 border-color: { 11055 { 11056 settings.color-primary 11057 } 11058 } 11059 } 11060 11061 .ajaxcart-item__price-strikethrough { 11062 float: right 11063 } 11064 11065 @media (max-width:992px) { 11066 .cart-prod-title { 11067 font-size: 1em 11068 } 11069 .js-qty__adjust .icon, 11070 .ajaxcart__qty-adjust .icon { 11071 font-size: .5em 11072 } 11073 .js-qty input, 11074 .ajaxcart__qty input, 11075 .ajaxcart__qty input { 11076 font-size: .875em 11077 } 11078 .js-qty, 11079 .ajaxcart__qty { 11080 margin: 5px 0 0 !important 11081 } 11082 .cart-price-mobile span { 11083 font-size: .875em 11084 } 11085 .col-1, 11086 .col-2, 11087 .col-3, 11088 .col-4, 11089 .col-5, 11090 .col-6, 11091 .col-7, 11092 .col-8, 11093 .col-9, 11094 .col-10, 11095 .col-11, 11096 .col-12, 11097 .col, 11098 .col-auto, 11099 .col-sm-1, 11100 .col-sm-2, 11101 .col-sm-3, 11102 .col-sm-4, 11103 .col-sm-5, 11104 .col-sm-6, 11105 .col-sm-7, 11106 .col-sm-8, 11107 .col-sm-9, 11108 .col-sm-10, 11109 .col-sm-11, 11110 .col-sm-12, 11111 .col-sm, 11112 .col-sm-auto, 11113 .col-md-1, 11114 .col-md-2, 11115 .col-md-3, 11116 .col-md-4, 11117 .col-md-5, 11118 .col-md-6, 11119 .col-md-7, 11120 .col-md-8, 11121 .col-md-9, 11122 .col-md-10, 11123 .col-md-11, 11124 .col-md-12, 11125 .col-md, 11126 .col-md-auto, 11127 .col-lg-1, 11128 .col-lg-2, 11129 .col-lg-3, 11130 .col-lg-4, 11131 .col-lg-5, 11132 .col-lg-6, 11133 .col-lg-7, 11134 .col-lg-8, 11135 .col-lg-9, 11136 .col-lg-10, 11137 .col-lg-11, 11138 .col-lg-12, 11139 .col-lg, 11140 .col-lg-auto, 11141 .col-xl-1, 11142 .col-xl-2, 11143 .col-xl-3, 11144 .col-xl-4, 11145 .col-xl-5, 11146 .col-xl-6, 11147 .col-xl-7, 11148 .col-xl-8, 11149 .col-xl-9, 11150 .col-xl-10, 11151 .col-xl-11, 11152 .col-xl-12, 11153 .col-xl, 11154 .col-xl-auto { 11155 padding-right: 6px; 11156 padding-left: 6px 11157 } 11158 } 11159 11160 .bottom-line { 11161 position: relative; 11162 display: inline-block 11163 } 11164 11165 .bg-card { 11166 background-color: #000000 11167 } 11168 11169 .article-block__info a { 11170 color: #121212 11171 } 11172 11173 .article-block__info a:hover { 11174 color: #d22020 11175 } 11176 11177 .pagination-loading { 11178 background: url(ajax-loader.gif) center 20px no-repeat; 11179 height: 90px; 11180 margin: auto; 11181 width: 100%; 11182 margin-top: 20px; 11183 padding: 0; 11184 overflow: hidden; 11185 position: relative; 11186 font-weight: 700; 11187 text-transform: uppercase; 11188 display: none; 11189 line-height: 160px; 11190 text-align: center; 11191 font-size: 12px; 11192 margin-bottom: 10px 11193 } 11194 11195 .infinite-scrolling { 11196 text-align: center 11197 } 11198 11199 .infinite-scrolling .more>.btn { 11200 background-color: { 11201 { 11202 settings.color-primary 11203 } 11204 } 11205 ; 11206 color:#fafafa 11207 } 11208 11209 .c-cuci-gudang { 11210 position: absolute; 11211 bottom: 128px; 11212 left: 12px; 11213 width: 50px; 11214 height: 50px; 11215 text-align: center; 11216 z-index: 99; 11217 background-color: { 11218 { 11219 settings.color-primary 11220 } 11221 } 11222 ; 11223 vertical-align:baseline; 11224 border-radius:50% 11225 } 11226 11227 .c-cuci-gudang span { 11228 display: inline-block; 11229 margin-top: 9px; 11230 font-size: 11px; 11231 color: #fff 11232 } 11233 11234 .d-wa-chat { 11235 position: fixed; 11236 right: 24px; 11237 bottom: 24px; 11238 z-index: 9 11239 } 11240 .d-wa-chat a { 11241 display: block; 11242 background: #4dc247; 11243 width: 45px; 11244 height: 45px; 11245 border-radius: 50% 11246 } 11247 11248 .swiper-container { 11249 margin: 0 auto; 11250 position: relative; 11251 overflow: hidden; 11252 list-style: none; 11253 padding: 0; 11254 z-index: 1 11255 } 11256 11257 .swiper-container-no-flexbox .swiper-slide { 11258 float: left 11259 } 11260 11261 .swiper-container-vertical>.swiper-wrapper { 11262 -webkit-box-orient: vertical; 11263 -webkit-box-direction: normal; 11264 -webkit-flex-direction: column; 11265 -ms-flex-direction: column; 11266 flex-direction: column 11267 } 11268 11269 .swiper-wrapper { 11270 position: relative; 11271 width: 100%; 11272 height: 100%; 11273 z-index: 1; 11274 display: -webkit-box; 11275 display: -webkit-flex; 11276 display: -ms-flexbox; 11277 display: flex; 11278 -webkit-transition-property: -webkit-transform; 11279 transition-property: -webkit-transform; 11280 -o-transition-property: transform; 11281 transition-property: transform; 11282 transition-property: transform, -webkit-transform; 11283 -webkit-box-sizing: content-box; 11284 box-sizing: content-box 11285 } 11286 11287 .swiper-container-android .swiper-slide, 11288 .swiper-wrapper { 11289 -webkit-transform: translate3d(0, 0, 0); 11290 transform: translate3d(0, 0, 0) 11291 } 11292 11293 .swiper-container-multirow>.swiper-wrapper { 11294 -webkit-flex-wrap: wrap; 11295 -ms-flex-wrap: wrap; 11296 flex-wrap: wrap 11297 } 11298 11299 .swiper-container-free-mode>.swiper-wrapper { 11300 -webkit-transition-timing-function: ease-out; 11301 -o-transition-timing-function: ease-out; 11302 transition-timing-function: ease-out; 11303 margin: 0 auto 11304 } 11305 11306 .swiper-slide { 11307 -webkit-flex-shrink: 0; 11308 -ms-flex-negative: 0; 11309 flex-shrink: 0; 11310 width: 100%; 11311 position: relative; 11312 -webkit-transition-property: -webkit-transform; 11313 transition-property: -webkit-transform; 11314 -o-transition-property: transform; 11315 transition-property: transform; 11316 transition-property: transform, -webkit-transform 11317 } 11318
11319 .swiper-invisible-blank-slide { 11320 visibility: hidden 11321 } 11322 11323 .swiper-container-autoheight, 11324 .swiper-container-autoheight .swiper-slide { 11325 height: auto 11326 } 11327 11328 .swiper-container-autoheight .swiper-wrapper { 11329 -webkit-box-align: start; 11330 -webkit-align-items: flex-start; 11331 -ms-flex-align: start; 11332 align-items: flex-start; 11333 -webkit-transition-property: height, -webkit-transform; 11334 transition-property: height, -webkit-transform; 11335 -o-transition-property: transform, height; 11336 transition-property: transform, height; 11337 transition-property: transform, height, -webkit-transform 11338 } 11339 11340 .swiper-container-3d { 11341 -webkit-perspective: 1200px; 11342 perspective: 1200px 11343 } 11344 11345 .swiper-container-3d .swiper-cube-shadow, 11346 .swiper-container-3d .swiper-slide, 11347 .swiper-container-3d .swiper-slide-shadow-bottom, 11348 .swiper-container-3d .swiper-slide-shadow-left, 11349 .swiper-container-3d .swiper-slide-shadow-right, 11350 .swiper-container-3d .swiper-slide-shadow-top, 11351 .swiper-container-3d .swiper-wrapper { 11352 -webkit-transform-style: preserve-3d; 11353 transform-style: preserve-3d 11354 } 11355 11356 .swiper-container-3d .swiper-slide-shadow-bottom, 11357 .swiper-container-3d .swiper-slide-shadow-left, 11358 .swiper-container-3d .swiper-slide-shadow-right, 11359 .swiper-container-3d .swiper-slide-shadow-top { 11360 position: absolute; 11361 left: 0; 11362 top: 0; 11363 width: 100%; 11364 height: 100%; 11365 pointer-events: none; 11366 z-index: 10 11367 } 11368 11369 .swiper-container-3d .swiper-slide-shadow-left { 11370 background-image: -webkit-gradient(linear, right top, left top, from(#000000), to(rgba(0, 0, 0, 0))); 11371 background-image: -webkit-linear-gradient(right, #000000, rgba(0, 0, 0, 0)); 11372 background-image: -o-linear-gradient(right, #000000, rgba(0, 0, 0, 0)); 11373 background-image: linear-gradient(to left, #000000, rgba(0, 0, 0, 0)) 11374 } 11375 11376 .swiper-container-3d .swiper-slide-shadow-right { 11377 background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(0, 0, 0, 0))); 11378 background-image: -webkit-linear-gradient(left, #000000, rgba(0, 0, 0, 0)); 11379 background-image: -o-linear-gradient(left, #000000, rgba(0, 0, 0, 0)); 11380 background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0)) 11381 } 11382 11383 .swiper-container-3d .swiper-slide-shadow-top { 11384 background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0))); 11385 background-image: -webkit-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); 11386 background-image: -o-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); 11387 background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0)) 11388 } 11389 11390 .swiper-container-3d .swiper-slide-shadow-bottom { 11391 background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0))); 11392 background-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0)); 11393 background-image: -o-linear-gradient(top, #000000, rgba(0, 0, 0, 0)); 11394 background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0)) 11395 } 11396 11397 .swiper-container-wp8-horizontal, 11398 .swiper-container-wp8-horizontal>.swiper-wrapper { 11399 -ms-touch-action: pan-y; 11400 touch-action: pan-y 11401 } 11402 11403 .swiper-container-wp8-vertical, 11404 .swiper-container-wp8-vertical>.swiper-wrapper { 11405 -ms-touch-action: pan-x; 11406 touch-action: pan-x 11407 } 11408 11409 .swiper-button-next, 11410 .swiper-button-prev { 11411 position: absolute; 11412 top: 50%; 11413 width: 27px; 11414 height: 44px; 11415 margin-top: -22px; 11416 z-index: 10; 11417 cursor: pointer; 11418 background-size: 27px 44px; 11419 background-position: center; 11420 background-repeat: no-repeat 11421 } 11422 11423 .swiper-button-next.swiper-button-disabled, 11424 .swiper-button-prev.swiper-button-disabled { 11425 opacity: .35; 11426 cursor: auto; 11427 pointer-events: none 11428 } 11429 11430 .swiper-button-prev, 11431 .swiper-container-rtl .swiper-button-next { 11432 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); 11433 left: 10px; 11434 right: auto 11435 } 11436 11437 .swiper-button-next, 11438 .swiper-container-rtl .swiper-button-prev { 11439 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); 11440 right: 10px; 11441 left: auto 11442 } 11443 11444 .swiper-button-prev.swiper-button-white, 11445 .swiper-container-rtl .swiper-button-next.swiper-button-white { 11446 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") 11447 } 11448 11449 .swiper-button-next.swiper-button-white, 11450 .swiper-container-rtl .swiper-button-prev.swiper-button-white { 11451 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") 11452 } 11453 11454 .swiper-button-prev.swiper-button-black, 11455 .swiper-container-rtl .swiper-button-next.swiper-button-black { 11456 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") 11457 } 11458 11459 .swiper-button-next.swiper-button-black, 11460 .swiper-container-rtl .swiper-button-prev.swiper-button-black { 11461 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") 11462 } 11463 11464 .swiper-button-lock { 11465 display: none 11466 } 11467 11468 .swiper-pagination { 11469 position: absolute; 11470 text-align: center; 11471 -webkit-transition: .3s opacity; 11472 -o-transition: .3s opacity; 11473 transition: .3s opacity; 11474 -webkit-transform: translate3d(0, 0, 0); 11475 transform: translate3d(0, 0, 0); 11476 z-index: 10 11477 } 11478 11479 .swiper-pagination.swiper-pagination-hidden { 11480 opacity: 0 11481 } 11482 11483 .swiper-container-horizontal>.swiper-pagination-bullets, 11484 .swiper-pagination-custom, 11485 .swiper-pagination-fraction { 11486 bottom: 20px; 11487 left: 0; 11488 width: 100% 11489 } 11490 11491 .swiper-pagination-bullets-dynamic { 11492 overflow: hidden; 11493 font-size: 0 11494 } 11495 11496 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11497 -webkit-transform: scale(.33); 11498 -ms-transform: scale(.33); 11499 transform: scale(.33); 11500 position: relative 11501 } 11502 11503 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { 11504 -webkit-transform: scale(1); 11505 -ms-transform: scale(1); 11506 transform: scale(1) 11507 } 11508 11509 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { 11510 -webkit-transform: scale(.66); 11511 -ms-transform: scale(.66); 11512 transform: scale(.66) 11513 } 11514 11515 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { 11516 -webkit-transform: scale(.33); 11517 -ms-transform: scale(.33); 11518 transform: scale(.33) 11519 } 11520 11521 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { 11522 -webkit-transform: scale(.66); 11523 -ms-transform: scale(.66); 11524 transform: scale(.66) 11525 } 11526 11527 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { 11528 -webkit-transform: scale(.33); 11529 -ms-transform: scale(.33); 11530 transform: scale(.33) 11531 } 11532 11533 .swiper-pagination-bullet { 11534 width: 10px; 11535 height: 10px; 11536 display: inline-block; 11537 border-radius: 100%; 11538 background: #212121; 11539 opacity: .2; 11540 } 11541 11542 button.swiper-pagination-bullet { 11543 border: none; 11544 margin: 0; 11545 padding: 0; 11546 -webkit-box-shadow: none; 11547 box-shadow: none; 11548 -webkit-appearance: none; 11549 -moz-appearance: none; 11550 appearance: none 11551 } 11552 11553 .swiper-pagination-clickable .swiper-pagination-bullet { 11554 cursor: pointer 11555 } 11556 11557 .swiper-pagination-bullet-active { 11558 opacity: 1;
11559 background: #b8b8b8 11560 } 11561 11562 .swiper-container-vertical>.swiper-pagination-bullets { 11563 right: 10px; 11564 top: 50%; 11565 -webkit-transform: translate3d(0, -50%, 0); 11566 transform: translate3d(0, -50%, 0) 11567 } 11568 11569 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { 11570 margin: 6px 0; 11571 display: block 11572 } 11573 11574 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 11575 top: 50%; 11576 -webkit-transform: translateY(-50%); 11577 -ms-transform: translateY(-50%); 11578 transform: translateY(-50%); 11579 width: 8px 11580 } 11581 11582 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11583 display: inline-block; 11584 -webkit-transition: .2s top, .2s -webkit-transform; 11585 transition: .2s top, .2s -webkit-transform; 11586 -o-transition: .2s transform, .2s top; 11587 transition: .2s transform, .2s top; 11588 transition: .2s transform, .2s top, .2s -webkit-transform 11589 } 11590 11591 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { 11592 margin: 0 4px 11593 } 11594 11595 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 11596 left: 50%; 11597 -webkit-transform: translateX(-50%); 11598 -ms-transform: translateX(-50%); 11599 transform: translateX(-50%); 11600 white-space: nowrap 11601 } 11602 11603 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11604 -webkit-transition: .2s left, .2s -webkit-transform; 11605 transition: .2s left, .2s -webkit-transform; 11606 -o-transition: .2s transform, .2s left; 11607 transition: .2s transform, .2s left; 11608 transition: .2s transform, .2s left, .2s -webkit-transform 11609 } 11610 11611 .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 11612 -webkit-transition: .2s right, .2s -webkit-transform; 11613 transition: .2s right, .2s -webkit-transform; 11614 -o-transition: .2s transform, .2s right; 11615 transition: .2s transform, .2s right; 11616 transition: .2s transform, .2s right, .2s -webkit-transform 11617 } 11618 11619 .swiper-pagination-progressbar { 11620 background: rgba(0, 0, 0, .25); 11621 position: absolute 11622 } 11623 11624 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 11625 background: #007aff; 11626 position: absolute; 11627 left: 0; 11628 top: 0; 11629 width: 100%; 11630 height: 100%; 11631 -webkit-transform: scale(0); 11632 -ms-transform: scale(0); 11633 transform: scale(0); 11634 -webkit-transform-origin: left top; 11635 -ms-transform-origin: left top; 11636 transform-origin: left top 11637 } 11638 11639 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 11640 -webkit-transform-origin: right top; 11641 -ms-transform-origin: right top; 11642 transform-origin: right top 11643 } 11644 11645 .swiper-container-horizontal>.swiper-pagination-progressbar { 11646 width: 100%; 11647 height: 4px; 11648 left: 0; 11649 top: 0 11650 } 11651 11652 .swiper-container-vertical>.swiper-pagination-progressbar { 11653 width: 4px; 11654 height: 100%; 11655 left: 0; 11656 top: 0 11657 } 11658 11659 .swiper-pagination-white .swiper-pagination-bullet-active { 11660 background: #fff 11661 } 11662 11663 .swiper-pagination-progressbar.swiper-pagination-white { 11664 background: rgba(255, 255, 255, .25) 11665 } 11666 11667 .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { 11668 background: #fff 11669 } 11670 11671 .swiper-pagination-black .swiper-pagination-bullet-active { 11672 background: #212121 11673 } 11674 11675 .swiper-pagination-progressbar.swiper-pagination-black { 11676 background: rgba(0, 0, 0, .25) 11677 } 11678 11679 .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { 11680 background: #212121 11681 } 11682 11683 .swiper-pagination-lock { 11684 display: none 11685 } 11686 11687 .swiper-scrollbar { 11688 border-radius: 10px; 11689 position: relative; 11690 -ms-touch-action: none; 11691 background: rgba(0, 0, 0, .1) 11692 } 11693 11694 .swiper-container-horizontal>.swiper-scrollbar { 11695 position: absolute; 11696 left: 1%; 11697 bottom: 3px; 11698 z-index: 50; 11699 height: 5px; 11700 width: 98% 11701 } 11702 11703 .swiper-container-vertical>.swiper-scrollbar { 11704 position: absolute; 11705 right: 3px; 11706 top: 1%; 11707 z-index: 50; 11708 width: 5px; 11709 height: 98% 11710 } 11711 11712 .swiper-scrollbar-drag { 11713 height: 100%; 11714 width: 100%; 11715 position: relative; 11716 background: #000000; 11717 border-radius: 10px; 11718 left: 0; 11719 top: 0 11720 } 11721 11722 .swiper-scrollbar-cursor-drag { 11723 cursor: move 11724 } 11725 11726 .swiper-scrollbar-lock { 11727 display: none 11728 } 11729 11730 .swiper-zoom-container { 11731 width: 100%; 11732 height: 100%; 11733 display: -webkit-box; 11734 display: -webkit-flex; 11735 display: -ms-flexbox; 11736 display: flex; 11737 -webkit-box-pack: center;
11738 -webkit-justify-content: center; 11739 -ms-flex-pack: center; 11740 justify-content: center; 11741 -webkit-box-align: center; 11742 -webkit-align-items: center; 11743 -ms-flex-align: center; 11744 align-items: center; 11745 text-align: center 11746 } 11747 11748 .swiper-zoom-container>canvas, 11749 .swiper-zoom-container>img, 11750 .swiper-zoom-container>svg { 11751 max-width: 100%; 11752 max-height: 100%; 11753 -o-object-fit: contain; 11754 object-fit: contain 11755 } 11756 11757 .swiper-slide-zoomed { 11758 cursor: move 11759 } 11760 11761 .swiper-lazy-preloader { 11762 width: 42px; 11763 height: 42px; 11764 position: absolute; 11765 left: 50%; 11766 top: 50%; 11767 margin-left: -21px; 11768 margin-top: -21px; 11769 z-index: 10; 11770 -webkit-transform-origin: 50%; 11771 -ms-transform-origin: 50%; 11772 transform-origin: 50%; 11773 -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; 11774 animation: swiper-preloader-spin 1s steps(12, end) infinite 11775 } 11776 11777 .swiper-lazy-preloader:after { 11778 display: block; 11779 content: ''; 11780 width: 100%; 11781 height: 100%; 11782 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 11783 background-position: 50%; 11784 background-size: 100%; 11785 background-repeat: no-repeat 11786 } 11787 11788 .swiper-lazy-preloader-white:after { 11789 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 11790 } 11791 11792 @-webkit-keyframes swiper-preloader-spin { 11793 100% { 11794 -webkit-transform: rotate(360deg); 11795 transform: rotate(360deg) 11796 } 11797 } 11798 11799 @keyframes swiper-preloader-spin { 11800 100% { 11801 -webkit-transform: rotate(360deg); 11802 transform: rotate(360deg) 11803 } 11804 } 11805 11806 .swiper-container .swiper-notification { 11807 position: absolute; 11808 left: 0; 11809 top: 0; 11810 pointer-events: none; 11811 opacity: 0; 11812 z-index: -1000 11813 } 11814 11815 .swiper-container-fade.swiper-container-free-mode .swiper-slide { 11816 -webkit-transition-timing-function: ease-out; 11817 -o-transition-timing-function: ease-out; 11818 transition-timing-function: ease-out 11819 } 11820 11821 .swiper-container-fade .swiper-slide { 11822 pointer-events: none; 11823 -webkit-transition-property: opacity; 11824 -o-transition-property: opacity; 11825 transition-property: opacity 11826 } 11827 11828 .swiper-container-fade .swiper-slide .swiper-slide { 11829 pointer-events: none 11830 } 11831 11832 .swiper-container-fade .swiper-slide-active, 11833 .swiper-container-fade .swiper-slide-active .swiper-slide-active { 11834 pointer-events: auto 11835 } 11836 11837 .swiper-container-cube { 11838 overflow: visible 11839 } 11840 11841 .swiper-container-cube .swiper-slide { 11842 pointer-events: none; 11843 -webkit-backface-visibility: hidden; 11844 backface-visibility: hidden; 11845 z-index: 1; 11846 visibility: hidden; 11847 -webkit-transform-origin: 0 0; 11848 -ms-transform-origin: 0 0; 11849 transform-origin: 0 0; 11850 width: 100%; 11851 height: 100% 11852 } 11853 11854 .swiper-container-cube .swiper-slide .swiper-slide { 11855 pointer-events: none 11856 } 11857 11858 .swiper-container-cube.swiper-container-rtl .swiper-slide { 11859 -webkit-transform-origin: 100% 0; 11860 -ms-transform-origin: 100% 0; 11861 transform-origin: 100% 0 11862 } 11863 11864 .swiper-container-cube .swiper-slide-active, 11865 .swiper-container-cube .swiper-slide-active .swiper-slide-active { 11866 pointer-events: auto 11867 } 11868 11869 .swiper-container-cube .swiper-slide-active, 11870 .swiper-container-cube .swiper-slide-next, 11871 .swiper-container-cube .swiper-slide-next+.swiper-slide, 11872 .swiper-container-cube .swiper-slide-prev { 11873 pointer-events: auto; 11874 visibility: visible 11875 } 11876 11877 .swiper-container-cube .swiper-slide-shadow-bottom, 11878 .swiper-container-cube .swiper-slide-shadow-left, 11879 .swiper-container-cube .swiper-slide-shadow-right, 11880 .swiper-container-cube .swiper-slide-shadow-top { 11881 z-index: 0; 11882 -webkit-backface-visibility: hidden; 11883 backface-visibility: hidden 11884 } 11885 11886 .swiper-container-cube .swiper-cube-shadow { 11887 position: absolute; 11888 left: 0; 11889 bottom: 0; 11890 width: 100%; 11891 height: 100%; 11892 background: #212121; 11893 opacity: .6; 11894 -webkit-filter: blur(50px); 11895 filter: blur(50px); 11896 z-index: 0 11897 } 11898 11899 .swiper-container-flip { 11900 overflow: visible 11901 } 11902 11903 .swiper-container-flip .swiper-slide { 11904 pointer-events: none; 11905 -webkit-backface-visibility: hidden; 11906 backface-visibility: hidden; 11907 z-index: 1 11908 } 11909 11910 .swiper-container-flip .swiper-slide .swiper-slide { 11911 pointer-events: none 11912 } 11913 11914 .swiper-container-flip .swiper-slide-active, 11915 .swiper-container-flip .swiper-slide-active .swiper-slide-active { 11916 pointer-events: auto 11917 } 11918 11919 .swiper-container-flip .swiper-slide-shadow-bottom, 11920 .swiper-container-flip .swiper-slide-shadow-left, 11921 .swiper-container-flip .swiper-slide-shadow-right, 11922 .swiper-container-flip .swiper-slide-shadow-top { 11923 z-index: 0; 11924 -webkit-backface-visibility: hidden; 11925 backface-visibility: hidden 11926 } 11927 11928 .swiper-container-coverflow .swiper-wrapper { 11929 -ms-perspective: 1200px 11930 } 11931 11932 body.nav_open, 11933 body.nav_open body { 11934 height: 100%; 11935 overflow: hidden 11936 } 11937 11938 body.nav_open #NavDrawer { 11939 -webkit-transform: translateX(0); 11940 -moz-transform: translateX(0); 11941 -ms-transform: translateX(0); 11942 transform: translateX(0); 11943 box-shadow: 2px 0 8px rgba(0, 0, 0, .3) 11944 } 11945 11946 #NavDrawer { 11947 overflow: hidden; 11948 width: 280px; 11949 -webkit-transform: translateX(-280px); 11950 -moz-transform: translateX(-280px); 11951 -ms-transform: translateX(-280px); 11952 transform: translateX(-280px) 11953 } 11954 11955 #NavDrawer { 11956 z-index: 99; 11957 position: fixed; 11958 top: 48px; 11959 left: 0; 11960 bottom: 0; 11961 width: 320px; 11962 background: #212121; 11963 overflow-y: auto; 11964 display: flex; 11965 flex-direction: column; 11966 -webkit-overflow-scrolling: touch; 11967 -webkit-transform: translateX(-320px); 11968 -moz-transform: translateX(-320px); 11969 -ms-transform: translateX(-320px); 11970 transform: translateX(-320px); 11971 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 11972 } 11973 11974 .header-wrapper, 11975 #PageContainer { 11976 transition: all 0.4s cubic-bezier(.46, .01, .32, 1) 11977 } 11978 11979 body.nav_open .overlay-nav { 11980 position: fixed; 11981 background-color: rgba(0, 0, 0, .3); 11982 width: 100%; 11983 top: 0; 11984 height: 100%; 11985 z-index: 9 11986 } 11987 11988 .mobile-nav { 11989 overflow: auto 11990 } 11991 11992 .custNav-btn { 11993 color: #fff; 11994 position: relative; 11995 bottom: -5px; 11996 left: 5px 11997 } 11998 11999 @-webkit-keyframes spin { 12000 0% { 12001 -webkit-transform: rotate(0deg); 12002 -moz-transform: rotate(0deg); 12003 -ms-transform: rotate(0deg); 12004 -o-transform: rotate(0deg); 12005 transform: rotate(0deg) 12006 } 12007 100% { 12008 -webkit-transform: rotate(360deg); 12009 -moz-transform: rotate(360deg); 12010 -ms-transform: rotate(360deg); 12011 -o-transform: rotate(360deg); 12012 transform: rotate(360deg) 12013 } 12014 } 12015 12016 @-moz-keyframes spin { 12017 0% { 12018 -webkit-transform: rotate(0deg); 12019 -moz-transform: rotate(0deg); 12020 -ms-transform: rotate(0deg); 12021 -o-transform: rotate(0deg); 12022 transform: rotate(0deg) 12023 } 12024 100% { 12025 -webkit-transform: rotate(360deg); 12026 -moz-transform: rotate(360deg); 12027 -ms-transform: rotate(360deg); 12028 -o-transform: rotate(360deg); 12029 transform: rotate(360deg) 12030 } 12031 } 12032 12033 @-ms-keyframes spin { 12034 0% { 12035 -webkit-transform: rotate(0deg); 12036 -moz-transform: rotate(0deg); 12037 -ms-transform: rotate(0deg); 12038 -o-transform: rotate(0deg); 12039 transform: rotate(0deg) 12040 } 12041 100% { 12042 -webkit-transform: rotate(360deg); 12043 -moz-transform: rotate(360deg); 12044 -ms-transform: rotate(360deg); 12045 -o-transform: rotate(360deg); 12046 transform: rotate(360deg) 12047 } 12048 } 12049 12050 @keyframes spin { 12051 0% { 12052 -webkit-transform: rotate(0deg); 12053 -moz-transform: rotate(0deg); 12054 -ms-transform: rotate(0deg); 12055 -o-transform: rotate(0deg); 12056 transform: rotate(0deg) 12057 } 12058 100% { 12059 -webkit-transform: rotate(360deg); 12060 -moz-transform: rotate(360deg); 12061 -ms-transform: rotate(360deg); 12062 -o-transform: rotate(360deg); 12063 transform: rotate(360deg) 12064 } 12065 } 12066 12067 @-webkit-keyframes fadeIn { 12068 0%, 12069 35% { 12070 opacity: 0 12071 } 12072 100% { 12073 opacity: 1 12074 } 12075 } 12076 12077 @-moz-keyframes fadeIn { 12078 0%, 12079 35% { 12080 opacity: 0 12081 } 12082 100% { 12083 opacity: 1 12084 } 12085 } 12086 12087 @-ms-keyframes fadeIn { 12088 0%, 12089 35% { 12090 opacity: 0 12091 } 12092 100% { 12093 opacity: 1 12094 } 12095 } 12096 12097 @keyframes fadeIn { 12098 0%, 12099 35% { 12100 opacity: 0 12101 } 12102 100% { 12103 opacity: 1 12104 } 12105 } 12106 12107 @-webkit-keyframes heroContentIn { 12108 0%, 12109 35% { 12110 opacity: 0; 12111 -webkit-transform: translateY(8px); 12112 -moz-transform: translateY(8px); 12113 -ms-transform: translateY(8px); 12114 -o-transform: translateY(8px); 12115 transform: translateY(8px) 12116 } 12117 60% { 12118 opacity: 1 12119 } 12120 100% { 12121 -webkit-transform: translateY(0); 12122 -moz-transform: translateY(0); 12123 -ms-transform: translateY(0); 12124 -o-transform: translateY(0); 12125 transform: translateY(0) 12126 } 12127 } 12128 12129 @-moz-keyframes heroContentIn { 12130 0%, 12131 35% { 12132 opacity: 0; 12133 -webkit-transform: translateY(8px); 12134 -moz-transform: translateY(8px); 12135 -ms-transform: translateY(8px); 12136 -o-transform: translateY(8px); 12137 transform: translateY(8px) 12138 } 12139 60% { 12140 opacity: 1 12141 } 12142 100% { 12143 -webkit-transform: translateY(0); 12144 -moz-transform: translateY(0); 12145 -ms-transform: translateY(0); 12146 -o-transform: translateY(0); 12147 transform: translateY(0) 12148 } 12149 } 12150 12151 @-ms-keyframes heroContentIn { 12152 0%, 12153 35% { 12154 opacity: 0; 12155 -webkit-transform: translateY(8px); 12156 -moz-transform: translateY(8px); 12157 -ms-transform: translateY(8px); 12158 -o-transform: translateY(8px); 12159 transform: translateY(8px) 12160 } 12161 60% { 12162 opacity: 1 12163 } 12164 100% { 12165 -webkit-transform: translateY(0); 12166 -moz-transform: translateY(0); 12167 -ms-transform: translateY(0); 12168 -o-transform: translateY(0); 12169 transform: translateY(0) 12170 } 12171 } 12172 12173 @keyframes heroContentIn { 12174 0%, 12175 35% { 12176 opacity: 0; 12177 -webkit-transform: translateY(8px); 12178 -moz-transform: translateY(8px); 12179 -ms-transform: translateY(8px); 12180 -o-transform: translateY(8px); 12181 transform: translateY(8px) 12182 } 12183 60% { 12184 opacity: 1 12185 } 12186 100% { 12187 -webkit-transform: translateY(0); 12188 -moz-transform: translateY(0); 12189 -ms-transform: translateY(0); 12190 -o-transform: translateY(0); 12191 transform: translateY(0) 12192 } 12193 } 12194 12195 .is-adding { 12196 background-color: #757575 !important; 12197 color: #757575 !important 12198 } 12199 12200 .is-adding:after { 12201 content: ''; 12202 display: block; 12203 width: 24px; 12204 height: 24px; 12205 position: absolute; 12206 left: 50%; 12207 top: 50%; 12208 margin-left: -12px; 12209 margin-top: -12px; 12210 border-radius: 50%; 12211 border: 3px solid #fff; 12212 border-top-color: #000000; 12213 -webkit-animation: spin 1s infinite linear; 12214 -moz-animation: spin 1s infinite linear; 12215 -o-animation: spin 1s infinite linear; 12216 animation: spin 1s infinite linear 12217 } 12218 12219 #admin-bar-iframe { 12220 display: none 12221 } 12222 12223 .wrapper { 12224 max-width: 976px; 12225 margin: auto 12226 } 12227 12228 .header-wrapper { 12229 z-index: 999 12230 } 12231 12232 .js-drawer-open .container { 12233 margin: 0 12234 } 12235 12236 input#ac-gn-searchform-input::-webkit-input-placeholder { 12237 color: #212121 !Important 12238 } 12239 12240 input#ac-gn-searchform-input::-moz-placeholder { 12241 color: #212121 !Important 12242 } 12243 12244 input#ac-gn-searchform-input:-ms-input-placeholder { 12245 color: #212121 !Important 12246 } 12247 12248 input#ac-gn-searchform-input:-moz-placeholder { 12249 color: #212121 !Important 12250 }�
12250 12251 12252 #PageContainer { 12253 background-color: #FFF 12254 } 12255 12256 .template-index #PageContainer { 12257 background-color: { 12258 { 12259 settings.color-body 12260 } 12261 } 12262 } 12263 12264 @media screen and (min-width:769px) { 12265 .d-line-chat { 12266 position: fixed; 12267 right: 26px; 12268 bottom: 40px; 12269 z-index: 9 12270 } 12271 .d-line-chat a { 12272 display: block; 12273 border-radius: 5px 12274 } 12275 .d-line-chat svg { 12276 width: 40px; 12277 display: block; 12278 border-radius: 5px 12279 } 12280 } 12281 12282 .newsletter p.bottom-line, 12283 .social-media p.bottom-line { 12284 font-size: 12px !important 12285 } 12286 12287 #mc-embedded-subscribe-form button { 12288 border-radius: 0; 12289 } 12290 12291 #mc-embedded-subscribe-form button img { 12292 width: 25px 12293 } 12294 12295 #mc-embedded-subscribe-form .input-group { 12296 width: 100% 12297 } 12298 12299 .site-footer__newsletter-input { 12300 width: 100%; 12301 font-style: italic 12302 } 12303 12304 .copyright span { 12305 position: relative; 12306 bottom: 1px 12307 } 12308 12309 .copyright span, 12310 .copyright img { 12311 display: inline-block; 12312 vertical-align: middle; 12313 font-size: 22px; 12314 letter-spacing: 2px 12315 } 12316 12317 @media (max-width:768px) { 12318 .copyright { 12319 position: inherit 12320 } 12321 } 12322 12323 .site-footer__section .bottom-line { 12324 font-size: 16px; 12325 text-transform: uppercase; 12326 font-weight: 600; 12327 margin-bottom: 10px !important; 12328 width: 100% 12329 } 12330 12331 .site-footer__list-item { 12332 position: relative 12333 } 12334 12335 .lc-icon img { 12336 width: 18px; 12337 vertical-align: middle 12338 } 12339 12340 @media (max-width:991px) { 12341 .site-footer .wrapper { 12342 padding-left: 12px; 12343 padding-right: 12px 12344 } 12345 .footer-navigation, 12346 .footer-navigation .site-footer__section { 12347 padding: 0 !important; 12348 margin: 0 !important 12349 } 12350 } 12351 12352 .seo-footer, 12353 .seo-article { 12354 background-color: #fff 12355 } 12356 12357 .seo-footer * { 12358 color: #212121 !important; 12359 font-size: 14px; 12360 } 12361 12362 .template-index .main-content { 12363 padding: 20px 0 0 12364 } 12365 12366 .space-section { 12367 margin-bottom: 12px 12368 } 12369 12370 .hp-products h2 { 12371 color: #212121; 12372 text-transform: uppercase; 12373 font-size: 24px; 12374 font-weight: 600 12375 } 12376 12377 .hp-products .view-more { 12378 font-size: 18px; 12379 color: #212121; 12380 text-decoration: underline 12381 } 12382 12383 .hp-products .view-more span { 12384 display: inline-block; 12385 vertical-align: middle 12386 } 12387 12388 .hp-products .products a { 12389 display: block; 12390 height: 100% 12391 } 12392 12393 .template-index .products .spr-badge { 12394 display: none 12395 } 12396 12397 .hp-products .see-more { 12398 display: flex; 12399 flex-direction: column; 12400 align-items: center; 12401 justify-content: center; 12402 width: 100%; 12403 height: 100%; 12404 text-align: center; 12405 background-color: #fff; 12406 padding: 0 20px 12407 } 12408 12409 .hp-products .see-more a { 12410 font-size: 24px; 12411 color: #212121 12412 } 12413 12414 .c-carousel .button-scroll { 12415 display: none; 12416 } 12417 .c-carousel:hover .button-scroll { 12418 display: block; 12419 } 12420 12421 .button-scroll.swiper-button-disabled { 12422 display: none 12423 } 12424 12425 .button-scroll .icon { 12426 box-shadow: 0 1px 4px rgba(0, 0, 0, .8) 12427 } 12428 12429 .hp-products .see-more .icon { 12430 box-shadow: 0 1px 4px rgba(0, 0, 0, .8); 12431 width: 35px; 12432 height: 35px; 12433 padding: 8px; 12434 margin-top: 10px 12435 } 12436 12437 12438 12439 .row.c-products-grid { 12440 position: relative; 12441 row-gap: 20px; 12442 } 12443 12444 .products .bg-products { 12445 position: relative; 12446 background-color: #fff; 12447 height: 100% 12448 } 12449 12450 .products .product-card-img-container img { 12451 display: block; 12452 width: 100%; 12453 height: auto 12454 } 12455 12456 .products .product-card-img-container { 12457 aspect-ratio: 1 / 1; 12458 overflow: hidden 12459 } 12460 12461 .products .product-card-discount { 12462 right: 0; 12463 font-size: 12px; 12464 letter-spacing: 1px; 12465 } 12466 .price-discount { 12467 display: flex; 12468 justify-content: center 12469 } 12470 .price-discount .product-card-discount { 12471 color: #212121; 12472 margin-left: 5px; 12473 } 12474 12475 .product-price-sale * { 12476 display: inline-block!important; 12477 color: #aaa; 12478 font-size: 12px!important; 12479 } 12480 12481 .products .card-body { 12482 padding: 8px 12px 10px; 12483 text-align: center 12484 } 12485 12486 #product-loop-coll .products a { 12487 display: block; 12488 color: #212121 12489 } 12490 12491 .products a:hover { 12492 opacity: .75 12493 } 12494 12495 .products .product-card-info h5 { 12496 color: #212121; 12497 font-size: 16px; 12498 font-weight: 400; 12499 text-transform: uppercase; 12500 overflow: hidden; 12501 display: -webkit-box; 12502 overflow: hidden; 12503 -webkit-box-orient: vertical; 12504 -webkit-line-clamp: 2; 12505 min-height: 40px; 12506 } 12507 12508 .products .card-body.product-card-info h5 a { 12509 font-size: 16px; 12510 font-weight: 400 12511 } 12512 12513 .products .product-card-price .card-money { 12514 display: block; 12515 margin-bottom: 0 12516 } 12517 12518 .products .product-card-price-before.card-money { 12519 color: #aaa; 12520 font-size: 12px; 12521 font-weight: 400 12522 } 12523 12524 .products .product-card-price-after { 12525 font-size: 14px; 12526 font-weight: 400; 12527 color: #212121 12528 } 12529 12530 .price-card { 12531 display: flex; 12532 flex-wrap: wrap; 12533 justify-content: center 12534 } 12535 12536 .from-price, 12537 .from-price.h5 { 12538 color: #212121; 12539 font-size: 14px;
12540 align-self: center; 12541 margin: 0; 12542 font-weight: 400; 12543 } 12544 12545 12546 @media (min-width:769px) { 12547 #collection-description .rte { 12548 -webkit-column-count: 2; 12549 -moz-column-count: 2; 12550 column-count: 2 12551 } 12552 } 12553 12554 @media (min-width:992px) { 12555 .row.c-products-grid { 12556 overflow: hidden; 12557 margin-left: -6px !Important; 12558 margin-right: -6px !important 12559 } 12560 } 12561 12562 @media (max-width:991px) { 12563 .c-products-grid { 12564 width: 100%; 12565 margin-right: auto !important; 12566 margin-left: auto !important 12567 } 12568 } 12569 12570 @media (max-width:768px) { 12571 .hp-products h2 { 12572 letter-spacing: normal; 12573 font-size: 24px 12574 } 12575 .hp-products .view-more { 12576 font-size: 16px; 12577 letter-spacing: normal 12578 } 12579 } 12580 12581 @media (max-width:768px) { 12582 .products .card-body.product-card-info h5 a { 12583 font-size: 14px 12584 } 12585 .products .product-card-price-after { 12586 font-size: 16px 12587 } 12588 .products .product-card-price-before { 12589 font-size: 14px 12590 } 12591 .products .product-card-discount { 12592 font-weight: 500; 12593 font-size: 14px; 12594 letter-spacing: 1px 12595 } 12596 .products .product-card-info h5 { 12597 max-height: 60px; 12598 overflow: hidden; 12599 min-height: 35px; 12600 } 12601 } 12602 12603 12604 @media (max-width: 576px) { 12605 .hp-products h2 { 12606 font-size: 18px; 12607 } 12608 .hp-products .view-more { 12609 font-size: 12px; 12610 } 12611 .products .product-card-info h5 { 12612 font-size: 14px; 12613 } 12614 .products .product-card-price-after { 12615 font-size: 12px; 12616 } 12617 } 12618 12619 @media (max-width:768px) { 12620 .collections-brands h3 { 12621 font-size: 14px 12622 } 12623 } 12624 12625 .site-header__wishlist .icon-heart { 12626 width: 1.8em; 12627 height: 1.8em 12628 } 12629 12630 .icon-wishlist-item { 12631 position: absolute; 12632 bottom: 5px; 12633 right: 5px; 12634 cursor: pointer 12635 } 12636 12637 #product-loop-coll .icon-wishlist-item { 12638 right: 10px 12639 } 12640 12641 .icon-wishlist-item a { 12642 color: #212121 12643 } 12644 12645 .c-products-grid .card:hover .icon-wishlist-item { 12646 display: block 12647 } 12648 12649 #product-loop-coll .products:hover .icon-wishlist-item { 12650 display: block 12651 } 12652 12653 .icon-wishlist-item .icon { 12654 display: block; 12655 width: 20px; 12656 height: 20px 12657 } 12658 12659 .icon-wishlist-item .icon-heart-solid { 12660 display: none 12661 } 12662 12663 .icon-wishlist-item .wishlist-added .icon-heart { 12664 display: none 12665 } 12666 12667 .icon-wishlist-item .wishlist-added .icon-heart-solid { 12668 display: block 12669 } 12670 12671 .icon-wishlist-product { 12672 margin-left: 5px; 12673 cursor: pointer 12674 } 12675 12676 .icon-wishlist-product .icon { 12677 display: inline-block; 12678 vertical-align: middle; 12679 width: 15px; 12680 height: 15px 12681 } 12682 12683 .icon-wishlist-product .icon-heart-solid { 12684 display: none 12685 } 12686 12687 .icon-wishlist-product .wishlist-added .icon-heart { 12688 display: none 12689 } 12690 12691 .icon-wishlist-product .wishlist-added .icon-heart-solid { 12692 display: inline-block 12693 } 12694 12695 /* Wishlist icon toggle styles */ 12696 .wishlist-icon-wrapper { 12697 display: inline-block; 12698 position: relative; 12699 width: 24px; 12700 height: 21px 12701 } 12702 12703 .wishlist-icon-outline, 12704 .wishlist-icon-filled { 12705 position: absolute; 12706 top: 0; 12707 left: 0 12708 } 12709 12710 .wishlist-toggle.active .wishlist-icon-filled { 12711 display: block !important 12712 } 12713 12714 .wishlist-toggle.active .wishlist-icon-outline { 12715 display: none !important 12716 } 12717 12718 @media (min-width:992px) { 12719 .icon-wishlist-item { 12720 display: none 12721 } 12722 } 12723 12724 @media (max-width:991px) { 12725 .icon-wishlist-item .icon { 12726 width: 15px; 12727 height: 15px 12728 } 12729 } 12730 12731 .stamped-badge-starrating .stamped-fa { 12732 width: 15px; 12733 color: #d10000 12734 } 12735 12736 .stamped-badge-caption[data-reviews]:after { 12737 content: '' !important 12738 } 12739 12740 .stamped-badge-caption { 12741 font-size: 12px; 12742 vertical-align: middle; 12743 color: #212121 12744 } 12745 12746 .fa-star-half-o:before, 12747 .fa-star-o:before, 12748 .fa-star:before, 12749 .stamped-fa-star-half-o:before, 12750 .stamped-fa-star-o:before, 12751 .stamped-fa-star:before { 12752 font-size: 16px 12753 } 12754 12755 .product-meta--review .stamped-badge-starrating .stamped-fa { 12756 margin-right: 2px 12757 } 12758 12759 .product-meta--review .stamped-badge-starrating .stamped-fa:before { 12760 font-size: 20px 12761 } 12762 12763 .product-meta--review .stamped-badge-caption { 12764 font-size: 16px; 12765 margin-right: 5px; 12766 margin-left: 5px; 12767 vertical-align: inherit 12768 } 12769 12770 .fa-star, 12771 .fa-star-checked, 12772 .fa-star-half-o, 12773 .fa-star-o, 12774 .stamped-fa-star, 12775 .stamped-fa-star-checked, 12776 .stamped-fa-star-half-o, 12777 .stamped-fa-star-o { 12778 color: #d10000 !important 12779 } 12780 12781 .summary-rating-bar-content { 12782 background-color: #d10000 !important; 12783 color: #fff !important 12784 } 12785 12786 .product-card-info .btn.btn-cta {width: 130px;height: 35px;padding: 5px;height: 35px;line-height: normal;text-transform: capitalize!important;} 12787 .position-absolute.label-tag {z-index: 999;} 12788 .label-tag.forever-flower { 12789 bottom: 0; 12790 } 12791 .shopify-section:first-child { 12792 margin-top: 0;
12793 } 12794 @media (max-width: 600px){ 12795 .label-tag.valentine img {width: 20px;} 12796 .label-tag.freeItem img { 12797 width: 40px !important; 12798 } 12799 } 12800 /* Header */ 12801 .header-container { 12802 display: flex; 12803 justify-content: space-between; 12804 align-items: center; 12805 padding: 22px 0px; 12806 margin: 0 auto; 12807 } 12808 .logo { 12809 max-width: 340px; 12810 } 12811 .search-icon, 12812 .header-icons { 12813 display: flex; 12814 align-items: center; 12815 } 12816 .header-icons { 12817 display: flex; 12818 gap: 20px; 12819 } 12820 .header-icon-right { 12821 justify-content: flex-end; 12822 } 12823 header-icon-left { 12824 justify-content: flex-start; 12825 } 12826 .icon { 12827 font-size: 20px; 12828 color: #333; 12829 cursor: pointer; 12830 stroke-width: 1; 12831 } 12832 .icon-wishlist-header { 12833 stroke-width: 0; 12834 position: relative; 12835 } 12836 12837 .wishlist-count { 12838 position: absolute; 12839 top: -8px; 12840 right: -10px; 12841 background-color: #640000; 12842 color: white; 12843 font-size: 10px; 12844 border-radius: 50%; 12845 width: 16px; 12846 height: 16px; 12847 display: flex;
12848 align-items: center; 12849 justify-content: center; 12850 font-weight: bold; 12851 text-align: center; 12852 } 12853 12854 .cart-count { 12855 position: absolute; 12856 top: -8px; 12857 right: -10px; 12858 background-color: var(--topbar-bg, #640000); 12859 color: white; 12860 font-size: 10px; 12861 border-radius: 50%; 12862 width: 16px; 12863 height: 16px; 12864 display: flex; 12865 align-items: center; 12866 justify-content: center; 12867 font-weight: bold; 12868 text-align: center; 12869 } 12870 12871 .icon-cart-header { 12872 position: relative; 12873 } 12874 /* Navigation */ 12875 .nav-header { 12876 position: relative; 12877 border-top: 1px solid #000000; 12878 border-bottom: 1px solid #000000; 12879 } 12880 .nav-menu { 12881 display: flex; 12882 justify-content: space-between; 12883 list-style: none; 12884 margin: 0 auto; 12885 } 12886 .nav-menu:after { 12887 display: none!important; 12888 } 12889 .nav-menu li { 12890 margin: 0; 12891 } 12892 .nav-menu > li > a { 12893 padding: 24px 0; 12894 display: block; 12895 } 12896 .nav-menu a { 12897 text-decoration: none; 12898 color: #212121; 12899 font-size: 16px; 12900 font-weight: 400; 12901 text-transform: uppercase; 12902 transition: color 0.3s ease; 12903 } 12904 .nav-menu a:hover { 12905 color: var(--topbar-bg, #666); 12906 } 12907 .megamenu { 12908 display: none; 12909 position: absolute; 12910 top: 68px; 12911 left: 0; 12912 padding: 20px 0; 12913 z-index: 99; 12914 background-color: #000000; 12915 width: 100%; 12916 border-top: 1px solid #000000; 12917 border-bottom: 1px solid #000000; 12918 } 12919 .dropdown-menu { 12920 list-style: none; 12921 margin: 0; 12922 padding: 0; 12923 } 12924 .dropdown-menu li { 12925 margin-bottom: 0; 12926 } 12927 .dropdown-menu li a { 12928 display: block; 12929 padding: 12px 0; 12930 font-size: 15px; 12931 font-weight: 500; 12932 color: #333; 12933 text-transform: capitalize; 12934 transition: all 0.3s ease; 12935 border: none; 12936 } 12937 .dropdown-menu li.has-submenu > a { 12938 padding-bottom: 4px; 12939 } 12940 .dropdown-menu li a:hover { 12941 color: var(--topbar-bg, #212121); 12942 transform: translateX(4px); 12943 border: none; 12944 } 12945 .dropdown-menu .grandchild { 12946 margin: 0; 12947 padding: 0; 12948 list-style: none; 12949 } 12950 .dropdown-menu .grandchild li { 12951 list-style: none; 12952 margin: 0; 12953 } 12954 .dropdown-menu .grandchild li a { 12955 font-size: 15px; 12956 font-weight: 400; 12957 color: #666; 12958 padding: 6px 0; 12959 text-transform: none; 12960 border: none; 12961 } 12962 .dropdown-menu .grandchild li a:hover { 12963 color: var(--topbar-bg, #B8860B); 12964 transform: translateX(2px); 12965 border: none; 12966 } 12967 12968 .megamenu.with-images .container { 12969 display: flex; 12970 flex-wrap: nowrap; 12971 justify-content: space-between; 12972 align-items: flex-start; 12973 } 12974 .megamenu .container .menulinks { 12975 flex: 1; 12976 max-width: 60%; 12977 padding-right: 0; 12978 } 12979 .megamenu.with-images .container .menuimages { 12980 flex: 0 0 auto; 12981 width: 45%; 12982 display: flex; 12983 justify-content: center; 12984 align-items: center; 12985 min-height: 200px; 12986 } 12987 .megamenu.with-images .container .menuimages img { 12988 display: block; 12989 max-width: 100%; 12990 height: auto; 12991 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 12992 } 12993 12994 @media (min-width: 991px) { 12995 12996 .dropdown-menu { 12997 display: grid; 12998 column-gap: 20px; 12999 } 13000 .dropdown-menu li { 13001 margin-bottom: 0 !important; 13002 } 13003 .nav-menu li.has-child:hover > .megamenu { 13004 display: block; 13005 } 13006 .dropdown-menu.five-links { 13007 grid-template-columns: repeat(5, 1fr); 13008 column-gap: 40px; 13009 } 13010 .megamenu .container .menulinks { 13011 max-width: 100%; 13012 } 13013 .dropdown-menu.three-links { 13014 grid-template-columns: repeat(3, 1fr); 13015 column-gap: 40px; 13016 } 13017 13018 .link-all { 13019 position: absolute; 13020 bottom: 0; 13021 display: flex; 13022 gap: 25px; 13023 align-items: center; 13024 } 13025 .link-all a { 13026 font-weight: 700; 13027 font-size: 14px; 13028 color: var(--topbar-bg, #212121); 13029 text-transform: uppercase; 13030 letter-spacing: 0.5px; 13031 transition: all 0.3s ease; 13032 } 13033 .link-all a:hover { 13034 color: var(--topbar-bg, #212121); 13035 transform: translateX(4px); 13036 } 13037 13038 .link-all svg { 13039 align-self: center; 13040 transition: transform 0.3s ease; 13041 } 13042 .link-all:hover svg { 13043 transform: translateX(4px); 13044 } 13045 13046 .menulinks { 13047 position: relative; 13048 min-height: 220px; 13049 padding-bottom: 50px; 13050 } 13051 13052 /* Category Headers */ 13053 .dropdown-menu > li > a { 13054 font-size: 16px; 13055 font-weight: 600; 13056 color: #222; 13057 text-transform: uppercase; 13058 letter-spacing: 0.5px; 13059 margin-bottom: 8px; 13060 padding-bottom: 8px; 13061 } 13062 .dropdown-menu > li:first-child > a:hover { 13063 transform: none; 13064 border-bottom-color: var(--topbar-bg, #8B6914); 13065 } 13066 } 13067 13068 /* Responsive Design */ 13069 @media (max-width: 992px) { 13070 body.nav_open { 13071 overflow: hidden; 13072 } 13073 13074 header .container { 13075 padding: 0 13076 } 13077 .nav-header { 13078 display: none; 13079 position: fixed; 13080 z-index: 99; 13081 background-color: #000000; 13082 width: 300px; 13083 top: 0px; 13084 left: -100%; 13085 height: 100%; 13086 overflow: scroll; 13087 } 13088 body.nav_open .nav-header { 13089 display: block; 13090 animation: smooth-nav 0.5s ease forwards; 13091 } 13092 .template-index .main-content { 13093 padding-top: 0;
13094 padding-bottom: 0; 13095 } 13096 .header-container { 13097 padding: 15px 20px; 13098 z-index: 99; 13099 background-color: #fff; 13100 width: 100%; 13101 left: 0; 13102 } 13103 .logo h1 { 13104 font-size: 22px; 13105 } 13106 .logo svg { 13107 width: 100%; 13108 max-width: 160px; 13109 } 13110 .header-icons svg { 13111 width: 17px; 13112 height: auto; 13113 } 13114 .nav-menu { 13115 display: block; 13116 flex-wrap: wrap; 13117 padding: 0; 13118 } 13119 .nav-menu li { 13120 margin: 0; 13121 border-bottom: 1px solid #f0f0f0; 13122 } 13123 .nav-menu > li > a { 13124 padding: 18px 20px; 13125 font-size: 16px; 13126 font-weight: 600; 13127 color: #ffffff; 13128 text-transform: uppercase; 13129 border-bottom: none; 13130 } 13131 .megamenu { 13132 position: relative; 13133 min-height: auto; 13134 padding: 0; 13135 top: 0; 13136 background-color: #000000; 13137 border-top: none; 13138 } 13139 .megamenu .container { 13140 padding: 0; 13141 } 13142 .megamenu .menulinks { 13143 padding: 0; 13144 } 13145 .megamenu.with-images .container { 13146 display: block; 13147 } 13148 .megamenu .container .menulinks { 13149 max-width: 100%; 13150 margin-bottom: 0; 13151 padding: 0; 13152 } 13153 .megamenu.with-images .container .menuimages { 13154 width: 100%; 13155 margin-bottom: 0; 13156 } 13157 .dropdown-menu li a { 13158 display: block; 13159 font-size: 15px; 13160 font-weight: 600; 13161 padding: 14px 20px; 13162 color: #333; 13163 text-transform: capitalize; 13164 transition: all 0.3s ease; 13165 border-radius: 4px; 13166 margin: 2px 8px; 13167 } 13168 .dropdown-menu li a:hover { 13169 color: var(--topbar-bg, #B8860B); 13170 transform: translateX(4px); 13171 } 13172 .dropdown-menu li.has-submenu > a { 13173 display: flex !important; 13174 justify-content: space-between; 13175 align-items: center; 13176 } 13177 .dropdown-menu li.has-submenu .chevron-right { 13178 transform: rotate(0deg); 13179 transition: transform 0.3s ease; 13180 } 13181 .dropdown-menu .grandchild { 13182 display: none; /* Default hidden for accordion */ 13183 margin: 8px 0 0 0; 13184 padding: 8px 0; 13185 border-radius: 6px; 13186 } 13187 .dropdown-menu .grandchild li { 13188 border-bottom: 1px solid rgba(0, 0, 0, 0.06); 13189 margin: 0 12px; 13190 } 13191 .dropdown-menu .grandchild li:last-child { 13192 border-bottom: none; 13193 } 13194 .dropdown-menu .grandchild li:first-child { 13195 margin-top: 0; 13196 } 13197 .dropdown-menu .grandchild li a { 13198 font-size: 13px; 13199 font-weight: 400; 13200 padding: 8px 20px 8px 32px; 13201 color: #666; 13202 text-transform: none; 13203 border-bottom: none; 13204 margin: 0; 13205 border-radius: 0; 13206 transition: all 0.3s ease; 13207 } 13208 .dropdown-menu .grandchild li a:hover { 13209 background-color: rgba(184, 134, 11, 0.05); 13210 color: var(--topbar-bg, #212121); 13211 transform: translateX(2px); 13212 } 13213 13214 /* When submenu is open, show grandchild */ 13215 .dropdown-menu .has-submenu.submenu-open .grandchild { 13216 display: block; 13217 } 13218 13219 /* Chevron icon rotation for level 2 menus */ 13220 .dropdown-menu .has-submenu .chevron-right { 13221 transition: transform 0.3s ease; 13222 transform: rotate(0deg) !important; 13223 } 13224 13225 .dropdown-menu .has-submenu.submenu-open .chevron-right { 13226 transform: rotate(90deg) !important; 13227 } 13228 .promo-banner { 13229 font-size: 12px; 13230 padding: 8px 10px; 13231 } 13232 body.nav_open .overlay-nav { 13233 position: fixed; 13234 top: 0; 13235 left: 0; 13236 width: 100%; 13237 height: 100%; 13238 z-index: 9; 13239 cursor: pointer; 13240 background-color: rgb(117 117 117 / 70%); 13241 } 13242 13243 .nav-account-mobile { 13244 padding: 10px 20px; 13245 } 13246 .nav-account-mobile a { 13247 color: #212121; 13248 font-size: 12px; 13249 } 13250 13251 .megamenu.with-images .container .menuimages { 13252 display: none; 13253 } 13254 13255 .megamenu .menulinks .link-all { 13256 margin: 20px 0 !important; 13257 } 13258 .megamenu .menulinks .link-all a { 13259 font-size: 14px; 13260 font-weight: 700; 13261 color: var(--topbar-bg, #B8860B); 13262 text-transform: uppercase; 13263 } 13264 13265 13266 .has-child > a { 13267 display: flex!important; 13268 justify-content: space-between; 13269 } 13270 .chevron-right { 13271 display: inline-block; 13272 transition: transform 0.3s ease; 13273 } 13274 13275 .has-child.menu-open .chevron-right { 13276 transform: rotate(90deg); 13277 } 13278 13279 .has-submenu.submenu-open .chevron-right { 13280 transform: rotate(90deg) !important; 13281 } 13282 13283 /* Mobile Close Button Styles in Overlay */ 13284 .overlay-nav { 13285 position: relative; 13286 } 13287 13288 .nav-close-btn { 13289 display: none; /* Hide by default */ 13290 position: fixed; 13291 top: 20px; 13292 right: 20px; 13293 background: white; 13294 border: none; 13295 padding: 12px; 13296 cursor: pointer; 13297 border-radius: 50%; 13298 transition: all 0.3s ease; 13299 align-items: center; 13300 justify-content: center; 13301 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 13302 z-index: 1001; 13303 } 13304 13305 .nav-close-btn:hover { 13306 background-color: #f5f5f5; 13307 transform: scale(1.05); 13308 } 13309 13310 .nav-close-btn svg {
13311 width: 20px; 13312 height: 20px; 13313 } 13314 13315 .has-child.menu-open a > span { 13316 font-weight: 600; 13317 } 13318 13319 body.nav_open .nav-close-btn { 13320 display: flex; 13321 } 13322 } 13323 13324 @media (max-width: 480px) { 13325 .header-container { 13326 padding: 15px; 13327 } 13328 .logo h1 { 13329 font-size: 18px; 13330 } 13331 .icon { 13332 font-size: 16px; 13333 } 13334 .nav-menu { 13335 justify-content: flex-start; 13336 overflow-x: auto; 13337 padding: 10px; 13338 } 13339 .nav-menu li { 13340 white-space: nowrap; 13341 } 13342 } 13343 13344 @keyframes smooth-nav { 13345 100% { 13346 left: 0px; 13347 opacity: 1; 13348 } 13349 } 13350 /* Header */ 13351 .header-container { 13352 display: flex; 13353 justify-content: space-between; 13354 align-items: center; 13355 padding: 22px 0px; 13356 margin: 0 auto; 13357 } 13358 .logo { 13359 max-width: 340px; 13360 } 13361 .search-icon, 13362 .header-icons { 13363 display: flex; 13364 align-items: center; 13365 } 13366 .header-icons { 13367 display: flex; 13368 gap: 20px; 13369 } 13370 .header-icon-right { 13371 justify-content: flex-end; 13372 } 13373 header-icon-left { 13374 justify-content: flex-start; 13375 } 13376 .icon { 13377 font-size: 20px; 13378 color: #333; 13379 cursor: pointer; 13380 stroke-width: 1; 13381 } 13382 .icon-wishlist-header { 13383 stroke-width: 0; 13384 position: relative; 13385 } 13386 13387 .wishlist-count { 13388 position: absolute; 13389 top: -8px; 13390 right: -10px; 13391 background-color: #640000; 13392 color: white; 13393 font-size: 10px; 13394 border-radius: 50%; 13395 width: 16px; 13396 height: 16px; 13397 display: flex;
13398 align-items: center; 13399 justify-content: center; 13400 font-weight: bold; 13401 text-align: center; 13402 } 13403 13404 .cart-count { 13405 position: absolute; 13406 top: -8px; 13407 right: -10px; 13408 background-color: var(--topbar-bg, #640000); 13409 color: white; 13410 font-size: 10px; 13411 border-radius: 50%; 13412 width: 16px; 13413 height: 16px; 13414 display: flex; 13415 align-items: center; 13416 justify-content: center; 13417 font-weight: bold; 13418 text-align: center; 13419 } 13420 13421 .icon-cart-header { 13422 position: relative; 13423 } 13424 /* Navigation */ 13425 .nav-header { 13426 position: relative; 13427 border-top: 1px solid #000000; 13428 border-bottom: 1px solid #000000; 13429 } 13430 .nav-menu { 13431 display: flex; 13432 justify-content: space-between; 13433 list-style: none; 13434 margin: 0 auto; 13435 } 13436 .nav-menu:after { 13437 display: none!important; 13438 } 13439 .nav-menu li { 13440 margin: 0; 13441 } 13442 .nav-menu > li > a { 13443 padding: 24px 0; 13444 display: block; 13445 } 13446 .nav-menu a { 13447 text-decoration: none; 13448 color: #212121; 13449 font-size: 16px; 13450 font-weight: 400; 13451 text-transform: uppercase; 13452 transition: color 0.3s ease; 13453 } 13454 .nav-menu a:hover { 13455 color: var(--topbar-bg, #666); 13456 } 13457 .megamenu { 13458 display: none; 13459 position: absolute; 13460 top: 68px; 13461 left: 0; 13462 padding: 20px 0; 13463 z-index: 99; 13464 background-color: #fff; 13465 width: 100%; 13466 border-top: 1px solid #000000; 13467 border-bottom: 1px solid #000000; 13468 } 13469 .dropdown-menu { 13470 list-style: none; 13471 margin: 0; 13472 padding: 0; 13473 } 13474 .dropdown-menu li { 13475 margin-bottom: 0; 13476 } 13477 .dropdown-menu li a { 13478 display: block; 13479 padding: 12px 0; 13480 font-size: 15px; 13481 font-weight: 500; 13482 color: #333; 13483 text-transform: capitalize; 13484 transition: all 0.3s ease; 13485 border: none; 13486 } 13487 .dropdown-menu li.has-submenu > a { 13488 padding-bottom: 4px; 13489 } 13490 .dropdown-menu li a:hover { 13491 color: var(--topbar-bg, #212121); 13492 transform: translateX(4px); 13493 border: none; 13494 } 13495 .dropdown-menu .grandchild { 13496 margin: 0; 13497 padding: 0; 13498 list-style: none; 13499 } 13500 .dropdown-menu .grandchild li { 13501 list-style: none; 13502 margin: 0; 13503 } 13504 .dropdown-menu .grandchild li a { 13505 font-size: 15px; 13506 font-weight: 400; 13507 color: #666; 13508 padding: 6px 0; 13509 text-transform: none; 13510 border: none; 13511 } 13512 .dropdown-menu .grandchild li a:hover { 13513 color: var(--topbar-bg, #B8860B); 13514 transform: translateX(2px); 13515 border: none; 13516 } 13517 13518 .megamenu.with-images .container { 13519 display: flex; 13520 flex-wrap: nowrap; 13521 justify-content: space-between; 13522 align-items: flex-start; 13523 } 13524 .megamenu .container .menulinks { 13525 flex: 1; 13526 max-width: 60%; 13527 padding-right: 0; 13528 } 13529 .megamenu.with-images .container .menuimages { 13530 flex: 0 0 auto; 13531 width: 45%; 13532 display: flex; 13533 justify-content: center; 13534 align-items: center; 13535 min-height: 200px; 13536 } 13537 .megamenu.with-images .container .menuimages img { 13538 display: block; 13539 max-width: 100%; 13540 height: auto; 13541 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 13542 } 13543 13544 @media (min-width: 991px) { 13545 13546 .dropdown-menu { 13547 display: grid; 13548 column-gap: 20px; 13549 } 13550 .dropdown-menu li { 13551 margin-bottom: 0 !important; 13552 } 13553 .nav-menu li.has-child:hover > .megamenu { 13554 display: block; 13555 } 13556 .dropdown-menu.five-links { 13557 grid-template-columns: repeat(5, 1fr); 13558 column-gap: 40px; 13559 } 13560 .megamenu .container .menulinks { 13561 max-width: 100%; 13562 } 13563 .dropdown-menu.three-links { 13564 grid-template-columns: repeat(3, 1fr); 13565 column-gap: 40px; 13566 } 13567 13568 .link-all { 13569 position: absolute; 13570 bottom: 0; 13571 display: flex; 13572 gap: 25px; 13573 align-items: center; 13574 } 13575 .link-all a { 13576 font-weight: 700; 13577 font-size: 14px; 13578 color: var(--topbar-bg, #212121); 13579 text-transform: uppercase; 13580 letter-spacing: 0.5px; 13581 transition: all 0.3s ease; 13582 } 13583 .link-all a:hover { 13584 color: var(--topbar-bg, #212121); 13585 transform: translateX(4px); 13586 } 13587 13588 .link-all svg { 13589 align-self: center; 13590 transition: transform 0.3s ease; 13591 } 13592 .link-all:hover svg { 13593 transform: translateX(4px); 13594 } 13595 13596 .menulinks { 13597 position: relative; 13598 min-height: 220px; 13599 padding-bottom: 50px; 13600 } 13601 13602 /* Category Headers */ 13603 .dropdown-menu > li > a { 13604 font-size: 16px; 13605 font-weight: 600; 13606 color: #222; 13607 text-transform: uppercase; 13608 letter-spacing: 0.5px; 13609 margin-bottom: 8px; 13610 padding-bottom: 8px; 13611 } 13612 .dropdown-menu > li:first-child > a:hover { 13613 transform: none; 13614 border-bottom-color: var(--topbar-bg, #8B6914); 13615 } 13616 } 13617 13618 /* Responsive Design */ 13619 @media (max-width: 992px) { 13620 body.nav_open { 13621 overflow: hidden; 13622 } 13623 13624 header .container { 13625 padding: 0 13626 } 13627 .nav-header { 13628 display: none; 13629 position: fixed; 13630 z-index: 99; 13631 background-color: #000000; 13632 width: 300px; 13633 top: 0px; 13634 left: -100%; 13635 height: 100%; 13636 overflow: scroll; 13637 } 13638 body.nav_open .nav-header { 13639 display: block; 13640 animation: smooth-nav 0.5s ease forwards; 13641 } 13642 .template-index .main-content { 13643 padding-top: 0;
13644 padding-bottom: 0; 13645 } 13646 .header-container { 13647 padding: 15px 20px; 13648 z-index: 99; 13649 background-color: #000000; 13650 width: 100%; 13651 left: 0; 13652 } 13653 .logo h1 { 13654 font-size: 22px; 13655 } 13656 .logo svg { 13657 width: 100%; 13658 max-width: 160px; 13659 } 13660 .header-icons svg { 13661 width: 17px; 13662 height: auto; 13663 } 13664 .nav-menu { 13665 display: block; 13666 flex-wrap: wrap; 13667 padding: 0; 13668 } 13669 .nav-menu li { 13670 margin: 0; 13671 border-bottom: 1px solid #f0f0f0; 13672 } 13673 .nav-menu > li > a { 13674 padding: 18px 20px; 13675 font-size: 16px; 13676 font-weight: 600; 13677 color: #ffffff; 13678 text-transform: uppercase; 13679 border-bottom: none; 13680 } 13681 .megamenu { 13682 position: relative; 13683 min-height: auto; 13684 padding: 0; 13685 top: 0; 13686 background-color: #000000; 13687 border-top: none; 13688 } 13689 .megamenu .container { 13690 padding: 0; 13691 } 13692 .megamenu .menulinks { 13693 padding: 0; 13694 } 13695 .megamenu.with-images .container { 13696 display: block; 13697 } 13698 .megamenu .container .menulinks { 13699 max-width: 100%; 13700 margin-bottom: 0; 13701 padding: 0; 13702 } 13703 .megamenu.with-images .container .menuimages { 13704 width: 100%; 13705 margin-bottom: 0; 13706 } 13707 .dropdown-menu li a { 13708 display: block; 13709 font-size: 15px; 13710 font-weight: 600; 13711 padding: 14px 20px; 13712 color: #333; 13713 text-transform: capitalize; 13714 transition: all 0.3s ease; 13715 border-radius: 4px; 13716 margin: 2px 8px; 13717 } 13718 .dropdown-menu li a:hover { 13719 color: var(--topbar-bg, #B8860B); 13720 transform: translateX(4px); 13721 } 13722 .dropdown-menu li.has-submenu > a { 13723 display: flex !important; 13724 justify-content: space-between; 13725 align-items: center; 13726 } 13727 .dropdown-menu li.has-submenu .chevron-right { 13728 transform: rotate(0deg); 13729 transition: transform 0.3s ease; 13730 } 13731 .dropdown-menu .grandchild { 13732 display: none; /* Default hidden for accordion */ 13733 margin: 8px 0 0 0; 13734 padding: 8px 0; 13735 border-radius: 6px; 13736 } 13737 .dropdown-menu .grandchild li { 13738 border-bottom: 1px solid rgba(0, 0, 0, 0.06); 13739 margin: 0 12px; 13740 } 13741 .dropdown-menu .grandchild li:last-child { 13742 border-bottom: none; 13743 } 13744 .dropdown-menu .grandchild li:first-child { 13745 margin-top: 0; 13746 } 13747 .dropdown-menu .grandchild li a { 13748 font-size: 13px; 13749 font-weight: 400; 13750 padding: 8px 20px 8px 32px; 13751 color: #666; 13752 text-transform: none; 13753 border-bottom: none; 13754 margin: 0; 13755 border-radius: 0; 13756 transition: all 0.3s ease; 13757 } 13758 .dropdown-menu .grandchild li a:hover { 13759 background-color: rgba(184, 134, 11, 0.05); 13760 color: var(--topbar-bg, #212121); 13761 transform: translateX(2px); 13762 } 13763 13764 /* When submenu is open, show grandchild */ 13765 .dropdown-menu .has-submenu.submenu-open .grandchild { 13766 display: block; 13767 } 13768 13769 /* Chevron icon rotation for level 2 menus */ 13770 .dropdown-menu .has-submenu .chevron-right { 13771 transition: transform 0.3s ease; 13772 transform: rotate(0deg) !important; 13773 } 13774 13775 .dropdown-menu .has-submenu.submenu-open .chevron-right { 13776 transform: rotate(90deg) !important; 13777 } 13778 .promo-banner { 13779 font-size: 12px; 13780 padding: 8px 10px; 13781 } 13782 body.nav_open .overlay-nav { 13783 position: fixed; 13784 top: 0; 13785 left: 0; 13786 width: 100%; 13787 height: 100%; 13788 z-index: 9; 13789 cursor: pointer; 13790 background-color: rgb(117 117 117 / 70%); 13791 } 13792 13793 .nav-account-mobile { 13794 padding: 10px 20px; 13795 } 13796 .nav-account-mobile a { 13797 color: #212121; 13798 font-size: 12px; 13799 } 13800 13801 .megamenu.with-images .container .menuimages { 13802 display: none; 13803 } 13804 13805 .megamenu .menulinks .link-all { 13806 margin: 20px 0 !important; 13807 } 13808 .megamenu .menulinks .link-all a { 13809 font-size: 14px; 13810 font-weight: 700; 13811 color: var(--topbar-bg, #B8860B); 13812 text-transform: uppercase; 13813 } 13814 13815 13816 .has-child > a { 13817 display: flex!important; 13818 justify-content: space-between; 13819 } 13820 .chevron-right { 13821 display: inline-block; 13822 transition: transform 0.3s ease; 13823 } 13824 13825 .has-child.menu-open .chevron-right { 13826 transform: rotate(90deg); 13827 } 13828 13829 .has-submenu.submenu-open .chevron-right { 13830 transform: rotate(90deg) !important; 13831 } 13832 13833 /* Mobile Close Button Styles in Overlay */ 13834 .overlay-nav { 13835 position: relative; 13836 } 13837 13838 .nav-close-btn { 13839 display: none; /* Hide by default */ 13840 position: fixed; 13841 top: 20px; 13842 right: 20px; 13843 background: white; 13844 border: none; 13845 padding: 12px; 13846 cursor: pointer; 13847 border-radius: 50%; 13848 transition: all 0.3s ease; 13849 align-items: center; 13850 justify-content: center; 13851 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 13852 z-index: 1001; 13853 } 13854 13855 .nav-close-btn:hover { 13856 background-color: #f5f5f5; 13857 transform: scale(1.05); 13858 } 13859 13860 .nav-close-btn svg {
13861 width: 20px; 13862 height: 20px; 13863 } 13864 13865 .has-child.menu-open a > span { 13866 font-weight: 600; 13867 } 13868 13869 body.nav_open .nav-close-btn { 13870 display: flex; 13871 } 13872 } 13873 13874 @media (max-width: 480px) { 13875 .header-container { 13876 padding: 15px; 13877 } 13878 .logo h1 { 13879 font-size: 18px; 13880 } 13881 .icon { 13882 font-size: 16px; 13883 } 13884 .nav-menu { 13885 justify-content: flex-start; 13886 overflow-x: auto; 13887 padding: 10px; 13888 } 13889 .nav-menu li { 13890 white-space: nowrap; 13891 } 13892 } 13893 13894 @keyframes smooth-nav { 13895 100% { 13896 left: 0px; 13897 opacity: 1; 13898 } 13899 } 13900 button.disabled {pointer-events: none;} 13901 /* 13902 @media (max-width: 768px){ 13903 body:not(.template-product) #tidio-chat-iframe {display: none!important;} 13904 } 13905 */ 13906 #tidio-chat-iframe {display: none!important;} 13907 13908 #lineId-11986734055639, 13909 #lineId-11986734088407, 13910 #lineId-11986734121175 {display: none} 13911 </style> 13912 13913 13914 <div class="purchasePopup"> 13915 <div class="purchaseArea"> 13916 13917 <div class="sectionPurchase purchasePersonalize sectionPurchaseBoard"> 13918 <div class="wrapperPurchase"> 13919 <div class="purchase-content"> 13920 <div class="headerPurchase"> 13921 <h3 class="text-uppercase"> 13922 13923 customize your flower board 13924 13925 </h3> 13926 <a class="close-purchase-popup"> 13927 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 13928 <path d="M1.53287 17.4107L0.588867 16.4667L8.05553 9.00002L0.588867 1.53336L1.53287 0.589355L8.99953 8.05602L16.4662 0.589355L17.4102 1.53336L9.94353 9.00002L17.4102 16.4667L16.4662 17.4107L8.99953 9.94402L1.53287 17.4107Z" fill="black"/> 13929 </svg> 13930 </a> 13931 13932 </div> 13933 <div class="contentPurchase"> 13934 <div class="row"> 13935 13936 <div class="col-12"> 13937 13938 13939 <style> 13940 13941 13942 .customize-papan .group-field-1 .input-field {float: left;width: 100%;height: 317px;background-color: #E5E5EA;} 13943 .customize-papan .input-field textarea {width: 100%;max-width: 421px;min-height: 150px;font-weight: 400;font-size: 16px;resize: none;background-color: #E5E5EA;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #ffffff;border: none;} 13944 13945 .customize-papan .field-papan.group-field-2 .input-field.field-logo {height: 90px;margin: 0;border-radius: 0;position: relative;-ms-flex: 0 0 174px;flex: 0 0 174px;max-width: 174px;} 13946 .customize-papan .btn-upload-papan svg {width: 21px;height: 25px;display: block;align-self: center;margin: auto;margin-bottom: 12px;} 13947 .svgLogoPapan {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;} 13948 .svgLogoPapan p {color: #8E8E93; margin: 0;} 13949 .svgLogoPapan p span {font-size: 12px;color: #FF0E00;} 13950 .customize-papan .btn-upload-papan img {margin: auto;display: block;position: absolute;width: 80px;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;} 13951 #suggest-messages {position: absolute;bottom: 5px;left: 5px;} 13952 #suggest-messages a {border: 1px solid #979797;background: #fff;color: #979797;border-radius: 3px;padding: 5px 10px;font-size: 10px;font-weight: 600;display: inline-block;} 13953 .case-occasion .nice-select:after {border-bottom: 2px solid #333;border-right: 2px solid #333;right: 20px;top: 42%;width: 10px;height: 10px;} 13954 .customize-papan .input-field input {font-weight: 600;font-size: 16px;width: 100%;height: 90px;min-height: 44px !important;border: none;background: #E5E5EA;margin: 0;border-radius: 0;text-align: center;color: #ffffff;} 13955 .customize-papan .input-field .limit {position: absolute;right: 15px;top: 0;color: #757575;} 13956 13957 @media (min-width: 991px) { 13958 .customize-papan:before {content: "";position: absolute;border: 4px solid #ffffff;bottom: -50px;left: 210px;width: 100px;display: block;-ms-transform: rotate(60deg);-webkit-transform: rotate(60deg);transform: rotate(-65deg);} 13959 .customize-papan:after {content: "";position: absolute;border: 4px solid #ffffff;bottom: -52px;right: 240px;width: 100px;display: block;-ms-transform: rotate(-120deg);-webkit-transform: rotate(70deg);transform: rotate(70deg);} 13960 } 13961 </style> 13962 13963 <input type="hidden" data-properties="penerima" value="-"> 13964 <div class="customize-papan"> 13965 <div class="container"> 13966 <div class="field-papan group-field-1 form-group"> 13967 <div class="input-field">
13968 <textarea id="kartu-ucapan-papan" class="mb-0 has-limit" type="text" data-properties="ucapan" placeholder="Write the message you want to display. Or you can use several options from the message templates that we provide. 13969 (Ex: Selamat Menempuh Hidup Baru A & B)." maxlength="100"></textarea> 13970 <p class="limit">0/100</p> 13971 <div id="suggest-messages"> 13972 <a id="show_note_papan1" href="#"> 13973 <div class="suggest-message" id="note_btn_div1"> 13974 <span class="promo-code-link" id="note_btn_papan1">Contoh Kata WEDDING</span> 13975 </div> 13976 </a> 13977 <a id="show_note_papan2" href="#"> 13978 <div class="suggest-message" id="note_btn_div2"> 13979 <span class="promo-code-link" id="note_btn_papan2">Contoh Kata SELAMAT</span> 13980 </div> 13981 </a> 13982 <a id="show_note_papan3" href="#"> 13983 <div class="suggest-message" id="note_btn_div3"> 13984 <span class="promo-code-link" id="note_btn_papan3">Contoh Kata DUKA CITA</span> 13985 </div> 13986 </a> 13987 </div> 13988 </div> 13989 </div> 13990 <div class="hide"> 13991 <input type="hidden" value="" id="note_id_papan1" name="note_id_papan1" style="top: 0px;"> 13992 <input type="hidden" value="" id="note_btn_id_papan1" name="note_btn_id_papan1"> 13993 </div> 13994 <div class="hide"> 13995 <input type="hidden" value="" id="note_id_papan2" name="note_id_papan2" style="top: 0px;"> 13996 <input type="hidden" value="" id="note_btn_id_papan2" name="note_btn_id_papan2"> 13997 </div> 13998 <div class="hide"> 13999 <input type="hidden" value="" id="note_id_papan3" name="note_id_papan3" style="top: 0px;"> 14000 <input type="hidden" value="" id="note_btn_id_papan3" name="note_btn_id_papan3"> 14001 </div> 14002 <div class="field-papan group-field-2 form-group"> 14003 14004 <label for="logoPapan" onclick="" class="input-field field-logo"> 14005 14006 14007 14008 <div class="btn-upload-papan w-100"> 14009 <?xml version="1.0" encoding="UTF-8"?> 14010 <img src="" style="display:none"> 14011 <div class="svgLogoPapan"> 14012 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="22" height="26" viewBox="0 0 22 26" fill="none"> 14013 <path d="M6.5 20H15.5V11H21.5L11 0.5L0.5 11H6.5V20ZM0.5 23H21.5V26H0.5V23Z" fill="black"/> 14014 </svg> 14015 <p>Upload Logo <span>*optional</span></p> 14016 </div> 14017 </div> 14018 14019 </label> 14020 14021 <input 14022 type="hidden" 14023 data-properties="papan-logo" 14024 value="" 14025 > 14026 <input 14027 type="file" 14028 id="logoPapan" 14029 accept="image/*" 14030 style="position: absolute;width: 1px;height: 1px;padding: 0" 14031 > 14032 14033 <div class="input-field"> 14034 <input class="has-limit sender-name" type="text" placeholder="Nama Pengirim" data-properties="pengirim" maxlength="35"/> 14035 <p class="limit">0/35</p> 14036 </div> 14037 14038 </div> 14039 14040 </div> 14041 </div> 14042 </div> 14043 14044 </div> 14045 </div> 14046 14047 </div> 14048 <div class="purchase-button-wrapper"> 14049 <div class="purchase-button btn-card row m-0"> 14050 <div class="col-12 col-lg-2 text-left mb-2 p-0"> 14051 14052 </div> 14053 <div class="btn-next-card col-12 col-lg-10 text-right"> 14054 14055 14056 <button 14057 14058 14059 14060 class="btn next-purchase-button text-uppercase" 14061 14062 disabled 14063 14064 > 14065 <span>save your flower board</span> 14066 </button> 14067 </div> 14068 </div> 14069 14070 </div> 14071 </div> 14072 </div> 14073 14074 14075 14076 <div 14077 class="sectionPurchase sectionPurchaseBoard hide" 14078 data-section="address" 14079 > 14080 <div class="wrapperPurchase"> 14081 <div class="purchase-content"> 14082 <div class="headerPurchase"> 14083 <h3> 14084 Complete Your Order 14085 </h3> 14086 <a class="close-purchase-popup"> 14087 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="18" viewBox="0 0 18 18" fill="none"> 14088 <path d="M1.53287 17.4107L0.588867 16.4667L8.05553 9.00002L0.588867 1.53336L1.53287 0.589355L8.99953 8.05602L16.4662 0.589355L17.4102 1.53336L9.94353 9.00002L17.4102 16.4667L16.4662 17.4107L8.99953 9.94402L1.53287 17.4107Z" fill="black"/> 14089 </svg> 14090 </a> 14091 14092 </div> 14093 <div class="contentPurchase"> 14094 <div class="row"> 14095 <div class="col-12 position-relative"> 14096 <div class="addressPurchase"> 14097 14098 <h4 class="text-uppercase">recipient delivery address</h4> 14099 <p>Share the delivery address to send your heartfelt blooms straight to their door.</p> 14100 14101 <div class="formAddressPurchase row"> 14102 <div class="col-12"> 14103 <form> 14104 <div class="form-group row mb-2 mb-lg-4"> 14105 <div class="col-6 position-relative"> 14106 <input id="first_name" type="text" class="form-control input__field" placeholder="" required> 14107 <label for="first_name" class="input__label">First Name<span>*</span></label> 14108 </div> 14109 <div class="col-6 position-relative"> 14110 <input id="last_name" type="text" class="form-control input__field" placeholder="" required> 14111 <label for="last_name" class="input__label">Last Name<span>*</span></label> 14112 </div> 14113 <input type="hidden" data-properties="nama-penerima"> 14114 </div> 14115 14116 <h4 class="text-uppercase">how you want to input your address</h4> 14117 <div class="form-group row mb-2 mb-lg-4 form-address-upload"> 14118 <div class="col-6 position-relative"> 14119 <label class="address-manualy"> 14120 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="18" height="17" viewBox="0 0 18 17" fill="none"> 14121 <path d="M3.37484 1.83329C2.79984 1.83329 2.33317 2.29996 2.33317 2.87496V5.16663C2.33317 5.38764 2.24537 5.5996 2.08909 5.75588C1.93281 5.91216 1.72085 5.99996 1.49984 5.99996C1.27882 5.99996 1.06686 5.9
141211216 0.910582 5.75588C0.754301 5.5996 0.666504 5.38764 0.666504 5.16663V2.87496C0.666504 2.15666 0.951845 1.46779 1.45976 0.959878C1.96767 0.451967 2.65654 0.166626 3.37484 0.166626H5.6665C5.88752 0.166626 6.09948 0.254423 6.25576 0.410704C6.41204 0.566984 6.49984 0.778946 6.49984 0.999959C6.49984 1.22097 6.41204 1.43293 6.25576 1.58921C6.09948 1.7455 5.88752 1.83329 5.6665 1.83329H3.37484ZM3.37484 15.1666C2.79984 15.1666 2.33317 14.7 2.33317 14.125V11.8333C2.33317 11.6123 2.24537 11.4003 2.08909 11.244C1.93281 11.0878 1.72085 11 1.49984 11C1.27882 11 1.06686 11.0878 0.910582 11.244C0.754301 11.4003 0.666504 11.6123 0.666504 11.8333V14.125C0.666504 14.4806 0.736557 14.8328 0.872663 15.1614C1.00877 15.49 1.20826 15.7885 1.45976 16.04C1.71125 16.2915 2.00981 16.491 2.3384 16.6271C2.66699 16.7632 3.01917 16.8333 3.37484 16.8333H5.6665C5.88752 16.8333 6.09948 16.7455 6.25576 16.5892C6.41204 16.4329 6.49984 16.221 6.49984 16C6.49984 15.7789 6.41204 15.567 6.25576 15.4107C6.09948 15.2544 5.88752 15.1666 5.6665 15.1666H3.37484ZM15.6665 2.87496C15.6665 2.29996 15.1998 1.83329 14.6248 1.83329H12.3332C12.1122 1.83329 11.9002 1.7455 11.7439 1.58921C11.5876 1.43293 11.4998 1.22097 11.4998 0.999959C11.4998 0.778946 11.5876 0.566984 11.7439 0.410704C11.9002 0.254423 12.1122 0.166626 12.3332 0.166626H14.6248C14.9805 0.166626 15.3327 0.236679 15.6613 0.372786C15.9899 0.508892 16.2884 0.708386 16.5399 0.959878C16.7914 1.21137 16.9909 1.50994 17.127 1.83853C17.2631 2.16712 17.3332 2.5193 17.3332 2.87496V5.16663C17.3332 5.38764 17.2454 5.5996 17.0891 5.75588C16.9328 5.91216 16.7208 5.99996 16.4998 5.99996C16.2788 5.99996 16.0669 5.91216 15.9106 5.75588C15.7543 5.5996 15.6665 5.38764 15.6665 5.16663V2.87496ZM14.6248 15.1666C15.1998 15.1666 15.6665 14.7 15.6665 14.125V11.8333C15.666
141215 11.6123 15.7543 11.4003 15.9106 11.244C16.0669 11.0878 16.2788 11 16.4998 11C16.7208 11 16.9328 11.0878 17.0891 11.244C17.2454 11.4003 17.3332 11.6123 17.3332 11.8333V14.125C17.3332 14.4806 17.2631 14.8328 17.127 15.1614C16.9909 15.49 16.7914 15.7885 16.5399 16.04C16.2884 16.2915 15.9899 16.491 15.6613 16.6271C15.3327 16.7632 14.9805 16.8333 14.6248 16.8333H12.3332C12.1122 16.8333 11.9002 16.7455 11.7439 16.5892C11.5876 16.4329 11.4998 16.221 11.4998 16C11.4998 15.7789 11.5876 15.567 11.7439 15.4107C11.9002 15.2544 12.1122 15.1666 12.3332 15.1666H14.6248ZM4.62484 5.16663C4.62484 4.94561 4.71263 4.73365 4.86892 4.57737C5.0252 4.42109 5.23716 4.33329 5.45817 4.33329H12.5415C12.7625 4.33329 12.9745 4.42109 13.1308 4.57737C13.287 4.73365 13.3748 4.94561 13.3748 5.16663V6.41663C13.3748 6.63764 13.287 6.8496 13.1308 7.00588C12.9745 7.16216 12.7625 7.24996 12.5415 7.24996C12.3205 7.24996 12.1085 7.16216 11.9522 7.00588C11.796 6.8496 11.7082 6.63764 11.7082 6.41663V5.99996H9.83317V11H10.8748C11.0959 11 11.3078 11.0878 11.4641 11.244C11.6204 11.4003 11.7082 11.6123 11.7082 11.8333C11.7082 12.0543 11.6204 12.2663 11.4641 12.4225C11.3078 12.5788 11.0959 12.6666 10.8748 12.6666H7.12484C6.90382 12.6666 6.69186 12.5788 6.53558 12.4225C6.3793 12.2663 6.2915 12.0543 6.2915 11.8333C6.2915 11.6123 6.3793 11.4003 6.53558 11.244C6.69186 11.0878 6.90382 11 7.12484 11H8.1665V5.99996H6.2915V6.41663C6.2915 6.63764 6.20371 6.8496 6.04743 7.00588C5.89115 7.16216 5.67918 7.24996 5.45817 7.24996C5.23716 7.24996 5.0252 7.16216 4.86892 7.00588C4.71263 6.8496 4.62484 6.63764 4.62484 6.41663V5.16663Z" fill="black"/> 14122 </svg> 14123 <span>Input Address Manually</span> 14124 </label> 14125 </div> 14126 <div class="col-6 position-relative"> 14127 <label for="address-upload" class="address-upload"> 14128 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="13" viewBox="0 0 12 13" fill="none"> 14129 <path d="M5.58317 9.48079V2.27246L3.6415 4.21413L3.0515 3.61579L5.99984 0.666626L8.949 3.61579L8.359 4.21496L6.4165 2.27246V9.48079H5.58317ZM1.51317 12.3333C1.12928 12.3333 0.809004 12.205 0.552337 11.9483C0.29567 11.6916 0.167059 11.3711 0.166504 10.9866V8.96746H0.999837V10.9866C0.999837 11.115 1.05317 11.2327 1.15984 11.34C1.2665 11.4472 1.384 11.5005 1.51234 11.5H10.4873C10.6151 11.5 10.7326 11.4466 10.8398 11.34C10.9471 11.2333 11.0004 11.1155 10.9998 10.9866V8.96746H11.8332V10.9866C11.8332 11.3705 11.7048 11.6908 11.4482 11.9475C11.1915 12.2041 10.8709 12.3327 10.4865 12.3333H1.51317Z" fill="black"/> 14130 </svg> 14131 <span>Upload Address Picture</span> 14132 </label> 14133 <input 14134 id="address-upload" 14135 type="file" 14136 accept="image/png, image/jpeg" 14137 style="position: absolute; padding: 0;width: 1px;height: 1px" 14138 > 14139 <input type="hidden" class="props-address-upload" data-properties="foto-alamat"> 14140 </div> 14141 </div> 14142 <img width="150" height="" src="" class="photo-address" style="display: none;"> 14143 14144 <div class="form-group row position-relative mb-2 mb-lg-4 form-address"> 14145 <div class="col-12"> 14146 <textarea 14147 id="delivery_address" 14148 data-properties="alamat-penerima" 14149 class="form-control input__field col-12" 14150 placeholder="" 14151 required 14152 ></textarea> 14153 <label for="delivery_address" class="input__label">Delivery Address<span>*</span></label> 14154 14155 </div> 14156 </div> 14157 <div class="form-group row mb-2 mb-lg-4 form-address"> 14158 <div class="col-6 position-relative"> 14159 <input 14160 id="recipient_number" 14161 type="text" 14162 data-properties="telepon-penerima" 14163 class="form-control input__field" 14164 placeholder="" 14165 required 14166 > 14167 <label for="recipient_number" class="input__label">Recipient number<span>*</span></label> 14168 </div> 14169 <div class="col-6 position-relative"> 14170 <input 14171 id="company" 14172 type="text" 14173 data-properties="company" 14174 class="form-control input__field" 14175 placeholder="" 14176 > 14177 <label for="company" class="input__label">Company (Optional)</label> 14178 </div> 14179 </div> 14180 <div class="form-group row mb-2 mb-lg-4 form-address"> 14181 <div class="col-6 position-relative"> 14182 <input 14183 id="province" 14184 type="text" 14185 class="form-control input__field" 14186 placeholder="" 14187 value="Jakarta" 14188 data-properties="province" 14189 > 14190 <label for="province" class="input__label">Province</label> 14191 </div> 14192 <div class="col-6 position-relative"> 14193 <select id="zip" class="form-control select-search" required></select> 14194 </div> 14195 </div> 14196 </form> 14197 </div> 14198 </div> 14199 </div> 14200 <div class="addonsPurchase"> 14201 <h4 class="text-uppercase">add-ons</h4> 14202 <div class="addons"> 14203 <p>No Add-Ons</p> 14204 <!-- 14205 <button class="add-addon"> 14206 <svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="12" viewBox="0 0 12 12" fill="none"> 14207 <path d="M5.5 6.5H0V5.5H5.5V0H6.5V5.5H12V6.5H6.5V12H5.5V6.5Z" fill="black"/> 14208 </svg>
14209 <span>Enhance my moment with Add-ons</span> 14210 </button> 14211 --> 14212 </div> 14213 </div> 14214 </div> 14215 14216 </div> 14217 </div> 14218 14219
14219<script> 14220 document.addEventListener('DOMContentLoaded', function() { 14221 // Detect iOS 14222 var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; 14223 14224 if (isIOS) { 14225 document.querySelector('.formAddressPurchase').classList.add('ios'); 14226 14227 // iOS specific fixes 14228 var inputs = document.querySelectorAll('.formAddressPurchase .input__field'); 14229 14230 inputs.forEach(function(input) { 14231 // Force enable touch events on iOS 14232 input.style.webkitUserSelect = 'text'; 14233 input.style.webkitTouchCallout = 'default'; 14234 input.style.pointerEvents = 'auto'; 14235 input.style.touchAction = 'manipulation'; 14236 14237 // Add explicit touch event listeners for iOS 14238 input.addEventListener('touchstart', function(e) { 14239 e.stopPropagation(); 14240 this.focus(); 14241 }, { passive: false }); 14242 14243 input.addEventListener('touchend', function(e) { 14244 e.preventDefault(); 14245 e.stopPropagation(); 14246 this.focus(); 14247 this.click(); 14248 }, { passive: false }); 14249 14250 // Force focus on tap for iOS 14251 input.addEventListener('click', function(e) { 14252 e.stopPropagation(); 14253 if (document.activeElement !== this) { 14254 this.focus(); 14255 } 14256 }); 14257 }); 14258 14259 // Fix for label overlapping on iOS 14260 var labels = document.querySelectorAll('.formAddressPurchase .input__label'); 14261 labels.forEach(function(label) { 14262 label.style.pointerEvents = 'none'; 14263 label.addEventListener('touchstart', function(e) { 14264 e.preventDefault(); 14265 var input = this.parentNode.querySelector('.input__field'); 14266 if (input) { 14267 input.focus(); 14268 } 14269 }); 14270 }); 14271 } 14272 14273 // Handle input state for all browsers, especially iOS 14274 var inputs = document.querySelectorAll('.input__field'); 14275 14276 inputs.forEach(function(input) { 14277 // Handle input events 14278 input.addEventListener('input', function() { 14279 if (this.value.trim() !== '') { 14280 this.classList.add('has-value'); 14281 } else { 14282 this.classList.remove('has-value'); 14283 } 14284 }); 14285 14286 // Handle focus 14287 input.addEventListener('focus', function() { 14288 this.classList.add('focused'); 14289 // iOS specific: ensure input is visible 14290 if (isIOS) { 14291 setTimeout(function() { 14292 input.scrollIntoView({ behavior: 'smooth', block: 'center' }); 14293 }, 300); 14294 } 14295 }); 14296 14297 // Handle blur 14298 input.addEventListener('blur', function() { 14299 this.classList.remove('focused'); 14300 if (this.value.trim() !== '') { 14301 this.classList.add('has-value'); 14302 } else { 14303 this.classList.remove('has-value'); 14304 } 14305 }); 14306 14307 // Initial check for pre-filled values 14308 if (input.value.trim() !== '') { 14309 input.classList.add('has-value'); 14310 } 14311 }); 14312 14313 // Additional iOS fixes 14314 if (isIOS) { 14315 // Prevent iOS Safari from adding default styling 14316 document.addEventListener('touchstart', function() {}, { passive: true }); 14317 14318 // Fix viewport issues on iOS 14319 var viewport = document.querySelector('meta[name=viewport]'); 14320 if (viewport) { 14321 viewport.setAttribute('content', 14322 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' 14323 ); 14324 } 14325 } 14326 }); 14327 </script>
14327 14328 </div> 14329 <div class="purchase-button-wrapper"> 14330 <div class="purchase-button btn-address row m-0"> 14331 <div class="col-12 col-lg-2 text-left mb-2 p-0"> 14332 14333 <button class="back-purchase-button back-address text-uppercase"> 14334 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png"> 14335 <path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z" fill="black"/> 14336 </svg> 14337 <span>Back</span> 14338 </button> 14339 14340 </div> 14341 <div class="btn-next-card col-12 col-lg-10 text-right"> 14342 14343 <!-- 14344 <button class="back-purchase-button back-address text-uppercase mr-lg-2 mb-2 mb-lg-0"> 14345 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png"> 14346 <path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z" fill="black"/> 14347 </svg> 14348 <span>Back</span> 14349 </button> 14350 --> 14351 14352 14353 <button 14354 14355 id="addtocart-card" 14356 14357 class="btn next-address text-uppercase" 14358 14359 > 14360 <span>add to cart</span> 14361 </button> 14362 </div> 14363 </div> 14364 14365 </div> 14366 </div> 14367 </div> 14368 14369 </div> 14370 </div> 14371 <div id="backgroundPopup"></div> 14372 14373 14374 14375 <input 14376 data-index="1" 14377 type="hidden" 14378 id="properties-delivery-date" 14379 name="properties[Delivery Date]" 14380 value="-" 14381 > 14382 <input 14383 data-index="2" 14384 type="hidden" 14385 id="properties-delivery-time" 14386 name="properties[Delivery Time]" 14387 value="-" 14388 > 14389 <input 14390 data-index="4" 14391 type="hidden" 14392 id="properties-nama-penerima" 14393 name="properties[Nama Penerima]" 14394 value="-" 14395 > 14396 <input 14397 data-index="5" 14398 type="hidden" 14399 id="properties-alamat-penerima" 14400 name="properties[Alamat Penerima]" 14401 value="-" 14402 > 14403 <input 14404 data-index="6" 14405 type="hidden" 14406 id="properties-kodepos" 14407 name="properties[Kodepos]" 14408 value="-" 14409 > 14410 <input data-index="7" type="hidden" id="properties-telepon-penerima" name="properties[Telepon Penerima]"> 14411 14412 14413 <input 14414 data-index="8" 14415 type="hidden" 14416 id="properties-kartu-nama-penerima" 14417 name="properties[Kartu Nama Penerima]" 14418 value="-" 14419 > 14420 14421 <textarea 14422 data-index="9" 14423 type="hidden" 14424 id="properties-kartu-pesan" 14425 name="properties[Kartu Pesan]" 14426 style="display: none" 14427 >-</textarea> 14428 14429 14430 14431 <input 14432 data-index="10" 14433 type="hidden" 14434 id="properties-kartu-nama-pengirim" 14435 name="properties[Kartu Nama Pengirim]" 14436 value="-" 14437 > 14438 14439 14440 14441 14442 14443 14444 14445 14446 14447 14448 14449 14450 14451 14452 14453 14454 14455 14456 <!-- Additional Shipping --> 14457 <input type="hidden" id="properties-kota-pengiriman-province" name="properties[Province]"> 14458 <input 14459 type="hidden" 14460 id="properties-kota-pengiriman-country" 14461 name="properties[Country]" 14462 value="Indonesia" 14463 > 14464 <input type="hidden" id="properties-shipping" name="properties[Shipping]"> 14465 14466 <input type="hidden" id="properties-time" name="properties[Time]"> 14467 <input type="hidden" id="properties-card" name="properties[Card]"> 14468 <input type="hidden" id="properties-addons" name="properties[Addons]"> 14469 14470 <input 14471 type="hidden" 14472 id="properties-company" 14473 name="properties[Company]" 14474 value="" 14475 > 14476
14476<script> 14477 14478 $(document).ready(function(){ 14479 14480 var text_max_papan1=150; 14481 var msg_text_papan1=""; 14482 $('#kartu-ucapan-ucapan').keyup(function(){ 14483 var text_length_papan1=$('#kartu-ucapan-ucapan').val().length; 14484 var msg_text_papan1=$('#kartu-ucapan-ucapan').val(); 14485 }); 14486 14487 var notes_papan1 = [ 14488 14489 [0,"Happy Wedding (nama & nama)."],[1,"Congratulations lovebirds (nama & nama)."],[2,"Selamat berbahagia (nama & nama)."],[3,"Selamat menempuh hidup baru (nama & nama)."] 14490 14491 ]; 14492 $('#show_note_papan1').click(function(event){ 14493 event.preventDefault(); 14494 var idx_papan1=parseInt($('#note_id_papan1').val()); 14495 if(isNaN(idx_papan1)){ 14496 idx_papan1=0; 14497 }else{ 14498 idx_papan1++; 14499 idx_papan1=idx_papan1%notes_papan1.length; 14500 } 14501 var note_papan1=notes_papan1[idx_papan1][1]; 14502 $('#note_id_papan1').val(idx_papan1); 14503 $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan1); 14504 $('#msgDelivery').val(note_papan1); 14505 14506 var text_length_papan1=$('#kartu-ucapan-papan').val().length; 14507 var idx_2_papan1=parseInt($('#note_btn_id_papan1').val()); 14508 if(isNaN(idx_2_papan1)){ 14509 idx_2_papan1=0; 14510 }else{ 14511 idx_2_papan1++; 14512 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14513 } 14514 $('#note_btn_id_papan1').val(idx_2_papan1); 14515 //var note_btn=note_btn_text[idx_2][1]; 14516 //$('#note_btn').text(note_btn); 14517 }); 14518 14519 var text_max_papan2=150; 14520 var msg_text_papan2=""; 14521 $('#kartu-ucapan-ucapan').keyup(function(){ 14522 var text_length_papan2=$('#kartu-ucapan-ucapan').val().length; 14523 var msg_text_papan2=$('#kartu-ucapan-ucapan').val(); 14524 }); 14525 14526 var notes_papan2 = [ 14527 14528 [0,"Congratulations (ucapan)."], [1,"Selamat dan sukses atas dibukanya (ucapan personal)."],[2,"Congratulations for the grand opening of (nama toko/bisnis)."],[3,"Happy Graduation (nama)."] 14529 14530 ]; 14531 $('#show_note_papan2').click(function(event){ 14532 event.preventDefault(); 14533 var idx_papan2=parseInt($('#note_id_papan2').val()); 14534 if(isNaN(idx_papan2)){ 14535 idx_papan2=0; 14536 }else{ 14537 idx_papan2++; 14538 idx_papan2=idx_papan2%notes_papan2.length; 14539 } 14540 var note_papan2=notes_papan2[idx_papan2][1]; 14541 $('#note_id_papan2').val(idx_papan2); 14542 $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan2); 14543 $('#msgDelivery').val(note_papan2); 14544 var text_length_papan2=$('#kartu-ucapan-papan').val().length; 14545 var idx_2_papan2=parseInt($('#note_btn_id_papan2').val()); 14546 if(isNaN(idx_2_papan2)){ 14547 idx_2_papan2=0; 14548 }else{ 14549 idx_2_papan2++; 14550 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14551 } 14552 $('#note_btn_id_papan2').val(idx_2_papan2); 14553 //var note_btn=note_btn_text[idx_2][1]; 14554 //$('#note_btn').text(note_btn); 14555 }); 14556 14557 var text_max_papan3=150; 14558 var msg_text_papan3=""; 14559 $('#kartu-ucapan-ucapan').keyup(function(){ 14560 var text_length_papan3=$('#kartu-ucapan-ucapan').val().length; 14561 var msg_text_papan3=$('#kartu-ucapan-ucapan').val(); 14562 }); 14563 14564 var notes_papan3 = [ 14565 14566 [0,"Turut Berduka Cita atas meninggalnya almarhum / almarhumah (Nama)."], [1,"Our Deepest Condolences for the lost of your beloved Father/ Mother/ Husband/ Wife/ Children."], [2,"Our Deepest Sympathy for the lost of your beloved Father/ Mother/ Husband/ Wife/ Children."], [3,"Innalillahi wa innailaihi rojiun, Turut berduka cita atas meninggalnya (nama)."] 14567 14568 ]; 14569 $('#show_note_papan3').click(function(event){ 14570 event.preventDefault(); 14571 var idx_papan3=parseInt($('#note_id_papan3').val()); 14572 if(isNaN(idx_papan3)){ 14573 idx_papan3=0; 14574 }else{ 14575 idx_papan3++; 14576 idx_papan3=idx_papan3%notes_papan3.length; 14577 } 14578 var note_papan3=notes_papan3[idx_papan3][1]; 14579 $('#note_id_papan3').val(idx_papan3);
14580 $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan3); 14581 $('#msgDelivery').val(note_papan3); 14582 var text_length_papan3=$('#kartu-ucapan-papan').val().length; 14583 var idx_2_papan3=parseInt($('#note_btn_id_papan3').val()); 14584 if(isNaN(idx_2_papan3)){ 14585 idx_2_papan3=0; 14586 }else{ 14587 idx_2_papan3++; 14588 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14589 } 14590 $('#note_btn_id_papan3').val(idx_2_papan3); 14591 //var note_btn=note_btn_text[idx_2][1]; 14592 //$('#note_btn').text(note_btn); 14593 }); 14594 14595 var text_max_papan4=150; 14596 var msg_text_papan4=""; 14597 $('#kartu-ucapan-ucapan').keyup(function(){ 14598 var text_length_papan4=$('#kartu-ucapan-ucapan').val().length; 14599 var msg_text_papan4=$('#kartu-ucapan-ucapan').val(); 14600 }); 14601 14602 $('#show_note_papan4').click(function(event){ 14603 var notes_papan4 = [ 14604 [0,"Hereâs to youâsteadier, stronger and better every day."], 14605 [1,"Warmest wishes for a speedy recovery!"], 14606 [2,"Dengan ucapan terhangat, semoga lekas membaik dan semakin pulih setiap harinya ya."], 14607 [3,"Semoga lekas sembuh untuk kembali beraktivitas dan berkarya."] 14608 ]; 14609 event.preventDefault(); 14610 var idx_papan4=parseInt($('#note_id_papan4').val()); 14611 console.log(idx_papan4, 'idx_papan4') 14612 if(isNaN(idx_papan4)){ 14613 idx_papan4=0; 14614 }else{ 14615 idx_papan4++; 14616 idx_papan4=idx_papan4%notes_papan4.length; 14617 } 14618 var note_papan4=notes_papan4[idx_papan4][1]; 14619 $('#note_id_papan4').val(idx_papan4); 14620 $('#kartu-ucapan-papan, #properties-kartu-ucapan, #properties-kartu-pesan').val(note_papan4); 14621 console.log(note_papan4, 'note_papan4') 14622 var text_length_papan4=$('#kartu-ucapan-papan').val().length; 14623 var idx_2_papan4=parseInt($('#note_btn_id_papan4').val()); 14624 if(isNaN(idx_2_papan4)){ 14625 idx_2_papan4=0; 14626 }else{ 14627 idx_2_papan4++; 14628 //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length; 14629 } 14630 $('#note_btn_id_papan4').val(idx_2_papan4); 14631 }); 14632 14633 /* 14634 $("#jenisPapan").change(function(){ 14635 $( "select option:selected").each(function(){ 14636 if($(this).attr("value")=="Happy Wedding"){ 14637 $("#suggest-messages a").hide(); 14638 $("#show_note_papan1").show(); 14639 $("#kartu-ucapan-papan").val(""); 14640 } 14641 if($(this).attr("value")=="Congratulations"){ 14642 $("#suggest-messages a").hide(); 14643 $("#show_note_papan2").show(); 14644 $("#kartu-ucapan-papan").val(""); 14645 } 14646 if($(this).attr("value")=="Duka Cita"){ 14647 $("#suggest-messages a").hide(); 14648 $("#show_note_papan3").show(); 14649 $("#kartu-ucapan-papan").val(""); 14650 } 14651 }); 14652 }).change(); 14653 */ 14654 14655 14656 14657 14658 14659 $(".variant-metafield").each(function(){ 14660 const t = $(this) 14661 const id = t.attr("id") 14662 const target = $(`[data-select=${id}]`) 14663 t.on('select2:selecting', function(e) { 14664 const data = e.params.args.data 14665 target.val(data.text) 14666 }); 14667 }) 14668 }) 14669 </script>
14669 14670 14671 14672 14673
14673<script> 14674 const shareButton = document.getElementById('shareButton'); 14675 14676 shareButton.addEventListener('click', () => { 14677 if (navigator.share) { 14678 navigator.share({ 14679 title: "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif", 14680 url: "/products/blossom-shine", 14681 text: 'Check out this page!' 14682 }) 14683 .then(() => console.log('Successful share')) 14684 .catch((error) => console.log('Error sharing', error)); 14685 } else { 14686 alert('Web Share API is not supported in this browser.'); 14687 } 14688 }); 14689 14690 // Inventory validation function 14691 function checkInventoryStatus() { 14692 const productSelect = document.getElementById('productSelect'); 14693 const purchaseButton = document.querySelector('#personalizeBtn button'); 14694 14695 if (!productSelect || !purchaseButton) return; 14696 14697 const selectedVariantId = productSelect.value; 14698 14699 // Get variant data from Shopify 14700 fetch(`/products/blossom-shine.js`) 14701 .then(response => response.json()) 14702 .then(product => { 14703 const selectedVariant = product.variants.find(variant => variant.id == selectedVariantId); 14704 14705 if (selectedVariant) { 14706 const isOutOfStock = selectedVariant.inventory_quantity <= 0 && 14707 selectedVariant.inventory_management === 'shopify' && 14708 selectedVariant.inventory_policy !== 'continue'; 14709 14710 if (isOutOfStock) { 14711 purchaseButton.disabled = true; 14712 purchaseButton.textContent = 'Out of Stock'; 14713 purchaseButton.setAttribute('data-out-of-stock', 'true'); 14714 purchaseButton.style.backgroundColor = '#cccccc'; 14715 purchaseButton.style.cursor = 'not-allowed'; 14716 } else { 14717 // Check if button was disabled due to other conditions 14718 14719 14720 14721 14722 14723 14724 14725 14726 const isOtherDisabled = false || true || false; 14727 14728 if (!isOtherDisabled) { 14729 purchaseButton.disabled = false; 14730 purchaseButton.textContent = 'customize your flower board'; 14731 purchaseButton.removeAttribute('data-out-of-stock'); 14732 purchaseButton.style.backgroundColor = ''; 14733 purchaseButton.style.cursor = ''; 14734 } 14735 } 14736 } 14737 }) 14738 .catch(error => { 14739 console.error('Error checking inventory:', error); 14740 }); 14741 } 14742 14743 // Check inventory on page load 14744 document.addEventListener('DOMContentLoaded', function() { 14745 checkInventoryStatus();
14746 14747 // Listen for variant changes 14748 const productSelect = document.getElementById('productSelect'); 14749 if (productSelect) { 14750 productSelect.addEventListener('change', checkInventoryStatus); 14751 } 14752 }); 14753 14754 // Prevent form submission if out of stock 14755 document.addEventListener('click', function(e) { 14756 if (e.target.matches('button[data-out-of-stock="true"]')) { 14757 e.preventDefault(); 14758 e.stopPropagation(); 14759 alert('This product is currently out of stock and cannot be purchased.'); 14760 return false; 14761 } 14762 }); 14763 </script>
14763 14764 14765 14766 14767 </div> 14768 14769 </div> 14770 </div> 14771 </div> 14772 </div> 14773 <div id="product-bottom"> 14774 14775 <div class="product-description rte bg-card col-12 py-3 px-0 m-0" itemprop="description"> 14776 <div class="container"> 14777 14778 14779 14780 14781 14782 <div class="short-desc-mobile d-block d-lg-none mb-3"> 14783 <div class="short-desc"> 14784 <ul> 14785 <li><strong>KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.</strong></li> 14786 </div> 14787 <label class="more-mobile">Show More â</label> 14788 </div> 14789 14790 <style> 14791 .animated-title { 14792 text-align: center; 14793 font-weight: bold; 14794 color: #079c02; 14795 font-size: 28px; 14796 position: relative; 14797 animation: glow 2s infinite alternate, moveUpDown 3s infinite; 14798 } 14799 14800 /* Efek glow / bercahaya hijau */ 14801 @keyframes glow { 14802 0% { text-shadow: 0 0 5px #079c02; color: #079c02; } 14803 50% { text-shadow: 0 0 20px #00ff55; color: #12d12b; } 14804 100% { text-shadow: 0 0 10px #1bff00; color: #079c02; } 14805 } 14806 14807 /* Efek gerakan naik turun */ 14808 @keyframes moveUpDown { 14809 0% { transform: translateY(0px); } 14810 50% { transform: translateY(-5px); } 14811 100% { transform: translateY(0px); } 14812 } 14813 </style> 14814 14815
14815<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/shopify-cartjs/1.1.0/cart.min.js"></script>
14815 14816
14816<script> 14817 CartJS.init({"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"IDR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}); 14818 14819 const productType = $("[data-product-type]").data("product-type") 14820 const productDate = Date.parse(new Date()) 14821 14822 const shop = 'outerbloom1.myshopify.com' 14823 const host = 'https://app.asmaraku.com' 14824 // const host = 'http://localhost:5001' 14825 14826 const gsheet = "https://script.google.com/macros/s/AKfycbyqa6mPD6lVjU6hiHr12J8URZ2aJBGyxBsGQ0QtEIDari-rBk_9vSOITjSSmUXL1NwxEg/exec" 14827 14828 const qrID = "041025" + randomString(4, 'aAbCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ') 14829 14830 $("#properties-time").val(new Date().getTime()) 14831 14832 const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent); 14833 14834 if(!isIOS) { 14835 $("#full-date").attr("type", "button") 14836 } 14837 14838 let dateTime = new Date(); 14839 let today = dateTime.getDate(); 14840 let day = dateTime.getDay(); 14841 let hour = dateTime.getHours(); 14842 let min = dateTime.getMinutes(); 14843 let timeOfDay = hour + (min / 100); 14844 14845 async function getFetch(url) { 14846 const response = await fetch(url); 14847 let status = false 14848 let result 14849 if(response.ok) { 14850 status = true 14851 result = await response.json(); 14852 } 14853 return { 14854 status, 14855 data: result 14856 } 14857 } 14858 14859 14860 14861 function setCookie(cname, cvalue, exMins) { 14862 var d = new Date(); 14863 d.setTime(d.getTime() + (exMins*60*1000)); 14864 var expires = "expires="+d.toUTCString(); 14865 document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; 14866 } 14867 14868 function getCookie(cname) { 14869 let name = cname + "="; 14870 let decodedCookie = decodeURIComponent(document.cookie); 14871 let ca = decodedCookie.split(';'); 14872 for(let i = 0; i <ca.length; i++) { 14873 let c = ca[i]; 14874 while (c.charAt(0) == ' ') { 14875 c = c.substring(1); 14876 } 14877 if (c.indexOf(name) == 0) { 14878 return c.substring(name.length, c.length); 14879 } 14880 } 14881 return ""; 14882 } 14883 14884 async function renderDate() { 14885 let dataDate = await getFetch(`${host}/api/shipping/date?domain=${shop}&productId=8359546319899&v=${Date.now()}`); 14886 console.log(dataDate, 'renderDate') 14887 const data = dataDate?.data 14888 const date = data.date 14889 const time = data.time 14890 14891 console.log(date, 'DATE') 14892 14893 const weekday = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]; 14894 const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; 14895 const htmlDate = [] 14896 for(let i = 0;i < date.length;i++) { 14897 const full = date[i].date 14898 const d = new Date(date[i].date); 14899 const day = weekday[d.getDay()]; 14900 const dt = d.getDate(); 14901 const mt = monthly[d.getMonth()]; 14902 const yr = d.getFullYear(); 14903 const isDate = Boolean(date[i].isEnabled) 14904 const cutoffpagi = date[i].cutoff?.pagi 14905 const cutoffsiang = date[i].cutoff?.siang 14906 const cutoffMalam = date[i].cutoff?.Malam 14907 var html = ` 14908 <button data-id="8359546319899" class="date-single calendarbutton btn steps-btn col col-3 btn-date-time" data-day="${day}" data-fulldate="${full}" data-date="${dt < 10 ? '0' + dt : dt}" data-month="${mt}" data-year="${yr}" data-offpagi="${cutoffpagi}" data-offsiang="${cutoffsiang}" data-offMalam="${cutoffMalam}" ${isDate === true ? '' : 'disabled'}> 14909 ${dt === today ? 14910 `Today<span>${dt < 10 ? '0' + dt : dt}</span>` : 14911 `${day}<span>${dt < 10 ? '0' + dt : dt}</span>` 14912 } 14913 </button> 14914 ` 14915 htmlDate.push(html) 14916 } 14917 const htmlTime = [] 14918 for(var i = 0;i < time.length;i++) { 14919 const timeText = time[i].text 14920 const timeTime = time[i].time 14921 const timeEnabled = time[i].isEnabled 14922 var html = ` 14923 <button class="time-single calendarbutton2 btn steps-btn" data-time="${timeText}" ${timeEnabled ? '' : 'disabled'}>${timeText}<br/>${timeTime}</button> 14924 ` 14925 htmlTime.push(html) 14926 } 14927 const deliveryDate = document.getElementById("deliveryDate"); 14928 if(deliveryDate) { 14929 deliveryDate.insertAdjacentHTML("afterbegin", htmlDate.join('')) 14930 $("#deliveryTime").html(htmlTime) 14931 if(productType !== '') { 14932 console.log("clarity event " + productType + ' calendaring') 14933 window.clarity("event", `${productType} calendaringSchedule`) 14934 // window.clarity("set", productType, `calendaringSchedule - ${productDate}`) 14935 } 14936 } 14937 } 14938 14939 async function getProvince(city) { 14940 let { data: { province } } = await getFetch(`${host}/api/shipping/address/province?city=${city}`); 14941 console.log(province, 'province') 14942 $("#province").val(province) 14943 } 14944 14945 async function renderAddress() { 14946 let current 14947 if(getCookie("location_delivery")){ 14948 current = getCookie("location_delivery").charAt(0).toUpperCase() + getCookie("location_delivery").slice(1) 14949 } 14950 let address = await getFetch(`${host}/api/shipping/address?domain=${shop}&productId=8359546319899`); 14951 console.log(address) 14952 const data = address?.data?.city 14953 const htmlAddress = [] 14954 const grouping = [] 14955 for(let i = 0;i < data?.length;i++) { 14956 if(data[i]){ 14957 if(data[i]?.group) { 14958 grouping.push(data[i].group) 14959 } 14960 const price = rupiah.format(data[i]?.rate) 14961 let promo = '(Promo Free Delivery)' 14962 if(data[i]?.name === 'Jakarta - PickUp ASHTA'){ 14963 promo = '(at SCBD, Ashta)' 14964 } else if(data[i]?.name === 'Jakarta - PickUp ITC'){ 14965 promo = '(at Kuningan, ITC Kuningan)' 14966 } else if(data[i]?.name === 'BSD - PickUp'){ 14967 promo = '(at Goldfinch Gading Serpong)' 14968 } else if(data[i]?.name === 'Kota Lainnya'){ 14969 promo = '' 14970 } 14971 htmlAddress.push(`<option data-province="${data[i]?.province}" data-city="${data[i]?.city}" data-note="${data[i]?.note}" data-price="${data[i]?.rate}" value="${data[i]?.name}">${data[i]?.name === 'Kota Lainnya' ? 'Seluruh Kota Lain di Indonesia' : data[i]?.name} ${data[i]?.rate > 0 ? `(${price})` : promo}</option>`) 14972 } 14973 } 14974 14975 const deliveryCity = document.getElementById("cities"); 14976 if(deliveryCity) { 14977 deliveryCity.insertAdjacentHTML("beforeend", htmlAddress.join('')) 14978 if(!isIOS) { 14979 $(deliveryCity).select2(); 14980 } 14981 } 14982 } 14983 14984 async function renderZip(v, v2, v3) { 14985 const deliveryZip = document.getElementById("zip"); 14986 if(v === '') { 14987 return 14988 } 14989 let dataZip = await getFetch(`${host}/api/shipping/address/zip?city=${v}&city2=${v2}&city3=${v3}`);
14990 let zip = dataZip?.data?.zip 14991 console.log(zip) 14992 let htmlZip = [] 14993 for(let i = 0; i < zip?.length;i++) { 14994 htmlZip.push(`<option value="${zip[i]?.postalCode} - ${zip[i]?.subdistrict}">${zip[i]?.postalCode} - ${zip[i]?.subdistrict} - ${zip[i]?.city}</option>`) 14995 } 14996 deliveryZip.insertAdjacentHTML("beforeend", htmlZip.join('')) 14997 } 14998 14999 renderDate() 15000 renderAddress() 15001 15002 let rupiah = new Intl.NumberFormat('id-ID', { 15003 style: 'currency', 15004 currency: 'IDR', 15005 maximumFractionDigits: 0, 15006 minimumFractionDigits: 0 15007 }); 15008 15009 async function insertCard(data) { 15010 const response = await fetch(`${host}/api/card/new`, { 15011 method: "POST", 15012 headers: { 15013 'Content-Type': 'application/json', 15014 }, 15015 body: data 15016 }) 15017 const result = await response.json() 15018 let rowIndex = result?.data?.tableRange.split("Outerbloom!A1:J")[1] 15019 $("#greetingCard").attr("data-index", rowIndex) 15020 return result 15021 } 15022 15023 async function updateCard(data){ 15024 const rowIndex = $("#greetingCard").data("index") 15025 const response = await fetch(`${host}/api/card/update?rowIndex=${rowIndex}`, { 15026 method: "PUT", 15027 headers: { 15028 'Content-Type': 'application/json', 15029 }, 15030 body: data 15031 }) 15032 return response 15033 } 15034 15035 function bytesToSize(bytes) { 15036 var sizes = ['b', 'kb', 'mb', 'gb', 'tb', 'p']; 15037 for (var i = 0; i < sizes.length; i++) { 15038 if (bytes <= 1024) { 15039 return bytes + ' ' + sizes[i]; 15040 } else { 15041 bytes = parseFloat(bytes / 1024).toFixed(2) 15042 } 15043 } 15044 return bytes + ' P'; 15045 } 15046 15047 async function uploadMedia(uri, type) { 15048 nameq = $("#properties-nama-penerima").val() 15049 dear = $("#properties-kartu-nama-penerima").val() 15050 card = $("[data-properties=ucapan]").val() 15051 sender = $("#properties-kartu-nama-pengirim").val() 15052 photo = $("#properties-photo").val() 15053 video = $("#properties-video").val() 15054 status = "Product" 15055 15056 const name = qrID 15057 let formData = new FormData(); 15058 formData.append("file", uri); 15059 const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, { 15060 method: "POST", 15061 body: formData 15062 }) 15063 const result = await response.json(); 15064 if(result) { 15065 const url = result.url 15066 if(type === 'image/jpeg') { 15067 $("#properties-photo").val(url) 15068 $(".preview-image").show() 15069 $(".remove-image").show() 15070 photo = url 15071 } else { 15072 $("#properties-video").val(url) 15073 $("#label-input-video span").text("Change File") 15074 $(".case-qrcode-preview p").text("Scan here for a secret message") 15075 $(".remove-media").show() 15076 $("#product-top #product-meta .case-video-preview p").html(`<span class="replace-video" tite="Replace Video">${uri.name} (${bytesToSize(uri.size)})</span><span> is uploaded</span>`) 15077 $("[for=input-video]").hide() 15078 video = url 15079 } 15080 $(".case-video-preview").show() 15081 $(".steps-card-preview").removeClass("loading") 15082 // updateCard(nameq, dear, card, sender, photo, video, status) 15083 15084 $(".nextBtn").attr("disabled", false) 15085 } 15086 } 15087 15088 function randomString(length, chars) { 15089 var result = ''; 15090 for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; 15091 return result; 15092 } 15093 15094 function getNoteCity(fulldate) { 15095 const h_1 = new Date(new Date().setDate(new Date().getDate() + 1)) 15096 const weekday = ["Min","Sen","Sel","Rab","Kam","Jum","Sab"]; 15097 const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; 15098 const d = new Date(h_1); 15099 const day = weekday[d.getDay()]; 15100 const dt = d.getDate(); 15101 const mt = monthly[d.getMonth()];
15102 const yr = d.getFullYear(); 15103 const p = $("#cities").parent(".form-group") 15104 } 15105 15106 function disabledSameDay() { 15107 let btnFirst = $("#deliveryDate").find("button:first-child") 15108 let getDay = new Date().getDay(); 15109 15110 15111 15112 if(getDay == 1 || getDay == 2 || getDay == 3 || getDay == 4 || getDay == 5){ 15113 if(hour >= 14.00){ 15114 btnFirst.attr("disabled", true) 15115 } 15116 } else if(getDay == 6){ 15117 if(hour >= 16.00){ 15118 btnFirst.attr("disabled", true) 15119 } 15120 } else if(getDay == 0){ 15121 if(hour >= 16.00){ 15122 btnFirst.attr("disabled", true) 15123 } 15124 } 15125 15126 15127 } 15128 15129 function disabledays(date) { 15130 let ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(); 15131 //if u have to disable a list of day 15132 let removeDays 15133 15134 15135 15136 removeDays = ["2025-2-13", "2025-2-14"]; 15137 15138 if ($.inArray(ymd, removeDays) >= 0) { 15139 return [false]; 15140 } else { 15141 let day = date.getDay(); 15142 if(day == 0 && date.getDate() == 13 && date.getMonth() == 1){ 15143 return [(day == 0), '']; 15144 } 15145 15146 if(day == 0){ 15147 return [(day == 0), '']; 15148 } 15149 15150 15151 return [(day != 0), '']; 15152 } 15153 } 15154 15155 /* Indonesian initialisation for the jQuery UI date picker plugin. */ 15156 /* Written by Deden Fathurahman ([email protected]). */ 15157 ( function( factory ) { 15158 if ( typeof define === "function" && define.amd ) { 15159 15160 // AMD. Register as an anonymous module. 15161 define( [ "../widgets/datepicker" ], factory ); 15162 } else { 15163 15164 // Browser globals 15165 factory( jQuery.datepicker ); 15166 } 15167 }( function( datepicker ) { 15168 15169 datepicker.regional.id = { 15170 closeText: "Tutup", 15171 prevText: "<mundur", 15172 nextText: "maju>", 15173 currentText: "Today", 15174 monthNames: [ "January","February","March","April","May","Juny", 15175 "July","August","September","October","November","December" ], 15176 monthNamesShort: [ "Jan","Feb","Mar","Apr","May","Jun", 15177 "Jul","Agu","Sep","Oct","Nov","Dec" ], 15178 dayNames: [ "Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu" ], 15179 dayNamesShort: [ "Sun","Mon","Tue","Wed","Thu","Fri","Sat" ], 15180 dayNamesMin: [ "Mg","Sn","Sl","Rb","Km","jm","Sb" ], 15181 weekHeader: "Mg", 15182 dateFormat: "D, dd M", 15183 firstDay: 0, 15184 isRTL: false, 15185 showMonthAfterYear: false, 15186 yearSuffix: "" }; 15187 datepicker.setDefaults( datepicker.regional.id ); 15188 15189 return datepicker.regional.id; 15190 15191 } ) ); 15192 15193 function loadPopup() { 15194 $("#backgroundPopup").fadeIn("slow"); 15195 $(".purchasePopup:not(.purchasePopupSpotify)").fadeIn("slow"); 15196 const firstSection = $(".purchasePopup:not(.purchasePopupSpotify) .sectionPurchase").first() 15197 if(firstSection.hasClass("purchasePersonalize")) { 15198 if(productType !== '') { 15199 console.log("clarity event " + productType + ' personalize') 15200 window.clarity("event", `${productType} cardPersonalization`) 15201 // window.clarity("set", productType, `cardPersonalization - ${productDate}`) 15202 } 15203 } else if (firstSection.hasClass("sectionPurchaseBoard")) { 15204 console.log("clarity event " + productType + ' personalizeBoard') 15205 window.clarity("event", `${productType} personalizeBoard`) 15206 // window.clarity("set", productType, `personalizeBoard - ${productDate}`) 15207 } 15208 firstSection.removeClass("hide") 15209 15210 // Auto-trigger addon loading when addon section becomes visible 15211 setTimeout(function() { 15212 const addonSection = $(".purchaseAddon") 15213 if(addonSection.length > 0 && !addonSection.hasClass("hide")) { 15214 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 15215 $("[data-addon=upsell-all]").trigger("click") 15216 } 15217 } 15218 }, 200) 15219 } 15220 15221 function disablePopup() { 15222 $("#backgroundPopup").fadeOut("slow"); 15223 $(".purchasePopup").fadeOut("slow"); 15224 $("#popupCart").fadeOut("slow"); 15225 } 15226
15227 function scrollTo(parent, div, dur) { 15228 $(parent).animate({ 15229 scrollTop: $(div).offset().top 15230 }, dur); 15231 } 15232 15233 function loadPopupPersonalize() { 15234 const div = "#purchaseProduct" 15235 const p = "html, body, .product-meta" 15236 $("p.error").remove() 15237 loadItemOccasion($("[data-occassion]").eq(0), "greeting-card-all") 15238 const isCity = $("#cities[required]") 15239 const isDate = $("#propDeliveryDate[required]") 15240 const isTime = $("#propDeliveryTime[required]") 15241 // loadPopup() 15242 if(isCity.val() !== '' && isDate.val() !== '' && isTime.val() !== '') { 15243 loadPopup() 15244 } 15245 if(isCity.val() == '') { 15246 isCity.parent(".row").append("<p class='error'>Choose delivery city</p>") 15247 scrollTo(p, div, 500) 15248 } 15249 if(isDate.val() == '') { 15250 isDate.parents(".row").append("<p class='error'>Choose delivery date</p>") 15251 scrollTo(p, div, 500) 15252 } 15253 if(isTime.val() == '') { 15254 isTime.parents(".row").append("<p class='error'>Choose delivery time</p>") 15255 scrollTo(p, div, 500) 15256 } 15257 } 15258 15259 function quantityCounter() { 15260 $(document).on("click", ".item-card.selected .q_up", function () { 15261 var C = $(this).attr("data-id"), 15262 S = 15263 parseInt( 15264 $(this) 15265 .siblings(".quantity-cart-" + C) 15266 .val() 15267 ) + 1; 15268 $(this).attr("data-quantity", S), 15269 $(this) 15270 .siblings(".quantity-cart-" + C) 15271 .val(S); 15272 }), 15273 $(document).on("click", ".item-card.selected .q_down", function () { 15274 var C = $(this).attr("data-id"), 15275 S = parseInt( 15276 $(this) 15277 .siblings(".quantity-cart-" + C) 15278 .val() 15279 ); 15280 0 < S && $(this).attr("data-quantity", S - 1), 15281 0 < S && 15282 $(this) 15283 .siblings(".quantity-cart-" + C) 15284 .val(S - 1); 15285 }); 15286 } 15287 15288 quantityCounter() 15289 15290 const itemAddon = $(".item-card").length 15291 const nofree = $(".nofree").length 15292 15293 const upsell = '' 15294 15295 if(nofree === itemAddon) { 15296 // $("#itemAddons").html("<p>No Items available</p>") 15297 } 15298 15299 $("#itemAddons .item-card").each(function(e){ 15300 $("#itemAddons").attr("data-length", e) 15301 }) 15302 15303 $("[data-addon]").click(function(){ 15304 15305 15306 15307 const t = $(this) 15308 15309 const data = t.data("addon") 15310 15311 $("[data-addon]").removeClass("selected") 15312 t.addClass("selected") 15313 $.get(`https://outerbloom.com/collections/${data}/products.json`, function(data, status){ 15314 const products = data.products 15315 const html = [] 15316 for(let i = 0; i < products.length; i++) { 15317 const id = products[i].id 15318 const variantId = products[i].variants[0].id 15319 const img = products[i].images[0].src 15320 let img2 = img.split('.jpg')[0] 15321 const title = products[i].title 15322 const price = products[i].variants[0].price 15323 const tags = products[i].tags 15324 const qty = products[i].variants[0].available 15325 let type_upsell = '' 15326 if(tags.includes('upsell-item-standing')) { 15327 type_upsell = 'standing' 15328 } 15329 console.log(type_upsell) 15330 if(type_upsell !== '') { 15331 const body = `<div class="item-card${price < 1 ? ' free' : ' nofree'} type-${products[i].product_type.toLowerCase()?.replace(' ', '_')}" data-variant="${variantId}" data-id=${id} data-qty="${qty === false ? 0 : ''}" data-upsell="${type_upsell}" data-tags="${tags}"> 15332 15333 <div class="card-image"> 15334 <img src="${img2}_150x.jpg" alt="${title}" width="" height="" /> 15335 </div> 15336 <div class="card-meta"> 15337 <h5>${title}</h5> 15338 <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p> 15339 <input id="card-${variantId}" type="hidden" name="" value="${variantId}"> 15340 </div> 15341 <div class="card-qty"> 15342 <a data-quantity="1" type="submit" id="q_down-${variantId}" class="btn-qty-min q_down drawer-cart" data-id="${variantId}"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="2" viewBox="0 0 12 2" fill="none"><path d="M0 1.90869V0.908691H12V1.90869H0Z" fill="black"/></svg></a> 15343 <input maxlength="3" min="0" class="btn-qty text-center quantity-cart-${variantId}
15343" value="0" data-price=${price} name="quantity"> 15344 <a data-quantity="1" type="submit" class="btn-qty-plus q_up text-green drawer-cart" data-id="${variantId}"><svg xmlns="https://carikapal.link/img/logo-2line.png" width="12" height="13" viewBox="0 0 12 13" fill="none"> 15345 <path d="M0 6.87023V5.94715H5.53846V0.408691H6.46154V5.94715H12V6.87023H6.46154V12.4087H5.53846V6.87023H0Z" fill="black"/> 15346 </svg></a> 15347 </div> 15348 </div>` 15349 html.push(body) 15350 } 15351 } 15352 $("#itemAddons .row").html(html.length === 0 ? '<p>No Item available</p>' : html) 15353 $("#itemAddons").attr("data-length", products.length) 15354 // $('#itemAddons')[0].swiper.update(); 15355 }); 15356 }) 15357 15358 async function isAddon(){ 15359 let ids = [] 15360 $("#itemAddons .item-card.selected").each(function(i, e){ 15361 const id = $(this).data("id") 15362 ids.push(id) 15363 }) 15364 console.log(ids) 15365 return ids 15366 } 15367 15368 $("#itemAddons").delegate(".item-card > div:not(.card-qty)", "click", async function(){ 15369 const t = $(this).parent() 15370 const id = t.data("id") 15371 const btn = t.parents(".purchaseAddon").find(".next-purchase-button") 15372 t.toggleClass("selected"); 15373 //$(this).next("input").toggleAttr('name', 'id[]'); 15374 if (t.hasClass('selected')) { 15375 t.find("input").val(1) 15376 t.find("input").attr('name', 'id[]'); 15377 } else { 15378 t.find("input").val(0) 15379 t.find("input").removeAttr('name'); 15380 } 15381 $("#properties-addons").val(addons) 15382 const is = await isAddon() 15383 if(is.length === 0) { 15384 btn.text("continue without add-ons") 15385 return 15386 } 15387 if(is.includes(8835692069079)) { 15388 btn.text("personalize acrylic frame") 15389 } else { 15390 btn.text("Continue") 15391 } 15392 15393 }) 15394 15395 async function myAddon(data) { 15396 const c = $(".addonsPurchase .addons") 15397 let items = [] 15398 15399 const spotifyAddons = $(".spotifyAddons").find("[data-index]") 15400 // if(spotifyAddons.length > 0) { 15401 // $(spotifyAddons).each(function(i, e){ 15402 // const spotifyLink = $(this).find(".spotifyLink").val() 15403 // const spotifySong = $(this).find(".spotifySong").val() 15404 // const spotifyArtist = $(this).find(".spotifyArtist").val() 15405 // const spotifyFotoAddon = $(this).find(".resultPhotoSpotify").val() 15406 // if(spotifyLink !== '') { 15407 // spotifyAddon = `<div class="addon-item" data-id="46067682607319" data-qty="1"> 15408 // <div class="addon-itm-img"> 15409 // <img src="https://cdn.shopify.com/s/files/1/1589/6833/files/Acrylic-Frame_8c71027d-43b7-4322-a98f-d34ab0456397_100x.jpg?v=1739160467" alt="" width="70"/> 15410 // </div> 15411 // <div class="addon-itm-title"> 15412 // <span>[US] Outerbloom Acrylic Frame 4R</span> 15413 // </div> 15414 // <div class="addon-itm-line-total"> 15415 // <span>Rp 99.000</span> 15416 // </div> 15417 // </div> 15418 // <div class="propsAddonSpotify row m-0"> 15419 // <div class="col-12 col-lg-2"></div> 15420 // <div class="col-12 col-lg-10"> 15421 // <p> 15422 // <span>spotify link</span> 15423 // <span class="spotifyLinkAddon">${spotifyLink}</span> 15424 // </p> 15425 // <p> 15426 // <span>uploaded photo</span> 15427 // <span class="spotifyFotoAddon">${spotifyFotoAddon}</span> 15428 // </p> 15429 // <p> 15430 // <span>song / playlist name</span> 15431 // <span class="spotifySongAddon">${spotifySong}</span> 15432 // </p> 15433 // <p> 15434 // <span>artist name</span>
15435 // <span class="spotifyArtistAddon">${spotifyArtist}</span> 15436 // </p> 15437 // </div> 15438 // </div>` 15439 // items.push(spotifyAddon) 15440 // } 15441 // }) 15442 // } 15443 for(let i = 0; i < data.length; i++) { 15444 if(data[i].title !== '[US] Outerbloom Acrylic Frame 4R' ) { 15445 const img = data[i].image 15446 const title = data[i].title 15447 const qty = data[i].qty 15448 const price = data[i].price 15449 const total = Number(qty) * Number(price) 15450 let addons = `<div class="addon-item" data-id="${data[i].id}" data-qty="${qty}"> 15451 <div class="addon-itm-img"> 15452 <img src="${img}" alt="" width="70"/> 15453 </div> 15454 <div class="addon-itm-title"> 15455 <span>${title}</span> 15456 </div> 15457 <div class="addon-itm-line-price"> 15458 <span>${rupiah.format(price)}</span> 15459 ${data[i].title == '[US] Outerbloom Acrylic Frame 4R' ? '' : `<span>x${qty}</span>`} 15460 </div> 15461 <div class="addon-itm-line-total"> 15462 <span>${rupiah.format(total)}</span> 15463 </div> 15464 </div>` 15465 items.push(addons) 15466 } 15467 } 15468 c.html(items) 15469 const parent = $(".purchaseAddon") 15470 const next = parent.next(".sectionPurchase") 15471 parent.addClass("hide") 15472 next.removeClass("hide") 15473 // if(items2.length === 0) return $("#popupCart").addClass("no-addon-cart") 15474 // $(".itemAddonCart").find("h4").text(`add-ons (${items2.length})`) 15475 } 15476 15477 async function listAddon() { 15478 const data = $("#itemAddons").find(".selected") 15479 let ids = [] 15480 $(data).each(function(){ 15481 const id = $(this).data("variant") 15482 const image = $(this).find(".card-image img").attr("src") 15483 const title = $(this).find(".card-meta h5").text() 15484 const qty = $(this).find(".card-qty input").val() 15485 const price = $(this).find(".card-qty input").data("price") 15486 ids.push({ 15487 id: Number(id), 15488 image, 15489 title, 15490 qty, 15491 price 15492 }) 15493 }) 15494 myAddon(ids) 15495 } 15496 15497 async function customSpotify(idx, length, type){ 15498 let isCard = false 15499 15500 let p = $(".purchasePopupSpotify") 15501 const preLink = $(".spotifyLinkFirst").val() 15502 $("[data-index]").hide() 15503 p.find(".headerPurchase h3").text(`personalize spotify photo print${length > 1 ? ` - ${idx}` : ''}`) 15504 p.find(".regulerAddons, .purchase-button").hide() 15505 p.find(".spotifyAddons").show() 15506 15507 const data = await trackUrl(preLink) 15508 15509 const html = `<div class="row" data-index=${idx} data-length=${length}><div class="col-12 col-lg-6"><div class="form-vertical position-relative"><div class="form-group mb-4"><h4>upload photo</h4><div class=uploadResult><label class=btn for=uploadPhotoSpotify><svg xmlns="https://carikapal.link/img/logo-2line.png" width="13" height="11" viewB
15509ox="0 0 13 11" fill="none"> 15510 <path d="M0.875 10.6378H12.375C12.4413 10.6378 12.5049 10.6115 12.5518 10.5646C12.5987 10.5177 12.625 10.4541 12.625 10.3878V0.387817C12.625 0.321513 12.5987 0.257925 12.5518 0.211041C12.5049 0.164157 12.4413 0.137817 12.375 0.137817H0.875C0.808696 0.137817 0.745107 0.164157 0.698223 0.211041C0.651339 0.257925 0.625 0.321513 0.625 0.387817V10.3878C0.625 10.4541 0.651339 10.5177 0.698223 10.5646C0.745107 10.6115 0.808696 10.6378 0.875 10.6378ZM1.125 10.1378V7.31882C1.136 7.31082 1.1485 7.30632 1.1585 7.29632L3.7165 4.73832C3.78198 4.67584 3.869 4.64098 3.9595 4.64098C4.05 4.64098 4.13702 4.67584 4.2025 4.73832L7.963 8.49882C8.00919 8.54501 8.07162 8.5713 8.13694 8.57204C8.20225 8.57279 8.26527 8.54794 8.3125 8.50282L10.2455 6.66682C10.3084 6.60323 10.3938 6.56684 10.4832 6.56543C10.5727 6.56403 10.6591 6.59774 10.724 6.65932L12.125 8.18532L12.1255 8.18582V10.1378H1.125ZM12.125 0.637817V7.44682L11.0845 6.31382C11.0066 6.23514 10.9138 6.17275 10.8116 6.13026C10.7094 6.08777 10.5997 6.06603 10.489 6.06632H10.4885C10.3786 6.06584 10.2697 6.08706 10.168 6.12876C10.0664 6.17046 9.97391 6.23182 9.896 6.30932L8.144 7.97332L4.556 4.38482C4.2365 4.06582 3.6815 4.06632 3.363 4.38482L1.125 6.62332V0.637817H12.125Z" fill="black"/> 15511 </svg><span>Upload your file</span></label></div><input class="uploadPhotoSpotify form-control d-none" accept=image/* type=file><input class="resultPhotoSpotify" type="hidden"></div><div class="form-group mb-5"><h4>Add your Spotify link here</h4> <input class="spotifyLink2 form-control spotifyLink" value="${preLink}" placeholder=https://open.spotify.com/ ></div><div class="form-group mb-4 text-left"><label class=checkbox for=isCustomMessage><span>Personalized Message</span><span class=checkmark></span></label></div><div class="form-group mb-4 form-personalize"><label class="text-left d-block mb-2 text-uppercase"for=spotifySong>Song / playlist name</label> ${data?.song ? `<input class="form-control spotifySong" value="${data?.song}">` : '<input class="form-control spotifySong" value="">'}</div><div class="form-group form-personalize"><label class="text-left d-block mb-2 text-uppercase"for=spotifyArtist>Artist name</label> ${data?.artist ? `<input class="form-control spotifyArtist" value="${data?.artist}">` : '<input class="form-control spotifyArtist" value="">'}</div><div class=btn-action><button class="back-spotify"><svg fill=none height=14 viewBox="0 0 15 14"width=15 xmlns=https://carikapal.link/img/logo-2line.png><path d="M14.5799 7.41992L2.32992 7.41992L7.57992 12.6699L6.91992 13.4199L0.419922 6.91992L6.91992 0.419922L7.57992 1.16992L2.32992 6.41992L14.5799 6.41992V7.41992Z"fill=black /></svg> <span>Back</span></button><button data-type="${isCard ? 'card' : ''}" ${isCard ? '' : 'id=addtocart-card'} class="text-uppercase btn w-100${type == 'addon' && idx == length ? ' finished' : ' no-addon'}" disabled>${isCard ? 'Continue Personalizing' : 'add to cart'}</button></div></div></div><div class="col-12 col-lg-6 columnRight"><div class=frame-spotify><div class=frameImage><div class=frameImageUploaded><svg xmlns="https://carikapal.link/img/logo-2line.png" width="13" height="11" viewB
15511ox="0 0 13 11" fill="none"> 15512 <path d="M0.875 10.6378H12.375C12.4413 10.6378 12.5049 10.6115 12.5518 10.5646C12.5987 10.5177 12.625 10.4541 12.625 10.3878V0.387817C12.625 0.321513 12.5987 0.257925 12.5518 0.211041C12.5049 0.164157 12.4413 0.137817 12.375 0.137817H0.875C0.808696 0.137817 0.745107 0.164157 0.698223 0.211041C0.651339 0.257925 0.625 0.321513 0.625 0.387817V10.3878C0.625 10.4541 0.651339 10.5177 0.698223 10.5646C0.745107 10.6115 0.808696 10.6378 0.875 10.6378ZM1.125 10.1378V7.31882C1.136 7.31082 1.1485 7.30632 1.1585 7.29632L3.7165 4.73832C3.78198 4.67584 3.869 4.64098 3.9595 4.64098C4.05 4.64098 4.13702 4.67584 4.2025 4.73832L7.963 8.49882C8.00919 8.54501 8.07162 8.5713 8.13694 8.57204C8.20225 8.57279 8.26527 8.54794 8.3125 8.50282L10.2455 6.66682C10.3084 6.60323 10.3938 6.56684 10.4832 6.56543C10.5727 6.56403 10.6591 6.59774 10.724 6.65932L12.125 8.18532L12.1255 8.18582V10.1378H1.125ZM12.125 0.637817V7.44682L11.0845 6.31382C11.0066 6.23514 10.9138 6.17275 10.8116 6.13026C10.7094 6.08777 10.5997 6.06603 10.489 6.06632H10.4885C10.3786 6.06584 10.2697 6.08706 10.168 6.12876C10.0664 6.17046 9.97391 6.23182 9.896 6.30932L8.144 7.97332L4.556 4.38482C4.2365 4.06582 3.6815 4.06632 3.363 4.38482L1.125 6.62332V0.637817H12.125Z" fill="black"/> 15513 </svg> <img src="" class=previewImage style=display:none></div></div><div class=frameControl><div class=spotifyData>${data?.song ? `<h3>${data?.song}</h3>` : '<h3><h3>'}${data?.artist ? `<p>${data?.artist}</p>` : '<p></p>'}</div><img src="//outerbloom.com/cdn/shop/t/138/assets/frame-spotify.png?v=138221849636560654691752652420"alt="spotify outerbloom" height=""width=100%><div class=spotifyCode><img src="https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:${data?.type.slice(0, -1)}:${data?.trackId}"alt=""></div></div></div></div></div>` 15514 // console.log(html) 15515 15516 $(".spotifyAddons").append(html) 15517 15518 $(`[data-index=${idx}]`).show() 15519 15520 if (preLink !== '') { 15521 $(".btn-action .btn").attr("disabled", false) 15522 } else { 15523 $(".btn-action .btn").attr("disabled", true) 15524 } 15525 15526 return html 15527 15528 } 15529 15530 $(".spotifyLinkFirst").keyup(async function(){ 15531 const v = $(this).val() 15532 if(v.includes('spotify:user:spotify')) { 15533 const correct = v.split('user:spotify:')[1] 15534 console.log(correct, 'BNER') 15535 $(this).val(correct) 15536 return 15537 } 15538 if(v.includes("spotify:") || v.includes("https://open.spotify.com/")){ 15539 const data = await trackUrl(v) 15540 if(!data || !data.status) { 15541 $(this).parent().addClass("error") 15542 // $(this).parent().append(`<p class="txt-error">Make sure you copy the complete and correct link from Spotify. Ex: https://open.spotify.com/track/0C3xZJueyBvvMSsl0cETA6</p>`) 15543 $("#personalizeBtnSpotify .btn").attr("disabled", true) 15544 return 15545 } 15546 $(this).parent().removeClass("error") 15547 // $(this).parent().remove("txt-error") 15548 $("#personalizeBtnSpotify .btn").attr("disabled", false) 15549 } else { 15550 $("#personalizeBtnSpotify .btn").attr("disabled", true) 15551 } 15552 }) 15553 15554 $(".purchaseAddon").delegate(".next-addon", "click", function(){ 15555 const parent = $(this).parents(".purchaseAddon") 15556 const next = parent.next(".sectionPurchase") 15557 if(next.hasClass("purchaseAddress")) { 15558 if(productType !== '') { 15559 console.log("clarity event " + productType + ' purchaseDelivery') 15560 window.clarity("event", `${productType} purchaseDelivery`) 15561 // window.clarity("set", productType, `purchaseDelivery - ${productDate}`) 15562 } 15563 } 15564 const data = $("#itemAddons").find(".selected") 15565 const length = $(".quantity-cart-46067682607319").val() 15566 const checked = data.length; 15567 if(checked > 0) { 15568 if(length > 0) { 15569 $(".purchaseAddon").addClass("purchaseAddonSpotify") 15570 customSpotify(1, length, 'addon') 15571 } else { 15572 listAddon() 15573 } 15574 } else { 15575 parent.addClass("hide") 15576 next.removeClass("hide") 15577 } 15578 }) 15579 15580 $("#personalizeBtnSpotify .btn").click(async function(){ 15581 const isCity = $("#cities[required]") 15582 const isDate = $("#propDeliveryDate[required]") 15583 if((isDate.length > 0 && isCity.length > 0) && (isCity.val() === '' || isDate.val() === '')) { 15584 alert('Please choose Delivery City & Delivery Date') 15585 return 15586 } 15587 const data = await customSpotify(1, 1, 'product') 15588 if(data) { 15589 $("#backgroundPopup").fadeIn("slow"); 15590 $(".purchasePopupSpotify").fadeIn("slow"); 15591 15592 if(productType !== '') { 15593 console.log("clarity event " + productType + ' spotify') 15594 window.clarity("event", `${productType} spotify`) 15595 // window.clarity("set", productType, `purchaseDelivery - ${productDate}`) 15596 } 15597 } 15598 }) 15599 15600 function formatBytes(bytes, decimals = 2) { 15601 if (!+bytes) return '0 Bytes' 15602
15603 const k = 1024 15604 const dm = decimals < 0 ? 0 : decimals 15605 const sizes = ['B', 'KB', 'MB'] 15606 15607 const i = Math.floor(Math.log(bytes) / Math.log(k)) 15608 15609 return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}` 15610 } 15611 15612 async function trackUrl(link){ 15613 try { 15614 let trackId = link.split('/').pop().split('?')[0]; 15615 let type = '' 15616 if(link.includes("spotify:")) { 15617 const uri = link.split('spotify:')[1] 15618 trackId = uri.split(':')[1] 15619 type = uri.split(':')[0] + 's' 15620 } else { 15621 if(link.match('track')){ 15622 type = 'tracks' 15623 } else if(link.match('playlist')) { 15624 type = 'playlists' 15625 } else if(link.match('artist')) { 15626 type = 'artists' 15627 } else if(link.match('album')) { 15628 type = 'albums' 15629 } 15630 } 15631 console.log(`${host}/api/spotify/${type}/${trackId}`) 15632 const data = await getFetch(`${host}/api/spotify/${type}/${trackId}`) 15633 console.log(data, 'DATA') 15634 const song = data?.data?.name 15635 const artist = data?.data?.artist 15636 return { 15637 song, artist, type, trackId, status: data.status 15638 } 15639 } catch(err) { 15640 console.log(err) 15641 } 15642 } 15643 15644 $(".spotifyAddons").delegate(".uploadPhotoSpotify", "change", async function(){ 15645 const parent = $(this).parents("[data-index]") 15646 const preview = parent.find(".previewImage") 15647 const file = $(this)[0].files[0]; 15648 if (file) { 15649 const reader = new FileReader(); 15650 reader.onload = async function(e) { 15651 parent.find(".uploadResult label").hide() 15652 parent.find(".uploadedResult").remove() 15653 parent.find(".uploadResult").append(`<div class="uploadedResult d-flex" style="justify-content: space-between"> 15654 <p style="text-align: left;margin: 0;"><span style="color: #34C759;font-style: italic;font-size: 14px;text-overflow: ellipsis;overflow: hidden;max-width: 250px;white-space: nowrap;display: inline-block;vertical-align: middle;">${file.name}</span><span style="font-size: 14px;color: #34C759"> (${formatBytes(file.size)})</span> <span style="font-size: 14px">is uploaded</span></p> 15655 <div style="align-self: center"><span class="changeUpload" style="font-size: 12px;cursor: pointer">Change</span><span class="removeUpload" style="cursor: pointer;border-left: 1px solid;padding-left: 10px;margin-left: 10px;height: 10px;display: inline-flex;vertical-align: middle;">
15655<svg fill="none" height="11" viewBox="0 0 10 11" width="10" xmlns="https://carikapal.link/img/logo-2line.png"> 15656 <path d="M2.07799 10.8332C1.78154 10.8332 1.52799 10.7276 1.31732 10.5165C1.10666 10.3054 1.0011 10.0523 1.00066 9.75716V1.49982H0.667322C0.572656 1.49982 0.493545 1.46782 0.429989 1.40382C0.366433 1.33982 0.334433 1.26049 0.333989 1.16582C0.333544 1.07116 0.365545 0.992047 0.429989 0.928491C0.494433 0.864935 0.573545 0.833158 0.667322 0.833158H3.00066C3.00066 0.69538 3.05177 0.57538 3.15399 0.473158C3.25621 0.370935 3.37621 0.319824 3.51399 0.319824H6.48732C6.6251 0.319824 6.7451 0.370935 6.84732 0.473158C6.94954 0.57538 7.00066 0.69538 7.00066 0.833158H9.33399C9.42866 0.833158 9.50777 0.865158 9.57132 0.929158C9.63488 0.993158 9.66688 1.07249 9.66732 1.16716C9.66777 1.26182 9.63577 1.34094 9.57132 1.40449C9.50688 1.46805 9.42777 1.49982 9.33399 1.49982H9.00066V9.75649C9.00066 10.0525 8.8951 10.3058 8.68399 10.5165C8.47288 10.7272 8.21954 10.8327 7.92399 10.8332H2.07799ZM8.33399 1.49982H1.66732V9.75649C1.66732 9.87605 1.70577 9.97427 1.78266 10.0512C1.85954 10.128 1.95799 10.1665 2.07799 10.1665H7.92399C8.04354 10.1665 8.14177 10.128 8.21866 10.0512C8.29554 9.97427 8.33399 9.87605 8.33399 9.75649V1.49982ZM3.87266 8.83316C3.96732 8.83316 4.04666 8.80116 4.11066 8.73716C4.17466 8.67316 4.20643 8.59405 4.20599 8.49982V3.16649C4.20599 3.07182 4.17399 2.99271 4.10999 2.92916C4.04599 2.8656 3.96666 2.8336 3.87199 2.83316C3.77732 2.83271 3.69821 2.86471 3.63466 2.92916C3.5711 2.9936 3.53932 3.07271 3.53932 3.16649V8.49982C3.53932 8.59449 3.57132 8.6736 3.63532 8.73716C3.69932 8.80116 3.77843 8.83316 3.87266 8.83316ZM6.12932 8.83316C6.22399 8.83316 6.3031 8.80116 6.36666 8.73716C6.43021 8.67316 6.46199 8.59405 6.46199 8.49982V3.16649C6.46199 3.07182 6.42999 2.99271 6.36599 2.92916C6.30199 2.86516 6.22288 2.83316 6.12866 2.83316C6.03399 2.83316 5.95466 2.86516 5.89066 2.92916C5.82666 2.99316 5.79488 3.07227 5.79532 3.16649V8.49982C5.79532 8.59449 5.82732 8.6736 5.89132 8.73716C5.95532 8.80071 6.03466 8.83271 6.12932 8.83316Z"fill=#757575 /> 15657 </svg> 15658 </span></div></div>`) 15659 parent.find(".frameImageUploaded svg").hide() 15660 parent.find(".frameImage").addClass("uploaded") 15661 preview.attr("src", e.target.result); 15662 preview.show(); 15663 let formData = new FormData(); 15664 formData.append("file", file); 15665 const response = await fetch(`${host}/api/upload?name=${file.name}&type=image/jpeg&r=${Date.parse(new Date)}`, { 15666 method: "POST", 15667 body: formData 15668 }) 15669 const result = await response.json(); 15670 if(result){ 15671 parent.find(".resultPhotoSpotify").val(result.url) 15672 } 15673 } 15674 15675 reader.readAsDataURL(file); 15676 } else { 15677 preview.hide(); 15678 } 15679 }); 15680 15681 $(".spotifyAddons").delegate(".uploadResult", "click", function(){ 15682 $(this).next("input[type=file]").trigger("click") 15683 }) 15684 15685 $(".spotifyAddons").delegate(".changeUpload", "click", function(){ 15686 $(this).parents("input[type=file]").trigger("click") 15687 }) 15688 15689 $(".spotifyAddons").delegate(".removeUpload", "click", function(){ 15690 const parent = $(this).parents("[data-index]") 15691 parent.find(".uploadPhotoSpotify").val("") 15692 parent.find(".uploadResult label").show() 15693 parent.find(".uploadedResult").remove() 15694 parent.find(".frameImageUploaded svg").show() 15695 parent.find(".previewImage").hide() 15696 parent.find(".frameImage").removeClass("uploaded") 15697 }) 15698 15699 $(".spotifyAddons").delegate("label.checkbox", "click", function(){ 15700 const parent = $(this).parents("[data-index]") 15701 parent.toggleClass("checked") 15702 }) 15703 15704 $(".spotifyAddons").delegate(".spotifyLink", "change", async function(){ 15705 const parent = $(this).parents("[data-index]") 15706 const link = $(this).val() 15707 const data = await trackUrl(link) 15708 15709 console.log(data) 15710 15711 if(data.song) { 15712 parent.find(".spotifySong").val(data.song) 15713 parent.find(".spotifyData").find("h3").text(data.song) 15714 } 15715 if(data.artist) { 15716 parent.find(".spotifyArtist").val(data.artist) 15717 parent.find(".spotifyData").find("p").text(data.artist) 15718 } 15719 parent.find(".spotifyCode img").attr("src", `https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:${data.type.slice(0, -1)}:${data.trackId}`) 15720 // https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:track:1er51HCEBhIAtoEemKuC3M 15721 if (data.status === true) { 15722 parent.find(".btn-action .btn").attr("disabled", false) 15723 } else { 15724 parent.find(".btn-action .btn").attr("disabled", true) 15725 } 15726 }) 15727
15728 $(".spotifyAddons").delegate(".spotifySong", "keyup", async function(){ 15729 const parent = $(this).parents("[data-index]") 15730 const v = $(this).val() 15731 parent.find(".spotifyData h3").text(v) 15732 }) 15733 15734 $(".spotifyAddons").delegate(".spotifyArtist", "keyup", async function(){ 15735 const parent = $(this).parents("[data-index]") 15736 const v = $(this).val() 15737 parent.find(".spotifyData p").text(v) 15738 }) 15739 15740 $(".spotifyAddons").delegate(".btn-action .btn:not(.no-addon)", "click", async function(){ 15741 const parent = $(this).parents("[data-index]") 15742 const length = parent.data("length") 15743 const index = parent.data("index") 15744 const indexNext = Number(index) + 1 15745 customSpotify(indexNext, length, 'addon') 15746 }) 15747 15748 15749 $(".spotifyAddons").delegate(".btn-action .btn.finished", "click", async function(){ 15750 const parent = $(this).parents(".purchaseAddon") 15751 const next = parent.next(".sectionPurchase") 15752 parent.addClass("hide") 15753 next.removeClass("hide") 15754 next.find(".purchase-button").show() 15755 listAddon() 15756 }) 15757 15758 $(".spotifyAddons").delegate(".back-spotify", "click", async function(){ 15759 const t = $(this).parents("[data-index]") 15760 const parent = $(this).parents(".sectionPurchase") 15761 const current = t.data("index") 15762 const prevCurrent = Number(current) - 1 15763 if(current == 1) { 15764 parent.removeClass("purchaseAddonSpotify") 15765 parent.find(".purchase-button").show() 15766 parent.find(".headerPurchase h3").text("Make It More Special with Add-Ons!") 15767 $(".spotifyAddons").empty() 15768 $(".regulerAddons").show() 15769 return 15770 } 15771 t.hide() 15772 t.prev("[data-index]").show() 15773 t.remove() 15774 parent.find(".headerPurchase h3").text(`personalize spotify photo print - ${prevCurrent}`) 15775 }) 15776 15777 $("#personalizeBtn .btn").click(async function() { 15778 loadPopupPersonalize() 15779 }); 15780 15781 $(".sectionPurchaseSpotify").delegate(".btn[data-type=card]", "click", function(){ 15782 $(".sectionPurchaseSpotify").hide() 15783 loadPopupPersonalize() 15784 }) 15785 15786 $(".close-purchase-popup").click(function() { 15787 disablePopup(); 15788 }); 15789 $("#backgroundPopup").click(function() { 15790 // disablePopup(); 15791 }); 15792 15793 $("#popupCart .close-purchase-popup").click(function() { 15794 location.reload() 15795 }); 15796 15797 $('#popupCart').on('hide.bs.modal', function (e) { 15798 location.reload() 15799 }) 15800 15801 $(".next-card").click(function(){ 15802 const parent = $(this).parents(".sectionPurchase") 15803 const next = parent.next(".sectionPurchase") 15804 parent.addClass("hide") 15805 next.removeClass("hide") 15806 }) 15807 15808 $(".back-purchase-button").click(function(){ 15809 const parent = $(this).parents(".sectionPurchase") 15810 const prev = parent.prev(".sectionPurchase") 15811 parent.addClass("hide") 15812 prev.removeClass("hide") 15813 }) 15814 15815 $(document).keypress(function(e) { 15816 if (e.keyCode == 27 && popupStatus == 1) { 15817 disablePopup(); 15818 } 15819 }); 15820 15821 const parentImg = $(".case-img-preview") 15822 const parentVid = $(".case-video-preview") 15823 15824 function readURL(input) { 15825 if (input.files && input.files[0]) { 15826 let reader = new FileReader(); 15827 15828 let type = 'image/jpeg' 15829 const size = input.files[0].size 15830 if(input.files[0].type.match('video/')){ 15831 type = 'video/mp4' 15832 if(size > 15728640) { 15833 alert('File size exceeds maximum limit 15 MB') 15834 return 15835 } 15836 } else { 15837 if(size > 5242880) { 15838 alert('File size exceeds maximum limit 5 MB') 15839 return 15840 } 15841 } 15842 15843 reader.onload = function (e) { 15844 $(".nextBtn").attr("disabled", true) 15845 if(type === 'image/jpeg') { 15846 15847 $('.placeholder-image').hide(); 15848 $('.preview-image').show() 15849 $('.preview-image').attr('src', e.target.result); 15850 15851 } else { 15852 // parentVid.find(".ajax-loader").show(); 15853 $(".steps-card-preview").addClass("loading") 15854 } 15855 } 15856 15857 15858
15859 reader.readAsDataURL(input.files[0]); 15860 } 15861 } 15862 15863 async function readURLPapan(input) { 15864 if (input.files && input.files[0]) { 15865 let reader = new FileReader(); 15866 15867 reader.onload = function (e) { 15868 $('.btn-upload-papan').siblings('label').hide(); 15869 $('.btn-upload-papan img').attr('src', e.target.result); 15870 $('.btn-upload-papan img').show(); 15871 $('.svgLogoPapan').hide(); 15872 } 15873 15874 const type = 'image/jpeg' 15875 const name = `logo-8359546319899-${Date.parse(new Date())}` 15876 15877 let formData = new FormData(); 15878 formData.append("file", input.files[0]); 15879 const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, { 15880 method: "POST", 15881 body: formData 15882 }) 15883 const result = await response.json(); 15884 if(result) { 15885 const url = result.url 15886 $("[data-properties=papan-logo]").val(url) 15887 } 15888 15889 reader.readAsDataURL(input.files[0]); 15890 } 15891 } 15892 15893 async function readURLAddress(input) { 15894 console.log(input, 'readURLAddress') 15895 if (input.files && input.files[0]) { 15896 let reader = new FileReader(); 15897 15898 reader.onload = function (e) { 15899 $('.photo-address').attr('src', e.target.result); 15900 $('.photo-address').show(); 15901 } 15902 15903 const type = 'image/jpeg' 15904 const name = input.files[0].name?.split('.')[0] 15905 15906 let formData = new FormData(); 15907 formData.append("file", input.files[0]); 15908 const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, { 15909 method: "POST", 15910 body: formData 15911 }) 15912 const result = await response.json(); 15913 15914 reader.readAsDataURL(input.files[0]); 15915 15916 return result 15917 } 15918 } 15919 15920 15921 15922 15923 async function addToCartUang() { 15924 var productAddOnId1 = 42122101162199; 15925 var productAddOnId2 = 42122101194967; 15926 var product_id = 8359546319899 15927 const data = { 15928 items: [ 15929 { 15930 quantity: $("#Quantity-" + productAddOnId1).val(), 15931 id: productAddOnId1, 15932 "properties": { "Time": $("#properties-time").val() } 15933 }, 15934 { 15935 quantity: $("#Quantity-" + productAddOnId2).val(), 15936 id: productAddOnId2, 15937 "properties": { "Time": $("#properties-time").val() } 15938 } 15939 ] 15940 } 15941 await fetch(window.Shopify.routes.root + 'cart/add.js', { 15942 method: 'POST', 15943 headers: { 15944 'Content-Type': 'application/json' 15945 }, 15946 body: JSON.stringify(data) 15947 }) 15948 .then(response => { 15949 console.error('Sukses Buket Uang:', response); 15950 $(".form-flower").submit() 15951 }) 15952 .catch((error) => { 15953 console.error('Error Buket Uang:', error); 15954 $(".form-flower").submit() 15955 }); 15956 } 15957 15958 async function saveCard(){ 15959 let isCard = true 15960 const kartu_penerima = $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '' 15961 const kartu_pengirim = $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '' 15962 const kartu_ucapan = $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '' 15963 const foto = $("#properties-photo").val() 15964 const video = $("#properties-video").val() 15965 const data = JSON.stringify({ 15966 "id": qrID, 15967 "penerima": $("#properties-nama-penerima").val(), 15968 "kartu_penerima": kartu_penerima, 15969 "kartu_ucapan": kartu_ucapan, 15970 "kartu_pengirim": kartu_pengirim, 15971 "foto": foto, 15972 "video": video, 15973 "productId": "8359546319899", 15974 "order_name": "", 15975 "status": "Cart" 15976 }) 15977 15978 15979 } 15980 15981 async function additem(items){ 15982 try { 15983 let formData = items 15984 if(items?.length) { 15985 formData = { 15986 'items': items 15987 }; 15988 } 15989 15990 const add = await fetch(window.Shopify.routes.root + 'cart/add.js', { 15991 method: 'POST', 15992 headers: { 15993 'Content-Type': 'application/json', 15994 'X-Requested-With':'xmlhttprequest' /* XMLHttpRequest is ok too, it's case insensitive */ 15995 }, 15996 body: JSON.stringify(formData) 15997 }) 15998 15999 const data = await add.json(); 16000 return data 16001 } catch(err){ 16002 console.log('Error additem', err) 16003 } 16004 } 16005 16006 async function addons(){ 16007 let items = [] 16008 $(".addon-item").each(function(){ 16009 const p = $(this) 16010 const props = p.next(".propsAddonSpotify") 16011 const id = $(this).data("id") 16012 const quantity = $(this).data("qty") 16013 const propId = $("#properties-time").val() 16014 let properties = {} 16015 if(id === 46067682607319) { 16016 const link = props.find(".spotifyLinkAddon").text() 16017 const photo = props.find(".spotifyFotoAddon").text() 16018 const song = props.find(".spotifySongAddon").text() 16019 const artist = props.find(".spotifyArtistAddon").text() 16020 properties = { 16021 id: propId, 16022 "Spotify Link": link !== '' ? link : '-', 16023 "Spotify Photo": photo !== '' ? photo : '-', 16024 "Spotify Song": song !== '' ? song : '-', 16025 "Spotify Artist": artist !== '' ? artist : '-', 16026 type: 'addon' 16027 } 16028 } else { 16029 properties = { 16030 "id": propId, 16031 "type": "addon" 16032 } 16033 } 16034 items.push({ 16035 id, 16036 quantity, 16037 properties 16038 }) 16039 }) 16040 return items 16041 } 16042 16043 async function propItems() { 16044 let props = {} 16045 $("[data-properties]").each(function(e){
16046 let elementType = this.tagName; 16047 const k = $(this).data("properties") 16048 if(k !== 'penerima' && k !== 'ucapan' && k !== 'pengirim' && k !== 'nama-penerima' && k !== 'alamat-penerima' && k !== 'telepon-penerima' && k !== 'company' && k !== 'province' && k !== 'foto-alamat' && k !== 'papan-logo') { 16049 const v = elementType === 'SELECT' ? $(this).find(":selected").val() : $(this).val(); 16050 if(v !== '') { 16051 props[k] = v?.replace(/[\s\n]/g, ''); 16052 } 16053 } 16054 }) 16055 return props 16056 } 16057 16058 async function showPopupCart(items){ 16059 if(productType !== '') { 16060 console.log("clarity event " + productType + ' completeOrder') 16061 window.clarity("event", `${productType} completeOrder`) 16062 // window.clarity("set", productType, `completeOrder - ${productDate}`) 16063 } 16064 $("#popupCart").show() 16065 16066 $(".propDeliveryCity").text($("#cities").val()) 16067 $(".propDeliveryDate").text($("#propDeliveryDate").val()) 16068 $(".propDeliveryTime").text($("#propDeliveryTime").val()) 16069 $(".propDeliveryName").text($("[data-properties=nama-penerima]").val()) 16070 $(".propDeliveryAddress").text($("[data-properties=alamat-penerima]").val()) 16071 $(".propDeliveryPhone").text($("[data-properties=telepon-penerima]").val()) 16072 $(".propDeliveryProv").text($("#province").val()) 16073 $(".propDeliveryZip").text($("#zip").val()) 16074 16075 16076 16077 const addons = [] 16078 if(items && items.length > 0) { 16079 for(let i = 1; i < items.length; i++) { 16080 const spotifyLink = items[i].properties['Spotify Link'] 16081 const spotifyPhoto = items[i].properties['Spotify Photo'] 16082 const spotifySong = items[i].properties['Spotify Song'] 16083 const spotifyArtist = items[i].properties['Spotify Artist'] 16084 const price = items[i].price / 100 16085 const props = spotifyLink ? `<div class="propsAddonCart row m-0"> 16086 <div class="col-12 col-lg-2"></div> 16087 <div class="col-12 col-lg-10"> 16088 <p> 16089 <span>spotify link</span> 16090 <span>${spotifyLink}</span> 16091 </p> 16092 <p> 16093 <span>Upload Photo</span> 16094 <span>${spotifyPhoto}</span> 16095 </p> 16096 <p> 16097 <span>song / playlist name</span> 16098 <span>${spotifySong}</span> 16099 </p> 16100 <p> 16101 <span>artist name</span> 16102 <span>${spotifyArtist}</span> 16103 </p> 16104 </div> 16105 </div>` : ''; 16106 addons.push(`<div class="row m-0"> 16107 <div class="imgAddonCart col-2"> 16108 <img 16109 width="43" 16110 src="${items[i].image}" 16111 alt="" 16112 > 16113 </div> 16114 <div class="imgAddonTitlePrice col-10 align-self-center"> 16115 <div class="row justify-content-between m-0"> 16116 <div class="col-12 col-lg-8"> 16117 <h5>${items[i].title}</h5> 16118 </div> 16119 <div class="col-12 col-lg-4 text-lg-right"> 16120 <span>${rupiah.format(price)}</span> 16121 </div> 16122 </div> 16123 </div> 16124 </div>${props}`) 16125 } 16126 } 16127 // console.log(addons) 16128 if(addons.length === 0) { 16129 $(".itemAddonCart").hide() 16130 return 16131 } 16132 $(".toggleAddonCart h4").text(`add-ons (${items.length - 1})`) 16133 $(".wrapperItemAddonCart").html(addons) 16134 } 16135 16136 const money = (money) => { 16137 return new Intl.NumberFormat('id-ID', 16138 { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 } 16139 ).format(money); 16140 } 16141 16142 async function showNoteMoney() { 16143 let qty50k = $("[data-properties='Uang 50k']").val() 16144 let qty100k = $("[data-properties='Uang 100k']").val() 16145 const total50k = Number(qty50k) * 50000 16146 const total100k = Number(qty100k) * 100000 16147 const total_all = total50k + total100k 16148 $(".prop50k").html(`<span>${qty50k} Lembar: <strong class="pl-1">${money(total50k)}</strong></span>`) 16149 $(".prop100k").html(`<span>${qty100k} Lembar: <strong class="pl-1">${money(total100k)}</strong></span>`) 16150 $(".itemMoney").html(`<p>For the money arrangement, please transfer <strong>IDR ${money(total_all)}</strong> to <strong>Bank Mandiri 1020001234522 (PT Modern Mekar Abadi)</strong> and contact our <a href="https://store.astrokamalsharma.site" target="_blank" style="text-decoration: underline;
16150 color: #8d3f2d">Customer Service</a> to confirm with proof of payment.</p>`) 16151 } 16152 16153 async function removeImage() { 16154 const data = JSON.stringify({ 16155 "ID": $("#properties-properties-qrId").val(), 16156 "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 16157 "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 16158 "Kartu Ucapan": $("[data-properties=ucapan]").val(), 16159 "Nama Penerima": $("#properties-nama-penerima").val(), 16160 "Order Number":"", 16161 "Status":"Product", 16162 "Foto": "", 16163 "Media": $("#properties-video").val(), 16164 "Image": "8359546319899" 16165 }) 16166 const remove = updateCard(data) 16167 if(remove) { 16168 $(this).hide() 16169 $("#properties-photo").val("-") 16170 $(".placeholder-image").show() 16171 $(".preview-image").attr("src", "") 16172 } 16173 } 16174 16175 async function removeVideo() { 16176 const data = JSON.stringify({ 16177 "ID": $("#properties-properties-qrId").val(), 16178 "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val(), 16179 "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val(), 16180 "Kartu Ucapan": $("[data-properties=ucapan]").val(), 16181 "Nama Penerima": $("#properties-nama-penerima").val(), 16182 "Order Number":"", 16183 "Status":"Product", 16184 "Foto": $("#properties-photo").val(), 16185 "Media": "", 16186 "Image": "8359546319899" 16187 }) 16188 const remove = updateCard(data) 16189 if(remove) { 16190 $("#properties-video").val("-") 16191 $(this).find("img").hide() 16192 $(this).hide() 16193 $(this).prev("p").text("Add video to make it more special (optional)") 16194 $("#label-input-video").show() 16195 $("#label-input-video span").text("Upload Video") 16196 $(".case-video-preview p span").remove() 16197 } 16198 } 16199 16200 async function loadItemOccasion(t, occasion) { 16201 const name = occasion?.replace('greeting-card-', '') 16202 $("#kartu-ucapan").val("") 16203 $("[data-occassion]").removeClass("selected") 16204 $("[data-properties=ucapan]").val("") 16205 $("#save-card").attr("disabled", true) 16206 t.addClass("selected") 16207 $("#show_note").attr("data-card-occassion", name) 16208 $.get(`https://outerbloom.com/collections/${occasion}/products.json`, function(data, status){ 16209 const products = data.products 16210 const html = [] 16211 for(let i = 0; i < products.length; i++) { 16212 const id = products[i].id 16213 const variantId = products[i].variants[0].id 16214 const img = products[i].images[0].src 16215 const title = products[i].title 16216 const price = products[i].variants[0].price 16217 const qty = products[i].variants[0].inventory_quantity 16218 const body = `<div class="item-card${price < 1 ? ' free' : ' nofree'}${i === 0 ? ' selected' : ''}" data-id=${id}> 16219 <label for="card-${variantId}"></label> 16220 <div class="card-image"> 16221 <img src="${img}" alt="${title}" width="" height="" /> 16222 </div> 16223 <div class="card-meta text-center"> 16224 <h5>${title}</h5> 16225 <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p> 16226 <input id="card-${variantId}" type="radio" name="id" value="${variantId}" data-price="${price}"> 16227 </div> 16228 </div>` 16229 html.push(body) 16230 } 16231 const withoutCard = `<div class="item-card item-without-card"> 16232 <label for="card-0"></label> 16233 <div class="card-image"> 16234 <img src="https://cdn.shopify.com/s/files/1/1589/6833/t/129/assets/without-card.png?v=1747632283" alt="Without card" width="" height="" /> 16235 </div> 16236 <div class="card-meta text-center"> 16237 <h5>
16237Send without a greeting card</h5> 16238 <input id="card-0" type="radio" name="id" value="" data-price=""> 16239 </div> 16240 </div>` 16241 $("#itemCards .items-card").html(html.length === 0 ? '<p>No Item available</p>' : html.join("")) 16242 }); 16243 } 16244 16245 $(document).ready(function(){ 16246 16247 // Observer to auto-trigger addon loading when addon section becomes visible 16248 const addonObserver = new MutationObserver(function(mutations) { 16249 mutations.forEach(function(mutation) { 16250 const target = $(mutation.target) 16251 if(target.hasClass('purchaseAddon') && mutation.type === 'attributes' && mutation.attributeName === 'class') { 16252 if(!target.hasClass('hide')) { 16253 // Addon section just became visible, ensure items are loaded 16254 setTimeout(function() { 16255 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 16256 console.log("Auto-triggering addon load...") 16257 $("[data-addon=upsell-all]").trigger("click") 16258 } 16259 }, 150) 16260 } 16261 } 16262 }) 16263 }) 16264 16265 // Start observing addon section 16266 const addonSection = document.querySelector('.purchaseAddon') 16267 if(addonSection) { 16268 addonObserver.observe(addonSection, { 16269 attributes: true, 16270 attributeFilter: ['class'] 16271 }) 16272 } 16273 16274 $(".purchasePopup").delegate("#addtocart-card", "click", async function(){ 16275 16276 $(this).find("span").addClass("loading") 16277 let isValid = true 16278 $(".formAddressPurchase [required]").each(function(){ 16279 const t = $(this) 16280 const input = t.val() 16281 const p = t.parent() 16282 if(input === '') { 16283 p.addClass("error") 16284 isValid = false 16285 } 16286 }) 16287 16288 if(!isValid) { 16289 $(this).find("span").removeClass("loading") 16290 return 16291 } 16292 16293 let items = [] 16294 const mainProps = { 16295 16296 "Delivery Date": $("#propDeliveryDate").val(), 16297 "Delivery Time": $("#propDeliveryTime").val() !== '' ? $("#propDeliveryTime").val() : '-' , 16298 "Kota Pengiriman": $("#cities").val(), 16299 "Nama Penerima": $("[data-properties=nama-penerima]").val() !== '' ? $("[data-properties=nama-penerima]").val() : '-' , 16300 "Alamat Penerima": $("[data-properties=alamat-penerima]").val() !== '' ? $("[data-properties=alamat-penerima]").val() : '-' , 16301 "Kodepos": $("#zip").val() !== '' ? $("#zip").val() : '-' , 16302 "Telepon Penerima": $("[data-properties=telepon-penerima").val() !== '' ? $("[data-properties=telepon-penerima").val() : '-' , 16303 16304 16305 "Papan Nama Penerima": $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '-' , 16306 "Papan Ucapan": $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '-' , 16307 "Papan Nama Pengirim": $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '-' , 16308 "Papan Logo": $("[data-properties=papan-logo]").val() !== '' ? $("[data-properties=papan-logo]").val() : '-' , 16309 "Foto Alamat": $("[data-properties=foto-alamat]").val() !== '' ? $("[data-properties=foto-alamat]").val() : '-' , 16310 16311 16312 "Province": $("#province").val() !== '' ? $("#province").val() : '-' , 16313 "Country": $("#properties-kota-pengiriman-country").val() !== '' ? $("#properties-kota-pengiriman-country").val() : '-' , 16314 "Shipping": $("#properties-shipping").val() !== '' ? $("#properties-shipping").val() : '-' , 16315 "Company": $("[data-properties=company]").val() !== '' ? $("[data-properties=company]").val() : '-' , 16316 "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', 16317 "type": 'product' 16318 } 16319 const props = await propItems() 16320 properties = {...mainProps, ...props }; 16321 const id = $("#productSelect").find('option:selected').val() 16322 console.log(id, 'main ID') 16323 const mainItem = { 16324 id: Number(id), 16325 quantity: 1, 16326 properties 16327 } 16328 items.push(mainItem) 16329 const cardId = $("#itemCards").find(".selected input").val() 16330 const cardItem = { 16331 id: Number(cardId), 16332 quantity: 1, 16333 properties: { "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', type: 'card' } 16334 } 16335 console.log(cardId, 'cardId') 16336 if(cardId) { 16337 items.push(cardItem) 16338 } 16339 const addon = await addons() 16340 if(addon) { 16341 for(let i = 0;
16341 i < addon.length; i++){ 16342 items.push({ 16343 id: addon[i].id, 16344 quantity: addon[i].quantity, 16345 properties: addon[i].properties 16346 }) 16347 } 16348 } 16349 const addItems = await additem(items) 16350 console.log(addItems.items, 'add items') 16351 if(addItems) { 16352 $(this).find("span").removeClass("loading") 16353 disablePopup() 16354 showPopupCart(addItems.items) 16355 16356 localStorage.setItem("items", JSON.stringify(addItems.items)) 16357 } 16358 }) 16359 16360 $("#addtocart-cart .btn").click(async function(){ 16361 const id = $("#productSelect").find('option:selected').val() 16362 const mainProps = { 16363 id: $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', 16364 type: 'product' 16365 } 16366 const props = await propItems() 16367 const properties = { ...mainProps, ...props }; 16368 const items = { 16369 id: Number(id), 16370 quantity: 1, 16371 properties 16372 } 16373 const addItems = await additem(items) 16374 if(addItems) { 16375 showPopupCart(addItems.items) 16376 localStorage.setItem("items", JSON.stringify(addItems)) 16377 } 16378 }) 16379 16380 $(".formAddressPurchase [required]").change(function(){ 16381 const t = $(this) 16382 const p = t.parent() 16383 const v = t.val() 16384 if(v !== '') { 16385 p.removeClass("error") 16386 } 16387 }) 16388 16389 $("#save-card").click(async function(){ 16390 const parent = $(this).parents(".sectionPurchase") 16391 const next = parent.next(".sectionPurchase") 16392 $(this).find("span").addClass("loading") 16393 const card = await saveCard() 16394 console.log(card, 'ssaveCCC') 16395 if(card?.status === 200 || card?.status === 201) { 16396 $(".scanCard").removeClass("hide") 16397 $(this).find("span").removeClass("loading") 16398 parent.addClass("hide") 16399 next.removeClass("hide") 16400 if(next.hasClass("purchaseAddon")) { 16401 $("[data-addon=upsell-all]").click() 16402 console.log("clarity event addons") 16403 window.clarity("event", `${productType} add-ons`) 16404 // Ensure addon items are loaded when entering addon popup 16405 setTimeout(function() { 16406 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 16407 $("[data-addon=upsell-all]").trigger("click") 16408 } 16409 }, 100) 16410 } 16411 if(next.hasClass("purchaseAddress")) { 16412 $("#zip").select2() 16413 } 16414 } 16415 }) 16416 16417 $("#skip-card").click(async function(){ 16418 $("#greetingCard [data-properties]").val("") 16419 $("#properties-photo").val("") 16420 $("#properties-video").val("") 16421 const parent = $(this).parents(".sectionPurchase") 16422 const next = parent.next(".sectionPurchase") 16423 parent.addClass("hide") 16424 next.removeClass("hide") 16425 // $("#itemCards").html("") 16426 removeImage() 16427 removeVideo() 16428 if(next.hasClass("purchaseAddon")) { 16429 $("[data-addon='upsell-all']").click() 16430 console.log("clarity event addons") 16431 window.clarity("event", `${productType} add-ons`) 16432 // Ensure addon items are loaded when entering addon popup 16433 setTimeout(function() { 16434 if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) { 16435 $("[data-addon='upsell-all']").trigger("click") 16436 } 16437 }, 100) 16438 } 16439 if(next.hasClass("purchaseAddress")) { 16440 $("#zip").select2() 16441 } 16442 }) 16443 16444 $("#msgCard").click(async function(){ 16445 $(this).parent().addClass("loading") 16446 let occasion = $(".selected[data-occassion]").data("occassion") 16447 occasion = occasion?.replace("greeting-card-", "") 16448 const { data } = await getFetch(`${host}/api/card/template/occasion?name=${occasion}`); 16449 const d = data?.data 16450 for(let i = 0; i < d.length; i++) { 16451 const num = Math.floor(Math.random() * (d.length - 1 + 1) + 1); 16452 const greeting = d[num]?.Greeting 16453 $(".greetingCard textarea").val(greeting) 16454 $(this).parent().removeClass("loading") 16455 } 16456 $("#save-card").attr("disabled", false) 16457 }) 16458 16459 $(".sectionPurchaseBoard .next-purchase-button").click(function(){ 16460 const parent = $(this).parents(".sectionPurchase") 16461 const next = parent.next(".sectionPurchase") 16462 parent.addClass("hide") 16463 next.removeClass("hide") 16464 }) 16465 16466 $("#editCard").click(function(){ 16467 $(".custom-card").show() 16468 $(".preview-card").hide() 16469 }) 16470 16471 $("#first_name, #last_name").change(function(){ 16472 const v = $(this).val() 16473 const first_name = $("#first_name").val() 16474 const last_name = $("#last_name").val() !== '' ? ' ' + $("#last_name").val() : '' 16475 $("[data-properties=nama-penerima]").val(first_name+last_name) 16476 }) 16477 16478 $("[data-occassion]").click(function(){ 16479 const t = $(this) 16480 const p = t.parents(".sectionPurchase") 16481 // $(".greetingCard").addClass("disabled") 16482 const occasion = t.data("occassion") 16483 loadItemOccasion(t, occasion) 16484 }) 16485 16486 $("#itemCards").delegate(".item-card:not(.item-without-card) label", "click", function(){ 16487 const id = $(this).parent(".item-card").data("id") 16488 const t = $(this).parent(".item-card") 16489 const target = t.find("input") 16490 const v = $('.item-card input[type="radio"]:checked').val(); 16491 $("#itemCards .item-card").removeClass("selected") 16492 t.addClass("selected") 16493 $("#itemCards .item-card").find("input").attr("name", "") 16494 if(target.length > 0) { 16495 target.attr("name", "id[]") 16496 $("#properties-card").val(id) 16497 $(".greetingCard").removeClass("disabled") 16498 $("#skip-card").attr("disabled", false) 16499 } else { 16500 $("#properties-card").val("") 16501 } 16502 }) 16503 16504 $("#itemCards").delegate(".item-without-card label", "click", function(){ 16505 const parent = $(this).parents(".sectionPurchase") 16506 const next = parent.next(".sectionPurchase") 16507 $(".greetingCard").addClass("disabled") 16508 parent.addClass("hide") 16509 next.removeClass("hide") 16510 $("[data-addon=upsell-all]").click() 16511 $("#zip").select2() 16512 }) 16513 16514 $("[data-properties=ucapan]").keyup(function(){ 16515 const v = $(this).val() 16516 const p = $(this).parents(".sectionPurchase") 16517 $(".purchaseAddress").find(".greetingCard textarea").val(v) 16518 if(v.length > 3) { 16519 p.find(".next-purchase-button").attr("disabled", false) 16520 } else { 16521 p.find(".next-purchase-button").attr("disabled", true) 16522 } 16523 }) 16524 16525 $("[data-properties=penerima]").keyup(function(){ 16526 const v = $(this).val() 16527 $(".purchaseAddress").find("[data-properties=penerima]").val(v) 16528 }) 16529 16530 $("[data-properties=pengirim]").keyup(function(){ 16531 const v = $(this).val() 16532 $(".purchaseAddress").find("[data-properties=pengirim]").val(v) 16533 }) 16534 16535 $(document).click(function(e){
16536 16537 if($(e.target).closest('.wrapperPopupCart').length != 0) return false; 16538 // $('#popupCart').fadeOut('slow'); 16539 // location.reload() 16540 }); 16541 16542 $(".toggleAddonCart").click(function(){ 16543 const p = $(this).parent(".itemAddonCart") 16544 p.toggleClass("open") 16545 }) 16546 16547 $(".btnViewCart").click(function(){ 16548 window.location.href = "https://outerbloom.com/cart"; 16549 }) 16550 16551 $(".btnViewCheckout").click(async function(){ 16552 $(this).find("span").addClass("loading") 16553 let zip = $("#zip").val() 16554 const first_name = $("#first_name").val() 16555 const last_name = $("#last_name").val() 16556 const company = $("#company").val() !== '' ? $("#company").val() : '' 16557 const address1 = $("#delivery_address").val() 16558 const address2 = zip && zip !== '' ? zip?.split(' - ')[1] : '' 16559 zip = zip && zip !== '' ? zip?.split(' - ')[0] : '' 16560 const phone = $("#recipient_number").val() 16561 const city = $("#cities").val() 16562 const province = $("#province").val() 16563 const country = 'Indonesia' 16564 const ver = Date.parse(new Date()) 16565 const params = `checkout[email]=&checkout[shipping_address][first_name]=${first_name}&checkout[shipping_address][last_name]=${last_name}&checkout[shipping_address][company]=${company}&checkout[shipping_address][address1]=${address1}&checkout[shipping_address][address2]=${address2}&checkout[shipping_address][city]=${city}&checkout[shipping_address][country]=${country}&checkout[shipping_address][province]=${province}&checkout[shipping_address][zip]=${zip}&checkout[shipping_address][phone]=${phone}&v=${ver}` 16566 16567 const clear = await fetch(`/cart/clear.js`, {method: 'POST'}) 16568 if(clear.status === 200) { 16569 const savedItem = window.localStorage.getItem("items"); 16570 const items = JSON.parse(savedItem) 16571 const addItems = await additem(items) 16572 console.log(addItems, 'new addItems') 16573 if(addItems) { 16574 window.location.href = `https://outerbloom.com/checkout?${params}`; 16575 } 16576 } 16577 }) 16578 16579 $(".btnContinueShopping").click(function(){ 16580 window.location.href = "https://outerbloom.com/"; 16581 }) 16582 16583 if (isIOS) { 16584 $(".empty-state-card").click(function(){ 16585 $("#input-foto").trigger("click") 16586 }) 16587 $(".btn-upload-image").click(function(){ 16588 $("#input-foto").trigger("click") 16589 }) 16590 $("[for=input-video]").click(function(){ 16591 $("#input-video").trigger("click") 16592 }) 16593 $(".btn-upload-papan").click(function(){ 16594 $("#logoPapan").trigger("click") 16595 }) 16596 } 16597 16598 $("[data-properties]").each(function(){ 16599 const select = $(this).parents(".form-group").find("select") 16600 $(this).change(function(){ 16601 const name = $(this).data("properties") 16602 const v = $(this).val() 16603 if (name == 'telepon-penerima') { 16604 let phone = v.replace(/[^0-9]/g, '') 16605 $(this).val(phone); 16606 $("#properties-telepon-penerima").val(phone) 16607 $('.iti__search-input').val('-') 16608 } else { 16609 $("#properties-" + name).val(v) 16610 } 16611 }) 16612 select.on("change", function(){ 16613 const name = $(this).data("properties") 16614 const v = $(this).val() 16615 $("#properties-" + name).val(v) 16616 }) 16617 }) 16618 16619 $("#show_note").click(function(){ 16620 nameq = $("#properties-nama-penerima").val() 16621 dear = $("#properties-kartu-nama-penerima").val() 16622 card = $("[data-properties=ucapan]").val() 16623 sender = $("#properties-kartu-nama-pengirim").val() 16624 photo = $("#properties-photo").val() 16625 video = $("#properties-video").val() 16626 updateCard(nameq, dear, card, sender, photo, video, status) 16627 }) 16628 16629 $(".remove-image").click(function(e){ 16630 e.preventDefault() 16631 $(this).find("img").show() 16632 removeImage() 16633 }) 16634 16635 $(".remove-media").click(function(e){
16636 e.preventDefault() 16637 $(this).find("img").show() 16638 removeVideo() 16639 }) 16640 16641 16642 16643 $("[data-delivery_method]").click(function(e){ 16644 e.preventDefault() 16645 const t = $(this) 16646 const data = t.data("delivery_method") 16647 $("[data-delivery_method]").removeClass("selected") 16648 t.addClass("selected") 16649 $("#cities").val("") 16650 $("#properties-delivery-date").val("-") 16651 $("#deliveryDate button").removeClass("selected") 16652 $("#full-date").val("Full Calendar â") 16653 $("#propDeliveryDate").val("") 16654 const step3 = $("#step-3") 16655 if(data.match('PickUp')) { 16656 $(".selfpickup-point").show() 16657 step3.find("[data-finished=false]").hide() 16658 $("#panel-4").hide() 16659 step3.find("[data-finished=true]").show() 16660 $("#cities").attr("required", false) 16661 $("#form-group-city").hide() 16662 $("#row-delivery-time").hide() 16663 $("#propDeliveryTime, #properties-delivery-time, #properties-nama-penerima, #properties-alamat-penerima, #properties-kodepos, #properties-kodepos, #properties-telepon-penerima").val("-") 16664 $("#propDeliveryTime").attr("required", false) 16665 // $("#deliveryDate").find("button:first-child").addClass("stop") 16666 $(".form-selfpickup").show() 16667 $(".form-delivery").hide() 16668 $(".form-delivery").find("input, textarea, select").val("") 16669 $(".form-delivery").find("input, textarea, select").attr("required", false) 16670 $("#properties-shipping").val("0") 16671 $("#noteDeliveryDate").hide() 16672 $(".form-delivery .form-control").attr("required", false) 16673 $("#stepNav4").hide() 16674 16675 $("#deliveryDate").find("button:nth-child(1)").addClass("stop") 16676 16677 16678 16679 if(timeOfDay >= 16.01){ 16680 $("#deliveryDate").find("button:nth-child(2)").addClass("stop") 16681 } 16682 } else { 16683 16684 16685 $("#deliveryDate").find("button:nth-child(1)").removeClass("stop") 16686 step3.find("[data-finished=false]").show() 16687 $("#panel-4").show() 16688 step3.find("[data-finished=true]").hide() 16689 $("#cities").attr("required", true) 16690 $(".selfpickup-point").hide() 16691 $("#form-group-city").show() 16692 $("#cities").val('').trigger('change'); 16693 $("#properties-kota-pengiriman").val("-") 16694 16695 $("#row-delivery-date, #row-delivery-time").show() 16696 $("#propDeliveryDate, #propDeliveryTime").attr("required", true) 16697 $("#deliveryDate").find("button").removeClass("stop") 16698 $(".form-selfpickup").hide() 16699 $(".form-delivery").show() 16700 $(".form-delivery").find("input, textarea, select").attr("required", true)
16701 $(".form-delivery [data-properties]").attr("readonly", false) 16702 $("#properties-kodepos").val("-") 16703 $("#properties-alamat-penerima").val("-") 16704 $(".form-delivery .form-control").attr("required", true) 16705 $(this).parents(".setup-content").attr("id", "step-1") 16706 16707 $("#stepNav4").show() 16708 } 16709 }) 16710 16711 $("[name=selfpickup]").click(function(){ 16712 const p = $(this).parents(".row-pickup") 16713 const pickupCity = $("input[name='selfpickup']:checked").val(); 16714 const pickupAddress = $("input[name='selfpickup']:checked").data("address"); 16715 const pickupZip = $("input[name='selfpickup']:checked").data("zip"); 16716 16717 $(".row-pickup").removeClass("selected") 16718 p.addClass("selected") 16719 16720 $("#properties-kota-pengiriman").val(pickupCity) 16721 $("#province").val("Jakarta") 16722 $("#properties-alamat-penerima").val(pickupAddress) 16723 $("#properties-kodepos").val(pickupZip) 16724 }) 16725 16726 $("#cities").change(function(e){ 16727 e.preventDefault() 16728 $(this).parent(".row").find("p.error").remove() 16729 $("#full-date").val("Full Calendar") 16730 $("#deliveryDate, #deliveryDateFull label ").show() 16731 $("#deliveryDateFull").removeClass("filled") 16732 $(".btnChangeDeliveryDate").addClass("hide") 16733 $("#full-date").prop('disabled', false); 16734 $("#stepNav2, #stepNav3, #stepNav4").removeClass("btn-success") 16735 $("#stepNav2, #stepNav3, #stepNav4").find("a").attr("disabled", true) 16736 const step3 = $("#step-3") 16737 $("#cityNote").remove() 16738 $("#noteDeliveryDate").hide() 16739 $("#noteDeliveryDate").empty() 16740 let v = $(this).val() 16741 let v2 = $('option:selected', this).attr('data-city'); 16742 let v3 = $('option:selected', this).attr('data-province'); 16743 let price = $('option:selected', this).attr('data-price'); 16744 $("#country").val(v) 16745 $("#properties-kota-pengiriman").val(v) 16746 $("#properties-shipping").val(price) 16747 $("#deliveryDate button, #deliveryTime button, .calendarseasonal .button").removeClass("selected") 16748 $("#properties-delivery-date, #properties-delivery-time").val("-") 16749 $("#propDeliveryDate, #propDeliveryTime").val("") 16750 let note = $('option:selected', this).attr('data-note'); 16751 if(v === 'Kota Lainnya') { 16752 $("#noteDeliveryDate").show() 16753 $("#noteDeliveryDate").text("Order akan segera dikirim. Estimasi tanggal diterima akan disesuaikan dengan waktu pengiriman oleh pihak ekspedisi ke lokasi Anda.") 16754 $("#zip").attr("required", false) 16755 $("#zip").hide() 16756 $("#propDeliveryDate, #propDeliveryTime").attr("required", false) 16757 $("#propDeliveryDate, #properties-delivery-date, #propDeliveryTime, #properties-delivery-time").val("-") 16758 $("#row-delivery-date, #row-delivery-time").hide() 16759 $("#properties-shipping").val("") 16760 // $(this).parents(".setup-content").attr("id", "step-2") 16761 16762 } else { 16763 $("#noteDeliveryDate").hide() 16764 $("#zip").attr("required", true) 16765 $("#zip").show() 16766 $("#row-delivery-date, #row-delivery-time").show() 16767 $("#propDeliveryDate, #propDeliveryTime").attr("required", true) 16768 $("#deliveryDate").find("button").removeClass("stop") 16769 // $(this).parents(".setup-content").attr("id", "step-1") 16770 16771 } 16772 16773 16774 16775 // if(v !== 'Jakarta') { 16776 // $("[data-type=upsell]").hide() 16777 // } else { 16778 // $("[data-type=upsell]").show() 16779 // } 16780 // $('.collection-addons')[0].swiper.update(); 16781 16782 16783 getProvince(v) 16784 $("#zip").html(`<option value="">Choose Postal Code</option>`) 16785 renderZip(v, v2, v3) 16786 16787 disabledSameDay() 16788 16789 16790 if(v !== 'Jakarta' && v !== 'Depok' && v !== 'Bekasi' && v !== 'Tangerang') { 16791 16792 $("#cardOccasion, #navAddon, .collection-addons").hide() 16793 16794 $("[data-addon=giftcard]").show() 16795 $("[data-addon=giftcard]").click() 16796 $("#itemAddons").show() 16797 $("#flower-step").addClass("nonjadetabek") 16798 } else { 16799 $("#cardOccasion, #navAddon, .collection-addons").show() 16800 $("[data-addon=all]").click() 16801 $("#flower-step").removeClass("nonjadetabek") 16802 } 16803 16804 if(v !== '') { 16805 $("#personalizeBtn .btn").attr("disabled", false) 16806 } else { 16807 $("#personalizeBtn .btn").attr("disabled", true) 16808 } 16809 16810 }) 16811 16812 $("#zip").change(function(e){
16813 let v = $(this).val() 16814 var city = $("#cities").find('option:selected'); 16815 $("#properties-kodepos").val(v) 16816 if(city === 'Kota Lainnya') { 16817 $(this).attr("required", true) 16818 $("#recipient-address").val("") 16819 } 16820 }) 16821 16822 16823 var minDate = +7 16824 16825 16826 16827 $("#full-date").datepicker({ 16828 minDate, 16829 dateFormat: 'Mdd_yy', //Nop22_2021, 16830 16831 beforeShowDay: disabledays, 16832 16833 onSelect: function (date) { 16834 $("#deliveryDate, #deliveryDateFull label ").hide() 16835 $("#deliveryDateFull").addClass("filled") 16836 $(".btnChangeDeliveryDate").removeClass("hide") 16837 $("#full-date").prop('disabled', true); 16838 $('#propDeliveryDate, #properties-delivery-date').val('Kirim_'+date); 16839 $(".date-full").addClass("selected") 16840 $(".date-single, .calendar-group").removeClass("selected") 16841 $("#propDeliveryTime").val('') 16842 $("#properties-delivery-time").val('-') 16843 $(".time-single").removeClass("selected") 16844 16845 16846 } 16847 }); 16848 16849 $(".btnChangeDeliveryDate").click(function(){ 16850 $("#deliveryDate, #deliveryDateFull label ").show() 16851 $("#deliveryDateFull").removeClass("filled") 16852 $(".btnChangeDeliveryDate").addClass("hide") 16853 $("#full-date").prop('disabled', false); 16854 }) 16855 16856 $("#deliveryDate").delegate(".calendarbutton:not(.date-full)", "click", function(e){ 16857 e.preventDefault() 16858 $(this).parents("#row-delivery-date").find("p.error").remove() 16859 const fulldate = $(this).data("fulldate") 16860 const day = $(this).data("day") 16861 const date = $(this).data("date")
16862 const month = $(this).data("month") 16863 const year = $(this).data("year") 16864 const off_pagi = $(this).data("offpagi") 16865 const off_siang = $(this).data("offsiang") 16866 const off_Malam = $(this).data("offMalam") 16867 $(".calendarbutton").removeClass("selected") 16868 $(this).addClass("selected") 16869 $("#propDeliveryDate, #properties-delivery-date").val(`Kirim_${month}${date}_${year}`) 16870 $("#propDeliveryTime").val('') 16871 $("#properties-delivery-time").val('-') 16872 $(".calendarbutton2").removeClass("selected") 16873 $("#full-date").val("Full Calendar") 16874 16875 16876 if(off_pagi && timeOfDay > off_pagi) { 16877 $("[data-time=Morning]").attr("disabled", true) 16878 } else { 16879 $("[data-time=Morning]").attr("disabled", false) 16880 } 16881 if(off_siang && timeOfDay > off_siang) { 16882 $("[data-time=Afternoon]").attr("disabled", true) 16883 } else { 16884 $("[data-time=Afternoon]").attr("disabled", false) 16885 } 16886 16887 16888 16889 }) 16890 16891 if(today === 14 && timeOfDay > 17.00) { 16892 $("#deliveryDate button:first-child").attr("disabled", true) 16893 } 16894 16895 $("#deliveryTime").delegate(".calendarbutton2", "click", function(e){ 16896 e.preventDefault() 16897 const time = $(this).data("time") 16898 const date = $("#propDeliveryDate").val() 16899 if(date == '') { 16900 return alert('Silakan pilih tanggal terlebih dahulu') 16901 } 16902 $(".calendarbutton2").removeClass("selected") 16903 $(this).addClass("selected") 16904 $("#propDeliveryTime, #properties-delivery-time").val(`KirimJam_${date.replace('Kirim_','')}_${time}`) 16905 }) 16906 16907 $('textarea.has-limit, input.has-limit').keyup(function () { 16908 max = this.getAttribute("maxlength"); 16909 let len = $(this).val().length; 16910 let limit = $(this).siblings(".limit"); 16911 if (len > max) { 16912 alert('you have reached the limit'); 16913 } else { 16914 limit.text(`${len}/${max}`); 16915 } 16916 }); 16917 16918 $("#button-action-step .btn").click(function(){ 16919 $(this).find("span").text("Processing..."); 16920 }); 16921 16922 $(".finishBtn").on('click', function() { 16923 $(this).addClass("is-adding"); 16924 // $(this).click(); 16925 }); 16926 16927 $('.setup-panel .nav-item a.btn-success').trigger('click'); 16928 16929 $("#button-action .btn").click(function(){ 16930 $("#flower-step").addClass("block"); 16931 $("#button-action").hide(); 16932 }); 16933 16934 $(".close-how-order").click(function(){ 16935 $("#flower-step").removeClass("block"); 16936 $("#button-action").show(); 16937 }); 16938 16939 $("#input-foto, #input-video").change(function(e){ 16940 readURL(this); 16941 }); 16942 16943 $("#logoPapan").change(function(){ 16944 readURLPapan(this); 16945 }); 16946 16947 $("#address-upload").change(async function(){ 16948 const upload_address = await readURLAddress(this) 16949 if(upload_address) { 16950 const url = upload_address.url 16951 $(".props-address-upload").val(url) 16952 $(".form-address").addClass("address-uploaded") 16953 $(".form-address-upload").addClass("uploaded") 16954 16955 $(this).parents(".form-group").siblings(".form-group").find("[required]").attr("required", false) 16956 } 16957 }) 16958 16959 $(".address-manualy").click(function(){ 16960 $(".form-address-upload").removeClass("uploaded"); 16961 $(".photo-address").hide(); 16962 $(".form-address").removeClass("address-uploaded") 16963 $("#formAddressPurchase").find(".form-control").attr("required", true) 16964 }); 16965 16966 $(".case-video-preview").delegate(".replace-video", "click", function(){ 16967 $("#input-video").trigger("click") 16968 }) 16969 16970 $('.date-single').click(function(e) { 16971 e.preventDefault(); 16972 $('.date-single').removeClass('selected'); 16973 $('#full-date').removeClass('selected'); 16974 $(this).addClass('selected'); 16975 $('#full-date').html('Full' + '<br/>' + 'Calendar'); 16976 }); 16977 $('#full-date').click(function(e){
16978 e.preventDefault(); 16979 $('.date-single').removeClass('selected'); 16980 $(this).addClass('selected'); 16981 }); 16982 16983 // $("tr").each(function(){ 16984 // if($(this).text().match('SKU')) { 16985 // $(".sku-product").html($(this).parents("table").html()) 16986 // } 16987 // }) 16988 16989 $("#product-image").scroll(function(){ 16990 $(".desc-add").each(function(){ 16991 const img = $(this).find("img") 16992 const src = img.data("src") 16993 img.attr("src", src) 16994 }) 16995 }) 16996 16997 $(".product-fixed").hide() 16998 16999 let target = $("#personalizeBtn") 17000 17001 17002 $(".product-meta").scroll(function() { 17003 if ($(window).scrollTop() >= target.offset().top ) { 17004 $(".product-fixed").addClass("show") 17005 } else { 17006 $(".product-fixed").removeClass("show") 17007 } 17008 }); 17009 17010 $(window).scroll(function() { 17011 if ($(window).scrollTop() >= target.offset().top ) { 17012 $(".product-fixed").addClass("show") 17013 } else { 17014 $(".product-fixed").removeClass("show") 17015 } 17016 }); 17017 }); 17018 </script>
17018 17019 17020
17020<script> 17021 // 17022 </script>
17022 17023 17024
17024<script> 17025 $(document).ready(function(){ 17026 $('table tr td').each(function(){ 17027 var texto = $(this).text(); 17028 var nextto = $(this).next("td"); 17029 var sku = $("#data-sku").val() 17030 if(texto == 'SKU'){ 17031 nextto.text(sku) 17032 } 17033 }); 17034 17035 $(".stamped-summary-actions-newquestion").text("Tulis Pertanyaan"); 17036 $(".stamped-summary-actions-newreview").text("Tulis Review"); 17037 $("#tab-questions").text("Pertanyaan"); 17038 17039 $(".freeship .icon").click(function(){ 17040 $(".fs-content").slideToggle(); 17041 $(this).parents(".freeship").toggleClass("expand"); 17042 }); 17043 17044 var $easyzoom = $('.easyzoom').easyZoom(); 17045 // Setup thumbnails example 17046 var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom'); 17047 $('.thumbnails').on('click', 'a', function(e) { 17048 var $this = $(this); 17049 e.preventDefault(); 17050 // Use EasyZoom's `swap` method 17051 api1.swap($this.data('standard'), $this.attr('href')); 17052 }); 17053 17054 $('#playerID').click(function(){ 17055 var videoURL = $('#VdoID').attr('src'), 17056 dataplay = $('#VdoID').attr('data-play'); 17057 17058 //for check autoplay 17059 //if not set autoplay=1 17060 if(dataplay == 0 ){ 17061 $('#VdoID').attr('src',videoURL+'?autoplay=1'); 17062 $('#VdoID').attr('data-play',1); 17063 } 17064 else{ 17065 var videoURL = $('#VdoID').attr('src'); 17066 videoURL = videoURL.replace("?autoplay=1", ""); 17067 $('#VdoID').prop('src',''); 17068 $('#VdoID').prop('src',videoURL); 17069 17070 $('#VdoID').attr('data-play',0); 17071 } 17072 17073 }); 17074 17075 $(".product-photo-thumb-video").click(function(e){ 17076 e.preventDefault(); 17077 17078 var newEmbed = $(this).attr('href'); 17079 $("#featured-image-product").addClass("img-video"); 17080 $("#ProductPhotoImg").hide(); 17081 $("#featured-image-product .video").show(); 17082 $("#featured-image-product iframe").attr('src', newEmbed); 17083 $("#VdoID")[0].src += "&autoplay=1"; 17084 }); 17085 $(".product-single__thumbnail").click(function(evt){ 17086 evt.preventDefault(); 17087 $("#featured-image-product").removeClass("img-video"); 17088 $("#ProductPhotoImg").show(); 17089 $("#featured-image-product .video").hide(); 17090 $("#featured-image-product iframe").attr('src', ''); 17091 }); 17092 17093 if($('#product-meta .short-desc > div').length >= 1){ 17094 //console.log('div detected') 17095 var replacer = $('#product-meta .short-desc > div').contents(); 17096 $('#product-meta .short-desc > div').replaceWith(replacer); 17097 17098 var cAssured = $('.c-assured').detach(); 17099 cAssured.insertAfter('.meta-sds .stock-info'); 17100 } 17101 17102 17103 17104 $(".heading-toggle").click(function(){ 17105 $(this).parent().toggleClass("open") 17106 17107 }); 17108 }); 17109 </script>
17109 17110 17111 17112
17112<script type="application/json" id="ProductJson-Product"> 17113 17114 {"id":8359546319899,"title":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eKAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."} 17115 </script>
17115 17116 17117
17117<script type="application/json" id="VariantJson-Product"> 17118 [ 17119 17120 { 17121 "incoming": false, 17122 "next_incoming_date": null 17123 } 17124 17125 ] 17126 </script>
17126 17127 17128 17129 17130 17131 </div> 17132 17133 17134
17134<script src="//outerbloom.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
17134 17135 <style> 17136 .stamped-review-header-title, 17137 .stamped-review-header .author, 17138 .stamped-review-content-body, 17139 .stamped-sort-select, 17140 .stamped-review-header .verified-badge[data-type=buyer]:after, 17141 .stamped-review-header-byline, 17142 .stamped-review-reply-body {font-size: 14px!important;font-family: 'Barlow',sans-serif!important;} 17143 .stamped-review {margin-bottom: 0;} 17144 .stamped-review-body {padding-left: 65px;} 17145 .stamped-review:first-child {padding-top: 25px;} 17146 .stamped-review-content {clear: none;} 17147 .stamped-review-reply {margin: 15px 0 0 65px;background: #9e1313;border-left: none;} 17148 .stamped-review-reply-body {padding-left: 65px;} 17149 .stamped-review-header .author {text-transform: capitalize;} 17150 .stamped-questions .stamped-review-content {padding-left: 65px;} 17151 17152 .stamped-pagination {margin: 20px 0 0;} 17153 .stamped-pagination li {position: initial!important;display: inline-block;position: relative;vertical-align: middle;text-decoration: none;-webkit-tap-highlight-color: #000000;-webkit-box-flex: 0;-moz-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: 0 0;text-transform: none;color: #33373D;font-weight: 400;-webkit-transition: background .1s ease,box-shadow .1s ease,color .1s ease;transition: background .1s ease,box-shadow .1s ease,color .1s ease;border: 1px solid #ccc;border-right: none;margin-bottom: 0;} 17154 .stamped-pagination li a {color: #121212;padding: 13px 18px;vertical-align: middle;display: block;} 17155 .stamped-pagination li.active a {background-color: #ddd;font-weight: 400;} 17156 .stamped-pagination li:hover a {background: #ddd;} 17157 .stamped-pagination .next {border-right: 1px solid #ccc;} 17158 .stamped-pagination li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 17159 .stamped-pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 17160 17161 #stamped-pagination-question span.page {display: inline-block;border: 1px solid #ccc;width: 47px;} 17162 #stamped-pagination-question span {font-size: 14px;} 17163 #stamped-pagination-question .page.active {padding: 12px;font-weight: 400;background: #ddd;} 17164 #stamped-pagination-question a, #stamped-pagination-question .page.active {color: #121212;padding: 13px 18px;vertical-align: middle;display: inline-block;} 17165 .stamped-pagination-deco {color: #121212;padding: 13px 18px;width: 47px;vertical-align: middle;display: inline-block;border: 1px solid #ccc;padding: 12px;} 17166 .stamped-pagination-prev, .stamped-pagination-next {position: inherit;} 17167 .stamped-pagination-prev a, .stamped-pagination-next a {width: auto!important;border: 1px solid #ccc;} 17168 17169 @media (max-width: 480px){ 17170 .stamped-review-reply {margin-left: 0!important;} 17171 select.stamped-sort-select {font-size: 13px!important;} 17172 } 17173 17174 #product-reviews .stamped-summary-ratings, #product-reviews .stamped-summary-actions, .stamped-content { 17175 display: block !important; 17176 } 17177 </style> 17178
17178<script> 17179 var selectCallback = function(variant, selector) { 17180 timber.productPage({ 17181 money_format: "Rp {{amount_no_decimals}}", 17182 variant: variant, 17183 selector: selector 17184 }); 17185 }; 17186 17187 jQuery(function($) { 17188 new Shopify.OptionSelectors('productSelect', { 17189 product: 17190 17191 17192 17193 17194 17195 {"id":8359546319899,"title":"KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif","handle":"blossom-shine","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eKAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini."}, 17196 onVariantSelected: selectCallback, 17197 enableHistoryState: true 17198 }); 17199 17200 // Add label if only one product option and it isn't 'Title'. Could be 'Size'. 17201 17202 17203 // Hide selectors if we only have 1 variant and its title contains 'Default'. 17204 17205 $('.selector-wrapper').hide(); 17206 17207 }); 17208 </script>
17208 17209 17210 17211 17212
17212<script type="application/ld+json"> 17213 { 17214 "@context": "http://schema.org", 17215 "@type": "Product", 17216 "offers": { 17217 "@type": "Offer", 17218 "availability":"https://schema.org/InStock", 17219 "price": 835000, 17220 "priceValidUntil": "05-10-2025", 17221 "priceCurrency": "IDR", 17222 "url": "https://astrokamalsharma.site" 17223 }, 17224 "brand": { 17225 "@type": "Brand", 17226 "name": "TOGEL138" 17227 }, 17228 "sku": "8359546319899", 17229 "gtin13": "Jakarta", 17230 "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif", 17231 "description": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.", 17232 "category": "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.", 17233 "url": "https://astrokamalsharma.site", 17234 "image": { 17235 "@type": "ImageObject", 17236 "url": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426", 17237 "image": "https://outerbloom.com/cdn/shop/files/Blossom-Shine-WM_small.jpg?v=1695788426", 17238 "name": "KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif", 17239 "width": 1024, 17240 "height": 1024 17241 } 17242 } 17243 </script>
17243 17244 17245 17246 17247 17248 17249
17249<script id="bss-ltap-hide-price" type="text/javascript" > 17250 !function(e){var t={};function o(r){if(t[r])return t[r].exports;var c=t[r]={i:r,l:!1,exports:{}};return e[r].call(c.exports,c,c.exports,o),c.l=!0,c.exports}o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)o.d(r,c,function(t){return e[t]}.bind(null,c));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,o){"use strict";function r(e){e.ltsp={},function(e){e.ltsp.quickView=function(){document.querySelectorAll(".quickview-button").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementById("add-to-cart-quickview-form");if(e){let t=e.querySelector(".groups-btn");t&&t.remove();let o=e.querySelector(".pieces");o&&o.remove();let r=e.querySelector(".bsscommerce-ltsp-message");r&&r.remove()}if(e=document.querySelector("[data-quickview-modal] .halo-modal-body"),e){let t=e.querySelector(".quantity");t&&t.remove()}}),1e3)}))})),document.querySelectorAll(".shop-now-button").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementById("ShopNowContainer");if(e){let t=e.querySelector("#AddToCart");t&&t.remove()}}),2e3)}))})),document.querySelectorAll(".collection__filter").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-grid-item");if(o){let e=o.querySelector(".btn--quick-view");e&&e.remove()}}}),1500)}))})),document.querySelectorAll(".btn--icon.quick-product__btn").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-grid__content");if(o){let e=o.querySelector(".payment-buttons");e&&e.remove()}}}),2e3)}))})),document.querySelectorAll(".product-facet__aside").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-item");if(o){let e=o.querySelector('form[action="/cart/add"]');e&&e.remove();let t=o.querySelector(".product-item__quick-form");t&&t.remove()}}}),1500)}))})),document.querySelectorAll(".pagination").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-item");if(o){let e=o.querySelector('form[action="/cart/add"]');e&&e.remove();let t=o.querySelector(".product-item__quick-form");t&&t.remove()}}}),1800)}))})),document.querySelectorAll(".collection-filters__sort").forEach((function(e){e.addEventListener("change",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".indiv-product");if(o){let e=o.querySelector('form[action="/cart/add"]');e&&e.remove()}}}),1500)}))}
17250)),document.querySelectorAll(".slideout__drawer-right, .sidebar_leftside_wapper, .filtering__results").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-index");if(o){let e=o.querySelector(".js-quickview-trigger");e&&e.remove()}}}),1500)}))})),document.querySelectorAll("a.product-loop__quickview").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".large--one-half");if(o){let e=o.querySelector(".quick-smart-wrapper");e&&e.remove();let t=o.querySelector("#quantity-container");t&&t.remove();let r=o.querySelector(".js-prod-show-soldout");r&&r.remove()}}}),2e3)}))})),document.querySelectorAll(".quick-product__btn").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-single__meta");if(o){let e=o.querySelector("div.payment-buttons");e&&e.remove()}}}),1e3)}))})),document.querySelectorAll(".btn--load-more").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".grid-view-item");if(o){let e=o.querySelector(".quick-add-button");e&&e.remove()}}}),1e3)}))})),document.querySelectorAll(".quick_shop").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product_section");if(o){let e=o.querySelector(".product_form .shopify-product-form .purchase-details"),t=o.querySelector(".product__details .modal_price .price-ui");e&&e.remove(),t&&t.remove()}}}),1e3)}))})),document.querySelectorAll(".qs-button ").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-info-main");if(o){let e=o.querySelector(".qty-box");e&&e.remove();let t=o.querySelector(".btn.btn-cart");t&&t.remove();let r=o.querySelector(".product-single__sale-price");r&&r.remove();let c=o.querySelector(".product-addto-links");c&&c.remove()}}}),1e3)}))}));let e=document.querySelector("a[data-js-cart-icon]");if(e&&e.addEventListener("click",(function(){let e=document.querySelector(".quick-cart__control");e&&e.remove();let t=document.querySelector(".quick-cart__item-right");t.childNodes[3]&&(t.childNodes[3].innerHTML="Login to seen price")})),document.querySelectorAll(".quick-add-button-variants").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest("#AddToCartForm");if(o){let e=o.querySelector(".paymentButtonsWrapper");e&&e.remove()}}}),1e3)}))})),document.querySelectorAll(".product-thumbnail__quickshop-button").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-details");if(o){let e=o.querySelectorAll(".bsscommerce-ltsp-message");e.length>1&&e.forEach((function(e,t){t>0&&e.remove()}));let t=o.querySelector(".product-form__cart-buttons");t&&t.remove();let r=o.querySelector(".product-form__quantity-box-wrapper");r&&r.remove()}}}),800)}))})),"b2b-dbodhi-singapore.myshopify.com"===window.Shopify.shop){let e=0;const t=window.location.pathname.includes("/collections");let o=!0;const r=function(){const e=setInterval((function(){let e=document.querySelectorAll(".thb-product-detail.product .bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t],r=o.closest(".thb-product-detail.product");if(r){let e=r.querySelector(".product-form");e&&e.remove()}r=o.closest("del"),r&&o.remove()}}),500);setTimeout(()=>{clearInterval(e)},6e3)},c=function(){const c=window.pageYOffset||document.documentElement.scrollTop;(c>e||!t||o)&&(document.querySelectorAll(".product-card-quickview").forEach((function(e){e.removeEventListener("click",r),e.addEventListener("click",r)}
17250)),o=!1),e=c<=0?0:c};if(c(),t){const e=function(){const e=c;let t;return()=>{clearTimeout(t),t=setTimeout(()=>{e.apply(this)},3e3)}};window.addEventListener("scroll",e())}}}}(e),function(e){e.ltsp.removeElementByLTSPMessage=function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message"),t=[],o=window.Shopify.shop;for(let r=0;r<e.length;r++){let c=e[r],l=[".grid-product__on-sale",".product-unit-price",".product-price-unit",".grid-link__sale_price","s",".price__compare",".product__compare-price",".price__unit",".card__price--regular",".sale-tag",".compare-price",".old-price",".savings",".was_price",".price--compare",".price-compare",".was"];if("stark-hockey.myshopify.com"===o){const e=c.closest(".product-index");if(e){const t=e.querySelector(".product-modal");t&&t.remove()}continue}let s=c.closest(".product-parent");if(s){let e=s.querySelector("form .tt-btn-addtocart");e&&t.push(e);let o=s.querySelector(".tt-btn-quickview");o&&t.push(o)}if(s=c.closest(".ProductItem"),s){let e=s.querySelector(".quickshop-btn");if(e&&t.push(e),"shrimptoncouture-com.myshopify.com"===o){let e=s.querySelector(".ProductItem__PriceList");e&&e.classList.remove("ProductItem__PriceList")}}if(s=c.closest(".product-item--vertical"),s){if("sparklinredwholesale.myshopify.com"===o){let e=s.querySelector(".product-item__info .product-item__price-list");e&&t.push(e)}let e=s.querySelector(".product-item__info .product-item__action-button");e&&t.push(e),e=s.querySelector(".product-form__payment-container"),e&&t.push(e)}if(s=c.closest(".card-wrapper.underline-links-hover"),s&&"friends-forever-pets.myshopify.com"===o){let e=s.querySelector(".card__content .quick-add");e&&t.push(e);let o=s.querySelector(".card-information .price__sale .price-item.price-item--regular");o&&t.push(o)}if(s=c.closest(".modal_price"),s&&window.Shopify&&"casa-barba.myshopify.com"!==window.Shopify.shop&&"prideandgroom-wholesale.myshopify.com"!==window.Shopify.shop){let e=s.querySelector(".price-ui");e&&t.push(e)}if(s=c.closest(".info.has-padding-top"),s){let e=s.querySelector(".compare-at-price");e&&t.push(e)}if(s=c.closest(".product-thumbnail__price.price"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest(".search-result__description"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest(".product__price"),s){let e=s.querySelector("[data-product-price][bss-custom-ltsp-attribute]");e&&t.push(e)}if(s=c.closest("#template-product"),s){let e=s.querySelector(".product-form.cart-bar__form");e&&t.push(e)}if("showroom1-ducanero.myshopify.com"===o){if(s=c.closest(".product-area")||c.closest(".price"),s){let e=s.querySelector(".price-area")||s.querySelector(".theme-money");e&&t.push(e)}}else if(s=c.closest(".product-area__details"),s){let e=s.querySelector(".product-detail__form__action");e&&t.push(e);let o=s.querySelector(".quantity-wrapper");o&&t.push(o)}if("quincaillerie-euroline.myshopify.com"===o&&(s=c.closest(".product-form__info-content"),s)){let e=s.querySelector(".price-list");e&&t.push(e)}if(s=c.closest(".product-form__buttons"),s&&t.push(s),s=c.closest(".product-wrap-2"),s){let e=s.querySelector(".product-action-2");e&&t.push(e)}if(s=c.closest(".span6"),s){let e=s.querySelector(".purchase>input"),o=s.querySelector(".price-container>#price-preview"),r=s.querySelector(".price-container>.vat-price");e&&t.push(e),o&&t.push(o),r&&t.push(r)}if(s=c.closest(".product__page"),s){let e=s.querySelector(".quantity-selector");e&&t.push(e)}if(s=c.closest(".product_details_info"),s){let e=s.querySelector(".pro-detail-button"),o=s.querySelector(".price-box");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".product-content"),s){let e=s.querySelector(".product-action");e&&t.push(e)}if(s=c.closest(".product-view .single-product-wrap"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".collection-category .owl-stage .owl-item"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".product__details"),s){let e=s.querySelector(".product-wrap .thumbnail-overlay .info .price ");e&&t.push(e);let o=s.querySelector(".product-details .price .current_price .money ");o&&t.push(o)}if(s=c.closest(".product_row"),s){let e=s.querySelector(".three-fourths .info .price ");e&&t.push(e)}if(s=c.closest(".thubnail-desc"),s){let e=s.querySelector(".quatity-stock");e&&t.push(e);let o=s.querySelector(".Payment_button");o&&t.push(o)}if(s=c.closest(".single-ponno-product"),s){let e=s.querySelector(".pro-actions-link");e&&t.push(e);let o=s.querySelector(".pro-add-cart");o&&t.push(o)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("div.product-form__controls-group.product-form__controls-group--submit");e&&e.setAttribute("style","visibility:hidden")}if("homewarerus.myshopify.com"!=window.Shopify.shop&&(s=c.closest(".product-item__info"),s)){let e=s.querySelector("form.product-item__action-list.button-stack");e&&e.remove()}
17250if("redbasketb2b.myshopify.com"===window.Shopify.shop){if(s=c.closest(".card-information"),s){let e=s.querySelector(".price__sale .price-item--sale.sale-percentage");e&&t.push(e)}if(s=c.closest("tr.cart-item[id*=Cart]"),s){let e=s.querySelector(".cart-item__quantity");e&&e.remove();let t=s.querySelector(".cart-item__totals");t&&t.remove()}}if(s=c.closest(".product-form"),s){let e=s.querySelector(".quantity-submit-row__submit");e&&e.remove();let o=s.querySelector(".product-form__info-list .product-form__info-item.product-form__info-item--quantity .product-form__info-content .quantity-selector.quantity-selector--product");o&&t.push(o)}if(s=c.closest(".product-grid__detail"),s){let e=s.querySelector(".product-form-block form");e&&e.remove()}if(s=c.closest(".tab-body"),s){if(s.querySelector(".purchase-section button, .btn.add-to-cart")){let e=setInterval((function(){let e=document.querySelector(".tab-body .purchase-section button, .tab-body .btn.add-to-cart"),t=document.querySelector(".swym-button-bar.swym-wishlist-button-bar");e&&e.remove(),t&&t.remove()}),200);setTimeout((function(){clearInterval(e)}),1e4)}}if(s=c.closest(".item.relative.product-id.item-row"),s){let e=s.querySelector(".quantity.form");e&&e.remove()}if(s=c.closest(".product-form"),s){let e=s.querySelector(".buy-buttons-row");e&&t.push(e)}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".btn--quick-view");e&&t.push(e)}if(s=c.closest(".featured__collection-product"),s){let e=s.querySelector(".js-quickview-trigger");e&&t.push(e)}if(s=c.closest(".product-index"),s){let e=s.querySelector(".js-quickview-trigger");e&&t.push(e)}if(s=c.closest(".product-bottom"),s){let e=s.querySelector(".quantity-selector, .product-add");e&&t.push(e)}if(s=c.closest(".js-sticky-cart"),s){let e=s.querySelector(".sticky-add");e&&t.push(e)}if(s=c.closest(".product-details"),s){let e=s.querySelector(".shopify-payment-button");e&&t.push(e);let r=s.querySelector(".payment-and-quantity__add");r&&t.push(r);let c=s.querySelector(".price__compare-at.visible");c&&"coventa-demo.myshopify.com"===o&&t.push(c)}if(s=c.closest(".product-block__inner"),s){let e=s.querySelector(".quick-buy");e&&t.push(e)}if(s=c.closest(".content-summary"),s){let e=s.querySelector("form.cart");e&&t.push(e)}if(s=c.closest('div[data-pf-type="Section"]'),s){let e=s.querySelector('div[data-pf-type="ProductQuantity"]');e&&t.push(e);let o=s.querySelector('button[data-pf-type="ProductATC"]');o&&t.push(o)}if(s=c.closest(".pc-inner"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e);let o=s.querySelector(".quick_shop");o&&t.push(o)}if(s=c.closest(".product-info-inner"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}if(s=c.closest(".product-details-inline"),s){let e=s.querySelector(".product-quantity");e&&t.push(e)}if(s=c.closest(".product-card"),s){let e=s.querySelector(".js-grid-cart");e&&t.push(e);let o=s.querySelector(".card-header .card-button-hover");o&&t.push(o);let r=s.querySelector(".product-card__quick-buy");r&&t.push(r);let c=s.querySelector("compare-at-price");c&&t.push(c);let l=s.querySelector(".product-card__badge-list");l&&t.push(l)}if(s=c.closest(".product__info"),s){let e=s.querySelector(".product-form__buy-buttons button");e&&t.push(e);let o=s.querySelector(".product-form__quantity");o&&t.push(o)}if(s=c.closest(".product-sticky-form__inner"),s){let e=s.querySelector(".product-sticky-form__payment-container");e&&t.push(e)}if("homewarerus.myshopify.com"!=window.Shopify.shop&&(s=c.closest(".product-item"),s)){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e);let o=s.querySelector(".product-item__quick-form");o&&t.push(o)}if(s=c.closest(".shopify-product-form"),s){let e=s.querySelector("div.quantity");e&&t.push(e)}if(s=c.closest(".product-body"),s){let e=s.querySelector(".product-cta-wrapper");e&&t.push(e)}if(s=c.closest(".tt-product-single-info"),s){let e=s.querySelector("form .btn-addtocart");e&&t.push(e);let o=s.querySelector('form[action*="/cart/add"]');o&&t.push(o)}if(s=c.closest(".product-details-wrapper"),s){let e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".product-inner"),s){let e=s.querySelector(".product-card-interactions");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".add-to-cart");if(e)if(window.Shopify&&"bundlecomph.myshopify.com"===window.Shopify.shop){e.disabled=!0;let o=s.querySelector(".payment-buttons"),r=s.querySelector(".shopify-payment-button");o&&o.classList.remove("payment-buttons"),r&&t.push(r)}else t.push(e)}if(s=c.closest(".grid-view-item"),s){let e=s.querySelector(".thumbnail-buttons");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product-form:not(.product-form-product--static):not(.product-form-product-template)");e&&t.push(e)}if(s=c.closest(".pf-product-form"),s){let e=s.querySelector(".sc-lkgURy");e&&t.push(e);let o=s.querySelector(".sc-gzcbmu");o&&t.push(o);let r=s.querySelector(".add-to-cart");r&&t.push(r)}if(s=c.closest(".large--one-half"),s){let e=s.querySelector(".product-smart-wrapper");e&&t.push(e);let o=s.querySelector('div.btn[onmouseup="showProductsDesigner(this)"]');o&&t.push(o);let r=s.querySelector("button.js-prod-show-soldout");r&&t.push(r)}if(s=c.closest("#add-to-cart-form"),s)if("led-signcity.myshopify.com"===o){let e=s.querySelector(".atc-btn");e&&t.push(e);let o=s.querySelector(".price");o&&o.classList.remove("price")}else{let e=s.querySelector(".groups-btn");e&&t.push(e),t.push(c)}
17250if(s=c.closest(".product-shop"),s&&"led-signcity.myshopify.com"!==o){let e=s.querySelector(".groups-btn");e&&t.push(e)}if(s=c.closest(".who-qof-table"),s&&s.classList.add("bsscommerce-hide-price"),s=c.closest(".price-sale"),s){let e=s.querySelector(".old-price");e&&t.push(e);let o=s.querySelector("em");o&&(o.innerHTML="")}if(s=c.closest(".product-details"),s){let e=s.querySelector(".action");e&&t.push(e)}if(s=c.closest(".product_section"),s){let e=s.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e);let o=s.querySelector(".sale.savings");o&&t.push(o);let r=s.querySelector(".purchase-details button.button--add-to-cart");r&&t.push(r);let c=s.querySelector(".purchase-details .purchase-details__quantity.product-quantity-box");c&&t.push(c);let l=s.querySelector(".product__details .modal_price .price-ui");l&&t.push(l)}if(s=c.closest(".quick-shop-style--inline"),s){let e=s.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e)}if(s=c.closest(".product-details"),s){let e=s.querySelector("small em");e&&t.push(e)}if(s=c.closest(".gt_product-body"),s){let e=s.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=s.querySelector(".gt_product-saved");o&&t.push(o);let r=s.querySelector(".gt_product-price--compare");r&&t.push(r)}if(s=c.closest(".gt_product_content"),s){let e=s.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=s.querySelector(".gt_product-price--compare");o&&t.push(o)}if(s=c.closest(".gt-single-product"),s){let e=s.querySelector("div.gt_method_addToCart");e&&t.push(e);let o=s.querySelector(".gt_product-price--compare");o&&t.push(o)}if(s=c.closest("#cont-form"),s){let e=s.querySelector("form .cont-add-btns");e&&t.push(e)}if(s=c.closest(".theiaStickySidebar"),s){let e=s.querySelector(".variations_button");e&&t.push(e)}if(s=c.closest(".product--price-wrapper"),s){let e=s.querySelector(".product--compare-price");e&&t.push(e)}if(s=c.closest(".product-submit"),s){let e=s.querySelector(".payment-buttons-container");e&&t.push(e)}if(s=c.closest(".product-price"),s){let e=s.querySelector(".product-price-compare");e&&t.push(e)}if(s=c.closest(".product-list-item"),s){let e=s.querySelector(".original"),o=s.querySelector(".product-list-item-badge");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".productitem"),s){let e=s.querySelector(".productitem--action");e&&t.push(e);let o=s.querySelectorAll(".bss-ltsp-to-remove");if(o.length)for(let e of o)t.push(e)}if(s=c.closest(".product--outer"),s){let e=s.querySelector(".product-form--atc");e&&t.push(e),e=s.querySelector(".shopify-payment-button"),e&&t.push(e)}if(s=c.closest(".Container"),s)if(window.Shopify&&"mama-shawna.myshopify.com"===window.Shopify.shop){let e=s.querySelector("form.ProductForm");if(window.__st&&e){__st.cid&&t.push(e)}}else{let e=s.querySelector(".ProductForm__BuyButtons");e&&t.push(e)}if(s=c.closest(".product-grouped"),s){let e=s.querySelector(".product_top form#add-to-cart-form");e&&t.push(e)}if(s=c.closest(".product-item"),s){let e=s.querySelector(".product-top .product-des .action"),o=s.querySelector(".slideup");if(e&&t.push(e),o&&t.push(o),o=s.querySelector(".card-quickview"),o&&t.push(o),window.Shopify&&"sitchish.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".product-item-price .money");e&&e.classList.remove("money")}}if(s=c.closest(".modal_price"),s){let e=s.querySelector(".was_price");e&&t.push(e)}if(s=c.closest(".info"),s){let e=s.querySelector(".was_price");e&&t.push(e)}if(s=c.closest(".product-item"),s){let e=s.querySelector('.product-item__action-button[data-action="add-to-cart"]');e&&t.push(e)}if(s=c.closest(".grid__item.grid-product"),s){let e=s.querySelector('form[action="/cart/add"] input[type="submit"]');e&&t.push(e);let r=s.querySelector(".grid-product__tag");r&&t.push(r);let c=s.querySelector(".visually-hidden");c&&t.push(c);let l=s.querySelector(".quick-product__btn");l&&"comphycompany.myshopify.com"===o&&t.push(l)}if(s=c.closest(".product-info"),s){let e=s.querySelector('form[action="/cart/add"] .payment-buttons');e&&t.push(e);let o=s.querySelector(".variant-wrapper.variant-wrapper--button");o&&t.push(o);let r=s.querySelector(".form .product-actions .product-actions-add-to-cart");r&&t.push(r);let c=s.querySelector(".product-price__compare");
17250c&&t.push(c),c=s.querySelector("compare-at-price"),c&&t.push(c);let l=s.querySelector("unit-price");l&&t.push(l),e=s.querySelector(".buy-buttons"),e&&t.push(e);let u=s.querySelector(".product-info__badge-list");u&&t.push(u)}if(s=c.closest(".price"),s){if(s.textContent.includes("From")){let e=s.innerHTML;s.innerHTML=e.replace("From","")}}if(s=c.closest("#product-right"),s){let e=s.querySelector(".was");e&&t.push(e);let o=s.querySelector(".product-add");o&&t.push(o)}if(s=c.closest(".was"),s&&t.push(s),s=c.closest(".product-single__meta"),s){let e=s.querySelector(".pf__actions");e&&t.push(e);let o=s.querySelector("div.product-form__controls-group.product-form__controls-group--submit");o&&o.setAttribute("style","visibility:hidden")}if(s=c.closest(".product-item"),s){let e=s.querySelector(".product-item__add");e&&t.push(e)}if(s=c.closest(".grid-item"),s){let e=s.querySelector("#addToCart-product-template");e&&t.push(e);let o=s.querySelector(".payment-buttons");o&&t.push(o)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("div.payment-buttons");e&&e.remove()}if(s=c.closest(".modal--root"),s){let e=s.querySelector(".product-form--button-container");e&&t.push(e)}if(s=c.closest(".product-item__info"),s){let e=s.querySelector("a.product-item__action-button.button.button--small.button--primary");e&&t.push(e)}if(s=c.closest(".product-form__info-list"),s){let e=s.querySelector("div.product-form__info-item.product-form__info-item--quantity");e&&t.push(e)}if(s=c.closest(".large--three-fifths"),s){let e=s.querySelector(".multivariants_setbox_footer");e&&t.push(e)}if(s=c.closest(".product-info-main"),s){let e=s.querySelector(".qty-box");e&&t.push(e);let o=s.querySelector(".btn.btn-cart");o&&t.push(o);let r=s.querySelector(".shopify-payment-button");r&&t.push(r)}if(s=c.closest(".product-miniature"),s){let e=s.querySelector(".qty-box");e&&t.push(e);let o=s.querySelector(".product.actions.product-item-actions");o&&t.push(o)}if(s=c.closest("#AddToCartForm"),s){let e=s.querySelector(".paymentButtonsWrapper");e&&t.push(e)}if(s){let e=s.querySelector("#product-add");e&&e.remove()}if(s){let e=s.querySelector("#product-price>.product-price");e&&e.remove()}if(s=c.closest(".grid-view-item"),s){let e=s.querySelector(".quick-add-button");e&&t.push(e)}if("tinalykkegaard.myshopify.com"===o){if(s=c.closest(".main-product__details>.main-product__details-wrapper"),s){let e=s.querySelector(".main-product__actions .main-product__form-buttons");e&&e.remove()}if(s=c.closest(".product-grid .product-card"),s){let e=s.querySelector('form[action="/cart/add"]');e&&e.remove()}}if(s=c.closest(".product-item-caption"),s){let e=s.querySelector(".product-form__item--submit");e&&t.push(e)}if(s=c.closest(".product-item-caption"),s){let e=s.querySelector(".product-form__item--quantity");e&&t.push(e)}if(s=c.closest(".productgrid--item"),s){let e=s.querySelector(".productitem--actions");e&&t.push(e)}if(s=c.closest(".product-single__info-wrapper"),s){let e=s.querySelector(".product-form__quantity-submit");e&&t.push(e);let o=s.querySelector(".shopify-payment-button");o&&t.push(o)}if(s=c.closest(".qv-content"),s){let e=s.querySelector(".qv-add-button");e&&t.push(e);let o=s.querySelector(".qv-quantity");o&&t.push(o)}if(s=c.closest(".product-card"),s){let e=s.querySelector(".btn-grid-cart");e&&t.push(e)}if(s=c.closest(".product_single_detail_section"),s){let e=s.querySelector("#AddToCart");e&&t.push(e);let o=s.querySelector(".shopify-payment-button__button");o&&t.push(o);let r=s.querySelector(".quantity-label");r&&t.push(r);let c=s.querySelector(".quantity_width");c&&t.push(c)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("#AddToCart--product-template");e&&t.push(e);let o=s.querySelector(".shopify-payment-button");o&&t.push(o)}if(s=c.closest('form[action="/cart/add"]'),s){let e=s.querySelector(".product-page-info__field");e&&t.push(e);let o=s.querySelector(".product-page-info__button-add-to-cart");o&&t.push(o);let r=s.querySelector(".js-store-lists-add-wishlist");r&&t.push(r);let c=s.querySelector(".product-collection__control");c&&t.push(c)}if(s=c.closest(".grid-item__content"),s){let e=s.querySelector(".quick-add-btn");if(e&&t.push(e),window.Shopify&&"sparklinredwholesale.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".grid-product__price--original"),o=s.querySelector(".grid-product__price--savings"),r=s.querySelector(".quick-product__btn");e&&t.push(e),o&&t.push(o),r&&t.push(r)}}if(s=c.closest(".purchase-box"),s){let e=s.querySelector("#AddToCart-product-template");e&&e.remove();let t=s.querySelector(".quantity-product-template");t&&t.remove()}if(s=c.closest(".item-row"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".product-thumbnail__price"),s){let e=s.querySelectorAll(".bsscommerce-ltsp-message");e.length>1&&e.forEach((function(e,o){o>0&&t.push(e)}))}if(s=c.closest(".product-details"),s){let e=s.querySelector(".product__add-to-cart-button");e&&t.push(e);let r=s.querySelector(".product-form__quantity-box-wrapper");if(r&&t.push(r),"sitchish.myshopify.com"===o){let e=s.querySelector("#product-price");e&&(e.id="");let o=s.querySelector("[data-product-price]");o&&o.removeAttribute("data-product-price");let r=s.querySelector(".form-actions");r&&t.push(r)}let c=s.querySelector(".product-quantity");if(c&&t.push(c),"lavabis-hygiene.myshopify.com"===o){let e=s.querySelector(".price-preview.price");e&&(e.id="")}}if(s=c.closest(".product-details"),s){let e=s.querySelector("#add-to-cart-product-template");e&&t.push(e);let o=s.querySelector(".shopify-payment-button__button");o&&o.remove();let r=s.querySelector(".quantity");r&&t.push(r)}if(s=c.closest(".gryffeditor"),s){let e=s.querySelector(".gf_product-quantity");e&&e.parentElement.remove()}if(s=c.closest("#ProductSection-product-template"),s){let e=s.querySelector(".cbb
17250-frequently-bought-add-button");e&&e.remove();let t=s.querySelector(".cbb-frequently-bought-form");t&&t.remove()}if(s=c.closest(".product__info-wrapper"),s){let e=s.querySelector(".product-form__quantity");e&&e.remove();let t=s.querySelector(".product-form__buttons");t&&t.remove()}if(s=c.closest(".product-form"),s){let e=s.querySelector(".product-form__payment-container");e&&e.remove();let o=s.querySelector("#price");if(o&&o.classList.remove("product-price"),window.Shopify&&"wilkens-gmbh.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".unit-price");e&&t.push(e)}}if(s=c.closest(".product-details"),s){let e=s.querySelector(".button-common");e&&e.remove()}if(s=c.closest(".caption"),s){let e=s.querySelector(".button.btn-cart");e&&t.push(e)}if(s=c.closest(".product-info-main"),s){let e=s.querySelectorAll(".form-group")[1];e&&t.push(e);let o=s.querySelector(".price");o&&(o.id="")}if(s=c.closest(".form_buy_sticky"),s){let e=s.querySelector(".form-group .btn.button.button-cart");e&&t.push(e);let o=s.querySelector(".form-group input#Quantity");o&&t.push(o)}if(s=c.closest(".product-template__container"),s){let e=s.querySelector(".store-availability-container");e&&e.remove()}if(s=c.closest(".product-form--container"),s){let e=s.querySelector(".product-form--options");e&&t.push(e);let o=s.querySelector(".product-form--smart-payment-buttons");o&&t.push(o)}if(s=c.closest(".product--price-wrapper"),s){let e=s.querySelector('.product--from[data-item="accent-text"]');e&&t.push(e)}if(s=c.closest("#zpproductselectorfull1-wrapper"),s){let e=s.querySelector(".zpa-button-alignment-center");e&&t.push(e);let o=s.querySelector(".zpa-quantity-block");o&&t.push(o)}if(s=c.closest(".zpa-multi-product-buy-box"),s){let e=s.querySelector(".zpa-button-alignment-center");e&&t.push(e)}if(s=c.closest(".product-block__inner"),s){let e=s.querySelector('form[action="/cart/add"].product-form.product-form--mini');if(e&&t.push(e),window.Shopify&&"wilkens-gmbh.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".unit-price");e&&t.push(e)}}if(s=c.closest(".was-price.theme-money"),s&&t.push(s),s=c.closest(".box_product_page"),s){let e=s.querySelector(".product-options-bottom");e&&t.push(e)}if(s=c.closest(".product-default"),s){let e=s.querySelector(".add-links.clearfix");e&&t.push(e)}if(s=c.closest(".grid__item.medium-up--three-eighths"),s){let e=s.querySelector('form[action="/cart/add"].shopify-product-form');e&&t.push(e)}if(s=c.closest(".indiv-product"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}if(s=c.closest('form.product-form[action="/cart/add"]'),s){let e=s.querySelector(".sf__pcard-image .sf__pcard-quick-add");e&&t.push(e);let o=s.querySelector(".main-product__block-buy_buttons");o&&t.push(o)}if(s=c.closest(".product-grid-item.woodmart-hover-base"),s){let e=s.querySelector(".fade-in-block");e&&t.push(e);let o=s.querySelector(".product-compare-button");o&&t.push(o)}if(s=c.closest(".grid__item"),s){if("www-bonmatch-com.myshopify.com"===o){let e=s.querySelector(".selector-wrapper.bcpo-file"),o=s.querySelector(".uploadkit.uploadkit-injected"),r=s.querySelector(".uploadkit-form");e&&t.push(e),o&&r&&r.appendChild(o)}let e=s.querySelector(".product__submit__buttons");e&&t.push(e);let r=s.querySelector(".products > .product-detail > .product-button"),c=s.querySelector(".products > .product-container > .product-button > .quick-view-text");r&&t.push(r),c&&t.push(c);let l=s.querySelector("button#AddToCart"),u=s.querySelector('[data-shopify="payment-button"].shopify-payment-button');if(l&&t.push(l),u&&t.push(u),"tienda-suca-bikes.myshopify.com"===o){let e=s.querySelector(".product__unit-price.product__unit-price--spacing"),t=s.querySelector(".c_p-quantity-input-parent"),o=s.querySelector(".masIva"),r=s.querySelector(".c_col-sw-btn");e&&e.classList.remove("hide"),t&&t.remove(),o&&o.remove(),r&&r.remove()}if("youchique-4183.myshopify.com"===o){let e=s.querySelector(".card-information__button");e&&t.push(e);let o=s.querySelector(".swym-wishlist-button-bar");o&&t.push(o)}if("stelladetailsb2b.myshopify.com"===o){let e=s.querySelector(".bss-b2b-product-vat");e&&t.push(e);let o=s.querySelector("#bss-b2b-tax-inc-excl");o&&t.push(o);let r=s.querySelector(".bss-b2b-collection-item-vat");r&&t.push(r);let c=s.querySelector(".price__regular");if(c){c.classList.remove("price__regular");let e=s.querySelector(".price-item--regular");e&&e.classList.remove("price-item--regular")}let l=s.querySelector(".price__sale");l&&t.push(l)}let i=s.querySelector("quick-view-drawer");
17250i&&t.push(i);let p=s.querySelector("add-to-cart");p&&t.push(p)}if(s=c.closest(".shop-the-look__product-info"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}if(s=c.closest(".popover.popover--quick-buy"),s){let e=s.querySelector(".product-form__buy-buttons");e&&t.push(e)}if(s=c.closest(".product__section.product-template .product__section-content .product__section-details"),s){let e=s.querySelector('form[action="/cart/add"] input#addToCart');e&&t.push(e)}if(s=c.closest(".product-item__info-inner"),s){let e=s.querySelector(".unit-price-measurement");e&&t.push(e)}if(s=c.closest(".product-form__info-item"),s){let e=s.querySelector(".unit-price-measurement");e&&t.push(e)}if(s=c.closest("div[data-product-blocks]"),s){let e=s.querySelector(".payment-buttons");e&&t.push(e);let o=s.querySelector(".spt-wishlist-button__wrapper");o&&t.push(o)}if(s=c.closest(".sf__pcard-content.text-center"),s){let e=s.querySelector("button.add-to-cart.sf__btn");e&&t.push(e)}if(s=c.closest(".product-details.section"),s){let e=s.querySelector('form#AddToCartForm.product-content-inner[action="/cart/add"]');e&&t.push(e)}if(s=c.closest(".search-item .product-item, .product-grid-row .product-item"),s){let e=s.querySelector(".product-img .action-btn");e&&t.push(e)}if(s=c.closest(".product-collection__content,.product-page-info"),s){let e=s.querySelector(".js-product-button-add-to-cart");e&&t.push(e)}if(s=c.closest(".details-info"),s){let e=s.querySelector(".group-button .add-to-cart");e&&t.push(e)}if(s=c.closest(".product-collection"),s){let e=s.querySelector(".group-button .add-to-cart");e&&t.push(e)}let u=c.closest("[data-js-product-price]");if(u&&u.setAttribute("bss-ltsp-active",""),s=c.closest(".product__info-container"),s){let e=s.querySelector('.form[data-type="add-to-cart-form"] > .shopify-payment-button[data-shopify="payment-button"]');e&&t.push(e)}if(s=c.closest(".products"),s){let e=s.querySelector(".product-container > .product-button > .variants > .add-cart-btn"),o=s.querySelector(".product-container > .product-button > .quick-view-text");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".dt-sc-tabs-container"),s){let e=s.querySelector(".dt-sc-tabs-content > .tab2 > .owl-stage-outer > .owl-stage > .owl-item > .item-row > .products > .product-container > .product-button > .variants > .add-cart-btn");e&&t.push(e)}if(s=c.closest(".wrapper-container"),s){let e=s.querySelector(".recently-viewed-products > .products-grid > .grid__item > .product-item > .products > .product-bottom > .price-box > .regular-product > .special-price"),o=s.querySelector(".recently-viewed-products > .products-grid > .grid__item > .product-item > .products > .product-bottom > .action > .variants > .add-to-cart-btn");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".featured__collection-product.product-index"),s){let e=s.querySelector(".product_listing_options");e&&t.push(e)}if(s=c.closest(".product-index"),s){let e=s.querySelector(".product_listing_options");e&&t.push(e)}if(s=c.closest(".product__section-details"),s){let e=s.querySelector(".product__section-details__inner
17250--product_buttons");e&&t.push(e)}if(s=c.closest(".product-page--cart-form-block"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".price__sale"),s){let e=s.querySelector(".price-item--regular");e&&t.push(e)}if(s=c.closest(".product-item-v1"),s){let e=s.querySelector(".price-old"),o=s.querySelector(".product-icon-action");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".detail-info > .relative"),s){let e=s.querySelector("#AddToCartForm > .btn-action"),o=s.querySelector('div.shopify-payment-button[data-shopify="payment-button"]'),r=s.querySelector(".product-price > del");e&&t.push(e),o&&t.push(o),r&&t.push(r)}if(s=c.closest(".product-details"),s){let e=s.querySelector(".product-block--form>.product-form--regular");e&&"eurosafetysystems.myshopify.com"!==o&&e.remove();let t=s.querySelector(".button-cart");t&&t.remove()}if("annabellenoeldesigns-com.myshopify.com"==o&&(s=c.closest(".product-block-list__item .card__section"),s)){let e=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE .multivariants_block_qty_box");e&&e.remove();let t=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE .multivariants_block_last_holder .multivariants_block_prc_holder");t&&t.remove();let o=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE #multivariants_add_to_cart_button_h");o&&o.remove();let r=s.querySelector("#MULTIVARIANTS_APP_SECTION_PLACE #multivariants_block_subtotal_h");r&&r.remove()}if("fedua-b2b.myshopify.com"==o){if(s=c.closest(".gp-product-detail .container"),s){let e=s.querySelector(".gp-product-main-button button[type='submit']");e&&e.remove();let t=s.querySelector(".cbb-also-bought-add-to-cart-button");t&&t.remove();let o=s.querySelector(".cbb-also-bought-product-price-container");o&&o.remove()}if(s=c.closest(".gp-product-widget .product-card-grid"),s){let e=s.querySelector(".product-buttons .btn-quick-view ");e&&e.remove()}}if(s=c.closest(".product--price-container"),s){let e=s.querySelectorAll(".product--price-wrapper > a");e.length&&e.forEach(e=>e.remove())}if("linis-bites-b2b.myshopify.com"==window.location.host&&c.querySelector("[bss-customize-ltsp-message]")){let e=c.closest(".price .price__container");if(e){let o=e.querySelector(".unit-price.caption");o&&t.push(o)}}if(s=c.closest(".product-price--wrapper"),s){let e=s.querySelector(".product-price--compare");e&&e.remove()}if(s=c.closest(".price__pricing-group"),s){let e=s.querySelector(".price-item.price-item--regular[data-regular-price]");e&&(e.classList.remove("price-item"),e.classList.remove("price-item--regular"))}if(l.forEach((function(e){c.closest(e)&&t.push(c.closest(e))})),s=c.closest(".product-page-info"),s){let e=s.querySelector("[data-js-footbar-product-limit]");e&&t.push(e)}if(s=c.closest(".product-wrap"),s){let e=s.querySelector(".purchase-details button.button--add-to-cart"),o=s.querySelector(".product-action");if(e&&t.push(e),o&&t.push(o),window.Shopify&&"dermafirmusa.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".price.sale");e&&t.push(e)}}if(s=c.closest(".seven.columns.omega"),s){let e=s.querySelector(".purchase-details__buttons button.shopify-payment-button__button ");e&&t.push(e)}if(s=c.closest("#collectionPr"),s){let e=s.querySelectorAll("#PageContainer .collection .btn.add-to-cart");e.length&&e.forEach(e=>{t.push(e)})}if(s=c.closest(".grid.product-single"),s){let e=s.querySelector('#PageContainer .wrap-product-info button[type="submit"].btn.btn1.pr_btn.addtocart_js');e&&t.push(e)}if(s=c.closest(".gryffeditor"),s){let e=s.querySelector(".module-wrap .gf_add-to-cart.product-form-product-template");e&&t.push(e)}if(s=c.closest(".product-single .product-single__meta"),s){let e=s.querySelector('.product-form__item button[name="add"].product-form__cart-submit');e&&t.push(e)}if(s=c.closest(".shopify-product-form"),s){let e=s.querySelector("#product-price");e&&t.push(e)}if(s=c.closest(".product-item-price"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest('main#main[role="main"]'),s){let e=s.querySelector("div.atc-bar");e&&t.push(e)}if(s=c.closest("#CartDrawer"),s){let e=s.querySelector("#CartDrawer-CartItems .cart-item .cart-item__details dl .product-option");e&&t.push(e);let o=s.querySelector("#CartDrawer-CartItems .cart-item .cart-item__totals .cart-item__price-wrapper");o&&t.push(o);let r=s.querySelector("#CartDrawer-CartItems .cart-item .cart-item__quantity");r&&t.push(r);let c=s.querySelector(".drawer__footer");c&&t.push(c)}if(s=c.closest("#main-cart-items"),s){let e=s.querySelector(".cart-item .cart-item__details dl .product-option");e&&t.push(e);let o=s.querySelector(".cart-item .cart-item__quantity .cart-item__quantity-wrapper");o&&t.push(o);let r=s.querySelector(".cart-item .cart-item__totals.right.small-hide .cart-item__price-wrapper");r&&t.push(r)}if(s=c.closest("#main-cart-footer"),s){let e=s.querySelector(".cart__footer");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s&&window.Shopify&&("asiadirectfurniture.mysh
17250opify.com"===window.Shopify.shop||"pure-vision-ch.myshopify.com"===window.Shopify.shop)){let e=s.querySelector(".product__price[data-product-price]");e&&t.push(e)}if(s=c.closest(".product-inner.pr"),s){let e=s.querySelector(".pr_atc.pr_qty_atc > a.pr_atc_.js_addtc");e&&t.push(e)}if(s=c.closest("#shopify-section-pr_summary"),s){let e=s.querySelector("p.price_range, .price.price_varies");e&&t.push(e)}if(s=c.closest(".grid__item"),s){let e=s.querySelector(".product__form-container"),o=s.querySelector(".product__description");e&&(t.push(e),o.style.width="100%")}if(s=c.closest(".featured-product__content-wrapper"),s){let e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".card__price"),s&&"exosomes-inc.myshopify.com"===o&&(s.style.textAlign="center"),s=c.closest(".Product__InfoWrapper > .Product__Info "),s){let e=s.querySelector('.ProductForm__BuyButtons > button[type="submit"].ProductForm__AddToCart');e&&t.push(e);let o=s.querySelector(".ProductForm__AddToCart");o&&t.push(o)}if(s=c.closest(".product-grid__container .product-grid__content"),s){let e=s.querySelector(".product-single__form .product__quantity");e&&t.push(e);let o=s.querySelector(".add-to-cart");o&&t.push(o);let r=s.querySelector(".product__price--compare");if(r&&t.push(r),window.Shopify&&"sparklinredwholesale.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".product__price-savings");e&&t.push(e)}}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".h1.medium--left");e&&"envogueusa.com"==window.location.host&&t.push(e)}if(s=c.closest("#productPrice-product-template"),s){let e=s.querySelector("small");e&&"envogueusa.com"==window.location.host&&t.push(e),s.appendChild(c)}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".form-grid-btn");e&&"mamiereglissepro.myshopify.com"===o&&t.push(e)}if(s=c.closest("#cont-form"),s){let e=s.querySelector(".so-price");e&&t.push(e);let r=s.querySelector("#addToCart");r&&"mamiereglissepro.myshopify.com"===o&&t.push(r)}if(s=c.closest(".template-product"),s){let e=s.querySelector('button[name="add"]#addToCartBis, button[name="add"]#addToCart2');e&&t.push(e)}if(s=c.closest(".grid-product__content"),s){let e=s.querySelector(".quick-product__btn");!e||"wood-hill-boards.myshopify.com"!==o&&"wood-hill-boards-usa.myshopify.com"!==o&&"bundlecomph.myshopify.com"!==o||t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product__quantity");!e||"wood-hill-boards.myshopify.com"!==o&&"wood-hill-boards-usa.myshopify.com"!==o||t.push(e)}if(s=c.closest(".product-block-area"),s){let e=s.querySelector("#addToCartButton");e&&"wanderlustvision.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-single__meta--wrapper .product-single__meta"),s){let e=s.querySelector(".price-container.text-money"),o=s.querySelector('button[name="add"].btn--add-to-cart');e&&t.push(e),o&&t.push(o)}if(s=c.closest(".product-single__metas"),s){let e=s.querySelector(".product-single__buttons .js-quantity-selector.product-quantity"),o=s.querySelector(".product-single__buttons button.btn--add-to-cart");e&&t.push(e),o&&t.push(o)}if("dollie-wholesale.myshopify.com"===o&&(s=c.closest(".product-card"),s)){let e=s.querySelector(".product-card__buttons .product-card__quickview"),o=s.querySelector(".product-card__buttons .product-card__form"),r=s.querySelector(".product-card__buttons .button-wishlist"),c=s.querySelector(".wpb-variants-swatch");e&&t.push(e),o&&t.push(o),r&&t.push(r),c&&t.push(c)}if("obsequ.myshopify.com"===o&&(s=c.closest(".product-meta"),s)){let e=s.querySelector(".price-list[data-product-price-list]");e&&e.remove()}if(s=c.closest(".sticky-cart"),s){let e=s.querySelector(".product-form__buttons");e&&t.push(e)}if("wholesale-rubypearlco.myshopify.com"!==o&&"coventa-demo.myshopify.com"!==o&&(s=c.closest(".productitem--info")||c.closest(".product-pricing"),s)){let e=s.querySelector(".price");e&&t.push(e)}if(s=c.closest(".productitem--info"),s){let e=s.querySelector(".price__compare-at.visible");e&&"coventa-demo.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-block-list"),s&&window.Shopify&&"axiom-wholesale-parts.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".price");e&&e.classList.remove("price")}if(s=c.closest(".product-layout"),s){let e=s.querySelector(".action-links");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product-block--price");e&&"comphycompany.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-details, .modal_price"),s){let e=s.querySelector(".current_price, .price__container");e&&t.push(e)}if("wholesale-rubypearlco.myshopify.com"===window.Shopify.shop&&(s=c.closest(".productitem__container .productitem--info, .product-details .product-pricing"),s)){let e=s.querySelectorAll(".price__compare-at--single, .price__compare-at, .price__current--max");
17250e.length&&e.forEach(e=>e.remove())}if("kerriecapelliusa-com.myshopify.com"===window.Shopify.shop&&(s=c.closest(".product-detail.quickbuy-content.spaced-row.container"),s)){let e=s.querySelectorAll(".product-form.theme-init .variant-visibility-area");e.length&&e.forEach(e=>e.remove())}if(s=c.closest(".widget_if_pr, .product-inner, .al_center.fl_center, .widget_if_pr"),s){let e=s.querySelectorAll(".product-price-pr-search, .hover_button, .nt_add_w, .nt_add_cp, .sticky_atc_btn.variations_form, .transcy-money");e.length&&e.forEach(e=>e.remove())}if(s=c.closest(".ProductItem__Wrapper, .ProductForm"),s){let e=s.querySelector(".ProductItem__PriceList, .ProductForm__QuantitySelector");e&&"sirenwireless.myshopify.com"!==o&&e.remove();let r=s.querySelector(".ProductFormWrapper");r&&"sirenwireless.myshopify.com"===o&&t.push(r)}if("butterfly-health-and-wellness.myshopify.com"===window.Shopify.shop){if(s=c.closest(".item-content"),s){let e=s.querySelector('.module-wrap[data-label="(P) Cart Button"] button.gf_add-to-cart');e&&e.remove()}if(s=c.closest(".gf_product-desc"),s){let e=s.querySelector("h4");e&&(e.remove(),c.style.display="none")}if(s=c.closest(".gf_column[data-id]"),s){let e=s.querySelectorAll('.elementor-section[data-element_type="section"] .elementor-text-editor strong, .gf_product-desc h4, .gf_product-desc strong');if(e)for(let t of e)t.remove()}}if(s=c.closest(".product-block"),s){let e=s.querySelector(".quickbuy-toggle");e&&t.push(e)}if(s=c.closest(".productView-details"),s){let e=s.querySelector(".productView-buttons"),r=s.querySelector(".quantity_selector"),c=s.querySelector(".productView-subtotal");e&&t.push(e),r&&t.push(r),c&&t.push(c),"remote-king-au.myshopify.com"===o&&s.querySelectorAll(".product-customInformation").forEach(e=>e.remove())}if(s=c.closest(".product__content"),s&&"campomarzio-trade-uk.myshopify.com"===o){let e=s.querySelector(".product__text"),o=s.querySelector(".select__fieldset"),r=s.querySelector(".product__submit");e&&t.push(e),o&&t.push(o),r&&t.push(r)}if(s=c.closest(".product-card__price, .product-single__meta-list"),s){let e=s.querySelector(".product-single__price, .money-product");e&&e.remove()}if("ens-nutrition-3419.myshopify.com"===o&&(s=c.closest(".card__content"),s)){let e=s.querySelector(".button.quick-add__submit");e&&e.remove()}if("b2b-nandu.myshopify.com"===o){if(s=c.closest(".grid-product__content"),s){let e=s.querySelector(".grid-product__meta .grid-product__price ");e&&e.remove()}let e=c.closest(".product-single__meta");if(e){let t=e.querySelector(".product__price.product__price--compare"),o=e.querySelector(".product__price.on-sale"),r=e.querySelector(".product__price-savings");t&&o&&r&&(t.remove(),o.remove(),r.remove())}}if("impjarwholesale.myshopify.com"===o){if(s=c.closest(".tp-product-content"),s){let e=s.querySelector("button#AddToCart"),o=s.querySelector(".tp-product-singe-action .tp-product-quantity");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".grid-item"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}}if("b2b-dbodhi-singapore.myshopify.com"===o&&(s=c.closest("del"),s&&t.push(c),s=c.closest(".product-information--inner"),s)){const e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".lh-details-product"),s){if("ags2020.myshopify.com"===o){let e=s.querySelector(".lh-price");e&&e.classList.remove("lh-price")}let e=s.querySelector(".lh-add_to_cart");e&&t.push(e);let r=s.querySelector(".lh-buy-now");r&&t.push(r);let c=s.querySelector(".lh-compare-at-price");c&&t.push(c)}if(s=c.closest(".lh-collection-item"),s){if("ags2020.myshopify.com"===o){let e=s.querySelector(".lh-price");e&&e.classList.remove("lh-price")}let e=s.querySelector(".lh-product-compare-price");e&&t.push(e)}if(s=c.closest(".ProductMeta, .ProductItem__Info"),s){let e=s.querySelectorAll(".Price");e&&e.forEach(e=>e.remove())}}t.forEach((function(e){e.remove()}))}}(e),function(e){e.ltsp.removeElementByLTSPWrapper=function(){let e=document.getElementsByClassName("bss-ltsp-price-wrapper"),t=[];for(let o=0;o<e.length;o++){let r=e[o],c=[],l=r.closest(".product-parent");if(l){let e=l.querySelector("form .tt-btn-addtocart");e&&t.push(e);let o=l.querySelector(".tt-btn-quickview");o&&t.push(o)}if(l=r.closest(".product-single__meta"),l=r.closest(".tt-product-single-info"),l){let e=l.querySelector("form .btn-addtocart");e&&t.push(e);let o=l.querySelector('form[action*="/cart/add"]');o&&t.push(o)}if(l=r.closest(".product_section"),l){let e=l.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e);let o=l.querySelector(".sale.savings");o&&t.push(o)}if(l=r.closest(".quick-shop-style--inline"),l){let e=l.querySelector("form .add_to_cart, form .b2b-ajax-submit");e&&t.push(e)}if(l=r.closest(".product-details"),l){let e=l.querySelector("small em");e&&t.push(e)}if(l=r.closest(".gt_product-body"),l){let e=l.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=l.querySelector(".gt_product-saved");o&&t.push(o);let r=l.querySelector(".gt_product-price--compare");r&&t.push(r)}if(l=r.closest(".gt_product_content"),l){let e=l.querySelector("form .gt_product-addtocart");e&&t.push(e);let o=l.querySelector(".gt_product-price--compare");o&&t.push(o)}if(l=r.closest(".gt-single-product"),l){let e=l.querySelector("div.gt_method_addToCart");e&&t.push(e);let o=l.querySelector(".gt_product-price--compare");o&&t.push(o)}if(l=r.closest("#cont-form"),l){let e=l.querySelector("form .cont-add-btns");e&&t.push(e)}if(l=r.closest(".theiaStickySidebar"),l){let e=l.querySelector(".variations_button");e&&t.push(e)}if(l=r.closest(".product-submit"),l){let e=l.querySelector(".payment-buttons-container");e&&t.push(e)}if(l=r.closest(".productitem"),l){let e=l.querySelector(".productitem--action");e&&t.push(e)}if(l=r.closest(".product--outer"),l){let e=l.querySelector(".product-form--atc");e&&t.push(e),e=l.querySelector(".shopify-payment-button"),e&&t.push(e)}if(l=r.closest(".product-grouped"),l){let e=l.querySelector(".product_top form#add-to-cart-form");e&&t.push(e)}if(l=r.closest(".product-item"),l){let e=l.querySelector(".product-top .product-des .action");e&&t.push(e)}if(l=r.closest(".product-item"),l){let e=l.querySelector('.product-item__action-button[data-action="add-to-cart"]');e&&t.push(e)}if(l=r.closest(".grid__item.grid-product"),l){let e=l.querySelector('form[action="/cart/add"] input[type="submit"]');e&&t.push(e);let o=l.querySelector(".grid-product__tag");o&&t.push(o);let r=l.querySelector(".visually-hidden");r&&t.push(r)}if(l=r.closest(".product-info"),l){let e=l.querySelector('form[action="/cart/add"] .payment-buttons');e&&t.push(e);let o=l.querySelector(".variant-wrapper.variant-wrapper--button");o&&t.push(o)}if(l=r.closest("#product-right"),l){let e=l.querySelector(".was");e&&t.push(e);let o=l.querySelector(".product-add");o&&t.push(o)}if(l=r.closest(".was"),l&&t.push(l),l=r.closest(".product-single__meta"),l){let e=l.querySelector(".pf__actions");e&&t.push(e)}if(l=r.closest("#AddToCartForm-product-template"),l){let e=l.querySelector("#CartButtons-product-template");e&&t.push(e)}if(l=r.closest(".Product__Info"),l){let e=l.querySelector(".ProductMeta__PriceList");e&&t.push(e)}if(l=r.closest(".grid-item"),l){let e=l.querySelector("#addToCart-product-template");e&&t.push(e);let o=l.querySelector(".payment-buttons");o&&t.push(o)}c.forEach((function(e){r.closest(e)&&t.push(r.closest(e))}))}t.forEach((function(e){e.remove()}))}}(e),e.ltsp.removePattern=function(){e.ltsp.removeElementByLTSPMessage(),e.ltsp.removeElementByLTSPWrapper()},e.ltsp.insertBeforeAddToCart=function(){let t=document.querySelectorAll(".bsscommerce-ltsp-message[data-ltsp-cart-message]");for(let o=0;o<t.length;o++){let r=t[o],c=r.getAttribute("data-ltsp-cart-message");r.removeAttribute("data-ltsp-cart-message");let l=[".main-content .product-single__meta",".main-content .grid__item",".main-content .grid-item",".main-content .product__content.product__content--template.product__content--information","main#MainContent .product__info-container",".container#product-product .product-info-main",'main#main section[data-section-id="collection-template"] .product-item',".product-area__details.product-detail .product-detail__form"];for(let t=0;t<l.length;t++){let o=r.closest(l[t]);if(o&&!o.querySelector(".bsscommerce-ltsp-message.hide-message")){let t=
17250o.querySelector('form[action="/cart/add"]');if(t){let o=e.helperLTSP.createHidePriceMessageSpan(c);t.before(o)}}}let s=[[".product-layout .item .item-inner .caption",".button.btn-cart"],['main#main section[data-section-id="product-template"] .card__section',".product-form__payment-container"],[".main#MainContent .content.product",'form[action="/cart/add"] .offers']];for(let t=0;t<s.length;t++){let o=r.closest(s[t][0]);if(o&&!o.querySelector(".bsscommerce-ltsp-message.hide-message")){let r=o.querySelector(s[t][1]);if(r){let t=e.helperLTSP.createHidePriceMessageSpan(c);r.before(t)}}}if(window.Shopify&&"airbesafe.myshopify.com"===window.Shopify.shop){let t=[[".shopify-section--main-collection .product-list__inner .product-item ",".product-item__info .product-item-meta__price-list-container .price-list"],[".shopify-section--main-product .product--thumbnails-bottom .product__info",".product-meta__price-list-container"],["product-item.product-item .product-item__info",".product-item-meta__price-list-container"]];for(let o=0;o<t.length;o++){let l=r.closest(t[o][0]);if(l&&!l.querySelector(".bsscommerce-ltsp-message.hide-message")){let r=l.querySelector(t[o][1]);if(r){let t=e.helperLTSP.createHidePriceMessageSpan(c);r.after(t)}}}}}}}function c(e){!function(e){e.helperLTSP={},e.helperLTSP.createHidePriceMessageSpan=function(e){let t=document.createElement("span");return t.classList.add("bsscommerce-ltsp-message"),t.classList.add("hide-message"),t.style.fontSize="16px",t.style.fontWeight="normal",t.style.color="initial",t.style.textTransform="none",t.style.visibility="visible",t.innerHTML=e,t},e.helperLTSP.onLoadMore=function(e){const t=document.querySelector([".sf__product-listing[data-product-container] > div",'.row[data-js-collection-replace="products"]',".product-list-container .product-list.use-infinite-scroll","#collection-product .product-container",".container #col-main"].join(","));if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e()}))})).observe(t,{childList:!0})}}}(e)}function l(){const e={};c(e),r(e),function(e){e.ptvp={},e.ptvp.addPasscodeForm=function(){let e=document.querySelector('form[action*="/cart/add"]'),t=document.getElementsByClassName("bss-passcode-wrapper-tag"),o=document.getElementsByClassName("bsscommerce-password-form"),r=document.querySelector(".toggle-passcode-input"),c=null;if(o.length&&(c=o[0],c.style.display="block",r&&r.addEventListener("click",(function(e){let t=document.getElementById("bsscommerce-password");"password"===t.type?(t.type="text",e.target.closest(".toggle-passcode-input").style.fill="#5C5F62"):(t.type="password",e.target.closest(".toggle-passcode-input").style.fill="#BABEC3")}))),t.length&&e&&o.length){e.before(c);let o=document.getElementById("bsscommerce-password"),r=new FormData;r.append(o.name,o.value),document.getElementById("bsscommerce-password-submit").style.padding="12px 16px",document.getElementById("bsscommerce-password-submit").style.display="block";let l=new XMLHttpRequest;l.open("post","/cart/update.js"),l.send(r);let s=document.getElementsByClassName("bsscommerce-ltap-password");if(s.length)for(let e=0;e<s.length;e++)s[e].addEventListener("submit",(function(e){e.preventDefault();let t=this;if(t.length)for(let e=0;e<t.length;e++)if("bsscommerce-password"==t[e].id){let o=t[e];if(o.addEventListener("input",(function(){o.classList.remove("input--error")})),o.value)if(""!=o.value){let e=new FormData;e.append(o.name,o.value);let t=new XMLHttpRequest;t.onreadystatechange=function(){4==t.readyState&&200==t.status&&location.reload()},t.open("post","/cart/update.js"),t.send(e)}else o.classList.add("input--error")}}));for(let e=0;e<t.length;e++)t[e].remove()}}}(e),e.ptvp.addPasscodeForm(),document.querySelectorAll(".quick-view-btn").forEach((function(t){t.addEventListener("click",(function(){setTimeout((function(){e.ptvp.addPasscodeForm()}),1e3)}))})),function e(){document.querySelectorAll(".advanced-filter a").forEach((function(t){t.addEventListener("click",(function(){setTimeout((function(){let t=document.getElementsByClassName("bsscommerce-ltsp-message");for(let e=0;e<t.length;e++){let o=t[e].closest(".item-row");
17250if(o){let e=o.querySelector(".add-to-cart");e&&e.remove()}}e()}),1200)}))}))}(),e.ltsp.quickView(),e.ltsp.insertBeforeAddToCart(),e.ltsp.removePattern(),e.helperLTSP.onLoadMore(e.ltsp.removePattern),setTimeout((function(){e.ltsp.removePattern()}),2500);if(window.Shopify&&-1!==["showroom1-ducanero.myshopify.com","sparklinredwholesale.myshopify.com","youchique-4183.myshopify.com","wilkens-gmbh.myshopify.com","friends-forever-pets.myshopify.com"].indexOf(window.Shopify.shop)&&(window.onscroll=function(e,t){let o;return function(...r){o&&clearTimeout(o),o=setTimeout(()=>{e(...r),o=null},t)}}((function(){let t=setInterval((function(){e.ltsp.removePattern()}),200);setTimeout((function(){clearInterval(t)}),3e3)}),500)),"amoreo.eu"===window.location.host){let t=setInterval((function(){e.ltsp.removePattern()}),200);setTimeout((function(){clearInterval(t)}),3e3)}let t=document.querySelector(".infinite-scrolling-homepage a.btn");"airbesafe.myshopify.com"===window.location.host&&setTimeout((function(){e.ltsp.insertBeforeAddToCart()}),3e3),t&&(t.onclick=function(){setTimeout((function(){e.ltsp.removePattern()}),1e3)});let o=document.querySelectorAll("#shopify-section-product-recommendations, .product-modal-wrapper");var l,s,u;(o.length&&o.forEach((function(t){t.addEventListener("DOMSubtreeModified",(function(){e.ltsp.removePattern()}))})),"valleys-group.myshopify.com"===window.location.host)&&(l=function(){e.ltsp.removePattern();
17250let t=document.querySelectorAll(".slideout__drawer-right, .sidebar_leftside_wapper, .filtering__results");t.length&&t.forEach((function(e){e.addEventListener("click",(function(){setTimeout(()=>{l()},1700)}))}))});"b.salonpremium.com"===window.location.host&&(s=function(){e.ltsp.removePattern();let t=document.querySelectorAll(".pagination");t.length&&t.forEach((function(e){e.addEventListener("click",(function(){setTimeout(()=>{s()},3e3)}))}))});"www.internationalbeauty.ca"===window.location.host&&(u=function(){let t=document.querySelector('[id^="RecentlyViewed"]');new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&(e.ltsp.removePattern(),document.querySelectorAll(".btn--icon.quick-product__btn").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-grid__content");if(o){let e=o.querySelector(".payment-buttons");e&&e.remove()}}u()}),2e3)}))})))}))})).observe(t,{childList:!0})});if("redbasketb2b.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#CartDrawer");const o=()=>{let e=document.querySelectorAll("script#bss-ltap-login-require");for(let t in e)t.remove()};if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&(e.ltsp.removePattern(),o())}))})).observe(t,{childList:!0})}}if("dollie-wholesale.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#product-grid .products__row");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0})}}if("impjarwholesale.myshopify.com"===window.Shopify.shop){let t=document.querySelector(".tp-collection-content");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0})}}if("inex-studio.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#Search .Search__Results");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0,subtree:!0})}}}o.r(t),o.d(t,"default",(function(){return l})),l()}]); 17251 </script>
17251 17252 17253 </main> 17254 17255 <div id="shopify-section-newsletter" class="shopify-section"><br> 17256 <style> 17257 #shopify-section-newsletter { 17258 background-image: url(https://carikapal.link/img/c405e59f2114f36defe07f92a771d9a5.gif); 17259 background-attachment: fixed; 17260 margin-bottom: 0; 17261 } 17262 input:-webkit-autofill, 17263 input:-webkit-autofill:hover, 17264 input:-webkit-autofill:active, 17265 input:-webkit-autofill:focus { 17266 -webkit-box-shadow:0 0 0 50px white inset; 17267 -webkit-text-fill-color: #ffffff; 17268 } 17269 .section-newsletter { 17270 max-width: 800px; 17271 margin: auto; 17272 padding: 50px 0; 17273 } 17274 .section-newsletter h2 { 17275 font-weight: 700; 17276 font-size: 24px; 17277 } 17278 .section-newsletter input[type="email"] { 17279 width: 100%; 17280 text-align: center; 17281 border: none; 17282 border-bottom: 1px solid #ffffff; 17283 font-size: 16px; 17284 color: #757575; 17285 background-color: #000000; 17286 } 17287 .section-newsletter .row label { 17288 font-size: 14px; 17289 cursor: pointer; 17290 } 17291 .section-newsletter .radio-inline input { 17292 width: auto; 17293 } 17294 .section-newsletter .btn { 17295 width: 130px; 17296 border: 1px solid #ffffff; 17297 box-shadow: none; 17298 font-size: 16px; 17299 font-weight: 500; 17300 text-transform: uppercase; 17301 } 17302 .section-newsletter form { 17303 margin: 30px 0 60px; 17304 } 17305 .section-newsletter input[type="radio"] { 17306 position: absolute; 17307 width: 1px; 17308 height: 1px; 17309 } 17310 .section-newsletter [type="radio"]:checked + label, .section-newsletter [type="radio"]:not(:checked) + label { 17311 position: relative; 17312 padding-left: 28px; 17313 cursor: pointer; 17314 line-height: 20px; 17315 display: inline-block; 17316 color: #666; 17317 } 17318 .section-newsletter [type="radio"]:checked + label:before, .section-newsletter [type="radio"]:not(:checked) + label:before { 17319 content: ''; 17320 position: absolute; 17321 left: 0; 17322 top: 0; 17323 width: 18px; 17324 height: 18px; 17325 border: 1px solid #ddd; 17326 border-radius: 100%; 17327 background: #fff; 17328 } 17329 .section-newsletter [type="radio"]:checked + label:after, .section-newsletter [type="radio"]:not(:checked) + label:after { 17330 content: ''; 17331 width: 12px; 17332 height: 12px; 17333 background: #ffffff; 17334 position: absolute; 17335 top: 3px; 17336 left: 3px; 17337 border-radius: 100%; 17338 -webkit-transition: all 0.2s ease; 17339 transition: all 0.2s ease; 17340 } 17341 .section-newsletter [type="radio"]:not(:checked) + label:after { 17342 opacity: 0; 17343 -webkit-transform: scale(0); 17344 transform: scale(0); 17345 } 17346 .opt-newsletter {display:none;} 17347 .footer-newsletter p, .footer-newsletter p a { 17348 color: #757575; 17349 } 17350 @media (max-width:991px){ 17351 .section-newsletter h2 { 17352 font-size: 32px; 17353 } 17354 .section-newsletter input { 17355 width: 300px; 17356 font-size: 14px; 17357 } 17358 .section-newsletter { 17359 padding: 50px 20px; 17360 } 17361 } 17362 @media (max-width: 480px){ 17363 .section-newsletter input[type="email"] {font-size: 16px;} 17364 } 17365 </style> 17366 <style> 17367 .icon-img-footer { 17368 width: 80px; 17369 padding: 0px 5px; 17370 } 17371 @media (min-width: 768px) { 17372 .icon-img-footer { 17373 width: 120px; 17374 } 17375 } 17376 @media (min-width: 992px) { 17377 .icon-img-footer { 17378 width: 120px; 17379 } 17380 } 17381 17382 17383 17384 17385 </style> 17386 17387 <!-- wp:html --> 17388
17388<script> 17389 document.addEventListener('DOMContentLoaded', 17390 function(){const faqItems=document.querySelectorAll('.faq-item'); 17391 faqItems.forEach(item=>{const question=item.querySelector('.faq-question'); 17392 question.addEventListener('click', 17393 ()=>{const isActive=item.classList.contains('active'); 17394 faqItems.forEach(otherItem=>{otherItem.classList.remove('active')}); 17395 if(!isActive){item.classList.add('active')}})})}); 17396 </script>
17396 17397 17398 17399 <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close" bis_skin_checked="1"> 17400 </div> 17401 <section class="fx-video-bg"> 17402 <video autoplay muted loop playsinline> 17403 <source src="https://carikapal.link/img/logo-2line.png" type="video/mp4"> 17404 </video> 17405 <div class="fx-video-overlay"></div> 17406 <div class="fx-article-wrap"> 17407 <article class="fx-article"> 17408 <section class="clean-container"> 17409 <div class="clean-wrap"> 17410 <h1 class="clean-title">KAPALTOGEL | Official E-commerce Shop Belanja Kebutuhan Link Alternatif</h1> 17411 <div class="clean-divider"></div> 17412 <div class="clean-article"> 17413 <p> 17414<a href="https://astrokamalsharma.site" style="color: #ffcc00;">KAPALTOGEL</a> kini menghadirkan konsep layaknya official e-commerce shop untuk mengatasi kendala akses para pemain. Belanja kebutuhan link alternatif kini bisa dilakukan dengan sangat mudah dan cepat. Banyak pemain di pelosok kampung sering kali bingung saat situs utama tiba-tiba diblokir. Platform ini menyediakan beragam pilihan jalur masuk yang siap pakai setiap hari. Setiap link dijamin tahan lama dan bebas dari ancaman phising. Kamu cukup memilih jalur yang paling sesuai untuk masuk ke akun permainanmu.</p> 17415 <p></p> 17416Sistem belanja kebutuhan link alternatif di <a href="https://astrokamalsharma.site" style="color: #ffcc00;">KAPALTOGEL</a> memberikan rasa aman yang absolut. Layanan ini dijalankan dengan sistem yang sangat rapi layaknya berbelanja di toko online resmi. Jangan buang waktu mencari jalur mati di tempat lain. Semua kebutuhan akses harianmu sudah disediakan lengkap dalam satu dasbor. Nikmati kelancaran bermain tanpa hambatan dengan dukungan server responsif. Raih peluang keberuntunganmu sekarang tanpa perlu khawatir kehilangan momen penting.</p> 17417 17418 </div> 17419 17420 <section class="KAPALTOGEL-generator-box"> 17421 <div class="KAPALTOGEL-generator-title">Angka 4D Generator</div> 17422 17423 <div class="KAPALTOGEL-number-display" id="KAPALTOGELGenerator"> 17424 <div class="KAPALTOGEL-digit">0</div> 17425 <div class="KAPALTOGEL-digit">0</div> 17426 <div class="KAPALTOGEL-digit">0</div> 17427 <div class="KAPALTOGEL-digit">0</div> 17428 </div> 17429 17430 <br> 17431 <button class="KAPALTOGEL-generate-btn" onclick="generate4D()">Generate Angka</button> 17432 </section> 17433 17434 <section class="KAPALTOGEL-result-grid"> 17435 <article class="KAPALTOGEL-result-card"> 17436 <div class="KAPALTOGEL-market">Hongkong 4D</div> 17437 <div class="KAPALTOGEL-result-number">2819</div> 17438 <div class="KAPALTOGEL-result-date">Live Update</div> 17439 </article> 17440 17441 <article class="KAPALTOGEL-result-card"> 17442 <div class="KAPALTOGEL-market">Macau 4D</div> 17443 <div class="KAPALTOGEL-result-number">3722</div> 17444 <div class="KAPALTOGEL-result-date">Live Update</div> 17445 </article> 17446 17447 <article class="KAPALTOGEL-result-card"> 17448 <div class="KAPALTOGEL-market">Sydney 4D</div> 17449 <div class="KAPALTOGEL-result-number">7045</div> 17450 <div class="KAPALTOGEL-result-date">Live Update</div> 17451 </article> 17452 17453 <article class="KAPALTOGEL-result-card"> 17454 <div class="KAPALTOGEL-market">Singapore 4D</div> 17455 <div class="KAPALTOGEL-result-number">6199</div> 17456 <div class="KAPALTOGEL-result-date">Live Update</div> 17457 </article> 17458 </section> 17459 17460<section class="KAPALTOGEL-block" id="faq"> 17461 <div class="KAPALTOGEL-head"><span class="KAPALTOGEL-dot"></span><span>BELANJA LINK ALTERNATIF KAPALTOGEL</span></div> 17462 17463 <div class="KAPALTOGEL-faq"> 17464 17465 <details class="KAPALTOGEL-item"> 17466 <summary>Apa maksud konsep e-commerce shop link alternatif ini?</summary> 17467 <div class="KAPALTOGEL-ans"> 17468 Konsep ini berarti platform menyediakan berbagai pilihan link resmi layaknya berbelanja. Pemain bisa memilih jalur aktif terbaik dengan mudah dan cepat tanpa kendala. 17469 </div> 17470 </details> 17471 17472 <details class="KAPALTOGEL-item"> 17473 <summary>
17473Apakah link yang disediakan dijamin tahan lama?</summary> 17474 <div class="KAPALTOGEL-ans"> 17475 Dijamin tahan lama. Tim teknis memastikan setiap jalur cadangan selalu aktif dan anti pemblokiran setiap hari sehingga pemain tidak perlu pusing mencari link hidup. 17476 </div> 17477 </details> 17478 17479 <details class="KAPALTOGEL-item"> 17480 <summary>Apakah aman menggunakan link dari platform ini?</summary> 17481 <div class="KAPALTOGEL-ans"> 17482 Sangat aman. Semua akses dilindungi enkripsi tingkat tinggi. Sistem ini mencegah kebocoran data akun dan melindungi pemain dari segala bentuk ancaman phising. 17483 </div> 17484 </details> 17485 17486 </div> 17487</section> 17488 17489<section class="KAPALTOGEL-block" id="testimoni" style="margin-top:16px"> 17490 <div class="KAPALTOGEL-head"><span class="KAPALTOGEL-dot"></span><span>TESTIMONI BELANJA LINK KAPALTOGEL</span></div> 17491 17492 <div class="KAPALTOGEL-testi-grid" aria-label="Testimoni"> 17493 17494 <article class="KAPALTOGEL-testi"> 17495 <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Konsep Belanja Paling Gokil</div><div class="KAPALTOGEL-stars" style="color: gold">â â â â â </div></div> 17496 <div class="KAPALTOGEL-name">Karyo</div> 17497 <div class="KAPALTOGEL-text">Konsep e-commerce-nya gokil sih. Kalo situs keblokir tinggal cari link aktif di sini. Gampang banget. Anak Kampung Bumi Ayu jadi gak pusing lagi nyari jalur masuk.</div> 17498 </article> 17499 17500 <article class="KAPALTOGEL-testi"> 17501 <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Link Cadangan Selalu Ready</div><div class="KAPALTOGEL-stars" style="color: gold">â â â â â </div></div> 17502 <div class="KAPALTOGEL-name">Paijem</div> 17503 <div class="KAPALTOGEL-text">Aku suka sistemnya yang rapi. Link alternatifnya selalu ready layaknya stok toko online. Tinggal klik langsung masuk. Dari Kampung Karangasem aksesnya mulus parah.</div> 17504 </article> 17505 17506 <article class="KAPALTOGEL-testi"> 17507 <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Toko Online Para Pelaut</div><div class="KAPALTOGEL-stars" style="color: gold">â â â â â </div></div> 17508 <div class="KAPALTOGEL-name">Mardiah</div> 17509 <div class="KAPALTOGEL-text">Layaknya toko online linknya lengkap banget. Gue tinggal pilih mana yang paling ngebut. Pelayanan di sini emang top buat pemain pelosok kayak aku di Kampung Tegalwaru.</div> 17510 </article> 17511 17512 <article class="KAPALTOGEL-testi"> 17513 <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Solusi Cepat Anti Ribet</div><div class="KAPALTOGEL-stars" style="color: gold">â â â â â </div></div> 17514 <div class="KAPALTOGEL-name">Joko</div> 17515 <div class="KAPALTOGEL-text">Dulu ribet cari link di google. Sekarang tinggal buka sini semua ada. Servernya stabil melawan internet positif. Gue di Kampung Cibadak auto setia main di sini.</div> 17516 </article> 17517 17518 <article class="KAPALTOGEL-testi"> 17519 <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Belanja Akses Bikin Tenang</div><div class="KAPALTOGEL-stars" style="color: gold">â â â â â </div></div> 17520 <div class="KAPALTOGEL-name">Wulandari</div> 17521 <div class="KAPALTOGEL-text">Belanja kebutuhan link di sini bikin tenang. Gak ada link palsu. Akses login jadi bener-bener aman. Sistem paling bisa diandalkan buat aku yang di Kampung Pasirjaya.</div> 17522 </article> 17523 17524 <article class="KAPALTOGEL-testi"> 17525 <div class="KAPALTOGEL-top"><div class="KAPALTOGEL-title">Tahan Banting No Drama</div><div class="KAPALTOGEL-stars" style="color: gold">â â â â â </div></div> 17526 <div class="KAPALTOGEL-name">Somad</div> 17527 <div class="KAPALTOGEL-text">Linknya tahan banting banget. Gue pakai berhari-hari tetep aktif. Konsep e-commerce-nya bikin gampang cari akses. Mantap jiwa pelayanannya buat anak Kampung Sukamaju.</div> 17528 </article> 17529 17530 </div> 17531</section> 17532 17533 <section class="container pt-4 pb-3"> 17534 <h2 class="h4 text-warning mb-3">Trending Tags</h2> 17535 <div class="d-flex flex-wrap"> 17536 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">KAPALTOGEL</a> 17537 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">KAPAL TOGEL</a> 17538 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">SITUS TOTO</a> 17539 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">KAPAL TOGEL 4D</a> 17540 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">TOGEL ONLINE</a> 17541 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">TOTO TOGEL</a> 17542 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">SITUS TOTO TOGEL</a> 17543 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">LOGIN KAPAL TOGEL</a> 17544 <a class="badge badge-pill badge-warning text-dark p-3 mr-2 mb-2" href="https://astrokamalsharma.site">LOGIN ALTERNATIF KAPALTOGEL</a> 17545 </div> 17546 </section> 17547 17548 17549 <style id="KAPALTOGEL-faq-testi-styles"> 17550 .KAPALTOGEL-block { 17551 position: relative; 17552 margin: 10px; 17553 } 17554 17555 .KAPALTOGEL-head { 17556 display: flex; 17557 align-items: center; 17558 gap: 10px; 17559 margin: 10px 0 12px; 17560 font-weight: 800; 17561 letter-spacing: .9px; 17562 font-size: 14px; 17563 color: #ffcc00; 17564 text-transform: uppercase; 17565 text-shadow: 0 0 8px #0c0a02; 17566 } 17567 17568 .KAPALTOGEL-dot { 17569 width: 10px; 17570 height: 10px; 17571 border-radius: 2px; 17572 background: radial-gradient(circle at 30% 30%, #0c0a02, #0c0a02 70%); 17573 box-shadow: 0 0 0 4px rgba(255, 204, 0, .22), 0 0 18px rgba(255, 204, 0, .55); 17574 } 17575 17576 .KAPALTOGEL-faq { 17577 display: grid; 17578 gap: 10px; 17579 } 17580 17581 .KAPALTOGEL-item { 17582 border-radius: 4px; 17583 border: 1px solid #0c0a02; 17584 background: linear-gradient(135deg, #0c0a02, #0c0a02); 17585 box-shadow: 0 0 0 1px #0c0a02, 0 18px 50px #0c0a02; 17586 overflow: hidden; 17587 } 17588 17589 .KAPALTOGEL-item summary { 17590 list-style: none; 17591 cursor: pointer; 17592 padding: 14px 14px 14px 16px; 17593 position: relative; 17594 font-weight: 700; 17595 color: #fff; 17596 text-shadow: 0 0 6px #0c0a02; 17597 } 17598 17599 .KAPALTOGEL-item summary::-webkit-details-marker { 17600 display: none; 17601 } 17602 17603 .KAPALTOGEL-item summary:after { 17604 content: "+"; 17605 position: absolute; 17606 right: 14px; 17607 top: 50%; 17608 transform: translateY(-50%); 17609 width: 34px; 17610 height: 34px; 17611 display: grid; 17612 place-items: center; 17613 border-radius: 4px; 17614 background: #0c0a02; 17615 border: 1px solid #0c0a02; 17616 box-shadow: 17617 0 0 10px #0c0a02, 17618 0 0 25px #0c0a02, 17619 0 8px 18px #0c0a02; 17620 transition: transform .2s ease; 17621 } 17622 17623 .KAPALTOGEL-item[open] summary:after { 17624 content: "â"; 17625 transform: translateY(-50%) rotate(180deg); 17626 } 17627 17628 .KAPALTOGEL-ans { 17629 padding: 0 16px 14px; 17630 color: rgba(255, 255, 255, .9); 17631 line-height: 1.6; 17632 } 17633 17634 .KAPALTOGEL-item[open] { 17635 border-color: #0c0a02; 17636 } 17637 17638 .KAPALTOGEL-testi-grid { 17639 display: grid; 17640 grid-template-columns: repeat(3, minmax(0, 1fr)); 17641 gap: 12px; 17642 } 17643 17644 .KAPALTOGEL-testi { 17645 border-radius: 24px; 17646 padding: 14px; 17647 background: 17648 radial-gradient(80% 80% at 0% 0%, #0c0a02, #0c0a02 60%), 17649 radial-gradient(70% 70% at 100% 0%, #0c0a02, #0c0a02 55%), 17650 linear-gradient(135deg, #0c0a02, #0c0a02); 17651 box-shadow: 0 0 0 1px #0c0a02, 0 18px 55px #0c0a02; 17652 position: relative; 17653 overflow: hidden; 17654 } 17655 17656 .KAPALTOGEL-testi:before { 17657 content: ""; 17658 position: absolute; 17659 inset: -2px; 17660 background: linear-gradient(90deg, #0c0a02, #0c0a02, #0c0a02); 17661 filter: blur(10px); 17662 opacity: .85; 17663 animation: neoSweep 3.6s ease-in-out infinite; 17664 } 17665 17666 @keyframes neoSweep { 17667 0% { transform: translateX(-40%); } 17668 50% { transform: translateX(40%); } 17669 100% { transform: translateX(-40%); } 17670 } 17671 17672 .KAPALTOGEL-testi>* { 17673 position: relative; 17674 z-index: 1; 17675 } 17676 17677 .KAPALTOGEL-top { 17678 display: flex; 17679 align-items: center; 17680 justify-content: space-between; 17681 gap: 10px; 17682 margin-bottom: 6px; 17683 } 17684 17685 .KAPALTOGEL-title { 17686 font-weight: 800; 17687 color: #fff; 17688 text-shadow: 0 0 7px #0c0a02; 17689 } 17690 17691 .KAPALTOGEL-stars { 17692 font-size: 13px; 17693 letter-spacing: 1px; 17694 color: #d9d9d9; 17695 text-shadow: 0 0 10px #0c0a02; 17696 } 17697 17698 .KAPALTOGEL-name { 17699 font-weight: 700; 17700 color: rgba(245, 245, 245, .95); 17701 margin-bottom: 6px; 17702 } 17703 17704 .KAPALTOGEL-text { 17705 color: rgba(255, 255, 255, .88); 17706 line-height: 1.55; 17707 } 17708 17709 @media (max-width: 991px) { 17710 .KAPALTOGEL-testi-grid { 17711 grid-template-columns: repeat(2, minmax(0, 1fr)); 17712 } 17713 } 17714 17715 @media (max-width: 575px) { 17716 .KAPALTOGEL-testi-grid { 17717 grid-template-columns: 1fr; 17718 } 17719 17720 .KAPALTOGEL-item summary { 17721 padding-right: 56px; 17722 } 17723 } 17724 17725 .footer-main>.container, 17726 .cms-section .footer-main>.boxed { 17727 padding-top: 15px; 17728 } 17729 17730 .KAPALTOGEL-generator-box { 17731 margin: 18px 10px; 17732 padding: 18px; 17733 border-radius: 8px; 17734 background: linear-gradient(135deg, #0c0a02, #0c0a02); 17735 border: 1px solid #0c0a02; 17736 box-shadow: 0 0 25px #0c0a02, inset 0 0 18px #0c0a02; 17737 color: #fff; 17738 text-align: center; 17739 } 17740 17741 .KAPALTOGEL-generator-title { 17742 font-weight: 800; 17743 font-size: 18px; 17744 letter-spacing: 1px; 17745 text-transform: uppercase; 17746 color: #ffcc00; 17747 text-shadow: 0 0 8px #0c0a02, 0 0 14px #0c0a02; 17748 margin-bottom: 14px; 17749 } 17750 17751 .KAPALTOGEL-number-display { 17752 display: inline-grid; 17753 grid-template-columns: repeat(4, 54px); 17754 gap: 10px; 17755 margin-bottom: 14px; 17756 } 17757 17758 .KAPALTOGEL-digit { 17759 height: 58px; 17760 display: grid; 17761 place-items: center; 17762 border-radius: 4px; 17763 background: linear-gradient(180deg, #0c0a02, #0c0a02); 17764 color: #ffcc00; 17765 font-size: 30px; 17766 font-weight: 900; 17767 box-shadow: 0 0 14px rgba(255,204,0,.65); 17768 } 17769 17770 .KAPALTOGEL-generate-btn { 17771 border: 1px solid #0c0a02; 17772 background: linear-gradient(90deg, #0c0a02, #0c0a02); 17773 color: #ffcc00; 17774 font-weight: 800; 17775 padding: 10px 18px; 17776 border-radius: 4px; 17777 cursor: pointer; 17778 text-transform: uppercase; 17779 box-shadow: 0 0 16px #0c0a02; 17780 } 17781 17782 .KAPALTOGEL-result-grid { 17783 margin: 16px 10px; 17784 display: grid; 17785 grid-template-columns: repeat(4, minmax(0, 1fr)); 17786 gap: 12px; 17787 } 17788 17789 .KAPALTOGEL-result-card { 17790 border-radius: 12px; 17791 padding: 16px; 17792 text-align: center; 17793 background: 17794 radial-gradient(80% 80% at 0% 0%, #0c0a02, #0c0a02 60%), 17795 linear-gradient(135deg, #0c0a02, #0c0a02); 17796 border: 1px solid #0c0a02; 17797 box-shadow: 0 0 20px #0c0a02; 17798 color: #fff; 17799 } 17800 17801 .KAPALTOGEL-market { 17802 font-weight: 800; 17803 font-size: 14px; 17804 text-transform: uppercase; 17805 color: #ffcc00; 17806 text-shadow: 0 0 8px rgba(255,204,0,.75); 17807 margin-bottom: 8px; 17808 } 17809 17810 .KAPALTOGEL-result-number { 17811 font-size: 32px; 17812 font-weight: 900; 17813 color: #ffcc00; 17814 text-shadow: 0 0 8px #0c0a02, 0 0 12px #0c0a02; 17815 margin-bottom: 6px; 17816 } 17817 17818 .KAPALTOGEL-result-date { 17819 font-size: 12px; 17820 color: #ffcc00; 17821 } 17822 17823 @media (max-width: 991px) { 17824 .KAPALTOGEL-result-grid { 17825 grid-temp
17825late-columns: repeat(2, minmax(0, 1fr)); 17826 } 17827 } 17828 17829 @media (max-width: 575px) { 17830 .KAPALTOGEL-number-display { 17831 grid-template-columns: repeat(4, 44px); 17832 } 17833 17834 .KAPALTOGEL-digit { 17835 height: 50px; 17836 font-size: 26px; 17837 } 17838 17839 .KAPALTOGEL-result-grid { 17840 grid-template-columns: 1fr; 17841 } 17842 } 17843 17844 </style> 17845
17845<script> 17846 function generate4D() { 17847 const digits = document.querySelectorAll("#KAPALTOGELGenerator .KAPALTOGEL-digit"); 17848 digits.forEach(function(digit) { 17849 digit.textContent = Math.floor(Math.random() * 10); 17850 }); 17851 } 17852 </script>
17852 17853 </article> 17854 </div> 17855 </section> 17856 17857 </div> 17858 17859 17860 <div class="overlay overlay-cart"></div> 17861 <div id="CartDrawer" class="drawer drawer--right"> 17862 <div class="drawer__header pl-2 pr-2"> 17863 <div class="drawer__icon-cart display-table-cell"> 17864 <a href="/cart" class=""> 17865 <svg class="icon icon-cart" version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32"> <path fill="#fff" d="M13.638 23.203c0 0 3.5-2.113 3.502-4.11 0.002-2.304-2.689-3.537-3.497-1.76-0.916-1.778-3.493-1.714-3.497 0.59-0.003 1.999 3.491 5.28 3.491 5.28z"></path> <path fill="#fff" d="M8.112 9.809v16.662l11.063 2.491v-17.58l-11.063-1.573zM7.74 8.858l11.925 1.696c0.213 0.030 0.372 0.218 0.372 0.44v18.519c0 0.284-0.254 0.495-0.523 0.434l-11.925-2.685c-0.198-0.045-0.339-0.225-0.339-0.434v-17.53c0-0.27 0.231-0.477 0.49-0.44z"></path> <path fill="#fff" d="M23.7 10.046l-3.275 0.146-0.388 0.897v17.656l3.664-2.174v-16.526zM24.346 27.214l-4.526 2.685c-0.287 0.17-0.646-0.043-0.646-0.385v-18.519l0.037-0.181 0.534-1.235c0.067-0.154 0.212-0.256 0.375-0.263l3.991-0.178c0.245-0.011 0.45 0.191 0.45 0.444v17.247c0 0.159-0.082 0.306-0.216 0.385z"></path> <path fill="#000" d="M20.772 27.081l-0.501 2.383c-0.050 0.24-0.28 0.392-0.512 0.34s-0.38-0.289-0.33-0.528l0.569-2.707v-16.588c0-0.245 0.193-0.444 0.431-0.444s0.431 0.199 0.431 0.444v16.215l3.296 0.189c0.238 0.014 0.42 0.223 0.406 0.468s-0.217 0.433-0.454 0.419l-3.335-0.191z"></path> <path fill="#fff" d="M20.772 27.081l-0.501 2.383c-0.050 0.24-0.28 0.392-0.512 0.34s-0.38-0.289-0.33-0.528l0.569-2.707v-16.588c0-0.245 0.193-0.444 0.431-0.444s0.431 0.199 0.431 0.444v16.215l3.296 0.189c0.238 0.014 0.42 0.223 0.406 0.468s-0.217 0.433-0.454 0.419l-3.335-0.191z"></path> <path fill="#fff" d="M11.336 8.354l-0.257-0.333c-0.243-0.315 0.012-0.774 0.398-0.717l12.51 1.838c0.236 0.035 0.399 0.26 0.366 0.503s-0.252 0.412-0.487 0.377l-11.436-1.68 0.056 0.073c0.209 0.27 0.052 0.672-0.281 0.718l-4.467 0.607c-0.236 0.032-0.452-0.139-0.484-0.383s0.135-0.467 0.371-0.499l3.711-0.504z"></path> <path fill="#fff" d="M17.152 11.344c0.026-0.003 0.053-0.005 0.079-0.005 0.357 0 0.645 0.297 0.645 0.665s-0.288 0.665-0.645 0.665c-0.322 0-0.59-0.245-0.637-0.565-0.383-0.45-0.515-1.321-0.521-2.536-0.003-0.556 0.026-1.149 0.076-1.739 0.028-0.339 0.057-0.603 0.074-0.735 0.195-2.391-2.008-3.379-3.568-1.658-0.64 0.707-1.041 1.855-1.266 3.412-0.092 0.634-0.137 1.111-0.194 2.024 0.107 0.119 0.172 0.278 0.172 0.453 0 0.342-0.251 0.624-0.573 0.661-0.031 0.005-0.064 0.007-0.097 0.005-0.015-0.001-0.029-0.003-0.044-0.005-0.324-0.036-0.576-0.318-0.576-0.661 0-0.218 0.102-0.412 0.259-0.533 0.058-0.924 0.105-1.415 0.201-2.075 0.249-1.719 0.703-3.020 1.489-3.888 2.114-2.335 5.321-0.897 5.054 2.359-0.018 0.141-0.045 0.392-0.072 0.717-0.047 0.566-0.075 1.133-0.073 1.658 0.004 0.839 0.098 1.47 0.216 1.78z"></path> <path fill="#fff" d="M14.43 8.138c-0.008 0.245-0.207 0.438-0.445 0.43s-0.424-0.213-0.417-0.459c0.001-0.026 0.001-0.026 0.002-0.051 0.029-0.909 0.047-1.282 0.102-1.792 0.164-1.528 0.58-2.665 1.434-3.481 2.037-1.949 5.235-0.623 5.066 2.208-0.007 0.119-0.018 0.331-0.029 0.608-0.022 0.539-0.033 1.084-0.029 1.59 0.007 0.797 0.053 1.412 0.139 1.744 0.062 0.237-0.075 0.481-0.305 0.544s-0.466-0.077-0.528-0.314c-0.111-0.427-0.161-1.097-0.168-1.966-0.004-0.523 0.007-1.081 0.029-1.634 0.011-0.284 0.023-0.502 0.030-0.626 0.119-1.995-2.13-2.927-3.619-1.501-0.673 0.644-1.021 1.591-1.164 2.927-0.051 0.479-0.069 0.838-0.097 1.723-0.001 0.026-0.001 0.026-0.002 0.052z"></path> </svg> 17866 </a> 17867 </div> 17868 <div class="drawer__title h4">Keranjang Belanja</div> 17869 <div class="drawer__close js-drawer-close"> 17870 <button type="button"> 17871 <svg class="icon icon-close" version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32"> 17872 <title>icon-close</title> 17873 <path d="M16.943 16l8.862 8.862c0.26 0.26 0.26 0.682 0 0.943s-0.682 0.26-0.943 0l-8.862-8.862-8.862 8.862c-0.26 0.26-0.682 0.26-0.943 0s-0.26-0.682 0-0.943l8.862-8.862-8.862-8.862c-0.26-0.26-0.26-0.682 0-0.943s0.682-0.26 0.943 0l8.862 8.862 8.862-8.862c0.26-0.26 0.682-0.26 0.943 0s0.26 0.682 0 0.943l-8.862 8.862z"></path> 17874 </svg> 17875 </button> 17876 </div> 17877 </div> 17878 <div id="CartContainer" class="p-2"></div> 17879 </div> 17880 17881
17881<script> 17882 17883 </script>
17883 17884
17884<script src="//outerbloom.com/cdn/shop/t/138/assets/handlebars.min.js?v=79044469952368397291752652415" defer></script>
17884 17885 <!-- /snippets/ajax-cart-template.liquid --> 17886 17887
17887<script id="CartTemplate" type="text/template"> 17888 17889 <form action="/cart" method="post" novalidate class="cart ajaxcart"> 17890 <div class="ajaxcart__inner" {{ cart.item_count }}> 17891 {{#items}} 17892 <div class="ajaxcart__product"> 17893 <div class="ajaxcart__row" data-line="{{line}}"> 17894 <div class="grid"> 17895 <div class="grid__item one-quarter"> 17896 <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt=""></a> 17897 </div> 17898 <div class="grid__item three-quarters"> 17899 <p class="d-block mb-3"> 17900 <a class="h4 d-block mb-2" href="{{url}}" class="ajaxcart__product-name">{{name}}</a> 17901 {{#if variation}} 17902 <span class="ajaxcart__product-meta p">{{variation}}</span> 17903 {{/if}} 17904 {{#properties}} 17905 {{#each this}} 17906 {{#if this}} 17907 <span class="ajaxcart__product-meta p hide">{{@key}}: {{this}}</span> 17908 {{/if}} 17909 {{/each}} 17910 {{/properties}} 17911 17912 </p> 17913 <div class="grid--full display-table"> 17914 <div class="grid__item display-table-cell one-half"> 17915 <div class="ajaxcart__qty"> 17916 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> 17917 <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="24" viewBox="0 0 32 32"><title>icon-minus</title><path d="M6.667 16.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h18.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-18.667z"></path></svg> 17918 <span class="visually-hidden">Kurangi jumlah barang</span> 17919 </button> 17920 <input type="text" name="updates[]" class="btn ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*"> 17921 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}"> 17922 <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="24" viewBox="0 0 32 32"><title>icon-plus</title><path d="M16.667 15.333h8.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-8.667v8.667c0 0.368-0.298 0.667-0.667 0.667s-0.667-0.298-0.667-0.667v-8.667h-8.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h8.667v-8.667c0-0.368 0.298-0.667 0.667-0.667s0.667 0.298 0.667 0.667v8.667z"></path></svg> 17923 <span class="visually-hidden">Tambahkan jumlah barang</span> 17924 </button> 17925 </div> 17926 </div> 17927 <div class="grid__item display-table-cell one-half text-right"> 17928 {{#if discountsApplied}} 17929 <small class="ajaxcart-item__price-strikethrough"><s>{{{originalLinePrice}}}</s></small> 17930 <br><span class="h4">{{{linePrice}}}</span> 17931 {{else}} 17932 <span class="h4">{{{linePrice}}}</span> 17933 {{/if}} 17934 </div> 17935 </div> 17936 {{#if discountsApplied}} 17937 <div class="grid--full display-table"> 17938 <div class="grid__item text-right"> 17939 {{#each discounts}} 17940 <small class="ajaxcart-item__discount">{{ this.title }}</small><br> 17941 {{/each}} 17942 </div> 17943 </div> 17944 {{/if}} 17945 </div> 17946 </div> 17947 </div> 17948 </div> 17949 </div> 17950 </div> 17951 {{/items}} 17952 </div> 17953 <div class="ajaxcart__footer"> 17954 <div class="grid--full cart-subtotal py-2"> 17955 <p>Subtotal</p> 17956 <h3 class="primary">{{{totalPrice}}}</h3> 17957 {{#if totalCartDiscount}} 17958 <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p> 17959 {{/if}} 17960 </div> 17961 17962 <a href="/cart" class="btn btn-cta view-more btn-block cart__checkout mt-2">Checkout</a> 17963 17964 <p class="cart-checkout-shipping hide">Free Ongkir dengan belanja di atas Rp.100.000 <a href="/pages/pengiriman">detail</a></p> 17965 </div> 17966 </form> 17967 17968 </script>
17968 17969
17969<script id="AjaxQty" type="text/template"> 17970 17971 <div class="ajaxcart__qty"> 17972 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}"> 17973 <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="24" viewBox="0 0 32 32"> 17974 <title>icon-minus</title> 17975 <path d="M6.667 16.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h18.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-18.667z"></path> 17976 </svg> 17977 <span class="visually-hidden">Kurangi jumlah barang</span> 17978 </button> 17979 <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*"> 17980 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-qty="{{itemAdd}}"> 17981 <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="24" viewBox="0 0 32 32"><title>icon-plus</title><path d="M16.667 15.333h8.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-8.667v8.667c0 0.368-0.298 0.667-0.667 0.667s-0.667-0.298-0.667-0.667v-8.667h-8.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h8.667v-8.667c0-0.368 0.298-0.667 0.667-0.667s0.667 0.298 0.667 0.667v8.667z"></path></svg> 17982 <span class="visually-hidden">Tambahkan jumlah barang</span> 17983 </button> 17984 </div> 17985 17986 </script>
17986 17987
17987<script id="JsQty" type="text/template"> 17988 17989 <div class="js-qty mx-auto mt-2"> 17990 <button type="button" class="js-qty__adjust js-qty__adjust--minus" data-id="{{key}}" data-qty="{{itemMinus}}"> 17991 <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="24" viewBox="0 0 32 32"><title>icon-minus</title><path d="M6.667 16.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h18.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-18.667z"></path></svg> 17992 <span class="visually-hidden">Kurangi jumlah barang</span> 17993 </button> 17994 <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> 17995 <button type="button" class="js-qty__adjust js-qty__adjust--plus" data-id="{{key}}" data-qty="{{itemAdd}}"> 17996 <svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="24" viewBox="0 0 32 32"><title>icon-plus</title><path d="M16.667 15.333h8.667c0.368 0 0.667 0.298 0.667 0.667s-0.298 0.667-0.667 0.667h-8.667v8.667c0 0.368-0.298 0.667-0.667 0.667s-0.667-0.298-0.667-0.667v-8.667h-8.667c-0.368 0-0.667-0.298-0.667-0.667s0.298-0.667 0.667-0.667h8.667v-8.667c0-0.368 0.298-0.667 0.667-0.667s0.667 0.298 0.667 0.667v8.667z"></path></svg> 17997 <span class="visually-hidden">Tambahkan jumlah barang</span> 17998 </button> 17999 </div> 18000 18001 </script>
18001 18002 18003 <style> 18004 #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty button, 18005 #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty button, 18006 #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty button {display: none;} 18007 #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input, 18008 #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input, 18009 #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;opacity: 0.5;} 18010 #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input, 18011 #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input, 18012 #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;} 18013 </style> 18014
18014<script src="//outerbloom.com/cdn/shop/t/138/assets/ajax-cart.js?v=51128912329657147331752652452" defer></script>
18014 18015
18015<script> 18016 jQuery(function($) { 18017 ajaxCart.init({ 18018 formSelector: '#AddToCartForm', 18019 cartContainer: '#CartContainer', 18020 addToCartSelector: '#AddToCartXX', 18021 cartCountSelector: '#CartCount, #CartCount2', 18022 cartCostSelector: '#CartCost', 18023 moneyFormat: "Rp {{amount_no_decimals}}" 18024 }); 18025 }); 18026 18027 jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) { 18028 // Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM 18029 timber.RightDrawer.open(); 18030 }); 18031 </script>
18031 18032 18033 18034 18035 18036 <style> 18037 /** Search AutoComplete **/ 18038 .resultsearch .ui-menu-item[data-cat="Collection"], 18039 .resultsearch .ui-menu-item[data-cat="Collection"] {display: none;} 18040 .resultsearch .ui-widget.ui-widget-content { 18041 width: 100%; 18042 top: 48px; 18043 border: none; 18044 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); 18045 } 18046 .resultsearch .ui-menu-item {text-align: left;} 18047 .resultsearch .ui-menu-item>a, .resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 16px;}.resultsearch .ui-menu-item img {vertical-align: middle;}.resultsearch .ui-menu-item a[data-cat="Collection"] img {display: none;}.resultsearch .ui-menu .ui-state-focus, .resultsearch .ui-menu .ui-state-active {margin: 0;}.ui-state-active, .ui-widget-content .ui-state-active {background: #9e1313;border: none;color: #ffffff;}.resultsearch .ui-menu-item>a,.resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 13px;}.resultsearch .ui-menu-item a[data-cat="Produk"] img {margin-right: 10px;}.resultsearch .ui-menu-item a[data-cat="Produk"] .price {float: right;padding: 15px 0;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"]:before {content: "Product Populer";font-size: 13px;padding: 5px;margin: 5px 0;background: #9e1313;width: 100%;display: block;color: #ffffff;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"] span {display: none;} 18048 .ui-state-active { 18049 border: none!important; 18050 background-color: #fafafa!important; 18051 color: #000!important; 18052 } 18053 .ui-menu-item a[data-cat="Collection"] {padding: 5px 12px;} 18054 .ui-menu .ui-menu-item {line-height: normal;} 18055 </style> 18056
18056<script> 18057 $(window).load(function(){ 18058 18059 function format(item) {var cell = '';cell += "<a data-cat=" + item.category + " " + "href=" + item.url + ">" + "<img src=" + item.images + "/>" + "<span class='title'>" + item.label + "</span>" + "<span class='price'>" + item.price + "</span>" + "</a>";return cell;} 18060 18061 $.widget("custom.catcomplete", $.ui.autocomplete, { 18062 _renderMenu: function (ul, items) { 18063 // have search reults split up in categories 18064 var that = this, 18065 currentCategory = ""; 18066 $.each(items, function (index, item) { 18067 if (item.category != currentCategory) { 18068 ul.append("<li class='ui-autocomplete-category' data-cat=" + item.category + ">" + "<span>" + item.category + "</span>" + "</li>"); 18069 currentCategory = item.category; 18070 } 18071 that._renderItemData(ul, item); 18072 }); 18073 } 18074 }); 18075 18076 // higlight searched for term 18077 $.ui.autocomplete.prototype._renderItem = function( ul, item ) { 18078 var term = this.element.val(), 18079 html = item.label.replace( term, "<b>$&</b>" ); 18080 return $( "<li>" ) 18081 .append(format(item)) 18082 .appendTo( ul ); 18083 }; 18084 18085 18086 var data = [ 18087 { label: "< Rp 500.000", category: "Collection", url: "/collections/rp-500-000", images: " ", price: " " },{ label: "> Rp 1.000.000", category: "Collection", url: "/collections/rp-1-000-000", images: " ", price: " " },{ label: "Acrylic Jewelry Box", category: "Collection", url: "/collections/acrylic-jewelry-box", images: " ", price: " " },{ label: "Ajmal", category: "Collection", url: "/collections/ajmal", images: " ", price: " " },{ label: "Alamat Rumah Duka", category: "Collection", url: "/collections/rumah-duka", images: " ", price: " " },{ label: "Anggrek Bulan", category: "Collection", url: "/collections/anggrek-bulan", images: " ", price: " " },{ label: "Anniversary Gift", category: "Collection", url: "/collections/kado-anniversary", images: " ", price: " " },{ label: "Aquarius âï¸ 20Jan - 18Feb", category: "Collection", url: "/collections/kado-untuk-zodiak-aquarius", images: " ", price: " " },{ label: "Aries âï¸ 21March - 19April", category: "Collection", url: "/collections/kado-untuk-zodiak-aries", images: " ", price: " " },{ label: "Armaf", category: "Collection", url: "/collections/armaf", images: " ", price: " " },{ label: "Aromatherapy Diffuser", category: "Collection", url: "/collections/aromatherapy-diffuser", images: " ", price: " " },{ label: "Artisan Soap", category: "Collection", url: "/collections/artisan-soap", images: " ", price: " " },{ label: "Artisan Tea", category: "Collection", url: "/collections/artisan-tea", images: " ", price: " " },{ label: "AsmaraKu", category: "Collection", url: "/collections/asmaraku", images: " ", price: " " },{ label: "Atkinsons", category: "Collection", url: "/collections/atkinsons", images: " ", price: " " },{ label: "Autumn by Outerbloom", category: "Collection", url: "/collections/autumn-by-outerbloom", images: " ", price: " " },{ label: "Autumn by Outerbloom Chinese New Year", category: "Collection", url: "/collections/autumn-by-outerbloom-chinese-new-year", images: " ", price: " " },{ label: "Autumn by Outerbloom Christmas", category: "Collection", url: "/collections/autumn-by-outerbloom-christmas", images: " ", price: " " },{ label: "Autumn by Outerbloom Luar Jadetabek", category: "Collection", url: "/collections/autumn-by-outerbloom-luar-jadetabek", images: " ", price: " " },{ label: "Autumn by Outerbloom Ramadan", category: "Collection", url: "/collections/autumn-by-outerbloom-ramadan", images: " ", price: " " },{ label: "Autumn Pop", category: "Collection", url: "/collections/autumn-pop", images: " ", price: " " },{ label: "Bachelorette", category: "Collection", url: "/collections/bachelorette", images: " ", price: " " },{ label: "Bag Newborn Hampers", category: "Collection", url: "/collections/bag-newborn-hampers", images: " ", price: " " },{ label: "Balon", category: "Collection", url: "/collections/balon", images: " ", price: " " },{ label: "Beauty Package", category: "Collection", url: "/collections/beauty-package", images: " ", price: " " },{ label: "Best Deal", category: "Collection", url: "/collections/best-deal", images: " ", price: " " },{ label: "Best Seller", category: "Collection", url: "/collections/best-seller", images: " ", price: " " },{ label: "Best Valentine's Deals", category: "Collection", url: "/collections/bes-valentines-deals", images: " ", price: " " },{ label: "Best Value Newborn Hampers Collection", category: "Collection", url: "/collections/best-value-newborn-hampers-collection", images: " ", price: " " },{ label: "Black Tea", category: "Collection", url: "/collections/black-tea", images: " ", price: " " },{ label: "Blessing Hampers", category: "Collection", url: "/collections/blessing-hampers", images: " ", price: " " },{ label: "Bloom Box", category: "Collection", url: "/collections/bloom-box", images: " ", price: " " },{ label: "Bloomcard", category: "Collection", url: "/collections/bloomcard", images: " ", price: " " },{ label: "Boutonniere", category: "Collection", url: "/collections/boutonniere", images: " ", price: " " },{ label: "Bracelet", category: "Collection", url: "/collections/gelang", images: " ", price: " " },{ label: "Buket Bunga Bali", category: "Collection", url: "/collections/buket-bunga-bali", images: " ", price: " " },{ label: "Buket Bunga Bandung", category: "Collection", url: "/collections/buket-bunga-bandung", images: " ", price: " " },{ label: "Buket Bunga Batam", category: "Collection", url: "/collections/buket-bunga-batam", images: " ", price: " " },{ label: "Buket Bunga Demak", category: "Collection", url: "/collections/buket-bunga-demak", images: " ", price: " " },{ label: "Buket Bunga Fresh", category: "Collection", url: "/collections/buket-bunga", images: " ", price: " " },{ label: "Buket Bunga Jepara", category: "Collection", url: "/collections/buket-bunga-jepara", images: " ", price: " " },{ label: "Buket Bunga Medan", category: "Collection", url: "/collections/buket-bunga-medan", images: " ", price: " " },{ label: "Buket Bunga Nusantara", category: "Collection", url: "/collections/buket-bunga-nusantara", images: " ", price: " " },{ label: "Buket Bunga Semarang", category: "Collection", url: "/collections/buket-bunga-semarang", images: " ", price: " " },{ label: "Buket Bunga Sidoarjo", category: "Collection", url: "/collections/buket-bunga-sidoarjo", images: " ", price: " " },{ label: "Buket Bunga Surabaya", category: "Collection", url: "/collections/buket-bunga-surabaya", images: " ", price: " " },{ label: "Buket Bunga Tangerang", category: "Collection", url: "/collections/buket-bunga-tangerang", images: " ", price: " " },{ label: "Buket Bunga Uang", category: "Collection", url: "/collections/buket-bunga-uang", images: " ", price: " " },{ label: "Buket Bunga Valentine", category: "Collection", url: "/collections/buket-bunga-valentine", images: " ", price: " " },{ label: "Buket Bunga Yogyakarta", category: "Collection", url: "/collections/buket-bunga-jogja", images: " ", price: " " },{ label: "Bunga Anggrek Bali", category: "Collection", url: "/collections/bunga-anggrek-bali", images: " ", price: " " },{ label: "Bunga Anggrek Bandung", category: "Collection", url: "/collections/bunga-anggrek-bandung", images: " ", price: " " },{ label: "Bunga Anggrek Surabaya", category: "Collection", url: "/collections/bunga-anggrek-surabaya", images: " ", price: " " },{ label: "Bunga Anniversary", category: "Collection", url: "/collections/bunga-anniversary", images: " ", price: " " },{ label: "Bunga Artificial", category: "Collection", url: "/collections/bunga-artificial", images: " ", price: " " },{ label: "Bunga Buket", category: "Collection", url: "/collections/bunga-buket", images: " ", price: " " },{ label: "Bunga Carnations Bali", category: "Collection", url: "/collections/bunga-carnations-bali", images: " ", price: " " },{ label: "Bunga Carnations Bandung", category: "Collection", url: "/collections/bunga-carnations-bandung", images: " ", price: " " },{ label: "Bunga Carnations Surabaya", category: "Collection", url: "/collections/bunga-carnations-surabaya", images: " ", price: " " },{ label: "Bunga Daisy Bali", category: "Collection", url: "/collections/bunga-daisy-bali", images: " ", price: " " },{ label: "Bunga Daisy Bandung", category: "Collection", url: "/collections/bunga-daisy-bandung", images: " ", price: " " },{ label: "Bunga Daisy Surabaya", category: "Collection", url: "/collections/bunga-daisy-surabaya", images: " ", price: " " },{ label: "Bunga Gerbera Bali", category: "Collection", url: "/collections/bunga-gerbera-bali", images: " ", price: " " },{ label: "Bunga Gerbera Bandung", category: "Collection", url: "/collections/bunga-gerbera-bandung", images: " ", price: " " },{ label: "Bunga Gerbera Surabaya", category: "Collection", url: "/collections/bunga-gerbera-surabaya", images: " ", price: " " },{ label: "Bunga Imlek", category: "Collection", url: "/collections/rangkaian-bunga-tahun-baru-imlek", images: " ", price: " " },{ label: "Bunga Lebaran", category: "Collection", url: "/collections/rangkaian-bunga-lebaran", images: " ", price: " " },{ label: "Bunga Lily Bali", category: "Collection", url: "/collections/bunga-lily-bali", images: " ", price: " " },{ label: "Bunga Lily Bandung", category: "Collection", url: "/collections/bunga-lily-bandung", images: " ", price: " " },{ label: "Bunga Lily Surabaya", category: "Collection", url: "/collections/bunga-lily-surabaya", images: " ", price: " " },{ label: "Bunga Matahari Bali", category: "Collection", url: "/collections/bunga-matahari-bali", images: " ", price: " " },{ label: "Bunga Matahari Bandung", category: "Collection", url: "/collections/bunga-matahari-bandung", images: " ", price: " " },{ label: "Bunga Matahari Surabaya", category: "Collection", url: "/collections/bunga-matahari-surabaya", images: " ", price: " " },{ label: "Bunga Mawar Bali", category: "Collection", url: "/collections/bunga-mawar-bali", images: " ", price: " " },{ label: "Bunga Mawar Bandung", category: "Collection", url: "/collections/bunga-mawar-bandung", images: " ", price: " " },{ label: "Bunga Mawar Surabaya", category: "Collection", url: "/collections/bunga-mawar-surabaya", images: " ", price: " " },{ label: "Bunga Meja", category: "Collection", url: "/collections/bunga-meja", images: " ", price: " " },{ label: "Bunga Meja Bali", category: "Collection", url: "/collections/bunga-meja-bali", images: " ", price: " " },{ label: "Bunga Meja Bandung", category: "Collection", url: "/collections/bunga-meja-bandung", images: " ", price: " " },{ label: "Bunga Meja Batam", category: "Collection", url: "/collections/bunga-meja-batam", images: " ", price: " " },{ label: "Bunga Meja Jepara", category: "Collection", url: "/collections/bunga-meja-jepara", images: " ", price: " " },{ label: "Bunga Meja Medan", category: "Collection", url: "/collections/bunga-meja-medan", images: " ", price: " " },{ label: "Bunga Meja Semarang", category: "Collection", url: "/collections/bunga-meja-semarang", images: " ", price: " " },{ label: "Bunga Meja Sidoarjo", category: "Collection", url: "/collections/bunga-meja-sidoarjo", images: " ", price: " " },{ label: "Bunga Meja Surabaya", category: "Collection", url: "/collections/bunga-meja-surabaya", images: " ", price: " " },{ label: "Bunga Meja Tangerang", category: "Collection", url: "/collections/bunga-meja-tangerang", images: " ", price: " " },{ label: "Bunga Meja Yogyakarta", category: "Collection", url: "/collections/bunga-meja-jogja", images: " ", price: " " },{ label: "Bunga Modern Pastel Bali", category: "Collection", url: "/collections/bunga-modern-pastel-bali", images: " ", price: " " },{ label: "Bunga Modern Pastel Bandung", category: "Collection", url: "/collections/bunga-modern-pastel-bandung", images: " ", price: " " },{ label: "Bunga Modern Pastel Medan", category: "Collection", url: "/collections/bunga-modern-pastel-medan", images: " ", price: " " },{ label: "Bunga Modern Pastel Semarang", category: "Collection", url: "/collections/bunga-modern-pastel-semarang", images: " ", price: " " },{ label: "Bunga Modern Pastel Surabaya", category: "Collection", url: "/collections/bunga-modern-pastel-surabaya", images: " ", price: " " },{ label: "Bunga Modern Pastel Yogyakarta", category: "Collection", url: "/collections/bunga-modern-pastel-yogyakarta", images: " ", price: " " },{ label: "Bunga Natal", category: "Collection", url: "/collections/rangkaian-bunga-christmas", images: " ", price: " " },{ label: "Bunga Papan", category: "Collection", url: "/collections/bunga-papan", images: " ", price: " " },{ label: "Bunga Pernikahan", category: "Collection", url: "/collections/bunga-pernikahan", images: " ", price: " " },{ label: "Bunga Plastik", category: "Collection", url: "/collections/bunga-plastik", images: " ", price: " " },{ label: "Bunga Tulip", category: "Collection", url: "/collections/bunga-tulip", images: " ", price: " " },{ label: "Bunga Ulang Tahun", category: "Collection", url: "/collections/bunga-ulang-tahun", images: " ", price: " " },{ label: "Bunga Wisuda", category: "Collection", url: "/collections/karangan-bunga-wisuda", images: " ", price: " " },{ label: "Cake", category: "Collection", url: "/collections/kue", images: " ", price: " " },{ label: "Cake", category: "Collection", url: "/collections/cake", images: " ", price: " " },{ label: "Cake Sameday Delivery", category: "Collection", url: "/collections/cake-sameday-delivery", images: " ", price: " " },{ label: "Cake, Hampers & Gifts", category: "Collection", url: "/collections/cake-hampers", images: " ", price: " " },{ label: "Cancer âï¸ 22June - 22July", category: "Collection", url: "/collections/kado-untuk-zodiak-cancer", images: " ", price: " " },{ label: "Capricorn âï¸ 21Dec - 19Jan", category: "Collection", url: "/collections/kado-untuk-zodiak-capricorn", images: " ", price: " " },{ label: "Care Packages", category: "Collection", url: "/collections/toko-parcel-murah", images: " ", price: " " },{ label: "Care Packages (Keluarga, Sahabat, Karyawan)", category: "Collection", url: "/collections/sehat-bebas-corona", images: " ", price: " " },{ label: "Carnations", category: "Collection", url: "/collections/bunga-anyelir", images: " ", price: " " },{ label: "Celebration", category: "Collection", url: "/collections/celebration", images: " ", price: " " },{ label: "Chléa Paperie", category: "Collection", url: "/collections/chlea-paperie", images: " ", price: " " },{ label: "Chocodot", category: "Collection", url: "/collections/chocodot", images: " ", price: " " },{ label: "Christmas", category: "Collection", url: "/collections/christmas", images: " ", price: " " },{ label: "Classic Cake", category: "Collection", url: "/collections/classic-cake", images: " ", price: " " },{ label: "Classic CNY Hampers", category: "Collection", url: "/collections/classic-cny-hampers", images: " ", price: " " },{ label: "Classic CNY Hampers Luar Jabodetabek", category: "Collection", url: "/collections/classic-cny-hampers-luar-jabodetabek", images: " ", price: " " },{ label: "Classic Hampers", category: "Collection", url: "/collections/classic-hampers", images: " ", price: " " },{ label: "Classic Hampers Luar Jadetabek", category: "Collection", url: "/collections/classic-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Classic Style Flowers", category: "Collection", url: "/collections/classic-style-flowers", images: " ", price: " " },{ label: "Cokelat", category: "Collection", url: "/collections/permen-coklat", images: " ", price: " " },{ label: "Collection List", category: "Collection", url: "/collections/collection-list", images: " ", price: " " },{ label: "Condolences", category: "Collection", url: "/collections/axa-condolences", images: " ", price: " " },{ label: "Congratulations", category: "Collection", url: "/collections/rangkaian-bunga-ucapan-selamat", images: " ", price: " " },{ label: "Corporate Gifts", category: "Collection", url: "/collections/corporate-gifts", images: " ", price: " " },{ label: "Corporate Hampers", category: "Collection", url: "/collections/corporate-hampers", images: " ", price: " " },{ label: "Couple Gift", category: "Collection", url: "/collec
18087tions/couple-gift", images: " ", price: " " },{ label: "Craft Sweetbox Newborn", category: "Collection", url: "/collections/craft-sweetbox-newborn", images: " ", price: " " },{ label: "Crystal Florarium", category: "Collection", url: "/collections/crystal-florarium", images: " ", price: " " },{ label: "Cuddlemate Doll", category: "Collection", url: "/collections/boneka-lucu", images: " ", price: " " },{ label: "Cufflinks", category: "Collection", url: "/collections/cufflinks", images: " ", price: " " },{ label: "Cupcakes", category: "Collection", url: "/collections/cupcakes", images: " ", price: " " },{ label: "Custom Alat Tulis", category: "Collection", url: "/collections/alat-tulis", images: " ", price: " " },{ label: "Custom Cake", category: "Collection", url: "/collections/custom-cake", images: " ", price: " " },{ label: "Custom Card Holder", category: "Collection", url: "/collections/custom-card-holder", images: " ", price: " " },{ label: "Custom Coaster", category: "Collection", url: "/collections/custom-coaster", images: " ", price: " " },{ label: "Custom Cutlery", category: "Collection", url: "/collections/custom-cutlery", images: " ", price: " " },{ label: "Custom E-Money", category: "Collection", url: "/collections/custom-e-money", images: " ", price: " " },{ label: "Custom Earpod", category: "Collection", url: "/collections/custom-earpod", images: " ", price: " " },{ label: "Custom Fan", category: "Collection", url: "/collections/custom-fan", images: " ", price: " " },{ label: "Custom Jewelry", category: "Collection", url: "/collections/custom-jewelry", images: " ", price: " " },{ label: "Custom Keychain", category: "Collection", url: "/collections/custom-keychain", images: " ", price: " " },{ label: "Custom Medallion", category: "Collection", url: "/collections/custom-medallion", images: " ", price: " " },{ label: "Custom Mirror", category: "Collection", url: "/collections/custom-mirror", images: " ", price: " " },{ label: "Custom Mug", category: "Collection", url: "/collections/custom-mug", images: " ", price: " " },{ label: "Custom Necklace", category: "Collection", url: "/collections/custom-necklace", images: " ", price: " " },{ label: "Custom Notebook", category: "Collection", url: "/collections/custom-notebook", images: " ", price: " " },{ label: "Custom Pen & Pencil", category: "Collection", url: "/collections/custom-pen-pencil", images: " ", price: " " },{ label: "Custom Photo Frame", category: "Collection", url: "/collections/photo-frame", images: " ", price: " " },{ label: "Custom Pillow", category: "Collection", url: "/collections/bantal-custom", images: " ", price: " " },{ label: "Custom Powerbank", category: "Collection", url: "/collections/custom-powerbank", images: " ", price: " " },{ label: "Custom Scarf", category: "Collection", url: "/collections/custom-scarf", images: " ", price: " " },{ label: "Custom Speaker", category: "Collection", url: "/collections/custom-speaker", images: " ", price: " " },{ label: "Custom T-Shirt", category: "Collection", url: "/collections/custom-t-shirt", images: " ", price: " " },{ label: "Custom Tote Bag", category: "Collection", url: "/collections/custom-tote-bag", images: " ", price: " " },{ label: "Custom Tumbler Minuman", category: "Collection", url: "/collections/custom-tumbler-minuman", images: " ", price: " " },{ label: "D'paris", category: "Collection", url: "/collections/dparis", images: " ", price: " " },{ label: "Daisy", category: "Collection", url: "/collections/bunga-aster", images: " ", price: " " },{ label: "Dekorasi", category: "Collection", url: "/collections/dekorasi", images: " ", price: " " },{ label: "Dekorasi Duka Cita", category: "Collection", url: "/collections/dekorasi-bunga-duka-cita", images: " ", price: " " },{ label: "Dekorasi Pemakaman", category: "Collection", url: "/collections/dekorasi-pemakaman", images: " ", price: " " },{ label: "Dekorasi Pernikahan", category: "Collection", url: "/collections/dekorasi-bunga-pernikahan", images: " ", price: " " },{ label: "Dekorasi Ulang Tahun", category: "Collection", url: "/collections/dekorasi-bunga-ulang-tahun", images: " ", price: " " },{ label: "Delivery", category: "Collection", url: "/collections/delivery", images: " ", price: " " },{ label: "Deluxe Newborn Hampers Collection", category: "Collection", url: "/collections/deluxe-newborn-hampers-collection", images: " ", price: " " },{ label: "Digital Gift", category: "Collection", url: "/collections/digital-gift", images: " ", price: " " },{ label: "Donasi", category: "Collection", url: "/collections/donasi", images: " ", price: " " },{ label: "E-Card", category: "Collection", url: "/collections/ecard", images: " ", price: " " },{ label: "E-Gift Card", category: "Collection", url: "/collections/e-gift-card", images: " ", price: " " },{ label: "Earrings", category: "Collection", url: "/collections/anting", images: " ", price: " " },{ label: "Edible Gift", category: "Collection", url: "/collections/edible-gift", images: " ", price: " " },{ label: "Enchanted Grande Love Pirouette", category: "Collection", url: "/collections/enchanted-grande-love-pirouette", images: " ", price: " " },{ label: "Enchanted Love Pirouette", category: "Collection", url: "/collections/enchanted-love-pirouette", images: " ", price: " " },{ label: "Engagement", category: "Collection", url: "/collections/rangkaian-bunga-lamaran", images: " ", price: " " },{ label: "Expression", category: "Collection", url: "/collections/expression", images: " ", price: " " }
18087,{ label: "Father's Day Special", category: "Collection", url: "/collections/kado-untuk-ayah", images: " ", price: " " },{ label: "Ferrari", category: "Collection", url: "/collections/ferrari", images: " ", price: " " },{ label: "Ferrero Rocher", category: "Collection", url: "/collections/ferrero-rocher", images: " ", price: " " },{ label: "Festival Belanja Online", category: "Collection", url: "/collections/fbo-2018", images: " ", price: " " },{ label: "Floatbox", category: "Collection", url: "/collections/floatbox", images: " ", price: " " },{ label: "Flower", category: "Collection", url: "/collections/flower", images: " ", price: " " },{ label: "Flower Best Deals", category: "Collection", url: "/collections/flower-best-deals", images: " ", price: " " },{ label: "Flowers", category: "Collection", url: "/collections/toko-bunga", images: " ", price: " " },{ label: "Flowers For Him", category: "Collection", url: "/collections/bunga-untuk-pria", images: " ", price: " " },{ label: "Flowers Style", category: "Collection", url: "/collections/style", images: " ", price: " " },{ label: "Flowers Type", category: "Collection", url: "/collections/type", images: " ", price: " " },{ label: "For Her", category: "Collection", url: "/collections/kado-untuk-wanita", images: " ", price: " " },{ label: "For Him", category: "Collection", url: "/collections/kado-untuk-pria", images: " ", price: " " },{ label: "Forever Flower", category: "Collection", url: "/collections/forever-flower", images: " ", price: " " },{ label: "Forever Flower Holo Series", category: "Collection", url: "/collections/forever-flower-holo-series", images: " ", price: " " },{ label: "Forever Flower x NestBloom", category: "Collection", url: "/collections/forever-flower-x-nestbloom", images: " ", price: " " },{ label: "Fortune Hampers", category: "Collection", url: "/collections/fortune-hampers", images: " ", price: " " },{ label: "Frank & Co", category: "Collection", url: "/collections/franknco", images: " ", price: " " },{ label: "Fresh Flowers", category: "Collection", url: "/collections/fresh-flower", images: " ", price: " " },{ label: "Gantungan Kunci", category: "Collection", url: "/collections/gantungan-kunci", images: " ", price: " " },{ label: "Gelato", category: "Collection", url: "/collections/gelato", images: " ", price: " " },{ label: "Gelato Pie", category: "Collection", url: "/collections/gelato-pie", images: " ", price: " " },{ label: "Gemini âï¸ 21May - 21June", category: "Collection", url: "/collections/kado-untuk-zodiak-gemini", images: " ", price: " " },{ label: "Gerbera", category: "Collection", url: "/collections/gerbera", images: " ", price: " " },{ label: "Get Well Soon", category: "Collection", url: "/collections/rangkaian-bunga-gws", images: " ", price: " " },{ label: "Giant Flower Bali", category: "Collection", url: "/collections/giant-flower-bali", images: " ", price: " " },{ label: "Giant Flower Bandung", category: "Collection", url: "/collections/giant-flower-bandung", images: " ", price: " " },{ label: "Giant Flower Bouquet", category: "Collection", url: "/collections/giant-flower", images: " ", price: " " },{ label: "Gift", category: "Collection", url: "/collections/souvenir-kado-hadiah", images: " ", price: " " },{ label: "Gift by Recipient", category: "Collection", url: "/collections/gift-by-recipient", images: " ", price: " " },{ label: "Gift for Your Girlfriend", category: "Collection", url: "/collections/kado-untuk-pacar-wanita", images: " ", price: " " },{ label: "Gifts", category: "Collection", url: "/collections/gifts", images: " ", price: " " },{ label: "Glassbox Hampers", category: "Collection", url: "/collections/glassbox-hampers", images: " ", price: " " },{ label: "Glassware Hampers", category: "Collection", url: "/collections/parcel-pecah-belah", images: " ", price: " " },{ label: "Gold Jewelry", category: "Collection", url: "/collections/perhiasan-emas", images: " ", price: " " },{ label: "Grand Opening", category: "Collection", url: "/collections/grand-opening", images: " ", price: " " },{ label: "Granola", category: "Collection", url: "/collections/granola", images: " ", price: " " },{ label: "Green Tea", category: "Collection", url: "/collections/green-tea", images: " ", price: " " },{ label: "Greeting Card All", category: "Collection", url: "/collections/greeting-card-all", images: " ", price: " " },{ label: "Greeting Card Anniversary", category: "Collection", url: "/collections/greeting-card-anniversary", images: " ", price: " " },{ label: "Greeting Card Birthday", category: "Collection", url: "/collections/greeting-card-birthday", images: " ", price: " " },{ label: "Greeting Card Eid", category: "Collection", url: "/collections/greeting-card-eid", images: " ", price: " " },{ label: "Greeting Card Graduation", category: "Collection", url: "/collections/greeting-card-graduation", images: " ", price: " " },{ label: "Greeting Card Mother's Day", category: "Collection", url: "/collections/greeting-card-mothers-day", images: " ", price: " " },{ label: "Greeting Card Newborn", category: "Collection", url: "/collections/greeting-card-newborn", images: " ", price: " " },{ label: "Greeting Card Others", category: "Collection", url: "/collections/greeting-card-others", images: " ", price: " " },{ label: "Greeting Card Valentine", category: "Collection", url: "/collections/greeting-card-valentine", images: " ", price: " " },{ label: "Greeting Card Wedding", category: "Collection", url: "/collections/greeting-card-wedding", images: " ", price: " " },{ label: "Grooming", category: "Collection", url: "/collections/grooming", images: " ", price: " " },{ label: "Hadiah Tahun Baru Imlek", category: "Collection", url: "/collections/kado-imlek", images: " ", price: " " },{ label: "Hadiah untuk Bayi", category: "Collection", url: "/collections/kado-untuk-bayi", images: " ", price: " " },{ label: "Hadiah untuk Pacar", category: "Collection", url: "/collections/kado-untuk-pacar", images: " ", price: " " },{ label: "Hadiah untuk Pernikahan", category: "Collection", url: "/collections/kado-untuk-pernikahan", images: " ", price: " " },{ label: "Hadiah untuk Sahabat", category: "Collection", url: "/collections/kado-untuk-sahabat", images: " ", price: " " },{ label: "Hampers", category: "Collection", url: "/collections/hampers", images: " ", price: " " },{ label: "Hampers Baby Boy", category: "Collection", url: "/collections/hampers-baby-boy", images: " ", price: " " },{ label: "Hampers Baby Girl", category: "Collection", url: "/collections/hampers-baby-girl", images: " ", price: " " },{ label: "Hampers Baby Unisex", category: "Collection", url: "/collections/hampers-baby-unisex", images: " ", price: " " },{ label: "Hampers Delivery Indonesia", category: "Collection", url: "/collections/parcel-indonesia", images: " ", price: " " },{ label: "Hampers Lebaran 2025", category: "Collection", url: "/collections/parcel-lebaran", images: " ", price: " " },{ label: "Hampers Lebaran Bali", category: "Collection", url: "/collections/hampers-lebaran-bali", images: " ", price: " " },{ label: "Hampers Lebaran Bandung", category: "Collection", url: "/collections/hampers-lebaran-bandung", images: " ", price: " " },{ label: "Hampers Lebaran Jakarta", category: "Collection", url: "/collections/hampers-lebaran-jakarta", images: " ", price: " " },{ label: "Hampers Lebaran Semarang", category: "Collection", url: "/collections/hampers-lebaran-semarang", images: " ", price: " " },{ label: "Hampers Lebaran Surabaya", category: "Collection", url: "/collections/hampers-lebaran-surabaya", images: " ", price: " " },{ label: "Hampers Lebaran Yogyakarta", category: "Collection", url: "/collections/hampers-lebaran-yogyakarta", images: " ", price: " " },{ label: "Hand Sanitizer", category: "Collection", url: "/collections/hand-sanitizer", images: " ", price: " " },{ label: "Happy Birthday", category: "Collection", url: "/collections/kado-ulang-tahun", images: " ", price: " " },{ label: "Harbolnas", category: "Collection", url: "/collections/harbolnas-2018", images: " ", price: " " },{ label: "Harbolnas Produk Lokal", category: "Collection", url: "/collections/produk-lokal", images: " ", price: " " },{ label: "Hari Belanja Online Nasional", category: "Collection", url: "/collections/harbolnas", images: " ", price: " " },{ label: "Hari Guru", category: "Collection", url: "/collections/hari-guru", images: " ", price: " " },{ label: "Healthy Creations", category: "Collection", url: "/collections/healthy-creations", images: " ", price: " " },{ label: "Healthy Hampers", category: "Collection", url: "/collections/healthy-hampers", images: " ", price: " " },{ label: "Heritage Box", category: "Collection", url: "/collections/heritage-boxes", images: " ", price: " " },{ label: "Heritage Chinese New Year Hampers", category: "Collection", url: "/collections/heritage-chinese-new-year-hampers", images: " ", price: " " },{ label: "Heritage Christmas Hampers", category: "Collection", url: "/collections/heritage-christmas-hampers", images: " ", price: " " },{ label: "Heritage Hampers", category: "Collection", url: "/collections/heritage-hampers", images: " ", price: " " },{ label: "Heritage Ramadan Hampers", category: "Collection", url: "/collections/heritage-ramadan-hampers", images: " ", price: " " },{ label: "Hexa Hampers", category: "Collection", url: "/collections/hexa-hampers", images: " ", price: " " },{ label: "Hexa Hampers Luar Jadetabek", category: "Collection", url: "/collections/hexa-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Hexa Newborn", category: "Collection", url: "/collections/hexa-newborn", images: " ", price: " " },{ label: "Holo Bag", category: "Collection", url: "/collections/holo-bag", images: " ", price: " " },{ label: "Holo Series", category: "Collection", url: "/collections/holo-series", images: " ", price: " " },{ label: "Home Decoration & Photo Frame", category: "Collection", url: "/collections/home-decoration", images: " ", price: " " }
18087,{ label: "Hospitalization", category: "Collection", url: "/collections/axa-hospitalization", images: " ", price: " " },{ label: "House Hampers", category: "Collection", url: "/collections/house-hampers", images: " ", price: " " },{ label: "I'm Sorry", category: "Collection", url: "/collections/rangkaian-bunga-sorry", images: " ", price: " " },{ label: "Ice Cream Cake", category: "Collection", url: "/collections/ice-cream-cake", images: " ", price: " " },{ label: "Idul Fitri", category: "Collection", url: "/collections/rangkaian-bunga-idul-fitri", images: " ", price: " " },{ label: "Jam Tangan", category: "Collection", url: "/collections/jam-tangan", images: " ", price: " " },{ label: "Jam Tangan Couple", category: "Collection", url: "/collections/jam-tangan-couple", images: " ", price: " " },{ label: "Jam Tangan Pria", category: "Collection", url: "/collections/jam-tangan-pria", images: " ", price: " " },{ label: "Jam Tangan Wanita", category: "Collection", url: "/collections/jam-tangan-wanita", images: " ", price: " " },{ label: "Jasa Packing Parcel", category: "Collection", url: "/collections/jasa-packing-parcel", images: " ", price: " " },{ label: "Jewelry", category: "Collection", url: "/collections/jewelry", images: " ", price: " " },{ label: "Jolly Hampers", category: "Collection", url: "/collections/jolly-hampers", images: " ", price: " " },{ label: "Jual Custom Cake & Hampers Termurah & Terlengkap | Outerbloom Florist & Gift", category: "Collection", url: "/collections/custom-cake-hampers", images: " ", price: " " },{ label: "Just Because", category: "Collection", url: "/collections/just-because", images: " ", price: " " },{ label: "Kado Makanan", category: "Collection", url: "/collections/kado-makanan", images: " ", price: " " },{ label: "Kado Minuman", category: "Collection", url: "/collections/kado-minuman", images: " ", price: " " },{ label: "Kado Natal", category: "Collection", url: "/collections/kado-natal", images: " ", price: " " },{ label: "Kado Unik", category: "Collection", url: "/collections/kado-unik", images: " ", price: " " },{ label: "Kado Valentine Nusantara", category: "Collection", url: "/collections/kado-valentine-nusantara", images: " ", price: " " },{ label: "Kado Valentine untuk Pria", category: "Collection", url: "/collections/kado-valentine-untuk-pria", images: " ", price: " " },{ label: "Kado Wisuda", category: "Collection", url: "/collections/kado-wisuda", images: " ", price: " " },{ label: "Kado Zodiak", category: "Collection", url: "/collections/kado-untuk-zodiak", images: " ", price: " " },{ label: "Karangan Bunga Aceh", category: "Collection", url: "/collections/karangan-bunga-aceh", images: " ", price: " " },{ label: "Karangan Bunga Ambon", category: "Collection", url: "/collections/karangan-bunga-ambon", images: " ", price: " " },{ label: "Karangan Bunga Atambua", category: "Collection", url: "/collections/karangan-bunga-atambua", images: " ", price: " " },{ label: "Karangan Bunga Bali", category: "Collection", url: "/collections/karangan-bunga-bali", images: " ", price: " " },{ label: "Karangan Bunga Balikpapan", category: "Collection", url: "/collections/karangan-bunga-balikpapan", images: " ", price: " " },{ label: "Karangan Bunga Bandung", category: "Collection", url: "/collections/karangan-bunga-bandung", images: " ", price: " " },{ label: "Karangan Bunga Bandung Barat", category: "Collection", url: "/collections/karangan-bunga-bandung-barat", images: " ", price: " " },{ label: "Karangan Bunga Bangka", category: "Collection", url: "/collections/karangan-bunga-bangka", images: " ", price: " " },{ label: "Karangan Bunga Banjarmasin", category: "Collection", url: "/collections/karangan-bunga-banjarmasin", images: " ", price: " " },{ label: "Karangan Bunga Banten", category: "Collection", url: "/collections/karangan-bunga-banten", images: " ", price: " " },{ label: "Karangan Bunga Banyumas", category: "Collection", url: "/collections/karangan-bunga-banyumas", images: " ", price: " " },{ label: "Karangan Bunga Banyuwangi", category: "Collection", url: "/collections/karangan-bunga-banyuwangi", images: " ", price: " " },{ label: "Karangan Bunga Batam", category: "Collection", url: "/collections/karangan-bunga-batam", images: " ", price: " " },{ label: "Karangan Bunga Baubau", category: "Collection", url: "/collections/karangan-bunga-baubau", images: " ", price: " " },{ label: "Karangan Bunga Bengkalis", category: "Collection", url: "/collections/karangan-bunga-bengkalis", images: " ", price: " " },{ label: "Karangan Bunga Bengkayang", category: "Collection", url: "/collections/karangan-bunga-bengkayang", images: " ", price: " " },{ label: "Karangan Bunga Bengkulu", category: "Collection", url: "/collections/karangan-bunga-bengkulu", images: " ", price: " " },{ label: "Karangan Bunga Blora", category: "Collection", url: "/collections/karangan-bunga-blora", images: " ", price: " " },{ label: "Karangan Bunga Bogor", category: "Collection", url: "/collections/karangan-bunga-bogor", images: " ", price: " " },{ label: "Karangan Bunga Bojonegoro", category: "Collection", url: "/collections/karangan-bunga-bojonegoro", images: " ", price: " " },{ label: "Karangan Bunga Boyolali", category: "Collection", url: "/collections/karangan-bunga-boyolali", images: " ", price: " " },{ label: "Karangan Bunga Brebes", category: "Collection", url: "/collections/karangan-bunga-brebes", images: " ", price: " " },{ label: "Karangan Bunga Bukittinggi", category: "Collection", url: "/collections/karangan-bunga-bukittinggi", images: " ", price: " " },{ label: "Karangan Bunga Ciamis", category: "Collection", url: "/collections/karangan-bunga-ciamis", images: " ", price: " " }
18087,{ label: "Karangan Bunga Cianjur", category: "Collection", url: "/collections/karangan-bunga-cianjur", images: " ", price: " " },{ label: "Karangan Bunga Cikarang", category: "Collection", url: "/collections/karangan-bunga-cikarang", images: " ", price: " " },{ label: "Karangan Bunga Cikupa", category: "Collection", url: "/collections/karangan-bunga-cikupa", images: " ", price: " " },{ label: "Karangan Bunga Cilacap", category: "Collection", url: "/collections/karangan-bunga-cilacap", images: " ", price: " " },{ label: "Karangan Bunga Cileunyi", category: "Collection", url: "/collections/karangan-bunga-cileunyi", images: " ", price: " " },{ label: "Karangan Bunga Cimahi", category: "Collection", url: "/collections/karangan-bunga-cimahi", images: " ", price: " " },{ label: "Karangan Bunga Cirebon", category: "Collection", url: "/collections/karangan-bunga-cirebon", images: " ", price: " " },{ label: "Karangan Bunga Ciwidey", category: "Collection", url: "/collections/karangan-bunga-ciwidey", images: " ", price: " " },{ label: "Karangan Bunga Danau Toba", category: "Collection", url: "/collections/karangan-bunga-danau-toba", images: " ", price: " " },{ label: "Karangan Bunga Demak", category: "Collection", url: "/collections/karangan-bunga-demak", images: " ", price: " " },{ label: "Karangan Bunga Denpasar", category: "Collection", url: "/collections/karangan-bunga-denpasar", images: " ", price: " " },{ label: "Karangan Bunga Depok", category: "Collection", url: "/collections/karangan-bunga-depok", images: " ", price: " " },{ label: "Karangan Bunga Duka Cita", category: "Collection", url: "/collections/karangan-bunga-duka-cita", images: " ", price: " " },{ label: "Karangan Bunga Garut", category: "Collection", url: "/collections/karangan-bunga-garut", images: " ", price: " " },{ label: "Karangan Bunga Gianyar", category: "Collection", url: "/collections/karangan-bunga-gianyar", images: " ", price: " " },{ label: "Karangan Bunga Gorontalo", category: "Collection", url: "/collections/karangan-bunga-gorontalo", images: " ", price: " " },{ label: "Karangan Bunga Gowa", category: "Collection", url: "/collections/karangan-bunga-gowa", images: " ", price: " " },{ label: "Karangan Bunga Gresik", category: "Collection", url: "/collections/karangan-bunga-gresik", images: " ", price: " " },{ label: "Karangan Bunga Grobogan", category: "Collection", url: "/collections/karangan-bunga-grobogan", images: " ", price: " " },{ label: "Karangan Bunga Gunung Kidul", category: "Collection", url: "/collections/karangan-bunga-gunungkidul", images: " ", price: " " },{ label: "Karangan Bunga Indramayu", category: "Collection", url: "/collections/karangan-bunga-indramayu", images: " ", price: " " },{ label: "Karangan Bunga Jakarta", category: "Collection", url: "/collections/karangan-bunga-jakarta", images: " ", price: " " },{ label: "Karangan Bunga Jambi", category: "Collection", url: "/collections/karangan-bunga-jambi", images: " ", price: " " },{ label: "Karangan Bunga Jayapura", category: "Collection", url: "/collections/karangan-bunga-jayapura", images: " ", price: " " },{ label: "Karangan Bunga Jember", category: "Collection", url: "/collections/karangan-bunga-jember", images: " ", price: " " },{ label: "Karangan Bunga Jembrana", category: "Collection", url: "/collections/karangan-bunga-jembrana", images: " ", price: " " },{ label: "Karangan Bunga Jepara", category: "Collection", url: "/collections/karangan-bunga-jepara", images: " ", price: " " },{ label: "Karangan Bunga Jombang", category: "Collection", url: "/collections/karangan-bunga-jombang", images: " ", price: " " },{ label: "Karangan Bunga Kampung Baru", category: "Collection", url: "/collections/karangan-bunga-kampung-baru", images: " ", price: " " },{ label: "Karangan Bunga Kapuas", category: "Collection", url: "/collections/karangan-bunga-kapuas", images: " ", price: " " },{ label: "Karangan Bunga Karanganyar", category: "Collection", url: "/collections/karangan-bunga-karanganyar", images: " ", price: " " },{ label: "Karangan Bunga Karangasem", category: "Collection", url: "/collections/karangan-bunga-karangasem", images: " ", price: " " },{ label: "Karangan Bunga Karawang", category: "Collection", url: "/collections/karangan-bunga-karawang", images: " ", price: " " },{ label: "Karangan Bunga Kartosuro", category: "Collection", url: "/collections/karangan-bunga-kartosuro", images: " ", price: " " },{ label: "Karangan Bunga Kebumen", category: "Collection", url: "/collections/karangan-bunga-kebumen", images: " ", price: " " },{ label: "Karangan Bunga Kediri", category: "Collection", url: "/collections/karangan-bunga-kediri", images: " ", price: " " },{ label: "Karangan Bunga Kendal", category: "Collection", url: "/collections/karangan-bunga-ken
18087dal", images: " ", price: " " },{ label: "Karangan Bunga Kendari", category: "Collection", url: "/collections/karangan-bunga-kendari", images: " ", price: " " },{ label: "Karangan Bunga Ketapang", category: "Collection", url: "/collections/karangan-bunga-ketapang", images: " ", price: " " },{ label: "Karangan Bunga Klaten", category: "Collection", url: "/collections/karangan-bunga-klaten", images: " ", price: " " },{ label: "Karangan Bunga Kota Batu", category: "Collection", url: "/collections/karangan-bunga-kota-batu", images: " ", price: " " },{ label: "Karangan Bunga Kudus", category: "Collection", url: "/collections/karangan-bunga-kudus", images: " ", price: " " },{ label: "Karangan Bunga Kupang", category: "Collection", url: "/collections/karangan-bunga-kupang", images: " ", price: " " },{ label: "Karangan Bunga Lamongan", category: "Collection", url: "/collections/karangan-bunga-lamongan", images: " ", price: " " },{ label: "Karangan Bunga Lampung", category: "Collection", url: "/collections/karangan-bunga-lampung", images: " ", price: " " },{ label: "Karangan Bunga Langkat", category: "Collection", url: "/collections/karangan-bunga-langkat", images: " ", price: " " },{ label: "Karangan Bunga Lembang", category: "Collection", url: "/collections/karangan-bunga-lembang", images: " ", price: " " },{ label: "Karangan Bunga Lombok", category: "Collection", url: "/collections/karangan-bunga-lombok", images: " ", price: " " },{ label: "Karangan Bunga Lubuk Pakam", category: "Collection", url: "/collections/karangan-bunga-lubuk-pakam", images: " ", price: " " },{ label: "Karangan Bunga Lumajang", category: "Collection", url: "/collections/karangan-bunga-lumajang", images: " ", price: " " },{ label: "Karangan Bunga Madiun", category: "Collection", url: "/collections/karangan-bunga-madiun", images: " ", price: " " },{ label: "Karangan Bunga Magelang", category: "Collection", url: "/collections/karangan-bunga-magelang", images: " ", price: " " },{ label: "Karangan Bunga Majalengka", category: "Collection", url: "/collections/karangan-bunga-majalengka", images: " ", price: " " },{ label: "Karangan Bunga Makassar", category: "Collection", url: "/collections/karangan-bunga-makassar", images: " ", price: " " },{ label: "Karangan Bunga Malang", category: "Collection", url: "/collections/karangan-bunga-malang", images: " ", price: " " },{ label: "Karangan Bunga Mamuju", category: "Collection", url: "/collections/karangan-bunga-mamuju", images: " ", price: " " },{ label: "Karangan Bunga Manado", category: "Collection", url: "/collections/karangan-bunga-manado", images: " ", price: " " },{ label: "Karangan Bunga Manokwari", category: "Collection", url: "/collections/karangan-bunga-manokwari", images: " ", price: " " },{ label: "Karangan Bunga Maros", category: "Collection", url: "/collections/karangan-bunga-maros", images: " ", price: " " },{ label: "Karangan Bunga Mataram", category: "Collection", url: "/collections/karangan-bunga-mataram", images: " ", price: " " },{ label: "Karangan Bunga Mojokerto", category: "Collection", url: "/collections/karangan-bunga-mojokerto", images: " ", price: " " },{ label: "Karangan Bunga Nganjuk", category: "Collection", url: "/collections/karangan-bunga-nganjuk", images: " ", price: " " },{ label: "Karangan Bunga Nias", category: "Collection", url: "/collections/karangan-bunga-nias", images: " ", price: " " },{ label: "Karangan Bunga Padang", category: "Collection", url: "/collections/karangan-bunga-padang", images: " ", price: " " },{ label: "Karangan Bunga Palangkaraya", category: "Collection", url: "/collections/karangan-bunga-palangkaraya", images: " ", price: " " },{ label: "Karangan Bunga Palu", category: "Collection", url: "/collections/karangan-bunga-palu", images: " ", price: " " },{ label: "Karangan Bunga Pangkal Pinang", category: "Collection", url: "/collections/karangan-bunga-pangkal-pinang", images: " ", price: " " },{ label: "Karangan Bunga Papan", category: "Collection", url: "/collections/karangan-bunga", images: " ", price: " " },{ label: "Karangan Bunga Papan Bandar Lampung", category: "Collection", url: "/collections/karangan-bunga-bandar-lampung", images: " ", price: " " },{ label: "Karangan Bunga Papan Bekasi", category: "Collection", url: "/collections/karangan-bunga-bekasi", images: " ", price: " " },{ label: "Karangan Bunga Papan Binjai", category: "Collection", url: "/collections/karangan-bunga-binjai", images: " ", price: " " },{ label: "Karangan Bunga Papan Blitar", category: "Collection", url: "/collections/karangan-bunga-blitar", images: " ", price: " " },{ label: "Karangan Bunga Papan Buleleng", category: "Collection", url: "/collections/karangan-bunga-buleleng", images: " ", price: " " },{ label: "Karangan Bunga Papan Cibubur", category: "Collection", url: "/collections/karangan-bunga-cibubur", images: " ", price: " " },{ label: "Karangan Bunga Papan Deli Serdang", category: "Collection", url: "/collections/karangan-bunga-deli-serdang", images: " ", price: " " },{ label: "Karangan Bunga Papan Jakarta Timur", category: "Collection", url: "/collections/karangan-bunga-jakarta-timur", images: " ", price: " " },{ label: "Karangan Bunga Papan Karo", category: "Collection", url: "/collections/karangan-bunga-karo", images: " ", price: " " },{ label: "Karangan Bunga Papan Medan", category: "Collection", url: "/collections/karangan-bunga-medan", images: " ", price: " " },{ label: "Karangan Bunga Papan Ngawi", category: "Collection", url: "/collections/karangan-bunga-ngawi", images: " ", price: " " },{ label: "Karangan Bunga Papan Palembang", category: "Collection", url: "/collections/karangan-bunga-palembang", images: " ", price: " " },{ label: "Karangan Bunga Papan Pemalang", category: "Collection", url: "/collections/karangan-bunga-pemalang", images: " ", price: " " },{ label: "Karangan Bunga Papan Rembang", category: "Collection", url: "/collections/karangan-bunga-rembang", images: " ", price: " " },{ label: "Karangan Bunga Papan Sragen", category: "Collection", url: "/collections/karangan-bunga-sragen", images: " ", price: " " },{ label: "Karangan Bunga Papan Tegal", category: "Collection", url: "/collections/karangan-bunga-tegal", images: " ", price: " " },{ label: "Karangan Bunga Papan Temanggung", category: "Collection", url: "/collections/karangan-bunga-temanggung", images: " ", price: " " },{ label: "Karangan Bunga Parepare", category: "Collection", url: "/collections/karangan-bunga-parepare", images: " ", price: " " },{ label: "Karangan Bunga Pasuruan", category: "Collection", url: "/collections/karangan-bunga-pasuruan", images: " ", price: " " },{ label: "Karangan Bunga Pati", category: "Collection", url: "/collections/karangan-bunga-pati", images: " ", price: " " },{ label: "Karangan Bunga Pekalongan", category: "Collection", url: "/collections/karangan-bunga-pekalongan", images: " ", price: " " },{ label: "Karangan Bunga Pekanbaru", category: "Collection", url: "/collections/karangan-bunga-pekanbaru", images: " ", price: " " },{ label: "Karangan Bunga Pematangsiantar", category: "Collection", url: "/collections/karangan-bunga-pematangsiantar", images: " ", price: " " },{ label: "Karangan Bunga Ponorogo", category: "Collection", url: "/collections/karangan-bunga-ponorogo", images: " ", price: " " },{ label: "Karangan Bunga Pontianak", category: "Collection", url: "/collections/karangan-bunga-pontianak", images: " ", price: " " },{ label: "Karangan Bunga Probolinggo", category: "Collection", url: "/collections/karangan-bunga-probolinggo", images: " ", price: " " },{ label: "Karangan Bunga Purbalingga", category: "Collection", url: "/collections/karangan-bunga-purbalingga", images: " ", price: " " },{ label: "Karangan Bunga Purwokerto", category: "Collection", url: "/collections/karangan-bunga-purwokerto", images: " ", price: " " },{ label: "Karangan Bunga Purworejo", category: "Collection", url: "/collections/karangan-bunga-purworejo", images: " ", price: " " },{ label: "Karangan Bunga Riau", category: "Collection", url: "/collections/karangan-bunga-riau", images: " ", price: " " },{ label: "Karangan Bunga Salatiga", category: "Collection", url: "/collections/karangan-bunga-salatiga", images: " ", price: " " },{ label: "Karangan Bunga Samarinda", category: "Collection", url: "/collections/karangan-bunga-samarinda", images: " ", price: " " },{ label: "Karangan Bunga Semarang", category: "Collection", url: "/collections/karangan-bunga-semarang", images: " ", price: " " },{ label: "Karangan Bunga Serang", category: "Collection", url: "/collections/karangan-bunga-serang", images: " ", price: " " },{ label: "Karangan Bunga Sibolga", category: "Collection", url: "/collections/karangan-bunga-sibolga", images: " ", price: " " },{ label: "Karangan Bunga Sidoarjo", category: "Collection", url: "/collections/karangan-bunga-sidoarjo", images: " ", price: " " },{ label: "Karangan Bunga Singkawang", category: "Collection", url: "/collections/karangan-bunga-singkawang", images: " ", price: " " },{ label: "Karangan Bunga Solo", category: "Collection", url: "/collections/karangan-bunga-solo", images: " ", price: " " },{ label: "Karangan Bunga Sorong", category: "Collection", url: "/collections/karangan-bunga-sorong", images: " ", price: " " },{ label: "Karangan Bunga Subang", category: "Collection", url: "/collections/karangan-bunga-subang", images: " ", price: " " },{ label: "Karangan Bunga Sukabumi", category: "Collection", url: "/collections/karangan-bunga-sukabumi", images: " ", price: " " },{ label: "Karangan Bunga Sumbawa", category: "Collection", url: "/collections/karangan-bunga-sumbawa", images: " ", price: " " },{ label: "Karangan Bunga Surabaya", category: "Collection", url: "/collections/karangan-bunga-surabaya", images: " ", price: " " },{ label: "Karangan Bunga Surakarta", category: "Collection", url: "/collections/karangan-bunga-surakarta", images: " ", price: " " },{ label: "Karangan Bunga Tangerang", category: "Collection", url: "/collections/karangan-bunga-tangerang", images: " ", price: " " },{ label: "Karangan Bunga Tasikmalaya", category: "Collection", url: "/collections/karangan-bunga-tasikmalaya", images: " ", price: " " },{ label: "Karangan Bunga Ternate", category: "Collection", url: "/collections/karangan-bunga-ternate", images: " ", price: " " },{ label: "Karangan Bunga Tolitoli", category: "Collection", url: "/collections/karangan-bunga-tolitoli", images: " ", price: " " },{ label: "Karangan Bunga Toraja", category: "Collection", url: "/collections/karangan-bunga-toraja", images: " ", price: " " },{ label: "Karangan Bunga Tuban", category: "Collection", url: "/collections/karangan-bunga-tuban", images: " ", price: " " },{ label: "Karangan Bunga Tulungagung", category: "Collection", url: "/collections/karangan-bunga-tulungagung", images: " ", price: " " },{ label: "Karangan Bunga Wakatobi", category: "Collection", url: "/collections/karangan-bunga-wakatobi", images: " ", price: " " },{ label: "Karangan Bunga Wiyung", category: "Collection", url: "/collections/karangan-bunga-wiyung", images: " ", price: " " },{ label: "Karangan Bunga Wonogiri", category: "Collection", url: "/collections/karangan-bunga-wonogiri", images: " ", price: " " },{ label: "Karangan Bunga Wonokromo", category: "Collection", url: "/collections/karangan-bunga-wonokromo", images: " ", price: " " },{ label: "Karangan Bunga Wonosobo", category: "Collection", url: "/collections/karangan-bunga-wonosobo", images: " ", price: " " },{ label: "Karangan Bunga Yogyakarta", category: "Collection", url: "/collections/karangan-bunga-yogyakarta", images: " ", price: " " },{ label: "Kartu Ucapan", category: "Collection", url: "/collections/kartu-ucapan", images: " ", price: " " },{ label: "Kue Anniversary", category: "Collection", url: "/collections/kue-anniversary", images: " ", price: " " },{ label: "Kue Bachelorette", category: "Collection", url: "/collections/kue-bachelorette", images: " ", price: " " },{ label: "Kue Bandung", category: "Collection", url: "/collections/kue-bandung", images: " ", price: " " },{ label: "Kue Bulan", category: "Collection", url: "/collections/kue-bulan", images: " ", price: " " },{ label: "Kue Imlek", category: "Collection", url: "/collections/kue-imlek", images: " ", price: " " },{ label: "Kue Kering", category: "Collection", url: "/collections/kue-kering", images: " ", price: " " },{ label: "Kue Natal", category: "Collection", url: "/collections/kue-natal", images: " ", price: " " },{ label: "Kue Pernikahan", category: "Collection", url: "/collections/kue-pernikahan", images: " ", price: " " },{ label: "Kue Tart", category: "Collection", url: "/collections/kue-tart", images: " ", price: " " },{ label: "Kue Tart Oma Elly", category: "Collection", url: "/collections/kue-tart-oma-elly", images: " ", price: " " },{ label: "Kue Ulang Tahun", category: "Collection", url: "/collections/kue-ulang-tahun", images: " ", price: " " },{ label: "Lalique", category: "Collection", url: "/collections/lalique", images: " ", price: " " },{ label: "Le Sucre Du Patisserie", category: "Collection", url: "/collections/le-sucre-du-patisserie", images: " ", price: " " },{ label: "Leo âï¸ 23July - 22Augst", category: "Collection", url: "/collections/kado-untuk-zodiak-leo", images: " ", price: " " },{ label: "Letter Box", category: "Collection", url: "/collections/letter-box", images: " ", price: " " },{ label: "Libra âï¸ 23Sept - 23Oct", category: "Collection", url: "/collections/kado-untuk-zodiak-libra", images: " ", price: " " },{ label: "Lilin Aromaterapi", category: "Collection", url: "/collections/lilin-aromaterapi", images: " ", price: " " },{ label: "Lily", category: "Collection", url: "/collections/bunga-lily", images: " ", price: " " },{ label: "Lindt", category: "Collection", url: "/collections/lindt", images: " ", price: " " },{ label: "Locations", category: "Collection", url: "/collections/locations", images: " ", price: " " },{ label: "Love & Romance", category: "Collection", url: "/collections/rangkaian-bunga-i-love-you", images: " ", price: " " },{ label: "Love Bag Collection", category: "Collection", url: "/collections/love-bag-collection", images: " ", price: " " },{ label: "Love Bundle", category: "Collection", url: "/collections/paket-promo-spesial-valentine", images: " ", price: " " },{ label: "Love Bundle Nusantara", category: "Collection", url: "/collections/love-bundle-nusantara", images: " ", price: " " },{ label: "Luxury Chinese New Year Hampers", category: "Collection", url: "/collections/luxury-chinese-new-year-hampers", images: " ", price: " " },{ label: "Luxury Christmas Hampers", category: "Collection", url: "/collections/luxury-christmas-hampers", images: " ", price: " " },{ label: "Luxury Hampers", category: "Collection", url: "/collections/luxury-hampers", images: " ", price: " " },{ label: "Luxury Hampers Luar Jadetabek", category: "Collection", url: "/collections/luxury-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Luxury Newborn Hampers Collection", category: "Collection", url: "/collections/luxury-newborn-hampers-collection", images: " ", price: " " },{ label: "Luxury Ramadan Hampers", category: "Collection", url: "/collections/luxury-ramadan-hampers", images: " ", price: " " },{ label: "Luxury Set", category: "Collection", url: "/collections/luxury", images: " ", price: " " },{ label: "Manual", category: "Collection", url: "/collections/manual", images: " ", price: " " },{ label: "Massimo Gelato", category: "Collection", url: "/collections/massimo-gelato", images: " ", price: " " },{ label: "Men's Collection", category: "Collection", url: "/collections/mens-collection", images: " ", price: " " },{ label: "Mercedes Benz", category: "Collection", url: "/collections/mercedes-benz", images: " ", price: " " },{ label: "Mercy Hampers", category: "Collection", url: "/collections/mercy-
18087hampers", images: " ", price: " " },{ label: "Merry Hampers", category: "Collection", url: "/collections/merry-hampers", images: " ", price: " " },{ label: "Merry Hampers Luar Jabodetabek", category: "Collection", url: "/collections/merry-hampers-luar-jabodetabek", images: " ", price: " " },{ label: "Mini Bouquet", category: "Collection", url: "/collections/mini-bouquet", images: " ", price: " " },{ label: "Miss Mondial", category: "Collection", url: "/collections/miss-mondial", images: " ", price: " " },{ label: "Modern & Chic Chinese New Year", category: "Collection", url: "/collections/modern-chic-chinese-new-year", images: " ", price: " " },{ label: "Modern & Chic Christmas Hampers", category: "Collection", url: "/collections/modern-chic-christmas", images: " ", price: " " },{ label: "Modern & Chic Hampers", category: "Collection", url: "/collections/modern-chic-hampers", images: " ", price: " " },{ label: "Modern & Chic Hampers Luar Jadetabek", category: "Collection", url: "/collections/modern-chic-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Modern & Chic Ramadan Hampers", category: "Collection", url: "/collections/modern-chic-ramadan-hampers", images: " ", price: " " },{ label: "Modern & Classy Hampers", category: "Collection", url: "/collections/parcel-unik", images: " ", price: " " },{ label: "Modern 3D Cake", category: "Collection", url: "/collections/custom-3d-cake", images: " ", price: " " },{ label: "Modern Style Flowers", category: "Collection", url: "/collections/modern-style-flowers", images: " ", price: " " },{ label: "Monochrome Hampers", category: "Collection", url: "/collections/monochrome-hampers", images: " ", price: " " },{ label: "Monochrome Hampers Luar Jadetabek", category: "Collection", url: "/collections/monochrome-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Mooncake", category: "Collection", url: "/collections/kue-bulan-mooncake-2025-mid-autumn-festival", images: " ", price: " " },{ label: "Mooncake Assorted Selection", category: "Collection", url: "/collections/mooncake-assorted-selection", images: " ", price: " " },{ label: "Mother's Day", category: "Collection", url: "/collections/rangkaian-bunga-hari-ibu", images: " ", price: " " },{ label: "Mother's Day Special", category: "Collection", url: "/collections/kado-untuk-ibu", images: " ", price: " " },{ label: "Necklace", category: "Collection", url: "/collections/kalung", images: " ", price: " " },{ label: "NestBloom Bird Nest Hampers", category: "Collection", url: "/collections/nestbloom-birds-nest", images: " ", price: " " },{ label: "NestBloom Gift Set", category: "Collection", url: "/collections/nestbloom-gift-set", images: " ", price: " " },{ label: "Nestbloom Ritual Kit", category: "Collection", url: "/collections/nestbloom-ritual-kit", images: " ", price: " " },{ label: "NestBloom Single Bloom", category: "Collection", url: "/collections/nestbloom-single-bloom", images: " ", price: " " },{ label: "New Collection", category: "Collection", url: "/collections/produk-baru", images: " ", price: " " },{ label: "New Product", category: "Collection", url: "/collections/new-product", images: " ", price: " " },{ label: "Newborn", category: "Collection", url: "/collections/rangkaian-bunga-newborn-baby", images: " ", price: " " },{ label: "Newborn Hampers", category: "Collection", url: "/collections/parcel-newborn", images: " ", price: " " },{ label: "Occasions", category: "Collection", url: "/collections/occasions", images: " ", price: " " },{ label: "Oma Elly", category: "Collection", url: "/collections/oma-elly", images: " ", price: " " },{ label: "Oma Elly Gelato", category: "Collection", url: "/collections/oma-elly-gelato", images: " ", price: " " },{ label: "Orchid", category: "Collection", url: "/collections/bunga-anggrek", images: " ", price: " " },{ label: "Orori", category: "Collection", url: "/collections/orori", images: " ", price: " " },{ label: "Outerbloom", category: "Collection", url: "/collections/outerbloom", images: " ", price: " " },{ label: "Outerbloom Cake", category: "Collection", url: "/collections/outerbloom-cake", images: " ", price: " " },{ label: "Outerbloom Florist", category: "Collection", url: "/collections/outerbloom-florist", images: " ", price: " " },{ label: "Outerbloom Gift", category: "Collection", url: "/collections/outerbloom-gift", images: " ", price: " " },{ label: "Outerbloom Hampers", category: "Collection", url: "/collections/outerbloom-hampers", images: " ", price: " " },{ label: "Outerbloom Indonesia", category: "Collection", url: "/collections/indonesia", images: " ", price: " " },{ label: "Outerbloom x Boho Panna", category: "Collection", url: "/collections/outerbloom-x-boh
18087o-panna", images: " ", price: " " },{ label: "Outerbloom x Clairmont", category: "Collection", url: "/collections/outerbloom-x-clairmont", images: " ", price: " " },{ label: "Outerbloom x Kikido", category: "Collection", url: "/collections/outerbloom-x-kikido", images: " ", price: " " },{ label: "Outerbloom x Miwa Pattern", category: "Collection", url: "/collections/outerbloom-x-miwa", images: " ", price: " " },{ label: "Outerbloom x Nestbloom Chinese New Year", category: "Collection", url: "/collections/outerbloom-x-nestbloom-chinese-new-year", images: " ", price: " " },{ label: "Outerbloom x NestBloom Hampers", category: "Collection", url: "/collections/outerbloom-x-nestbloom", images: " ", price: " " },{ label: "Paket Kolaborasi Outerbloom", category: "Collection", url: "/collections/paket-kolaborasi-outerbloom", images: " ", price: " " },{ label: "Paket Kolaborasi Valentine", category: "Collection", url: "/collections/paket-kolaborasi-valentine", images: " ", price: " " },{ label: "Paket Ulang Tahun", category: "Collection", url: "/collections/paket-ulang-tahun", images: " ", price: " " },{ label: "Paket Valentine Nusantara", category: "Collection", url: "/collections/paket-valentine-nusantara", images: " ", price: " " },{ label: "Paket Valentine Outerbloom", category: "Collection", url: "/collections/paket-valentine", images: " ", price: " " },{ label: "Papan Bunga", category: "Collection", url: "/collections/papan-bunga", images: " ", price: " " },{ label: "Papan Bunga Aceh", category: "Collection", url: "/collections/papan-bunga-aceh", images: " ", price: " " },{ label: "Papan Bunga Acrylic", category: "Collection", url: "/collections/papan-bunga-acrylic", images: " ", price: " " },{ label: "Papan Bunga Ambon", category: "Collection", url: "/collections/papan-bunga-ambon", images: " ", price: " " },{ label: "Papan Bunga Artificial", category: "Collection", url: "/collections/papan-bunga-artificial", images: " ", price: " " },{ label: "Papan Bunga Atambua", category: "Collection", url: "/collections/papan-bunga-atambua", images: " ", price: " " },{ label: "Papan Bunga Bali", category: "Collection", url: "/collections/papan-bunga-bali", images: " ", price: " " },{ label: "Papan Bunga Balikpapan", category: "Collection", url: "/collections/papan-bunga-balikpapan", images: " ", price: " " },{ label: "Papan Bunga Bandar Lampung", category: "Collection", url: "/collections/papan-bunga-bandar-lampung", images: " ", price: " " },{ label: "Papan Bunga Bandung", category: "Collection", url: "/collections/papan-bunga-bandung", images: " ", price: " " },{ label: "Papan Bunga Bandung Barat", category: "Collection", url: "/collections/papan-bunga-bandung-barat", images: " ", price: " " },{ label: "Papan Bunga Bangka", category: "Collection", url: "/collections/papan-bunga-bangka", images: " ", price: " " },{ label: "Papan Bunga Banjarmasin", category: "Collection", url: "/collections/papan-bunga-banjarmasin", images: " ", price: " " },{ label: "Papan Bunga Banten", category: "Collection", url: "/collections/papan-bunga-banten", images: " ", price: " " },{ label: "Papan Bunga Banyumas", category: "Collection", url: "/collections/papan-bunga-banyumas", images: " ", price: " " },{ label: "Papan Bunga Banyuwangi", category: "Collection", url: "/collections/papan-bunga-banyuwangi", images: " ", price: " " },{ label: "Papan Bunga Batam", category: "Collection", url: "/collections/papan-bunga-batam", images: " ", price: " " },{ label: "Papan Bunga Baubau", category: "Collection", url: "/collections/papan-bunga-baubau", images: " ", price: " " },{ label: "Papan Bunga Bekasi", category: "Collection", url: "/collections/papan-bunga-bekasi", images: " ", price: " " },{ label: "Papan Bunga Bengkalis", category: "Collection", url: "/collections/papan-bunga-bengkalis", images: " ", price: " " },{ label: "Papan Bunga Bengkayang", category: "Collection", url: "/collections/papan-bunga-bengkayang", images: " ", price: " " },{ label: "Papan Bunga Bengkulu", category: "Collection", url: "/collections/papan-bunga-bengkulu", images: " ", price: " " }
18087,{ label: "Papan Bunga Binjai", category: "Collection", url: "/collections/papan-bunga-binjai", images: " ", price: " " },{ label: "Papan Bunga Blitar", category: "Collection", url: "/collections/papan-bunga-blitar", images: " ", price: " " },{ label: "Papan Bunga Blora", category: "Collection", url: "/collections/papan-bunga-blora", images: " ", price: " " },{ label: "Papan Bunga Bogor", category: "Collection", url: "/collections/papan-bunga-bogor", images: " ", price: " " },{ label: "Papan Bunga Bojonegoro", category: "Collection", url: "/collections/papan-bunga-bojonegoro", images: " ", price: " " },{ label: "Papan Bunga Boyolali", category: "Collection", url: "/collections/papan-bunga-boyolali", images: " ", price: " " },{ label: "Papan Bunga Brebes", category: "Collection", url: "/collections/papan-bunga-brebes", images: " ", price: " " },{ label: "Papan Bunga Bukittinggi", category: "Collection", url: "/collections/papan-bunga-bukittinggi", images: " ", price: " " },{ label: "Papan Bunga Buleleng", category: "Collection", url: "/collections/papan-bunga-buleleng", images: " ", price: " " },{ label: "Papan Bunga Ciamis", category: "Collection", url: "/collections/papan-bunga-ciamis", images: " ", price: " " },{ label: "Papan Bunga Cianjur", category: "Collection", url: "/collections/papan-bunga-cianjur", images: " ", price: " " },{ label: "Papan Bunga Cibubur", category: "Collection", url: "/collections/papan-bunga-cibubur", images: " ", price: " " },{ label: "Papan Bunga Cikarang", category: "Collection", url: "/collections/papan-bunga-cikarang", images: " ", price: " " },{ label: "Papan Bunga Cikupa", category: "Collection", url: "/collections/papan-bunga-cikupa", images: " ", price: " " },{ label: "Papan Bunga Cikupa", category: "Collection", url: "/collections/papan-bunga-cikupa-1", images: " ", price: " " },{ label: "Papan Bunga Cilacap", category: "Collection", url: "/collections/papan-bunga-cilacap", images: " ", price: " " },{ label: "Papan Bunga Cileunyi", category: "Collection", url: "/collections/papan-bunga-cileunyi", images: " ", price: " " },{ label: "Papan Bunga Cirebon", category: "Collection", url: "/collections/papan-bunga-cirebon", images: " ", price: " " },{ label: "Papan Bunga Congratulations", category: "Collection", url: "/collections/papan-bunga-ucapan-selamat", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bali", category: "Collection", url: "/collections/papan-bunga-congratulations-bali", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bandung", category: "Collection", url: "/collections/papan-bunga-congratulations-bandung", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bekasi", category: "Collection", url: "/collections/papan-bunga-congratulations-bekasi", images: " ", price: " " },{ label: "Papan Bunga Congratulations Bogor", category: "Collection", url: "/collections/papan-bunga-congratulations-bogor", images: " ", price: " " },{ label: "Papan Bunga Congratulations Cikupa", category: "Collection", url: "/collections/papan-bunga-congratulations-cikupa", images: " ", price: " " },{ label: "Papan Bunga Congratulations Demak", category: "Collection", url: "/collections/papan-bunga-congratulations-demak", images: " ", price: " " },{ label: "Papan Bunga Congratulations Depok", category: "Collection", url: "/collections/papan-bunga-congratulations-depok", images: " ", price: " " },{ label: "Papan Bunga Congratulations Gresik", category: "Collection", url: "/collections/papan-bunga-congratulations-gresik", images: " ", price: " " },{ label: "Papan Bunga Congratulations Jakarta", category: "Collection", url: "/collections/papan-bunga-congratulations-jakarta", images: " ", price: " " },{ label: "Papan Bunga Congratulations Jepara", category: "Collection", url: "/collections/papan-bunga-congratulations-jepara", images: " ", price: " " },{ label: "Papan Bunga Congratulations Medan", category: "Collection", url: "/collections/papan-bunga-congratulations-medan", images: " ", price: " " },{ label: "Papan Bunga Congratulations Semarang", category: "Collection", url: "/collections/papan-bunga-congratulations-semarang", images: " ", price: " " }
18087,{ label: "Papan Bunga Congratulations Serang", category: "Collection", url: "/collections/papan-bunga-congratulations-serang", images: " ", price: " " },{ label: "Papan Bunga Congratulations Sidoarjo", category: "Collection", url: "/collections/papan-bunga-congratulations-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Congratulations Surabaya", category: "Collection", url: "/collections/papan-bunga-congratulations-surabaya", images: " ", price: " " },{ label: "Papan Bunga Congratulations Tangerang", category: "Collection", url: "/collections/papan-bunga-congratulations-tangerang", images: " ", price: " " },{ label: "Papan Bunga Congratulations Yogyakarta", category: "Collection", url: "/collections/papan-bunga-congratulations-yogyakarta", images: " ", price: " " },{ label: "Papan Bunga Danau Toba", category: "Collection", url: "/collections/papan-bunga-danau-toba", images: " ", price: " " },{ label: "Papan Bunga Deli Serdang", category: "Collection", url: "/collections/papan-bunga-deli-serdang", images: " ", price: " " },{ label: "Papan Bunga Demak", category: "Collection", url: "/collections/papan-bunga-demak", images: " ", price: " " },{ label: "Papan Bunga Denpasar", category: "Collection", url: "/collections/papan-bunga-denpasar", images: " ", price: " " },{ label: "Papan Bunga Depok", category: "Collection", url: "/collections/papan-bunga-depok", images: " ", price: " " },{ label: "Papan Bunga Duka Cita", category: "Collection", url: "/collections/bunga-duka-cita", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bali", category: "Collection", url: "/collections/papan-bunga-duka-cita-bali", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bandung", category: "Collection", url: "/collections/papan-bunga-duka-cita-bandung", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bekasi", category: "Collection", url: "/collections/papan-bunga-duka-cita-bekasi", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Bogor", category: "Collection", url: "/collections/papan-bunga-duka-cita-bogor", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Cikupa", category: "Collection", url: "/collections/papan-bunga-duka-cita-cikupa", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Demak", category: "Collection", url: "/collections/papan-bunga-duka-cita-demak", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Depok", category: "Collection", url: "/collections/papan-bunga-duka-cita-depok", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Gresik", category: "Collection", url: "/collections/papan-bunga-duka-cita-gresik", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Jakarta", category: "Collection", url: "/collections/papan-bunga-duka-cita-jakarta", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Jepara", category: "Collection", url: "/collections/papan-bunga-duka-cita-jepara", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Medan", category: "Collection", url: "/collections/papan-bunga-duka-cita-medan", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Semarang", category: "Collection", url: "/collections/papan-bunga-duka-cita-semarang", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Serang", category: "Collection", url: "/collections/papan-bunga-duka-cita-serang", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Sidoarjo", category: "Collection", url: "/collections/papan-bunga-duka-cita-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Surabaya", category: "Collection", url: "/collections/papan-bunga-duka-cita-surabaya", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Tangerang", category: "Collection", url: "/collections/papan-bunga-duka-cita-tangerang", images: " ", price: " " },{ label: "Papan Bunga Duka Cita Yogyakarta", category: "Collection", url: "/collections/papan-bunga-duka-cita-yogyakarta", images: " ", price: " " },{ label: "Papan Bunga Garut", category: "Collection", url: "/collections/papan-bunga-garut", images: " ", price: " " },{ label: "Papan Bunga Gianyar", category: "Collection", url: "/collections/papan-bunga-gianyar", images: " ", price: " " }
18087,{ label: "Papan Bunga Gorontalo", category: "Collection", url: "/collections/papan-bunga-gorontalo", images: " ", price: " " },{ label: "Papan Bunga Gowa", category: "Collection", url: "/collections/papan-bunga-gowa", images: " ", price: " " },{ label: "Papan Bunga Gresik", category: "Collection", url: "/collections/papan-bunga-gresik", images: " ", price: " " },{ label: "Papan Bunga Grobogan", category: "Collection", url: "/collections/papan-bunga-grobogan", images: " ", price: " " },{ label: "Papan Bunga Gunungkidul", category: "Collection", url: "/collections/papan-bunga-gunungkidul", images: " ", price: " " },{ label: "Papan Bunga Indramayu", category: "Collection", url: "/collections/papan-bunga-indramayu", images: " ", price: " " },{ label: "Papan Bunga Jakarta", category: "Collection", url: "/collections/papan-bunga-jakarta", images: " ", price: " " },{ label: "Papan Bunga Jakarta Timur", category: "Collection", url: "/collections/papan-bunga-jakarta-timur", images: " ", price: " " },{ label: "Papan Bunga Jambi", category: "Collection", url: "/collections/papan-bunga-jambi", images: " ", price: " " },{ label: "Papan Bunga Jayapura", category: "Collection", url: "/collections/papan-bunga-jayapura", images: " ", price: " " },{ label: "Papan Bunga Jember", category: "Collection", url: "/collections/papan-bunga-jember", images: " ", price: " " },{ label: "Papan Bunga Jembrana", category: "Collection", url: "/collections/papan-bunga-jembrana", images: " ", price: " " },{ label: "Papan Bunga Jepara", category: "Collection", url: "/collections/papan-bunga-jepara", images: " ", price: " " },{ label: "Papan Bunga Jombang", category: "Collection", url: "/collections/papan-bunga-jombang", images: " ", price: " " },{ label: "Papan Bunga Kampung Baru", category: "Collection", url: "/collections/papan-bunga-kampung-baru", images: " ", price: " " },{ label: "Papan Bunga Kapuas", category: "Collection", url: "/collections/papan-bunga-kapuas", images: " ", price: " " },{ label: "Papan Bunga Karanganyar", category: "Collection", url: "/collections/papan-bunga-karanganyar", images: " ", price: " " },{ label: "Papan Bunga Karangasem", category: "Collection", url: "/collections/papan-bunga-karangasem", images: " ", price: " " },{ label: "Papan Bunga Karawang", category: "Collection", url: "/collections/papan-bunga-karawang", images: " ", price: " " },{ label: "Papan Bunga Karo", category: "Collection", url: "/collections/papan-bunga-karo", images: " ", price: " " },{ label: "Papan Bunga Kartosuro", category: "Collection", url: "/collections/papan-bunga-kartosuro", images: " ", price: " " },{ label: "Papan Bunga Kebumen", category: "Collection", url: "/collections/papan-bunga-kebumen", images: " ", price: " " },{ label: "Papan Bunga Kediri", category: "Collection", url: "/collections/papan-bunga-kediri", images: " ", price: " " },{ label: "Papan Bunga Kendal", category: "Collection", url: "/collections/papan-bunga-kendal", images: " ", price: " " },{ label: "Papan Bunga Kendari", category: "Collection", url: "/collections/papan-bunga-kendari", images: " ", price: " " },{ label: "Papan Bunga Ketapang", category: "Collection", url: "/collections/papan-bunga-ketapang", images: " ", price: " " },{ label: "Papan Bunga Klaten", category: "Collection", url: "/collections/papan-bunga-klaten", images: " ", price: " " },{ label: "Papan Bunga Kota Batu", category: "Collection", url: "/collections/papan-bunga-kota-batu", images: " ", price: " " },{ label: "Papan Bunga Kudus", category: "Collection", url: "/collections/papan-bunga-kudus", images: " ", price: " " },{ label: "Papan Bunga Kupang", category: "Collection", url: "/collections/papan-bunga-kupang", images: " ", price: " " },{ label: "Papan Bunga Lamongan", category: "Collection", url: "/collections/papan-bunga-lamongan", images: " ", price: " " },{ label: "Papan Bunga Lampu LED", category: "Collection", url: "/collections/papan-bunga-lampu-led", images: " ", price: " " },{ label: "Papan Bunga Lampung", category: "Collection", url: "/collections/papan-bunga-lampung", images: " ", price: " " }
18087,{ label: "Papan Bunga Langkat", category: "Collection", url: "/collections/papan-bunga-langkat", images: " ", price: " " },{ label: "Papan Bunga Lembang", category: "Collection", url: "/collections/papan-bunga-lembang", images: " ", price: " " },{ label: "Papan Bunga Lombok", category: "Collection", url: "/collections/papan-bunga-lombok", images: " ", price: " " },{ label: "Papan Bunga Lubuk Pakam", category: "Collection", url: "/collections/papan-bunga-lubuk-pakam", images: " ", price: " " },{ label: "Papan Bunga Lumajang", category: "Collection", url: "/collections/papan-bunga-lumajang", images: " ", price: " " },{ label: "Papan Bunga Madiun", category: "Collection", url: "/collections/papan-bunga-madiun", images: " ", price: " " },{ label: "Papan Bunga Magelang", category: "Collection", url: "/collections/papan-bunga-magelang", images: " ", price: " " },{ label: "Papan Bunga Majalengka", category: "Collection", url: "/collections/papan-bunga-majalengka", images: " ", price: " " },{ label: "Papan Bunga Makassar", category: "Collection", url: "/collections/papan-bunga-makassar", images: " ", price: " " },{ label: "Papan Bunga Malang", category: "Collection", url: "/collections/papan-bunga-malang", images: " ", price: " " },{ label: "Papan Bunga Mamuju", category: "Collection", url: "/collections/papan-bunga-mamuju", images: " ", price: " " },{ label: "Papan Bunga Manado", category: "Collection", url: "/collections/papan-bunga-manado", images: " ", price: " " },{ label: "Papan Bunga Manokwari", category: "Collection", url: "/collections/papan-bunga-manokwari", images: " ", price: " " },{ label: "Papan Bunga Maros", category: "Collection", url: "/collections/papan-bunga-maros", images: " ", price: " " },{ label: "Papan Bunga Mataram", category: "Collection", url: "/collections/papan-bunga-mataram", images: " ", price: " " },{ label: "Papan Bunga Medan", category: "Collection", url: "/collections/papan-bunga-medan", images: " ", price: " " },{ label: "Papan Bunga Mojokerto", category: "Collection", url: "/collections/papan-bunga-mojokerto", images: " ", price: " " },{ label: "Papan Bunga Nganjuk", category: "Collection", url: "/collections/papan-bunga-nganjuk", images: " ", price: " " },{ label: "Papan Bunga Ngawi", category: "Collection", url: "/collections/papan-bunga-ngawi", images: " ", price: " " },{ label: "Papan Bunga Nias", category: "Collection", url: "/collections/papan-bunga-nias", images: " ", price: " " },{ label: "Papan Bunga Organza", category: "Collection", url: "/collections/papan-bunga-organza", images: " ", price: " " },{ label: "Papan Bunga Padang", category: "Collection", url: "/collections/papan-bunga-padang", images: " ", price: " " },{ label: "Papan Bunga Palangkaraya", category: "Collection", url: "/collections/papan-bunga-palangkaraya", images: " ", price: " " },{ label: "Papan Bunga Palembang", category: "Collection", url: "/collections/papan-bunga-palembang", images: " ", price: " " },{ label: "Papan Bunga Palu", category: "Collection", url: "/collections/papan-bunga-palu", images: " ", price: " " },{ label: "Papan Bunga Pangkal Pinang", category: "Collection", url: "/collections/papan-bunga-pangkal-pinang", images: " ", price: " " },{ label: "Papan Bunga Parepare", category: "Collection", url: "/collections/papan-bunga-parepare", images: " ", price: " " },{ label: "Papan Bunga Pasuruan", category: "Collection", url: "/collections/papan-bunga-pasuruan", images: " ", price: " " },{ label: "Papan Bunga Pati", category: "Collection", url: "/collections/papan-bunga-pati", images: " ", price: " " },{ label: "Papan Bunga Pekalongan", category: "Collection", url: "/collections/papan-bunga-pekalongan", images: " ", price: " " },{ label: "Papan Bunga Pekanbaru", category: "Collection", url: "/collections/papan-bunga-pekanbaru", images: " ", price: " " },{ label: "Papan Bunga Pemalang", category: "Collection", url: "/collections/papan-bunga-pemalang", images: " ", price: " " },{ label: "Papan Bunga Pematangsiantar", category: "Collection", url: "/collections/papan-bunga-pematangsiantar", images: " ", price: " " }
18087,{ label: "Papan Bunga Pernikahan Bali", category: "Collection", url: "/collections/papan-bunga-pernikahan-bali", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Bandung", category: "Collection", url: "/collections/papan-bunga-pernikahan-bandung", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Bekasi", category: "Collection", url: "/collections/papan-bunga-pernikahan-bekasi", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Bogor", category: "Collection", url: "/collections/papan-bunga-pernikahan-bogor", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Cikupa", category: "Collection", url: "/collections/papan-bunga-pernikahan-cikupa", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Demak", category: "Collection", url: "/collections/papan-bunga-pernikahan-demak", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Depok", category: "Collection", url: "/collections/papan-bunga-pernikahan-depok", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Gresik", category: "Collection", url: "/collections/papan-bunga-pernikahan-gresik", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Jakarta", category: "Collection", url: "/collections/papan-bunga-pernikahan-jakarta", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Jepara", category: "Collection", url: "/collections/papan-bunga-pernikahan-jepara", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Medan", category: "Collection", url: "/collections/papan-bunga-pernikahan-medan", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Semarang", category: "Collection", url: "/collections/papan-bunga-pernikahan-semarang", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Serang", category: "Collection", url: "/collections/papan-bunga-pernikahan-serang", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Sidoarjo", category: "Collection", url: "/collections/papan-bunga-pernikahan-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Surabaya", category: "Collection", url: "/collections/papan-bunga-pernikahan-surabaya", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Tangerang", category: "Collection", url: "/collections/papan-bunga-pernikahan-tangerang", images: " ", price: " " },{ label: "Papan Bunga Pernikahan Yogyakarta", category: "Collection", url: "/collections/papan-bunga-pernikahan-yogyakarta", images: " ", price: " " },{ label: "Papan Bunga Ponorogo", category: "Collection", url: "/collections/papan-bunga-ponorogo", images: " ", price: " " },{ label: "Papan Bunga Pontianak", category: "Collection", url: "/collections/papan-bunga-pontianak", images: " ", price: " " },{ label: "Papan Bunga Premium", category: "Collection", url: "/collections/papan-bunga-premium", images: " ", price: " " },{ label: "Papan Bunga Printing", category: "Collection", url: "/collections/papan-bunga-printing", images: " ", price: " " },{ label: "Papan Bunga Printing Congratulations", category: "Collection", url: "/collections/papan-bunga-printing-congratulations", images: " ", price: " " },{ label: "Papan Bunga Probolinggo", category: "Collection", url: "/collections/papan-bunga-probolinggo", images: " ", price: " " },{ label: "Papan Bunga Promo", category: "Collection", url: "/collections/promo-papan-bunga", images: " ", price: " " },{ label: "Papan Bunga Purbalingga", category: "Collection", url: "/collections/papan-bunga-purbalingga", images: " ", price: " " },{ label: "Papan Bunga Purwokerto", category: "Collection", url: "/collections/papan-bunga-purwokerto", images: " ", price: " " },{ label: "Papan Bunga Purworejo", category: "Collection", url: "/collections/papan-bunga-purworejo", images: " ", price: " " },{ label: "Papan Bunga Rembang", category: "Collection", url: "/collections/papan-bunga-rembang", images: " ", price: " " },{ label: "Papan Bunga Riau", category: "Collection", url: "/collections/papan-bunga-riau", images: " ", price: " " },{ label: "Papan Bunga Salatiga", category: "Collection", url: "/collections/papan-bunga-salatiga", images: " ", price: " " }
18087,{ label: "Papan Bunga Samarinda", category: "Collection", url: "/collections/papan-bunga-samarinda", images: " ", price: " " },{ label: "Papan Bunga Selamat Bandung", category: "Collection", url: "/collections/papan-bunga-selamat-bandung", images: " ", price: " " },{ label: "Papan Bunga Selamat Medan", category: "Collection", url: "/collections/papan-bunga-selamat-medan", images: " ", price: " " },{ label: "Papan Bunga Semarang", category: "Collection", url: "/collections/papan-bunga-semarang", images: " ", price: " " },{ label: "Papan Bunga Serang", category: "Collection", url: "/collections/papan-bunga-serang", images: " ", price: " " },{ label: "Papan Bunga Sibolga", category: "Collection", url: "/collections/papan-bunga-sibolga", images: " ", price: " " },{ label: "Papan Bunga Sidoarjo", category: "Collection", url: "/collections/papan-bunga-sidoarjo", images: " ", price: " " },{ label: "Papan Bunga Singkawang", category: "Collection", url: "/collections/papan-bunga-singkawang", images: " ", price: " " },{ label: "Papan Bunga Solo", category: "Collection", url: "/collections/papan-bunga-solo", images: " ", price: " " },{ label: "Papan Bunga Sorong", category: "Collection", url: "/collections/papan-bunga-sorong", images: " ", price: " " },{ label: "Papan Bunga Sragen", category: "Collection", url: "/collections/papan-bunga-sragen", images: " ", price: " " },{ label: "Papan Bunga Standard", category: "Collection", url: "/collections/papan-bunga-standard", images: " ", price: " " },{ label: "Papan Bunga Subang", category: "Collection", url: "/collections/papan-bunga-subang", images: " ", price: " " },{ label: "Papan Bunga Sukabumi", category: "Collection", url: "/collections/papan-bunga-sukabumi", images: " ", price: " " },{ label: "Papan Bunga Sumbawa", category: "Collection", url: "/collections/papan-bunga-sumbawa", images: " ", price: " " },{ label: "Papan Bunga Surabaya", category: "Collection", url: "/collections/papan-bunga-surabaya", images: " ", price: " " },{ label: "Papan Bunga Surakarta", category: "Collection", url: "/collections/papan-bunga-surakarta", images: " ", price: " " },{ label: "Papan Bunga Tangerang", category: "Collection", url: "/collections/papan-bunga-tangerang", images: " ", price: " " },{ label: "Papan Bunga Tasikmalaya", category: "Collection", url: "/collections/papan-bunga-tasikmalaya", images: " ", price: " " },{ label: "Papan Bunga Tegal", category: "Collection", url: "/collections/papan-bunga-tegal", images: " ", price: " " },{ label: "Papan Bunga Temanggung", category: "Collection", url: "/collections/papan-bunga-temanggung", images: " ", price: " " },{ label: "Papan Bunga Ternate", category: "Collection", url: "/collections/papan-bunga-ternate", images: " ", price: " " },{ label: "Papan Bunga Tolitoli", category: "Collection", url: "/collections/papan-bunga-tolitoli", images: " ", price: " " },{ label: "Papan Bunga Toraja", category: "Collection", url: "/collections/papan-bunga-toraja", images: " ", price: " " },{ label: "Papan Bunga Tuban", category: "Collection", url: "/collections/papan-bunga-tuban", images: " ", price: " " },{ label: "Papan Bunga Tulungagung", category: "Collection", url: "/collections/papan-bunga-tulungagung", images: " ", price: " " },{ label: "Papan Bunga Wakatobi", category: "Collection", url: "/collections/papan-bunga-wakatobi", images: " ", price: " " },{ label: "Papan Bunga Wedding", category: "Collection", url: "/collections/papan-bunga-ucapan-pernikahan", images: " ", price: " " },{ label: "Papan Bunga Wiyung", category: "Collection", url: "/collections/papan-bunga-wiyung", images: " ", price: " " },{ label: "Papan Bunga Wonogiri", category: "Collection", url: "/collections/papan-bunga-wonogiri", images: " ", price: " " },{ label: "Papan Bunga Wonokromo", category: "Collection", url: "/collections/papan-bunga-wonokromo", images: " ", price: " " },{ label: "Papan Bunga Wonosobo", category: "Collection", url: "/collections/papan-bunga-wonosobo", images: " ", price: " " },{ label: "Papan Bunga Yogyakarta", category: "Collection", url: "/collections/papan-bunga-yogyakarta", images: " ", price: " " }
18087,{ label: "Paper Flower Board", category: "Collection", url: "/collections/papan-bunga-kertas", images: " ", price: " " },{ label: "Paper Flower Board Bali", category: "Collection", url: "/collections/papan-bunga-kertas-bali", images: " ", price: " " },{ label: "Paper Flower Board Gresik", category: "Collection", url: "/collections/papan-bunga-kertas-gresik", images: " ", price: " " },{ label: "Paper Flower Board Sidoarjo", category: "Collection", url: "/collections/papan-bunga-kertas-sidoarjo", images: " ", price: " " },{ label: "Paper Flower Board Surabaya", category: "Collection", url: "/collections/papan-bunga-kertas-surabaya", images: " ", price: " " },{ label: "Paper Flower Board Yogyakarta", category: "Collection", url: "/collections/papan-bunga-kertas-yogyakarta", images: " ", price: " " },{ label: "Parcel", category: "Collection", url: "/collections/parcel", images: " ", price: " " },{ label: "Parcel Buah", category: "Collection", url: "/collections/parcel-buah-segar", images: " ", price: " " },{ label: "Parcel Buah Bandung", category: "Collection", url: "/collections/parcel-buah-bandung", images: " ", price: " " },{ label: "Parcel Buah Semarang", category: "Collection", url: "/collections/parcel-buah-semarang", images: " ", price: " " },{ label: "Parcel Buah Sidoarjo", category: "Collection", url: "/collections/parcel-buah-sidoarjo", images: " ", price: " " },{ label: "Parcel Buah Surabaya", category: "Collection", url: "/collections/parcel-buah-surabaya", images: " ", price: " " },{ label: "Parcel Imlek 2025", category: "Collection", url: "/collections/parcel-imlek", images: " ", price: " " },{ label: "Parcel Imlek Bandung", category: "Collection", url: "/collections/parcel-imlek-bandung", images: " ", price: " " },{ label: "Parcel Imlek Nusantara", category: "Collection", url: "/collections/parcel-imlek-nusantara", images: " ", price: " " },{ label: "Parcel Lebaran Bandung", category: "Collection", url: "/collections/parcel-lebaran-bandung", images: " ", price: " " },{ label: "Parcel Lebaran Nusantara", category: "Collection", url: "/collections/parcel-lebaran-indonesia", images: " ", price: " " },{ label: "Parcel Lebaran Surabaya", category: "Collection", url: "/collections/parcel-lebaran-surabaya", images: " ", price: " " },{ label: "Parcel Makanan", category: "Collection", url: "/collections/parcel-makanan", images: " ", price: " " },{ label: "Parcel Natal & Tahun Baru 2026", category: "Collection", url: "/collections/hampers-natal", images: " ", price: " " },{ label: "Parcel Natal & Tahun Baru Bandung", category: "Collection", url: "/collections/parcel-natal-bandung", images: " ", price: " " },{ label: "Parcel Newborn Nusantara", category: "Collection", url: "/collections/parcel-newborn-nusantara", images: " ", price: " " },{ label: "Parcel Tahun Baru", category: "Collection", url: "/collections/new-year-tahun-baru", images: " ", price: " " },{ label: "Party Supplies", category: "Collection", url: "/collections/party-supplies", images: " ", price: " " },{ label: "Partysaurus", category: "Collection", url: "/collections/partysaurus", images: " ", price: " " },{ label: "Pasar Bunga Splendid Malang", category: "Collection", url: "/collections/pasar-bunga-splendid-malang", images: " ", price: " " },{ label: "Passionate Red Valentine", category: "Collection", url: "/collections/red-valentine", images: " ", price: " " },{ label: "Pendant", category: "Collection", url: "/collections/liontin", images: " ", price: " " },{ label: "Personalized Fashion", category: "Collection", url: "/collections/fashion", images: " ", price: " " },{ label: "Personalized Gift", category: "Collection", url: "/collections/personalized-gift", images: " ", price: " " },{ label: "Personalized Gift Pria", category: "Collection", url: "/collections/personalized-gift-pria", images: " ", price: " " },{ label: "Personalized Gift Wanita", category: "Collection", url: "/collections/personalized-gift-wanita", images: " ", price: " " },{ label: "Personalized Gifts", category: "Collection", url: "/collections/personalized-gifts", images: " ", price: " " },{ label: "Pesca Ice Cream Cakes", category: "Collection", url: "/collections/pesca", images: " ", price: " " },{ label: "Phone Case", category: "Collection", url: "/collections/phone-case", images: " ", price: " " },{ label: "Photobook", category: "Collection", url: "/collections/photobook", images: " ", price: " " },{ label: "Pisces âï¸ 19Feb - 20March", category: "Collection", url: "/collections/kado-untuk-zodiak-pisces", images: " ", price: " " },{ label: "Pohon Natal", category: "Collection", url: "/collections/pohon-natal", images: " ", price: " " },{ label: "Premium Hampers", category: "Collection", url: "/collections/parcel-premium", images: " ", price: " " },{ label: "Premium Newborn Hampers Collection", category: "Collection", url: "/collections/premium-newborn-hampers-collection", images: " ", price: " " },{ label: "Printing Cake", category: "Collection", url: "/collections/printing-cake", images: " ", price: " " },{ label: "Prom", category: "Collection", url: "/collections/prom", images: " ", price: " " },{ label: "Promo Merdeka", category: "Collection", url: "/collections/merdeka", images: " ", price: " " },{ label: "Rangkaian Bunga", category: "Collection", url: "/collections/rangkaian-bunga", images: " ", price: " " },{ label: "Rangkaian Bunga Dekorasi", category: "Collection", url: "/collections/rangkaian-bunga-dekorasi", images: " ", price: " " },{ label: "Rangkaian Bunga Ulang Tahun", category: "Collection", url: "/collections/rangkaian-bunga-ulang-tahun", images: " ", price: " " },{ label: "Romantic & Sweets", category: "Collection", url: "/collections/romantic-sweets", images: " ", price: " " },{ label: "Romantic Package", category: "Collection", url: "/collections/romantic-package", images: " ", price: " " },{ label: "Rose Beam", category: "Collection", url: "/collections/rose-beam", images: " ", price: " " },{ label: "Rose Box", category: "Collection", url: "/collections/rose-box", images: " ", price: " " },{ label: "Roses", category: "Collection", url: "/collections/bunga-mawar", images: " ", price: " " },{ label: "Rp 500.000 - Rp 800.000", category: "Collection", url: "/collections/rp-500-000-rp-800-000", images: " ", price: " " },{ label: "Rp 800.000 - Rp 1.000.000", category: "Collection", url: "/collections/rp-800-000-rp-1-000-000", images: " ", price: " " },{ label: "Rustic & Monochrome Ramadan Hampers", category: "Collection", url: "/collections/rustic-monochrome-ramadanhampers", images: " ", price: " " },{ label: "Rustic Bloom", category: "Collection", url: "/collections/dried-flowers", images: " ", price: " " },{ label: "Rustic Style Flowers", category: "Collection", url: "/collections/rustic-style-flowers", images: " ", price: " " },{ label: "Sagittarius âï¸ 22Nov - 21Des", category: "Collection", url: "/collections/kado-untuk-zodiak-sagittarius", images: " ", price: " " },{ label: "Sameday Delivery", category: "Collection", url: "/collections/sameday", images: " ", price: " " },{ label: "Savoury Dish", category: "Collection", url: "/collections/savoury-dish", images: " ", price: " " },{ label: "Saychiz", category: "Collection", url: "/collections/saychiz", images: " ", price: " " },{ label: "Scented Candles", category: "Collection", url: "/collections/scented-candles", images: " ", price: " " },{ label: "Scorpio âï¸ 24Oct - 21Nov", category: "Collection", url: "/collections/kado-untuk-zodiak-scorpio", images: " ", price: " " },{ label: "Self Pick-Up", category: "Collection", url: "/collections/self-pick-up", images: " ", price: " " },{ label: "Semua Produk", category: "Collection", url: "/collections/all", images: " ", price: " " },{ label: "Serenitea", category: "Collection", url: "/collections/serenitea", images: " ", price: " " },{ label: "Share Outerbloom Moment", category: "Collection", url: "/collections/share-moment", images: " ", price: " " },{ label: "Share your Happiness", category: "Collection", url: "/collections/share-happiness", images: " ", price: " " },{ label: "Signature Cake", category: "Collection", url: "/collections/signature-cake", images: " ", price: " " },{ label: "Signature Chinese New Year Hampers", category: "Collection", url: "/collections/signature-chinese-new-year-hampers", images: " ", price: " " },{ label: "Signature Christmas & New Year Hampers", category: "Collection", url: "/collections/signature-christmas-hampers", images: " ", price: " " },{ label: "Signature Hampers", category: "Collection", url: "/collections/signature-hampers", images: " ", price: " " },{ label: "Signature Hampers Luar Jadetabek", category: "Collection", url: "/collections/signature-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Signature Hampers Sameday", category: "Collection", url: "/collections/signature-hampers-sameday", images: " ", price: " " },{ label: "Signature Ramadan Hampers", category: "Collection", url: "/collections/signature-ramadan-hampers", images: " ", price: " " },{ label: "Slice Cake", category: "Collection", url: "/collections/slice-cake", images: " ", price: " " },{ label: "Snack Box", category: "Collection", url: "/collections/snack-box", images: " ", price: " " },{ label: "Sol et Terre", category: "Collection", url: "/collections/sol-et-terre", images: " ", price: " " },{ label: "Sorbet", category: "Collection", url: "/collections/sorbet", images: " ", price: " " },{ label: "Special Day", category: "Collection", url: "/collections/special-day", images: " ", price: " " },{ label: "Special Edition", category: "Collection", url: "/collections/special-edition", images: " ", price: " " },{ label: "Special For Her", category: "Collection", url: "/collections/special-for-her", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini.", category: "Collection", url: "/collections/standing-flower", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Bali", category: "Collection", url: "/collections/standing-flower-bali", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Bandung", category: "Collection", url: "/collections/standing-flower-bandung", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Congratulations", category: "Collection", url: "/collections/standing-flower-congratulations", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Demak", category: "Collection", url: "/collections/standing-flower-demak", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Jepara", category: "Collection", url: "/collections/standing-flower-jepara", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Semarang", category: "Collection", url: "/collections/standing-flower-semarang", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Sidoarjo", category: "Collection", url: "/collections/standing-flower-sidoarjo", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Surabaya", category: "Collection", url: "/collections/standing-flower-surabaya", images: " ", price: " " },{ label: "KAPALTOGEL hadir sebagai official e-commerce shop untuk belanja kebutuhan link alternatif. Temukan beragam pilihan akses login resmi yang aman dan bebas hambatan di sini. Yogyakarta", category: "Collection", url: "/collections/standing-flower-yogyakarta", images: " ", price: " " },{ label: "Standing Giant Flower", category: "Collection", url: "/collections/standing-giant-flower", images: " ", price: " " },{ label: "Stationery", category: "Collection", url: "/collections/stationery", images: " ", price: " " },{ label: "Steekwerk", category: "Collection", url: "/collections/steekwerk", images: " ", price: " " },{ label: "Stylish Hampers", category: "Collection", url: "/collections/stylish-hampers", images: " ", price: " " },{ label: "Stylish Hampers Luar Jadetabek", category: "Collection", url: "/collections/stylish-hampers-luar-jadetabek", images: " ", price: " " },{ label: "Succulent", category: "Collection", url: "/collections/succulent", images: " ", price: " " },{ label: "Sunflower", category: "Collection", url: "/collections/bunga-matahari", images: " ", price: " " },{ label: "Sweet & Savoury Hampers", category: "Collection", url: "/collections/sweet-savoury-hampers", images: " ", price: " " },{ label: "Sweet Gracie", category: "Collection", url: "/collections/sweet-gracie", images: " ", price: " " },{ label: "Sweet Pastel Love", category: "Collection", url: "/collections/pastel-love", images: " ", price: " " },{ label: "Sweet Pastel Love Nusantara", category: "Collection", url: "/collections/sweet-pastel-love-nusantara", images: " ", price: " " },{ label: "Sweet Treats", category: "Collection", url: "/collections/sweet-treats", images: " ", price: " " },{ label: "Sweetooth", category: "Collection", url: "/collections/sweetooth", images: " ", price: " " },{ label: "Taurus âï¸ 20April - 20May", category: "Collection", url: "/collections/kado-untuk-zodiak-taurus", images: " ", price: " " },{ label: "Teddy Bear", category: "Collection", url: "/collections/boneka-teddy-bear", images: " ", price: " " },{ label: "Teh", category: "Collection", url: "/collections/teh", images: " ", price: " " },{ label: "Test Error", category: "Collection", url: "/collections/test-error", images: " ", price: " " },{ label: "Testing", category: "Collection", url: "/collections/testing", images: " ", price: " " },{ label: "Thank You", category: "Collection", url: "/collections/rangkaian-bunga-ucapan-terima-kasih", images: " ", price: " " },{ label: "The Classic Astoria", category: "Collection", url: "/collections/astoria", images: " ", price: " " },{ label: "The Classic Enchanted Dome", category: "Collection", url: "/collections/enchanted-dome", images: " ", price: " " },{ label: "The Enchanted Love Pirouette Special Edition", category: "Collection", url: "/collections/the-enchanted-love-pirouette-special-edition", images: " ", price: " " },{ label: "The F Thing", category: "Collection", url: "/collections/the-f-thing", images: " ", price: " " },{ label: "The First", category: "Collection", url: "/collections/the-first", images: " ", price: " " },{ label: "The Novo Astoria", category: "Collection", url: "/collections/the-novo-astoria", images: " ", price: " " },{ label: "The Novo Enchanted Dome", category: "Collection", url: "/collections/the-novo-enchanted-dome", images: " ", price: " " },{ label: "The Novo Enchanted Dome Special Edition", category: "Collection", url: "/collections/the-novo-enchanted-dome-special-edition", images: " ", price: " " },{ label: "The Palace", category: "Collection", url: "/collections/the-palace", images: " ", price: " " },{ label: "Ties", category: "Collection", url: "/collections/dasi", images: " ", price: " " },{ label: "Tisane", category: "Collection", url: "/collections/tisane", images: " ", price: " " },{ label: "Toko Bunga Aceh", category: "Collection", url: "/collections/toko-bunga-aceh", images: " ", price: " " },{ label: "Toko Bunga Ambon", category: "Collection", url: "/collections/toko-bunga-ambon", images: " ", price:
18087 " " },{ label: "Toko Bunga Atambua", category: "Collection", url: "/collections/toko-bunga-atambua", images: " ", price: " " },{ label: "Toko Bunga Bali", category: "Collection", url: "/collections/toko-bunga-bali", images: " ", price: " " },{ label: "Toko Bunga Balikpapan", category: "Collection", url: "/collections/toko-bunga-balikpapan", images: " ", price: " " },{ label: "Toko Bunga Bandar Lampung", category: "Collection", url: "/collections/toko-bunga-bandar-lampung", images: " ", price: " " },{ label: "Toko Bunga Bandung", category: "Collection", url: "/collections/toko-bunga-bandung", images: " ", price: " " },{ label: "Toko Bunga Bandung Barat", category: "Collection", url: "/collections/toko-bunga-bandung-barat", images: " ", price: " " },{ label: "Toko Bunga Banjarmasin", category: "Collection", url: "/collections/toko-bunga-banjarmasin", images: " ", price: " " },{ label: "Toko Bunga Banten", category: "Collection", url: "/collections/toko-bunga-banten", images: " ", price: " " },{ label: "Toko Bunga Banyumas", category: "Collection", url: "/collections/toko-bunga-banyumas", images: " ", price: " " },{ label: "Toko Bunga Banyuwangi", category: "Collection", url: "/collections/toko-bunga-banyuwangi", images: " ", price: " " },{ label: "Toko Bunga Batam", category: "Collection", url: "/collections/toko-bunga-batam", images: " ", price: " " },{ label: "Toko Bunga Baubau", category: "Collection", url: "/collections/toko-bunga-baubau", images: " ", price: " " },{ label: "Toko Bunga Bekasi", category: "Collection", url: "/collections/toko-bunga-bekasi", images: " ", price: " " },{ label: "Toko Bunga Bengkalis", category: "Collection", url: "/collections/toko-bunga-bengkalis", images: " ", price: " " },{ label: "Toko Bunga Bengkayang", category: "Collection", url: "/collections/toko-bunga-bengkayang", images: " ", price: " " },{ label: "Toko Bunga Binjai", category: "Collection", url: "/collections/toko-bunga-binjai", images: " ", price: " " },{ label: "Toko Bunga Bintaro", category: "Collection", url: "/collections/toko-bunga-bintaro", images: " ", price: " " },{ label: "Toko Bunga Blitar", category: "Collection", url: "/collections/toko-bunga-blitar", images: " ", price: " " },{ label: "Toko Bunga Blora", category: "Collection", url: "/collections/toko-bunga-blora", images: " ", price: " " },{ label: "Toko Bunga Bogor", category: "Collection", url: "/collections/toko-bunga-bogor", images: " ", price: " " },{ label: "Toko Bunga Bojonegoro", category: "Collection", url: "/collections/toko-bunga-bojonegoro", images: " ", price: " " },{ label: "Toko Bunga Boyolali", category: "Collection", url: "/collections/toko-bunga-boyolali", images: " ", price: " " },{ label: "Toko Bunga Brebes", category: "Collection", url: "/collections/toko-bunga-brebes", images: " ", price: " " },{ label: "Toko Bunga Bukittinggi", category: "Collection", url: "/collections/toko-bunga-bukittinggi", images: " ", price: " " },{ label: "Toko Bunga Buleleng", category: "Collection", url: "/collections/toko-bunga-buleleng", images: " ", price: " " },{ label: "Toko Bunga Cakung", category: "Collection", url: "/collections/toko-bunga-cakung", images: " ", price: " " },{ label: "Toko Bunga Cawang", category: "Collection", url: "/collections/toko-bunga-cawang", images: " ", price: " " },{ label: "Toko Bunga Cempaka Putih", category: "Collection", url: "/collections/toko-bunga-cempaka-putih", images: " ", price: " " },{ label: "Toko Bunga Cengkareng", category: "Collection", url: "/collections/toko-bunga-cengkareng", images: " ", price: " " },{ label: "Toko Bunga Ciamis", category: "Collection", url: "/collections/toko-bunga-ciamis", images: " ", price: " " },{ label: "Toko Bunga Cianjur", category: "Collection", url: "/collections/toko-bunga-cianjur", images: " ", price: " " },{ label: "Toko Bunga Cibinong", category: "Collection", url: "/collections/toko-bunga-cibinong", images: " ", price: " " },{ label: "Toko Bunga Cibubur", category: "Collection", url: "/collections/toko-bunga-cibubur", images: " ", price: " " },{ label: "Toko Bunga Cijantung", category: "Collection", url: "/collections/toko-bunga-cijantung", images: " ", price: " " },{ label: "Toko Bunga Cikarang", category: "Collection", url: "/collections/toko-bunga-cikarang", images: " ", price: " " },{ label: "Toko Bunga Cikini", category: "Collection", url: "/collections/toko-bunga-cikini", images: " ", price: " " },{ label: "Toko Bunga Cilacap", category: "Collection", url: "/collections/toko-bunga-cilacap", images: " ", price: " " },{ label: "Toko Bunga Cilandak", category: "Collection", url: "/collections/toko-bunga-cilandak", images: " ", price: " " },{ label: "Toko Bunga Cileunyi", category: "Collection", url: "/collections/toko-bunga-cileunyi", images: " ", price: " " },{ label: "Toko Bunga Ciracas", category: "Collection", url: "/collections/toko-bunga-ciracas", images: " ", price: " " },{ label: "Toko Bunga Cirebon", category: "Collection", url: "/collections/toko-bunga-cirebon", images: " ", price: " " }
18087,{ label: "Toko Bunga Ciwidey", category: "Collection", url: "/collections/toko-bunga-ciwidey", images: " ", price: " " },{ label: "Toko Bunga Danau Toba", category: "Collection", url: "/collections/toko-bunga-danau-toba", images: " ", price: " " },{ label: "Toko Bunga Demak", category: "Collection", url: "/collections/toko-bunga-demak", images: " ", price: " " },{ label: "Toko Bunga Denpasar", category: "Collection", url: "/collections/toko-bunga-denpasar", images: " ", price: " " },{ label: "Toko Bunga Depok", category: "Collection", url: "/collections/toko-bunga-depok", images: " ", price: " " },{ label: "Toko Bunga Duren Sawit", category: "Collection", url: "/collections/toko-bunga-duren-sawit", images: " ", price: " " },{ label: "Toko Bunga Garut", category: "Collection", url: "/collections/toko-bunga-garut", images: " ", price: " " },{ label: "Toko Bunga Gianyar", category: "Collection", url: "/collections/toko-bunga-gianyar", images: " ", price: " " },{ label: "Toko Bunga Gowa", category: "Collection", url: "/collections/toko-bunga-gowa", images: " ", price: " " },{ label: "Toko Bunga Gresik", category: "Collection", url: "/collections/toko-bunga-gresik", images: " ", price: " " },{ label: "Toko Bunga Grobogan", category: "Collection", url: "/collections/toko-bunga-grobogan", images: " ", price: " " },{ label: "Toko Bunga Grogol", category: "Collection", url: "/collections/toko-bunga-grogol", images: " ", price: " " },{ label: "Toko Bunga Gunungkidul", category: "Collection", url: "/collections/toko-bunga-gunungkidul", images: " ", price: " " },{ label: "Toko Bunga Indramayu", category: "Collection", url: "/collections/toko-bunga-indramayu", images: " ", price: " " },{ label: "Toko Bunga Jakarta", category: "Collection", url: "/collections/toko-bunga-jakarta", images: " ", price: " " },{ label: "Toko Bunga Jakarta Barat", category: "Collection", url: "/collections/toko-bunga-jakarta-barat", images: " ", price: " " },{ label: "Toko Bunga Jakarta Pusat", category: "Collection", url: "/collections/toko-bunga-jakarta-pusat", images: " ", price: " " },{ label: "Toko Bunga Jakarta Selatan", category: "Collection", url: "/collections/toko-bunga-jakarta-selatan", images: " ", price: " " },{ label: "Toko Bunga Jakarta Timur", category: "Collection", url: "/collections/toko-bunga-jakarta-timur", images: " ", price: " " },{ label: "Toko Bunga Jakarta Utara", category: "Collection", url: "/collections/toko-bunga-jakarta-utara", images: " ", price: " " },{ label: "Toko Bunga Jambi", category: "Collection", url: "/collections/toko-bunga-jambi", images: " ", price: " " },{ label: "Toko Bunga Jatinegara", category: "Collection", url: "/collections/toko-bunga-jatinegara", images: " ", price: " " },{ label: "Toko Bunga Jawa & Bali", category: "Collection", url: "/collections/toko-bunga-jawa-bali", images: " ", price: " " },{ label: "Toko Bunga Jayapura", category: "Collection", url: "/collections/toko-bunga-jayapura", images: " ", price: " " },{ label: "Toko Bunga Jelambar - Florist Onine 24 Jam", category: "Collection", url: "/collections/toko-bunga-jelambar", images: " ", price: " " },{ label: "Toko Bunga Jember", category: "Collection", url: "/collections/toko-bunga-jember", images: " ", price: " " },{ label: "Toko Bunga Jembrana", category: "Collection", url: "/collections/toko-bunga-jembrana", images: " ", price: " " },{ label: "Toko Bunga Jepara", category: "Collection", url: "/collections/toko-bunga-jepara", images: " ", price: " " },{ label: "Toko Bunga Joglo", category: "Collection", url: "/collections/toko-bunga-joglo", images: " ", price: " " },{ label: "Toko Bunga Jombang", category: "Collection", url: "/collections/toko-bunga-jombang", images: " ", price: " " },{ label: "Toko Bunga Kalibata", category: "Collection", url: "/collections/toko-bunga-kalibata", images: " ", price: " " },{ label: "Toko Bunga Kalimantan", category: "Collection", url: "/collections/toko-bunga-kalimantan", images: " ", price: " " },{ label: "Toko Bunga Kalisari Semarang", category: "Collection", url: "/collections/toko-bunga-kalisari-semarang", images: " ", price: " " },{ label: "Toko Bunga Kampung Baru", category: "Collection", url: "/collections/toko-bunga-kampung-baru", images: " ", price: " " },{ label: "Toko Bunga Kapuas", category: "Collection", url: "/collections/toko-bunga-kapuas", images: " ", price: " " },{ label: "Toko Bunga Karanganyar", category: "Collection", url: "/collections/toko-bunga-karanganyar", images: " ", price: " " },{ label: "Toko Bunga Karangasem", category: "Collection", url: "/collections/toko-bunga-karangasem", images: " ", price: " " },{ label: "Toko Bunga Karawang", category: "Collection", url: "/collections/toko-bunga-karawang", images: " ", price: " " },{ label: "Toko Bunga Kartosuro", category: "Collection", url: "/collections/toko-bunga-kartosuro", images: " ", price: " " },{ label: "Toko Bunga Kayoon Surabaya", category: "Collection", url: "/collections/toko-bunga-kayoon-surabaya", images: " ", price: " " },{ label: "Toko Bunga Kebayoran Baru", category: "Collection", url: "/collections/toko-bunga-kebayoran-baru", images: " ", price: " " },{ label: "Toko Bunga Kebon Jeruk", category: "Collection", url: "/collections/toko-bunga-kebon-jeruk", images: " ", price: " " },{ label: "Toko Bunga Kebumen", category: "Collection", url: "/collections/toko-bunga-kebumen", images: " ", price: " " },{ label: "Toko Bunga Kediri", category: "Collection", url: "/collections/toko-bunga-kediri", images: " ", price: " " },{ label: "Toko Bunga Kelapa Gading", category: "Collection", url: "/collections/toko-bunga-kelapa-gading", images: " ", price: " " },{ label: "Toko Bunga Kemayoran", category: "Collection", url: "/collections/toko-bunga-kemayoran", images: " ", price: " " },{ label: "Toko Bunga Kendal", category: "Collection", url: "/collections/toko-bunga-ken
18087dal", images: " ", price: " " },{ label: "Toko Bunga Kendari", category: "Collection", url: "/collections/toko-bunga-kendari", images: " ", price: " " },{ label: "Toko Bunga Ketapang", category: "Collection", url: "/collections/toko-bunga-ketapang", images: " ", price: " " },{ label: "Toko Bunga Klaten", category: "Collection", url: "/collections/toko-bunga-klaten", images: " ", price: " " },{ label: "Toko Bunga Klender", category: "Collection", url: "/collections/toko-bunga-klender", images: " ", price: " " },{ label: "Toko Bunga Kota Baru Yogyakarta", category: "Collection", url: "/collections/toko-bunga-kota-baru-yogyakarta", images: " ", price: " " },{ label: "Toko Bunga Kota Batu", category: "Collection", url: "/collections/toko-bunga-kota-batu", images: " ", price: " " },{ label: "Toko Bunga Kramat Jati", category: "Collection", url: "/collections/toko-bunga-kramat-jati", images: " ", price: " " },{ label: "Toko Bunga Kudus", category: "Collection", url: "/collections/toko-bunga-kudus", images: " ", price: " " },{ label: "Toko Bunga Kupang", category: "Collection", url: "/collections/toko-bunga-kupang", images: " ", price: " " },{ label: "Toko Bunga Lamongan", category: "Collection", url: "/collections/toko-bunga-lamongan", images: " ", price: " " },{ label: "Toko Bunga Langkat", category: "Collection", url: "/collections/toko-bunga-langkat", images: " ", price: " " },{ label: "Toko Bunga Lebak Bulus", category: "Collection", url: "/collections/toko-bunga-lebak-bulus", images: " ", price: " " },{ label: "Toko Bunga Lembang", category: "Collection", url: "/collections/toko-bunga-lembang", images: " ", price: " " },{ label: "Toko Bunga Lenteng Agung", category: "Collection", url: "/collections/toko-bunga-lenteng-agung", images: " ", price: " " },{ label: "Toko Bunga Lombok", category: "Collection", url: "/collections/toko-bunga-lombok", images: " ", price: " " },{ label: "Toko Bunga Lubuk Pakam", category: "Collection", url: "/collections/toko-bunga-lubuk-pakam", images: " ", price: " " },{ label: "Toko Bunga Lumajang", category: "Collection", url: "/collections/toko-bunga-lumajang", images: " ", price: " " },{ label: "Toko Bunga Madiun", category: "Collection", url: "/collections/toko-bunga-madiun", images: " ", price: " " },{ label: "Toko Bunga Magelang", category: "Collection", url: "/collections/toko-bunga-magelang", images: " ", price: " " },{ label: "Toko Bunga Majalengka", category: "Collection", url: "/collections/toko-bunga-majalengka", images: " ", price: " " },{ label: "Toko Bunga Makassar", category: "Collection", url: "/collections/toko-bunga-makassar", images: " ", price: " " },{ label: "Toko Bunga Malang", category: "Collection", url: "/collections/toko-bunga-malang", images: " ", price: " " },{ label: "Toko Bunga Manado", category: "Collection", url: "/collections/toko-bunga-manado", images: " ", price: " " },{ label: "Toko Bunga Mangga Besar", category: "Collection", url: "/collections/toko-bunga-mangga-besar", images: " ", price: " " },{ label: "Toko Bunga Manokwari", category: "Collection", url: "/collections/toko-bunga-manokwari", images: " ", price: " " },{ label: "Toko Bunga Maros", category: "Collection", url: "/collections/toko-bunga-maros", images: " ", price: " " },{ label: "Toko Bunga Mataram", category: "Collection", url: "/collections/toko-bunga-mataram", images: " ", price: " " },{ label: "Toko Bunga Medan", category: "Collection", url: "/collections/toko-bunga-medan", images: " ", price: " " },{ label: "Toko Bunga Mojokerto", category: "Collection", url: "/collections/toko-bunga-mojokerto", images: " ", price: " " },{ label: "Toko Bunga Nganjuk", category: "Collection", url: "/collections/toko-bunga-nganjuk", images: " ", price: " " },{ label: "Toko Bunga Ngawi", category: "Collection", url: "/collections/toko-bunga-ngawi", images: " ", price: " " },{ label: "Toko Bunga Nias", category: "Collection", url: "/collections/toko-bunga-nias", images: " ", price: " " },{ label: "Toko Bunga Nusa Tenggara", category: "Collection", url: "/collections/toko-bunga-nusa-tenggara", images: " ", price: " " },{ label: "Toko Bunga Padang", category: "Collection", url: "/collections/toko-bunga-padang", images: " ", price: " " },{ label: "Toko Bunga Palembang", category: "Collection", url: "/collections/toko-bunga-palembang", images: " ", price: " " },{ label: "Toko Bunga Palu", category: "Collection", url: "/collections/toko-bunga-palu", images: " ", price: " " },{ label: "Toko Bunga Pangkal Pinang", category: "Collection", url: "/collections/toko-bunga-pangkal-pinang", images: " ", price: " " },{ label: "Toko Bunga Papua", category: "Collection", url: "/collections/toko-bunga-papua", images: " ", price: " " },{ label: "Toko Bunga Parepare", category: "Collection", url: "/collections/toko-bunga-parepare", images: " ", price: " " },{ label: "Toko Bunga Pasar Baru", category: "Collection", url: "/collections/toko-bunga-pasar-baru", images: " ", price: " " },{ label: "Toko Bunga Pasar Minggu", category: "Collection", url: "/collections/toko-bunga-pasar-minggu", images: " ", price: " " },{ label: "Toko Bunga Pasar Rebo", category: "Collection", url: "/collections/toko-bunga-pasar-rebo", images: " ", price: " " },{ label: "Toko Bunga Pasuruan", category: "Collection", url: "/collections/toko-bunga-pasuruan", images: " ", price: " " },{ label: "Toko Bunga Pati", category: "Collection", url: "/collections/toko-bunga-pati", images: " ", price: " " },{ label: "Toko Bunga Pekalongan", category: "Collection", url: "/collections/toko-bunga-pekalongan", images: " ", price: " " },{ label: "Toko Bunga Pekanbaru", category: "Collection", url: "/collections/toko-bunga-pekanbaru", images: " ", price: " " },{ label: "Toko Bunga Pemalang", category: "Collection", url: "/collections/toko-bunga-pemalang", images: " ", price: " " }, 18088 { label: "grand salutation jabodetabek", category: "Produk", url: "/products/grand-salutation", images: "//outerbloom.com/cdn/shop/files/JKTCON1005_Grand-Salutation-Jabodetabek-WM_thumb.jpg?v=1703241523", price: "Rp 435.000" },{ label: "consolantibus jabodetabek", category: "Produk", url: "/products/consolantibus", images: "//outerbloom.com/cdn/shop/files/JKTDUK1011_Consolantibus-Jabodetabek-WM_thumb.jpg?v=1703239823", price: "Rp 435.000" },{ label: "classic midnight hand bouquet fiery red", category: "Produk", url: "/products/the-classic-midnight-hand-bouquet-fiery-red", images: "//outerbloom.com/cdn/shop/files/OBVBUN1422_Classic-Midnight-Hand-Bouquet---Fiery-Red-large_thumb.jpg?v=1757302521", price: "Rp 385.000" },{ label: "enchanted dome passionate red", category: "Produk", url: "/products/enchanted-dome-passionate-red", images: "//outerbloom.com/cdn/shop/files/Enchanted-dome-red-new-box_3_2_26c081bf-f2a5-42b4-9ce4-3c0304c498e5_thumb.jpg?v=1712639476", price: "Rp 1.435.000" },{ label: "endearing ruby", category: "Produk", url: "/products/endearing-ruby", images: "//outerbloom.com/cdn/shop/products/OUTSTF1003_Endearing-Ruby_thumb.jpg?v=1631296611", price: "Rp 585.000" },{ label: "gentle soul jabodetabek", category: "Produk", url: "/products/gentle-soul-jabodetabek", images: "//outerbloom.com/cdn/shop/files/JKTDUK1030_Gentle-Soul-Jabodetabek-WM_thumb.jpg?v=1703239894", price: "Rp 435.000" },{ label: "belleza jabodetabek", category: "Produk", url: "/products/belleza", images: "//outerbloom.com/cdn/shop/files/Belleza-Jabodetabek-LED_aecb756a-0737-45cc-8bfb-008515ca0a37_thumb.gif?v=1759229680", price: "Rp 435.000" }
18088,{ label: "majestic pink roses with baby breath bouquet", category: "Produk", url: "/products/majestic-pink-roses-with-baby-breath-bouquet", images: "//outerbloom.com/cdn/shop/products/ef4a3be9-c938-4c70-98ac-4873e7da82bf_90820a66-923a-463d-a464-81bcbe6e6644_thumb.jpg?v=1581413440", price: "Rp 485.000" },{ label: "sentiments jabodetabek", category: "Produk", url: "/products/sentiments", images: "//outerbloom.com/cdn/shop/files/Sentiments-Jabodetabek-WM_thumb.jpg?v=1759224099", price: "Rp 485.000" },{ label: "rose poetry bouquet", category: "Produk", url: "/products/rose-poetry-bouquet", images: "//outerbloom.com/cdn/shop/products/Rose-Poetry-Bouquet-20-tangkai_thumb.jpg?v=1675151039", price: "Rp 385.000" },{ label: "genuine feeling", category: "Produk", url: "/products/genuine-feeling", images: "//outerbloom.com/cdn/shop/products/OUTSTF1004Genuine-Feeling_981ade89-af27-433e-81aa-8d76175a0e4d_thumb.jpg?v=1612352389", price: "Rp 585.000" },{ label: "eternal fidelity jabodetabek", category: "Produk", url: "/products/eternal-fidelity-jabodetabek", images: "//outerbloom.com/cdn/shop/products/0b89df45-dcc1-4876-820e-61b2243a1945_964e211d-2972-46c9-8593-976210929089_thumb.jpg?v=1590491458", price: "Rp 435.000" },{ label: "rosabelle hand bouquet", category: "Produk", url: "/products/rosabelle-hand-bouquet", images: "//outerbloom.com/cdn/shop/files/OBVBUN1429_Rosabelle-Hand-Bouquet-Medium_thumb.jpg?v=1756971848", price: "Rp 385.000" },{ label: "dreaming in pink luxury in vase", category: "Produk", url: "/products/dreaming-in-pink-luxury-in-vase", images: "//outerbloom.com/cdn/shop/products/OBVBUN1051_Dreaming-In-Pink-Luxury-In-Vase_3_thumb.jpg?v=1614594504", price: "Rp 735.000" },{ label: "excito jabodetabek", category: "Produk", url: "/products/excito", images: "//outerbloom.com/cdn/shop/files/JKTCON1010_Excito-Jabodetabek-2023_thumb.gif?v=1717494677", price: "Rp 485.000" },{ label: "golden toast jabodetabek", category: "Produk", url: "/products/golden-toast", images: "//outerbloom.com/cdn/shop/products/LED-GoldenToast_thumb.gif?v=1579249585", price: "Rp 485.000" },{ label: "spirit of eminance jabodetabek", category: "Produk", url: "/products/spirit-of-eminance-jabodetabek", images: "//outerbloom.com/cdn/shop/files/JKTCON1026_Spirit-of-Eminance-Jabodetabek-newest-WM_thumb.jpg?v=1693297526", price: "Rp 485.000" },{ label: "white elysian bloom box", category: "Produk", url: "/products/white-elysian-bloom-box", images: "//outerbloom.com/cdn/shop/files/OBVBUN1704_White-Elysian-Bloom-Box_thumb.jpg?v=1757328247", price: "Rp 685.000" },{ label: "charming forevermore jabodetabek", category: "Produk", url: "/products/charming-forevermore-jabodetabek", images: "//outerbloom.com/cdn/shop/files/JKTWED1036_Charming-Forevermore-Jabodetabek-WM_thumb.jpg?v=1703239534", price: "Rp 485.000" },{ label: "moment of glory jabodetabek", category: "Produk", url: "/products/moment-of-glory-jabodetabek", images: "//outerbloom.com/cdn/shop/products/JKTCON1051_Moment-of-Glory-Jabodetabek_2_thumb.jpg?v=1596614663", price: "Rp 385.000" },{ label: "sweet romance jabodetabek", category: "Produk", url: "/products/sweet-romance", images: "//outerbloom.com/cdn/shop/products/JKTWED1005_Sweet-Romance-Jabodetabek_thumb.gif?v=1677134791", price: "Rp 635.000" },{ label: "with love bouquet", category: "Produk", url: "/products/with-love-bouquet", images: "//outerbloom.com/cdn/shop/products/c5d6fed6-8ada-4c38-ae0f-36d395aacb19_613f78f0-d52c-443b-9e13-63a151cd8ec5_thumb.jpg?v=1590748429", price: "Rp 535.000" },{ label: "sunflower yellow and with white daisies in vase", category: "Produk", url: "/products/sunflower-yellow-roses-with-white-and-yellow-daisies-in-a-glass-vase", images: "//outerbloom.com/cdn/shop/files/OBVBUN1132_Sunflower-Yellow-And-With-White-Daisies-in-Vase_thumb.jpg?v=1757930628", price: "Rp 435.000" },{ label: "everlasting peace jabodetabek", category: "Produk", url: "/products/everlasting-peace-jabodetabek", images: "//outerbloom.com/cdn/shop/products/JKTDUK1034_Everlasting-Peace-Jabodetabek_2_thumb.jpg?v=1596614613", price: "Rp 385.000" },{ label: "astoria passionate red", category: "Produk", url: "/products/astoria-passionate-red", images: "//outerbloom.com/cdn/shop/products/Astoria-passionate-red_b59b26f6-c39d-46d3-adcb-262c675bb16f_thumb.jpg?v=1633502742", price: "Rp 685.000" },{ label: "classic purple orchid majesty in vase", category: "Produk", url: "/products/classic-purple-orchid-majesty-in-vase", images: "//outerbloom.com/cdn/shop/products/Classic-Purple-Orchid-Majesty-in-Vase---White---4-Tangkai_40a5e337-283f-40f5-911c-5df9b506b9da_thumb.jpg?v=1639981404", price: "Rp 435.000" },{ label: "passion rouge bloom box", category: "Produk", url: "/products/passion-rouge-bloom-box", images: "//outerbloom.com/cdn/shop/files/OBVBUN1725_Passion-Rouge-Bloom-Box_thumb.jpg?v=1756972410", price: "Rp 385.000" },{ label: "classic white orchid majesty in vase", category: "Produk", url: "/products/classic-white-orchid-majesty-in-vase", images: "//outerbloom.com/cdn/shop/products/Classic-white-Orchid-Majesty-in-Vase---white---4-Tangkai_thumb.jpg?v=1644205542", price: "Rp 435.000" }
18088,{ label: "majestic red romance bouquet", category: "Produk", url: "/products/majestic-red-romance-bouquet", images: "//outerbloom.com/cdn/shop/files/OBVBUN1357_Majestic-red-Romance-Bouquet_99b8ba96-0e67-4eef-a00e-b2daedcddb6a_thumb.jpg?v=1757390540", price: "Rp 435.000" },{ label: "sincerely", category: "Produk", url: "/products/sincerely", images: "//outerbloom.com/cdn/shop/files/Sincerely-WM_thumb.jpg?v=1688354677", price: "Rp 585.000" },{ label: "happy days jabodetabek", category: "Produk", url: "/products/happy-days-jabodetabek", images: "//outerbloom.com/cdn/shop/files/Happy-Days-Jabodetabek_WM_thumb.jpg?v=1759224026", price: "Rp 485.000" },{ label: "solemn comfort jabodetabek", category: "Produk", url: "/products/solemn-comfort-jabodetabek", images: "//outerbloom.com/cdn/shop/products/7fe123d8-6bb2-4c0d-bd4c-f8c3032823f2_6b9c33b6-4a23-41cb-8709-fc9223fe096a_thumb.png?v=1590662086", price: "Rp 635.000" },{ label: "big dreams jabodetabek", category: "Produk", url: "/products/big-dreams", images: "//outerbloom.com/cdn/shop/files/JKTCON1002_Big-Dreams-Jabodetabek_thumb.gif?v=1717494603", price: "Rp 485.000" },{ label: "signature ramadan deluxe hampers", category: "Produk", url: "/products/outerbloom-signature-ramadhan-deluxe-hampers", images: "//outerbloom.com/cdn/shop/files/Signature-Deluxe-Hampers_thumb.jpg?v=1739242254", price: "Rp 985.000" },{ label: "amorous amos jabodetabek", category: "Produk", url: "/products/amorous-amos-jabodetabek", images: "//outerbloom.com/cdn/shop/files/Amorous-Amos-Jabodetabek-WM_thumb.jpg?v=1759224071", price: "Rp 485.000" },{ label: "pink darling bouquet", category: "Produk", url: "/products/pink-darling-bouquet", images: "//outerbloom.com/cdn/shop/products/Pink-Darling-Bouquet_thumb.jpg?v=1669969725", price: "Rp 485.000" },{ label: "black pink bouquet", category: "Produk", url: "/products/black-pink-bouquet", images: "//outerbloom.com/cdn/shop/files/Black-Pink-Bouquet_thumb.jpg?v=1756434063", price: "Rp 485.000" },{ label: "profound happiness jabodetabek", category: "Produk", url: "/products/profound-happiness-jabodetabek", images: "//outerbloom.com/cdn/shop/files/profound-happiness_thumb.gif?v=1689940309", price: "Rp 635.000" },{ label: "healing trove", category: "Produk", url: "/products/healing-trove", images: "//outerbloom.com/cdn/shop/products/2ef5379f-27a6-41ba-85c7-c65cf3ec3f08_thumb.jpg?v=1571471845", price: "Rp 485.000" },{ label: "sincerity solace", category: "Produk", url: "/products/sincerity-solace", images: "//outerbloom.com/cdn/shop/products/OUTSTF1038_sincerity-solace-WM_thumb.jpg?v=1612352477", price: "Rp 485.000" },{ label: "bellarosa bloom box", category: "Produk", url: "/products/bellarosa-bloom-box", images: "//outerbloom.com/cdn/shop/files/OBVBUN1783_Bellarosa-Bloom-Box_c0000424-411c-48ed-abf4-0de7d925ea53_thumb.jpg?v=1757316757", price: "Rp 785.000" } 18089 ]; 18090 18091 18092 $( ".header-input-search" ).catcomplete({ 18093 appendTo: ".searchResult",source: function(request, response) { 18094 var results = $.ui.autocomplete.filter(data, request.term); 18095 var predicate = function () { 18096 var counter = { Collection: 0, Produk: 0 }; 18097 var fn = function(item) {counter[item.category] += 1;return (counter[item.category] <= 5);} 18098 return fn 18099 }(); 18100 response(results.filter(predicate)); 18101 }, 18102 minLength:1, 18103 //results are clickable 18104 select: function( event, ui ) {window.location = ui.item.url;} 18105 }); 18106 $( ".header-input-search2" ).catcomplete({ 18107 appendTo: ".searchResult2", 18108 source: function(request, response) { 18109 var results = $.ui.autocomplete.filter(data, request.term); 18110 var predicate = function () { 18111 var counter = { Collection: 0, Produk: 0 }; 18112 var fn = function(item) { 18113 counter[item.category] += 1; 18114 return (counter[item.category] <= 5); 18115 } 18116 return fn 18117 }(); 18118 response(results.filter(predicate)); 18119 }, 18120 minLength:1, 18121 //results are clickable 18122 select: function( event, ui ) { 18123 window.location = ui.item.url; 18124 } 18125 });
18126 }); 18127 </script>
18127 18128 18129
18129<script src="//outerbloom.com/cdn/shop/t/138/assets/vendors.js?v=6349622868601634021752652419" defer></script>
18129 18130
18130<script src="//outerbloom.com/cdn/shop/t/138/assets/app.js?v=136050180318808583701752652452" defer></script>
18130 18131 18132
18132<script> 18133 ( function() { 18134 var youtube = document.querySelectorAll( ".youtube" ); 18135 for (var i = 0; i < youtube.length; i++) { 18136 var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault_1x.jpg"; 18137 var datasource = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg"; 18138 var image = new Image(); 18139 image.src = source; 18140 image.setAttribute("data-src", datasource); 18141 image.classList.add("swiper-lazy"); 18142 image.addEventListener( "load", function() { 18143 youtube[ i ].appendChild( image ); 18144 }( i ) ); 18145 youtube[i].addEventListener( "click", function() { 18146 var iframe = document.createElement( "iframe" ); 18147 iframe.setAttribute( "width", "480" ); 18148 iframe.setAttribute( "height", "480" ); 18149 iframe.setAttribute( "frameborder", "0" ); 18150 iframe.setAttribute( "allowfullscreen", "" ); 18151 iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" ); 18152 this.innerHTML = ""; 18153 this.appendChild( iframe ); 18154 } ); 18155 }; 18156 18157 } )(); 18158 18159 /* Lazy Load */ 18160 const mainLazyLoad = new LazyLoad({threshold:400}); 18161 $(document).ready(function(){ 18162 18163 $("selectxxx").addClass("needsclick"); 18164 FastClick.attach(document.body); 18165 18166 var $customSelects = $('.select-search'); 18167 $customSelects.select2({ 18168 templateResult: function(result, container) { 18169 if (!result.id) { 18170 return result.text; 18171 } 18172 container.className += ' needsclick'; 18173 return result.text; 18174 } 18175 }); 18176 $customSelects.each(function(index, el){$(el).data('select2').$container.find('*').addClass('needsclick');}); 18177 $(document).on('select2:open', () => { 18178 document.querySelector('.select2-search__field').focus(); 18179 }); 18180 18181 18182 $(".overlay").click(function(){ 18183 $(".js-drawer-close").click(); 18184 }); 18185 $(".site-nav--mobile .js-drawer-open-left, #NavDrawer .icon-close, .overlay-nav").click(function(){ 18186 $("html").toggleClass("nav_open"); 18187 }); 18188 18189 $('.swatch-element label').on('click', function(){ 18190 var srcImg = $(this).data('src'); 18191 $('#thumb-image-product .product-single__thumbnail').each(function(){ 18192 if ($(this).attr("href") == srcImg) { 18193 $(this).trigger('click'); 18194 } 18195 }); 18196 }); 18197 var defaultValue = $(".swatch input:checked").val() 18198 18199 $('#purchaseProduct .swatch [type=radio]').change(function() { 18200 var optionIndex = $(this).closest('.swatch').attr('data-option-index'); 18201 var optionValue = $(this).val(); 18202 console.log(optionIndex, optionValue) 18203 var value = parseInt(optionValue.split(' ')[0]) 18204 $(this) 18205 .closest('#purchaseProduct') 18206 .find('.single-option-selector') 18207 .eq(optionIndex) 18208 .val(optionValue) 18209 .trigger('change'); 18210 18211 }); 18212 18213 }); 18214 $(document).ready(function(){ 18215 $(".nav-search a").click(function(e){ 18216 e.preventDefault(); 18217 $(".icon-navsearch").toggle(); 18218 $(".icon-navclose").toggle(); 18219 $(".site-nav__item > .site-nav__link").toggle(); 18220 $(".open-search").toggle(); 18221 $(".open-search input").focus(); 18222 }); 18223 $(".best-price-guarantee").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/logo-best-price-guarantee-grid_75x.png?v=72489032173169839651752652420' alt='Logo Best Price Guarantee'>"); 18224 if ($(window).width() < 768) { 18225 $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_75x.png?v=82732945490105366961752652419' alt='Icon Valentine'>"); 18226 $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_45x.png?v=101884295148001743851752652418' alt='Icon CNY'>"); 18227 $(".bg-products .label-tag.free-valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/free-valentine_150x.png?v=171641187769238175351752652421' alt='Icon Free Valentine'>"); 18228 } else { 18229 $(".bg-products .label-tag.valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-valentine_60x.png?v=82732945490105366961752652419' alt='Icon Valentine'>"); 18230 $(".bg-products .label-tag.cny").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/icon-cny_60x.png?v=101884295148001743851752652418' alt='Icon CNY'>"); 18231 $(".bg-products .label-tag.free-valentine").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/free-valentine_200x.png?v=171641187769238175351752652421' alt='Icon Free Valentine'>"); 18232 } 18233 $(".bg-products .label-tag.free-cookies").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/free-cookies_80x.png?51468' alt='Icon Free Cookies'>"); 18234 $(".bg-products .label-tag.mothersday").html("<img src='//outerbloom.com/cdn/shop/t/138/assets/mothers-day_70x.png?v=171373711354766377891752652419' alt='Icon Mothers day'>"); 18235 });
18236 </script>
18236 18237 18238 18239 18240 18241 18242 18243 18244
18244<script type="text/javascript"> 18245 var wishlistpage = 0; 18246 18247 var quickShop_money_format="<span class='money'>"+"Rp {{amount_no_decimals}}"+"</span>"; 18248 </script>
18248 18249 18250 <!-- Remove duplicate wishlist.js reference --> 18251 <style> 18252 .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.fade.in{opacity:1}.modal-open .modal{overflow-x:hidden;overflow-y:auto;z-index:999999;background-color:rgba(0,0,0,.3)}.modal-dialog{position:relative;width:auto;margin:10px}.wishlist-model .modal-dialog{width:700px}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.wishlist-model .modal-content{}.wishlist-model .modal-header{min-height:0;padding:0;border-bottom:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #121212;filter:alpha(opacity=20);opacity:.2}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-header .close{margin-top:-2px}.wishlist-model .close{position:absolute;top:-10px;right:-10px;background:#fff;opacity:1;width:30px;height:30px;font-size:15px;border-radius:50%;z-index:10;box-shadow:0 1px 4px 0 #121212}.wishlist-model .close .icon-close{width:25px;height:25px}.modal-body{position:relative;padding:15px}.wishlist-model .modal-body{padding:0 30px;display:flex}.wishlist-model .wishlist-left{width:66.67%;border-right:1px solid #ccc;padding:30px 0}.wishlist-model .wishlist-note{position:relative;display:inline-block;margin-bottom:20px;margin-left:35px;border-bottom:1px solid #121212;color:#121212}.wishlist-model .wishlist-note a{color: #ffffff;}.wishlist-model .wishlist-note .cirle{position:absolute;top:-4px;left:-35px;width:25px;height:25px;color:#fff;background:#121212;line-height:25px;border-radius:50%;text-align:center}.wishlist-model .wishlist-note svg{fill:#fff}.wishlist-model .wishlist-note .cirle .icon-check{vertical-align:middle}.wishlist-model .product-left{width:33.33%;float:left;margin-right:30px}.wishlist-model .wishlist-image{overflow:hidden}.wishlist-model .wishlist-image img{transition:all .3s linear}.wishlist-model .wishlist-name{padding:0;margin-bottom:10px}.wishlist-model .wishlist-name a{color: #ffffff;}.wishlist-model .wishlist-price{margin-bottom:10px}.wishlist-model .wishlist-price .price{font-weight:700;margin-right:10px;font-size:15px}.wishlist-model .wishlist-price .price_compare{color:#ccc}.wishlist-model .wishlist-right{width:33.33%;padding:30px 0;padding-left:30px}.wishlist-model .btn-quick-shop{width:100%;border-color:#121212;background:#fff;color:#121212;padding:0 30px;transition:all .2s linear;height:36px;margin-bottom:10px;text-transform:uppercase}.wishlist-model .btn-cta{width:100%;font-size:1em;border-color:#ffffff;background:#ffffff;color:#fff;padding:0;transition:all .2s linear;height:36px;line-height:36px;margin-bottom:10px}.wishlist-model .quantity-content{text-align:center}.wishlist-model .quantity-content input{outline:none;text-align:center;font-weight:600;border:1px solid #121212}.wishlist-model .quantity-content button{border-color:#121212}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}} 18253 </style> 18254 18255 <div class="modal fade" id="modalwishlist0" tabindex="-1" role="dialog"> 18256 <div class="modal-dialog" role="document"> 18257 <div class="modal-content"> 18258 <div class="modal-body">Your Wishlist is empty!</div> 18259 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 18260 </div> 18261 </div> 18262 </div> 18263 18264 <div class="wishlist-model"> 18265 <div class="modal fade" id="modalwishlist1" tabindex="-1" role="dialog" aria-hidden="true"> 18266 <div class="modal-dialog white-modal"> 18267 <div class="modal-content"> 18268 <div class="modal-header"> 18269 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 18270 <svg class="icon icon-close" version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32"> 18271 <title>icon-close</title> 18272 <path d="M16.943 16l8.862 8.862c0.26 0.26 0.26 0.682 0 0.943s-0.682 0.26-0.943 0l-8.862-8.862-8.862 8.862c-0.26 0.26-0.682 0.26-0.943 0s-0.26-0.682 0-0.943l8.862-8.862-8.862-8.862c-0.26-0.26-0.26-0.682 0-0.943s0.682-0.26 0.943 0l8.862 8.862 8.862-8.862c0.26-0.26 0.682-0.26 0.943 0s0.26 0.682 0 0.943l-8.862 8.862z"></path> 18273 </svg> 18274 </button> 18275 </div> 18276 <div class="modal-body"> 18277 <div class="wishlist-left"> 18278 <div class="wishlist-note">
18279 <span class="cirle"><svg version="1.1" xmlns="https://carikapal.link/img/logo-2line.png" width="32" height="32" viewBox="0 0 32 32"> 18280 <title>icon-check</title> 18281 <path d="M12 21.766l14.218-12.926c0.272-0.248 0.694-0.228 0.942 0.045s0.228 0.694-0.045 0.942l-14.667 13.333c-0.254 0.231-0.643 0.231-0.897 0l-6.667-6.061c-0.272-0.248-0.293-0.669-0.045-0.942s0.669-0.293 0.942-0.045l6.218 5.653z"></path> 18282 </svg></span> 18283 Product added to <a href="/pages/wish-list">Wishlist</a> 18284 </div> 18285 <div class="wishlist-product"> 18286 <div class="product-left"> 18287 <div class="wishlist-image"></div> 18288 </div> 18289 <div class="product-right"> 18290 <div class="wishlist-name"></div> 18291 <div class="wishlist-price"></div> 18292 </div> 18293 </div> 18294 </div> 18295 <div class="wishlist-right"> 18296 <div class="wishlist-cart"> 18297 <form action="/cart/add" method="post" class="variants-form variants" id="AddToCartForm" enctype="multipart/form-data"> 18298 <div class="others-bottom"> 18299 <a class="btn btn-quick-shop" href="/pages/wish-list">View Wishlist</a> 18300 <button type="submit" name="add" id="AddToCart" class="btn btn-cta"> 18301 <span id="AddToCartText" class="">Beli Sekarang</span> 18302 </button> 18303 </div> 18304 <div id="wishlist-variants-container" class="variants-wrapper"></div> 18305 <div class="quantity-content"> 18306 <label>QTY</label> 18307 <input type="number" size="5" class="" name="quantity" value="1" /> 18308 </div> 18309 </form> 18310 </div> 18311 </div> 18312 </div> 18313 </div> 18314 </div> 18315 </div> 18316 </div> 18317 18318 18319 <style> 18320 .stamped-badge[data-rating="0.0"]{display: none !Important;} 18321 18322 div[data-load-type="continue"] ul.stamped-pagination li.next a, div[data-widget-load-type="continue"] ul.stamped-pagination li.next a { 18323 border-radius: 0px; 18324 } 18325 .stamped-review-body { 18326 padding-left: 0px !important; 18327 } 18328 #product-reviews .stamped-header:after { 18329 display:none !Important; 18330 } 18331 #stamped-main-widget .stamped-container, .stamped-badge-caption,#stamped-reviews-widget { 18332 font-family:inherit !important; 18333 } 18334 </style> 18335 18336 18337 18338 <div id='stamped-rewards-init' class='stamped-rewards-init' 18339 data-key-public='' 18340 18341 ></div> 18342 18343
18343<script src="//outerbloom.com/cdn/shop/t/138/assets/variant-sku-handler.js?v=91239063692820757781752652418" defer></script>
18343 18344 <!-- Remove duplicate jQuery reference and load wishlist script properly --> 18345
18345<script src="//outerbloom.com/cdn/shop/t/138/assets/wishlist-fixed.js?v=35991423018869066281754360012" defer></script>
18345 18346 18347
18347<script> 18348 function myInit(){ StampedFn.init({ apiKey: 'pubkey-hCS8DHE9QbBHhHN89WXFkuJ0Y3422D', sId: '23462' }); } 18349 </script>
18349 18350
18350<script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script>
18350<style> 18351 .jss59 { 18352 background-color: rgba(0, 0, 0, 0.6); 18353 } 18354 .MuiBackdrop-root { 18355 top: 0; 18356 left: 0; 18357 right: 0; 18358 bottom: 0; 18359 display: flex; 18360 z-index: -1; 18361 position: fixed; 18362 align-items: center; 18363 justify-content: center; 18364 background-color: rgba(0, 0, 0, 0.5); 18365 -webkit-tap-highlight-color: #000000; 18366 } 18367 .MuiDialog-scrollPaper { 18368 display: flex; 18369 align-items: center; 18370 justify-content: center; 18371 } 18372 .MuiDialog-container { 18373 height: 100%; 18374 outline: 0; 18375 } 18376 .MuiPaper-elevation24 { 18377 box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12); 18378 } 18379 .MuiDialog-paper { 18380 margin: 32px; 18381 position: relative; 18382 overflow-y: auto; 18383 } 18384 .MuiDialog-paperScrollPaper { 18385 display: flex; 18386 max-height: calc(100% - 64px); 18387 flex-direction: column; 18388 } 18389 .MuiDialog-paperWidthSm { 18390 max-width: 600px; 18391 } 18392 #location-lock-dialog { 18393 top: 20%; 18394 left: 0; 18395 right: 0; 18396 width: 30%; 18397 margin: 0px auto; 18398 display: block; 18399 padding: 30px; 18400 z-index: 99999; 18401 position: fixed; 18402 font-size: 14px; 18403 background: rgb(0, 0, 0); 18404 box-shadow: rgba(11, 11, 12, 0.2) 2px 4px 5px 0px; 18405 text-align: center; 18406 font-family: Roboto, Arial, sans-serif; 18407 line-height: 1; 18408 border-radius: 8px; 18409 -webkit-font-smoothing: subpixel-antialiased; 18410 } 18411 .MuiButtonBase-root { 18412 color: inherit; 18413 border: 0; 18414 cursor: pointer; 18415 margin: 0; 18416 display: inline-flex; 18417 outline: 0; 18418 padding: 0; 18419 position: relative; 18420 align-items: center; 18421 user-select: none; 18422 border-radius: 0; 18423 vertical-align: middle; 18424 -moz-appearance: none; 18425 justify-content: center; 18426 text-decoration: none; 18427 background-color: #000000; 18428 -webkit-appearance: none; 18429 -webkit-tap-highlight-color: #000000; 18430 } 18431 .MuiIconButton-root { 18432 flex: 0 0 auto; 18433 color: rgba(0, 0, 0, 0.54); 18434 padding: 12px; 18435 overflow: visible; 18436 font-size: 1.5rem; 18437 text-align: center; 18438 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18439 border-radius: 50%; 18440 } 18441 .MuiIconButton-label { 18442 width: 100%; 18443 display: flex; 18444 align-items: inherit; 18445 justify-content: inherit; 18446 } 18447 .MuiSvgIcon-root { 18448 fill: currentColor; 18449 width: 1em; 18450 height: 1em; 18451 display: inline-block; 18452 font-size: 1.5rem; 18453 transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18454 flex-shrink: 0; 18455 user-select: none; 18456 } 18457 .MuiTouchRipple-root { 18458 top: 0; 18459 left: 0; 18460 right: 0; 18461 bottom: 0; 18462 z-index: 0; 18463 overflow: hidden; 18464 position: absolute; 18465 border-radius: inherit; 18466 pointer-events: none; 18467 } 18468 .jss36 { 18469 color: #222222; 18470 font-size: 24px; 18471 font-family: Roboto, Arial, sans-serif; 18472 font-weight: 500; 18473 } 18474 .jss37 { 18475 color: #555555; 18476 padding: 10px 0px 0px; 18477 font-size: 14px; 18478 } 18479 .MuiFormGroup-root { 18480 display: flex; 18481 flex-wrap: wrap; 18482 flex-direction: column; 18483 } 18484 .MuiFormGroup-row { 18485 flex-direction: row; 18486 } 18487 .jss63 { 18488 width: 85%; 18489 margin: 15px auto; 18490 display: flex; 18491 padding: 11px 0px 0px; 18492 justify-content: space-evenly; 18493 } 18494 .MuiFormControlLabel-root { 18495 cursor: pointer; 18496 display: inline-flex; 18497 align-items: center; 18498 margin-left: -11px; 18499 margin-right: 16px; 18500 vertical-align: middle; 18501 -webkit-tap-highlight-color: #000000; 18502 } 18503 .jss70 { 18504 margin: 0; 18505 } 18506 .MuiButtonBase-root { 18507 color: inherit; 18508 border: 0; 18509 cursor: pointer; 18510 margin: 0; 18511 display: inline-flex; 18512 outline: 0; 18513 padding: 0; 18514 position: relative; 18515 align-items: center; 18516 user-select: none; 18517 border-radius: 0; 18518 vertical-align: middle; 18519 -moz-appearance: none; 18520 justify-content: center; 18521 text-decoration: none; 18522 background-color: #000000; 18523 -webkit-appearance: none; 18524 -webkit-tap-highlight-color: #000000; 18525 } 18526 .MuiIconButton-root { 18527 flex: 0 0 auto; 18528 color: rgba(0, 0, 0, 0.54); 18529 padding: 12px; 18530 overflow: visible; 18531 font-size: 1.5rem; 18532 text-align: center; 18533 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18534 border-radius: 50%; 18535 } 18536 .MuiIconButton-colorSecondary { 18537 color: #f50057; 18538 } 18539 .jss71 { 18540 padding: 9px; 18541 } 18542 .MuiRadio-root { 18543 color: rgba(0, 0, 0, 0.54); 18544 } 18545 .jss64 { 18546 padding: 2px; 18547 } 18548 .MuiRadio-colorSecondary.Mui-checked { 18549 color: #f50057; 18550 } 18551 .MuiIconButton-label { 18552 width: 100%; 18553 display: flex; 18554 align-items: inherit; 18555 justify-content: inherit; 18556 } 18557 .MuiTypography-root { 18558 margin: 0; 18559 } 18560 .MuiTypography-body1 { 18561 font-size: 18px; 18562 font-family: Roboto,sans-serif; 18563 font-weight: 400; 18564 line-height: 1.5; 18565 } 18566 .location-popup_area-block__sp9Ws { 18567 display: -moz-box; 18568 display: flex; 18569 -moz-box-orient: vertical; 18570 -moz-box-direction: normal; 18571 flex-direction: column; 18572 -moz-box-pack: center; 18573 justify-content: center; 18574 position: relative; 18575 margin: 10px 10% 0;
18576 } 18577 .location-popup_pin-search-box__3l5mJ { 18578 width: 100%; 18579 display: -moz-box; 18580 display: flex; 18581 -moz-box-align: center; 18582 align-items: center; 18583 } 18584 .location-popup_place-icon-city__1XAX5, .location-popup_place-icon__jSG0Q { 18585 position: absolute; 18586 z-index: 999; 18587 } 18588 .location-popup_place-icon__jSG0Q { 18589 color: #ffffff; 18590 padding-left: 8px; 18591 } 18592 .location-popup_place-icon__jSG0Q svg { 18593 width: 18px; 18594 height: 18px; 18595 } 18596 .location-popup_cancel-icon__FHujU { 18597 color: #fff; 18598 right: 10px; 18599 width: 16px; 18600 cursor: pointer; 18601 height: 16px; 18602 display: none; 18603 padding: 5px; 18604 position: absolute; 18605 background: #999; 18606 text-align: center; 18607 border-radius: 50%; 18608 } 18609 .location-popup_pin-search-box__3l5mJ>div>select { 18610 /* -webkit-box-shadow: 0 0 10px #ffffff; 18611 box-shadow: 0 0 10px #ffffff; */ 18612 text-transform: capitalize; 18613 border: 1px solid #ffffff; 18614 color: #ffffff; 18615 width: 100%; 18616 margin: 0; 18617 display: -moz-box; 18618 display: flex; 18619 padding: 0 30px; 18620 -webkit-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite; 18621 -moz-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite; 18622 animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite; 18623 font-size: 16px; 18624 border-radius: 4px; 18625 height: 44px; 18626 moz-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite; 18627 webkit-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite; 18628 } 18629 .MuiButtonBase-root { 18630 color: inherit; 18631 border: 0; 18632 cursor: pointer; 18633 margin: 0; 18634 display: inline-flex; 18635 outline: 0; 18636 padding: 0; 18637 position: relative; 18638 align-items: center; 18639 user-select: none; 18640 border-radius: 0; 18641 vertical-align: middle; 18642 -moz-appearance: none; 18643 justify-content: center; 18644 text-decoration: none; 18645 background-color: #000000; 18646 -webkit-appearance: none; 18647 -webkit-tap-highlight-color: #000000; 18648 } 18649 .MuiButton-root { 18650 color: rgba(0, 0, 0, 0.87); 18651 padding: 6px 16px; 18652 font-size: 0.875rem; 18653 min-width: 64px; 18654 box-sizing: border-box; 18655 transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18656 font-family: Roboto,sans-serif; 18657 font-weight: 500; 18658 line-height: 1.75; 18659 border-radius: 4px; 18660 text-transform: uppercase; 18661 } 18662 .MuiButton-contained { 18663 color: rgba(0, 0, 0, 0.87); 18664 box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12); 18665 background-color: #e0e0e0; 18666 } 18667 .MuiButtonBase-root.Mui-disabled { 18668 cursor: default; 18669 pointer-events: none; 18670 } 18671 .MuiButton-label { 18672 width: 100%; 18673 display: inherit; 18674 align-items: inherit; 18675 justify-content: inherit; 18676 } 18677 .cartButton_login_content__2j1f7 { 18678 display: -moz-box; 18679 display: flex; 18680 text-align: center; 18681 z-index: 9; 18682 font-size: 18px; 18683 font-weight: 500; 18684 color: #fff; 18685 } 18686 18687 .jss35 { 18688 top: 5px; 18689 right: 5px; 18690 padding: 4px; 18691 position: absolute; 18692 border-radius: 50%; 18693 } 18694 .jss67 { 18695 cursor: pointer; 18696 font-size: 15px; 18697 line-height: 1.3; 18698 padding-left: 5px; 18699 } 18700 .jss69 { 18701 color: #222222; 18702 } 18703 .jss80 { 18704 color: #fff; 18705 width: 100%; 18706 height: 52px; 18707 padding: 11px 16px; 18708 font-size: 18px; 18709 min-width: 88px; 18710 min-height: 36px; 18711 transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 18712 font-weight: 500; 18713 line-weight: 1em; 18714 border-radius: 4px; 18715 text-transform: uppercase; 18716 background-color: #E87325; 18717 } 18718 @media (min-width: 991px){ 18719 .cartButton_login_content__2j1f7 { 18720 font-weight: 500; 18721 } 18722 } 18723 18724 @media (max-width: 992px) { 18725 #location-lock-dialog { 18726 width: 100%; 18727 top: auto; 18728 bottom: 0; 18729 padding-left: 0; 18730 padding-right: 0; 18731 } 18732 .MuiFormGroup-row { 18733 display: block 18734 } 18735 .MuiIconButton-label input { 18736 margin: 0; 18737 } 18738 } 18739 </style> 18740 <div role="presentation" class="MuiDialog-root jss34" style="display: none;position: fixed; z-index: 9999; inset: 0px;"> 18741 <div class="MuiBackdrop-root" aria-hidden="true" style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"></div> 18742 <div tabindex="0" data-test="sentinelStart"></div> 18743 <div class="MuiDialog-container MuiDialog-scrollPaper" role="none presentation" tabindex="-1" style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"> 18744 <div class="MuiPaper-root MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm MuiPaper-elevation24 MuiPaper-rounded" role="dialog"> 18745 <div class="jss31 undefined" id="location-lock-dialog"> 18746 <button id="close-popup-delivery" class="MuiButtonBase-root MuiIconButton-root jss35" tabindex="0" type="button" aria-label="close">
18747 <span class="MuiIconButton-label"> 18748 <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> 18749 <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path> 18750 </svg> 18751 </span> 18752 <span class="MuiTouchRipple-root"></span> 18753 </button> 18754 <div> 18755 <div class="jss36">Select Delivery Location</div> 18756 <div class="jss37">Select a delivery location to see product availability</div> 18757 </div> 18758 <div class="MuiFormGroup-root jss63 MuiFormGroup-row" role="radiogroup"> 18759 <label for="jabodetabek" class="MuiFormControlLabel-root jss45"> 18760 <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 jss47 Mui-checked MuiIconButton-colorSecondary" aria-disabled="false"> 18761 <span class="MuiIconButton-label"> 18762 <input id="jabodetabek" class="jss49" type="radio" value="Jabodetabek" checked="" name="location"> 18763 <span class="jss41"></span> 18764 </span> 18765 <span class="MuiTouchRipple-root"></span> 18766 </span> 18767 <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"> 18768 <span class="jss67 jss69">Jabodetabek</span> 18769 </span> 18770 </label> 18771 <label for="non-jabodetabek" class="MuiFormControlLabel-root jss45"> 18772 <span class="MuiButtonBase-root MuiIconButton-root jss46 MuiRadio-root MuiRadio-colorSecondary jss39 MuiIconButton-colorSecondary" aria-disabled="false"> 18773 <span class="MuiIconButton-label"> 18774 <input id="non-jabodetabek" class="jss49" type="radio" value="Outside Jabodetabek" name="location"> 18775 <span class="jss40"></span> 18776 </span> 18777 <span class="MuiTouchRipple-root"></span> 18778 </span> 18779 <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"> 18780 <span class="jss67 jss68">Outside Jabodetabek</span> 18781 </span> 18782 </label> 18783 </div> 18784 <div> 18785 <div class="MuiGrid-root location-popup_area-block__sp9Ws"> 18786 <div class="MuiGrid-root location-popup_pin-search-box__3l5mJ false"> 18787 <div class="MuiGrid-root location-popup_place-icon__jSG0Q"> 18788 <svg class="MuiSvgIcon-root jss6" focusable="false" viewBox="0 0 24 24" aria-hidden="true" style="font-size:16px"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg> 18789 </div> 18790 <div class="MuiGrid-root location-popup_cancel-icon__FHujU false"> 18791 <i class="material-icons location-popup_clear-pin__s1dRc">close</i> 18792 </div> 18793 <div style="width: 100%;"> 18794 <select id="choose-location" class="form-control"> 18795 <option value="">Choose Location</option> 18796 <option value="jakarta">Jakarta</option> 18797 <option value="bogor">Bogor</option> 18798 <option value="depok">Depok</option> 18799 <option value="tangerang">Tangerang</option> 18800 <option value="bekasi">Bekasi</option> 18801 </select> 18802 </div> 18803 </div> 18804 </div> 18805 </div> 18806 <button class="MuiButtonBase-root MuiButton-root MuiButton-contained jss55" tabindex="-1" type="button" title="" id="location-lock-submit" data-idforcdp="actionBtn-cdp" data-testid="location-lock-submit" style="background-color: #ffffff; width: 80%; padding: 14px 0px 12px; margin: 20px 0px; font-size: 18px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; border-radius: 4px; color: rgb(0, 0, 0); height: 44px;" data-content="">
18807 <span class="MuiButton-label"> 18808 <span class=""></span> 18809 <span id="location-lock-continue-btn" class="cartButton_login_content__2j1f7" style="font-weight: 500;" data-content="">Continue Shopping</span> 18810 </span> 18811 </button> 18812 </div> 18813 </div> 18814 </div> 18815 <div tabindex="0" data-test="sentinelEnd"></div> 18816 </div> 18817 18818
18818<script> 18819 const jabodetabek = [ 18820 { 18821 "code": "jakarta", 18822 "city": "jakarta", 18823 "zip": [] 18824 }, 18825 { 18826 "code": "bogor", 18827 "city": "bogor", 18828 "zip": [] 18829 }, 18830 { 18831 "code": "depok", 18832 "city": "depok", 18833 "zip": [] 18834 }, 18835 { 18836 "code": "tangerang", 18837 "city": "tangerang", 18838 "zip": [] 18839 }, 18840 { 18841 "code": "bekasi", 18842 "city": "bekasi", 18843 "zip": [] 18844 } 18845 ] 18846 let cityNonJabodetabek = [ 18847 18848 18849 18850 18851 18852 18853 18854 18855 18856 18857 18858 18859 18860 18861 18862 18863 18864 18865 18866 18867 18868 18869 18870 18871 18872 18873 18874 18875 18876 18877 18878 18879 18880 18881 18882 18883 18884 18885 18886 18887 18888 18889 18890 18891 18892 18893 18894 18895 18896 18897 18898 18899 18900 18901 18902 18903 18904 18905 18906 18907 18908 18909 18910 18911 18912 18913 18914 18915 18916 18917 18918 18919 18920 18921 18922 18923 18924 18925 18926 18927 18928 18929 18930 18931 18932 18933 18934 18935 18936 18937 18938 18939 18940 18941 18942 18943 18944 18945 18946 18947 18948 18949 18950 18951 18952 18953 18954 18955 18956 18957 18958 18959 18960 18961 18962 18963 18964 18965 18966 18967 18968 18969 18970 18971 18972 18973 18974 18975 18976 18977 18978 18979 18980 18981 18982 18983 18984 18985 18986 18987 18988 18989 18990 18991 18992 18993 18994 18995 18996 18997 18998 18999 19000 19001 19002 19003 19004 19005 19006 19007 19008 19009 19010 19011 19012 19013 19014 19015 19016 19017 19018 19019 19020 19021 19022 19023 19024 19025 19026 19027 19028 19029 19030 19031 19032 19033 19034 19035 19036 19037 19038 19039 19040 19041 19042 19043 19044 19045 19046 19047 19048 19049 19050 19051 19052 19053 19054 19055 19056 19057 19058 19059 19060 19061 19062 19063 19064 19065 19066 19067 19068 19069 19070 19071 19072 19073 19074 19075 19076 19077 19078 19079 19080 19081 19082 19083 19084 19085 19086 19087 19088 19089 19090 19091 19092 19093 19094 19095 19096 19097 19098 19099 19100 19101 19102 19103 19104 19105 19106 19107 19108 19109 19110 19111 19112 19113 19114 19115 19116 19117 19118 19119 19120 19121 19122 19123 19124 19125 19126 19127 19128 19129 19130 19131 19132 19133 19134 19135 19136 19137 19138 19139 19140 19141 19142 19143 19144 19145 19146 19147 19148 19149 19150 19151 19152 19153 19154 19155 19156 19157 19158 19159 19160 19161 19162 19163 19164 19165 19166 19167 19168 19169 19170 19171 19172 19173 19174 19175 19176 19177 19178 19179 19180 19181 19182 19183 19184 19185 19186 19187 19188 19189 19190 19191 19192 19193 19194 19195 19196 19197 19198 19199 19200 19201 19202 19203 19204 19205 19206 19207 19208 19209 19210 19211 19212 19213 19214 19215 19216 19217 19218 19219 19220 19221 19222 19223 19224 19225 19226 19227 19228 19229 19230 19231 19232 19233 19234 19235 19236 19237 19238 19239 19240 19241 19242 19243 19244 19245 19246 19247 19248 19249 19250 19251 19252 19253 19254 19255 19256 19257 19258 19259 19260 19261 19262 19263 19264 19265 19266 19267 19268 19269 19270 19271 19272 19273 19274 19275 19276 19277 19278 19279 19280 19281 19282 19283 19284 19285 19286 19287 19288 19289 19290 19291 19292 19293 19294 19295 19296 19297 19298 19299 19300 19301 19302 19303 19304 19305 19306 19307 19308 19309 19310 19311 19312 19313 19314 19315 19316 19317 19318 19319 19320 19321 19322 19323 19324 19325 19326 19327 19328 19329 19330 19331 19332 19333 19334 19335 19336 19337 19338 19339 19340 19341 19342 19343 19344 19345 19346 19347 19348 19349 19350 19351 19352 19353 19354 19355 19356 19357 19358 19359 19360 19361 19362 19363 19364 19365 19366 19367 19368 19369 19370 19371 19372 19373 19374 19375 19376 19377 19378 19379 19380 19381 19382 19383 19384 19385 19386 19387 19388 19389 19390 19391 19392 19393 19394 19395 19396 19397 19398 19399 19400 19401 19402 19403 19404 19405 19406 19407 19408 19409 19410 19411 19412 19413 19414 19415 19416 19417 19418 19419 19420 19421 19422 19423 19424 19425 19426 19427 19428 19429 19430 19431 19432 19433 19434 19435 19436 19437 19438 19439 19440 19441 19442 19443 19444 19445 19446 19447 19448 19449 19450 19451 19452 19453 19454 19455 19456 19457 19458 19459 19460 19461 19462 19463 19464 19465 19466 19467 19468 19469 19470 19471 19472 19473 19474 19475 19476 19477 19478 19479 19480 19481 19482 19483 19484 19485 19486 19487 19488 19489 19490 19491 19492 19493 19494 19495 19496 19497 19498 19499 19500 19501 19502 19503 19504 19505 19506 19507 19508 19509 19510 19511 19512 19513 19514 19515 19516 19517 19518 19519 19520 19521 19522 19523 19524 19525 19526 19527 19528 19529 19530 19531 19532 19533 19534 19535 19536 19537 19538 19539 19540 19541 19542 19543 19544 19545 19546 19547 19548 19549 19550 19551 19552 19553 19554 19555 19556 19557 19558 19559 19560 19561 19562 19563 19564 19565 19566 19567 19568 19569 19570 19571 19572 19573 19574 19575 19576 19577 19578 19579 19580 19581 19582 19583 19584 19585 19586 19587 19588 19589 19590 19591 19592 19593 19594 19595 19596 19597 19598 19599 19600 19601 19602 19603 19604 19605 19606 19607 19608 19609 19610 19611 19612 19613 19614 19615 19616 19617 19618 19619 19620 19621 19622 19623 19624 19625 19626 19627 19628 19629 19630 19631 19632 19633 19634 19635 19636 19637 19638 19639 19640 19641 19642 19643 19644 19645 19646 19647 19648 19649 19650 19651 19652 19653 19654 19655 19656 19657 19658 19659 19660 19661 19662 19663 19664 19665 19666 19667 19668 19669 19670 19671 19672 19673 19674 19675 19676 19677 19678 19679 19680 19681 19682 19683 19684 19685 19686 19687 19688 19689 19690 19691 19692 19693 19694 19695 19696 19697 19698 19699 19700 19701 19702 19703 19704 19705 19706 19707 19708 19709 19710 19711 19712 19713 19714 19715 19716 19717 19718 19719 19720 19721 19722 19723 19724 19725 19726 19727 19728 19729 19730 19731 19732 19733 19734 19735 19736 19737 19738 19739 19740 19741 19742 19743 19744 19745 19746 19747 19748 19749 19750 19751 19752 19753 19754 19755 19756 19757 19758 19759 19760 19761 19762 19763 19764 19765 19766 19767 19768 19769 19770 19771 19772 19773 19774 19775 19776 19777 19778 19779 19780 19781 19782 19783 19784 19785 19786 19787 19788 19789 19790 19791 19792 19793 19794 19795 19796 19797 19798 19799 19800 19801 19802 19803 19804 19805 19806 19807 19808 19809 19810 19811 19812 19813 19814 19815 19816 19817 19818 19819 19820 19821 19822 19823 19824 19825 19826 19827 19828 19829 19830 19831 19832 19833 19834 19835 19836 19837 19838 19839 19840 19841 19842 19843 19844 19845 19846 19847 19848 19849 19850 19851 19852 19853 19854 19855 19856 19857 19858 19859 19860 19861 19862 19863 19864 19865 19866 19867 19868 19869 19870 19871 19872 19873 19874 19875 19876 19877 19878 19879 19880 19881 19882 19883 19884 19885 19886 19887 19888 19889 19890 19891 19892 19893 19894 19895 19896 19897 19898 19899 19900 19901 19902 19903 19904 19905 19906 19907 19908 19909 19910 19911 19912 19913 19914 19915 19916 19917 19918 19919 19920 19921 19922 19923 19924 19925 19926 19927 19928 19929 19930 19931 19932 19933 19934 19935 19936 19937 19938 19939 19940 19941 19942 19943 19944 19945 19946 19947 19948 19949 19950 19951 19952 19953 19954 19955 19956 19957 19958 19959 19960 19961 19962 19963 19964 19965 19966 19967 19968 19969 19970 19971 19972 19973 19974 19975 19976 19977 19978 19979 19980 19981 19982 19983 19984 19985 19986 19987 19988 19989 19990 19991 19992 19993 19994 19995 19996 19997 19998 19999 20000 20001 20002 20003 20004 20005 20006 20007 20008 20009 20010 20011 20012 20013 20014 20015 20016 20017 20018 20019 20020 "pengiriman_aceh", 20021 20022 20023 20024 20025 20026 "pengiriman_ambon", 20027 20028 20029 20030 20031 20032 "pengiriman_atambua", 20033 20034 20035 20036 20037 20038 "pengiriman_badung", 20039 20040 20041 20042 20043 20044 "pengiriman_bali", 20045 20046 20047 20048 20049 20050 "pengiriman_balikpapan", 20051 20052 20053 20054 20055 20056 "pengiriman_bandar lampung", 20057 20058 20059 20060 20061 20062 "pengiriman_bandung", 20063 20064 20065 20066 20067 20068 "pengiriman_bandung barat", 20069 20070 20071 20072 20073 20074 "pengiriman_banjarmasin", 20075 20076 20077 20078 20079 20080 "pengiriman_banyumas", 20081 20082 20083 20084 20085 20086 "pengiriman_banyuwangi", 20087 20088 20089 20090 20091 20092 "pengiriman_batam", 20093 20094 20095 20096 20097 20098 20099 20100 20101 20102 "pengiriman_biak", 20103 20104 20105 20106 20107 20108 "pengiriman_binjai", 20109 20110 20111 20112 20113 20114 "pengiriman_blitar",
20115 20116 20117 20118 20119 20120 "pengiriman_blora", 20121 20122 20123 20124 20125 20126 20127 20128 20129 20130 "pengiriman_bojonegoro", 20131 20132 20133 20134 20135 20136 "pengiriman_boyolali", 20137 20138 20139 20140 20141 20142 "pengiriman_bukittinggi", 20143 20144 20145 20146 20147 20148 "pengiriman_buleleng", 20149 20150 20151 20152 20153 20154 "pengiriman_ciamis", 20155 20156 20157 20158 20159 20160 "pengiriman_cianjur", 20161 20162 20163 20164 20165 20166 "pengiriman_cibinong", 20167 20168 20169 20170 20171 20172 "pengiriman_cikarang", 20173 20174 20175 20176 20177 20178 "pengiriman_cikupa", 20179 20180 20181 20182 20183 20184 "pengiriman_cilacap", 20185 20186 20187 20188 20189 20190 "pengiriman_cileunyi", 20191 20192 20193 20194 20195 20196 "pengiriman_cimahi", 20197 20198 20199 20200 20201 20202 "pengiriman_cirebon", 20203 20204 20205 20206 20207 20208 "pengiriman_ciwidey", 20209 20210 20211 20212 20213 20214 "pengiriman_deli serdang", 20215 20216 20217 20218 20219 20220 "pengiriman_demak", 20221 20222 20223 20224 20225 20226 "pengiriman_denpasar", 20227 20228 20229 20230 20231 20232 20233 20234 20235 20236 "pengiriman_garut", 20237 20238 20239 20240 20241 20242 "pengiriman_gianyar", 20243 20244 20245 20246 20247 20248 "pengiriman_gresik", 20249 20250 20251 20252 20253 20254 "pengiriman_gunung kidul", 20255 20256 20257 20258 20259 20260 20261 20262 20263 20264 "pengiriman_jambi", 20265 20266 20267 20268 20269 20270 "pengiriman_jayapura", 20271 20272 20273 20274 20275 20276 "pengiriman_jember", 20277 20278 20279 20280 20281 20282 "pengiriman_jepara", 20283 20284 20285 20286 20287 20288 "pengiriman_jombang", 20289 20290 20291 20292 20293 20294 "pengiriman_karanganyar", 20295 20296 20297 20298 20299 20300 "pengiriman_karawang", 20301 20302 20303 20304 20305 20306 "pengiriman_karo", 20307 20308 20309 20310 20311 20312 "pengiriman_kebumen", 20313 20314 20315 20316 20317 20318 "pengiriman_kediri", 20319 20320 20321 20322 20323 20324 "pengiriman_keerom", 20325 20326 20327 20328 20329 20330 "pengiriman_kendal", 20331 20332 20333 20334 20335 20336 "pengiriman_klaten", 20337 20338 20339 20340 20341 20342 20343 20344 20345 20346 "pengiriman_kudus", 20347 20348 20349 20350 20351 20352 "pengiriman_kupang", 20353 20354 20355 20356 20357 20358 "pengiriman_lainnya", 20359 20360 20361 20362 20363 20364 "pengiriman_lamongan", 20365 20366 20367 20368 20369 20370 "pengiriman_lampung", 20371 20372 20373 20374 20375 20376 "pengiriman_lampung barat", 20377 20378 20379 20380 20381 20382 "pengiriman_lembang", 20383 20384 20385 20386 20387 20388 "pengiriman_lombok", 20389 20390 20391 20392 20393 20394 "pengiriman_lumajang", 20395 20396 20397 20398 20399 20400 "pengiriman_madiun", 20401 20402 20403 20404 20405 20406 "pengiriman_magelang", 20407 20408 20409 20410 20411 20412 "pengiriman_majalengka", 20413 20414 20415 20416 20417 20418 "pengiriman_makassar", 20419 20420 20421 20422 20423 20424 "pengiriman_malang", 20425 20426 20427 20428 20429 20430 "pengiriman_manado", 20431 20432 20433 20434 20435 20436 "pengiriman_medan", 20437 20438 20439 20440 20441 20442 "pengiriman_mengwi", 20443 20444 20445 20446 20447 20448 "pengiriman_mojokerto", 20449 20450 20451 20452 20453 20454 "pengiriman_nganjuk", 20455 20456 20457 20458 20459 20460 "pengiriman_ngawi", 20461 20462 20463 20464 20465 20466 "pengiriman_padang", 20467 20468 20469 20470 20471 20472 "pengiriman_palembang", 20473 20474 20475 20476 20477 20478 "pengiriman_pasuruan", 20479 20480 20481 20482 20483 20484 "pengiriman_pati", 20485 20486 20487 20488 20489 20490 "pengiriman_pekalongan", 20491 20492 20493 20494 20495 20496 "pengiriman_pekanbaru", 20497 20498 20499 20500 20501 20502 "pengiriman_pemalang", 20503 20504 20505 20506 20507 20508 "pengiriman_ponorogo", 20509 20510 20511 20512 20513 20514 "pengiriman_pontianak", 20515 20516 20517 20518 20519 20520 "pengiriman_probolinggo", 20521 20522 20523 20524 20525 20526 "pengiriman_purbalingga", 20527 20528 20529 20530 20531 20532 "pengiriman_purwakarta", 20533 20534 20535 20536 20537 20538 "pengiriman_purwokerto", 20539 20540 20541 20542 20543 20544 "pengiriman_rembang", 20545 20546 20547 20548 20549 20550 "pengiriman_riau", 20551 20552 20553 20554 20555 20556 "pengiriman_salatiga", 20557 20558 20559 20560 20561 20562 "pengiriman_samarinda", 20563 20564 20565 20566 20567 20568 "pengiriman_semarang", 20569 20570 20571 20572 20573 20574 "pengiriman_sentani", 20575 20576 20577 20578 20579 20580 "pengiriman_serang", 20581 20582 20583 20584 20585 20586 "pengiriman_sidoarjo", 20587 20588 20589 20590 20591 20592 "pengiriman_singkawang", 20593 20594 20595 20596 20597 20598 "pengiriman_sragen", 20599 20600 20601 20602 20603 20604 "pengiriman_subang", 20605 20606 20607 20608 20609 20610 "pengiriman_sukabumi", 20611 20612 20613 20614 20615 20616 "pengiriman_sumbawa", 20617 20618 20619 20620 20621 20622 "pengiriman_surabaya", 20623 20624 20625 20626 20627 20628 "pengiriman_surakarta solo", 20629 20630 20631 20632 20633 20634 20635 20636 20637 20638 "pengiriman_tasikmalaya", 20639 20640 20641 20642 20643 20644 "pengiriman_tegal", 20645 20646 20647 20648 20649 20650 "pengiriman_timika", 20651 20652 20653 20654 20655 20656 "pengiriman_wamena", 20657 20658 20659 20660 20661 20662 "pengiriman_wiyung", 20663 20664 20665 20666 20667 20668 "pengiriman_wonokromo", 20669 20670 20671 20672 20673 20674 "pengiriman_yogyakarta", 20675 20676 20677 20678 20679 20680 20681 20682 20683 20684 20685 20686 20687 20688 20689 20690 20691 20692 20693 20694 20695 20696 20697 20698 20699 20700 20701 20702 20703 20704 20705 20706 20707 20708 20709 20710 20711 20712 20713 20714 20715 20716 20717 20718 20719 20720 20721 20722 20723 20724 20725 20726 20727 20728 20729 20730 20731 20732 20733 20734 20735 20736 20737 20738 20739 20740 20741 20742 20743 20744 20745 20746 20747 20748 20749 20750 20751 20752 20753 20754 20755 20756 20757 20758 20759 20760 20761 20762 20763 20764 20765 20766 20767 20768 20769 20770 20771 20772 20773 20774 20775 20776 20777 20778 20779 20780 20781 20782 20783 20784 20785 20786 20787 20788 20789 20790 20791 20792 20793 20794 20795 20796 20797 20798 20799 20800 20801 20802 20803 20804 20805 20806 20807 20808 20809 20810 20811 20812 20813 20814 20815 20816 20817 20818 20819 20820 20821 20822 20823 20824 20825 20826 20827 20828 20829 20830 20831 20832 20833 20834 20835 20836 20837 20838 20839 20840 20841 20842 20843 20844 20845 20846 20847 20848 20849 20850 20851 20852 20853 20854 20855 20856 20857 20858 20859 20860 20861 20862 20863 20864 20865 20866 20867 20868 20869 20870 20871 20872 20873 20874 20875 20876 20877 20878 20879 20880 20881 20882 20883 20884 20885 20886 20887 20888 20889 20890 20891 20892 20893 20894 20895 20896 20897 20898 20899 20900 20901 20902 20903 20904 20905 20906 20907 20908 20909 20910 20911 20912 20913 20914 20915 20916 20917 20918 20919 20920 20921 20922 20923 20924 20925 20926 20927 20928 20929 20930 20931 20932 20933 20934 20935 20936 20937 20938 20939 20940 20941 20942 20943 20944 20945 20946 20947 20948 20949 20950 20951 20952 20953 20954 20955 20956 20957 20958 20959 20960 20961 20962 20963 20964 20965 20966 20967 20968 20969 20970 20971 20972 20973 20974 20975 20976 20977 20978 20979 20980 20981 20982 20983 20984 20985 20986 20987 20988 20989 20990 20991 20992 20993 20994 20995 20996 20997 20998 20999 21000 21001 21002 21003 21004 21005 21006 21007 21008 21009 21010 21011 21012 21013 21014 21015 21016 21017 21018 21019 21020 21021 21022 21023 21024 21025 21026 21027 21028 21029 21030 21031 21032 21033 21034 21035 21036 21037 21038 21039 21040 21041 21042 21043 21044 21045 21046 21047 21048 21049 21050 21051 21052 21053 21054 21055 21056 21057 21058 21059 21060 21061 21062 21063 21064 21065 21066 21067 21068 21069 21070 21071 21072 21073 21074 21075 21076 21077 21078 21079 21080 21081 21082 21083 21084 21085 21086 21087 21088 21089 21090 21091 21092 21093 21094 21095 21096 21097 21098 21099 21100 21101 21102 21103 21104 21105 21106 21107 21108 21109 21110 21111 21112 21113 21114 21115 21116 21117 21118 21119 21120 21121 21122 21123 21124 21125 21126 21127 21128 21129 21130 21131 21132 21133 21134 21135 21136 21137 21138 21139 21140 21141 21142 21143 21144 21145 21146 21147 21148 21149 21150 21151 21152 21153 21154 21155 21156 21157 21158 21159 21160 21161 21162 21163 21164 21165 21166 21167 21168 21169 21170 21171 21172 21173 21174 21175 21176 21177 21178 21179 21180 21181 21182 21183 21184 21185 21186 21187 21188 21189 21190 21191 21192 21193 21194 21195 21196 21197 21198 21199 21200 21201 21202 21203 21204 21205 21206 21207 21208 21209 21210 21211 21212 21213 21214 21215 21216 21217 21218 21219 21220 21221 21222 21223 21224 21225 21226 21227 21228 21229 21230 21231 21232 21233 21234 21235 21236 21237 21238 21239 21240 21241 21242 21243 21244 21245 21246 21247 21248 21249 21250 21251 21252 21253 21254 21255 21256 21257 21258 21259 21260 21261 21262 21263 21264 21265 21266 21267 21268 21269 21270 21271 21272 21273 21274 21275 21276 21277 21278 21279 21280 21281 21282 21283 21284 ] 21285 console.log(cityNonJabodetabek) 21286 let non_jabodetabek = [] 21287 for(var i=0;i<cityNonJabodetabek.length;i++) { 21288 const obj = { 21289 "code": cityNonJabodetabek[i].toLowerCase().replace('pengiriman_', '').replace(' ','-'), 21290 "city": cityNonJabodetabek[i].replace('pengiriman_', '').replace(' ','-'), 21291 "zip": [] 21292 } 21293 non_jabodetabek.push(obj) 21294 }
21295 let current_location = getCookie("location_delivery") 21296 $("[name=location]").change(function(){ 21297 let v = $(this).val() 21298 let option = [] 21299 if(v == 'Jabodetabek') { 21300 for(var i=0;i<jabodetabek.length;i++) { 21301 const jabodetabekHtml = `<option value=${jabodetabek[i].city}>${jabodetabek[i].city}</option>` 21302 option.push(jabodetabekHtml) 21303 } 21304 $("#choose-location").html(`<option value="">Choose Location</option>${option}`) 21305 } else { 21306 for(var i=0;i<non_jabodetabek.length;i++) { 21307 const nonjabodetabekHtml = `<option value=${non_jabodetabek[i].city}>${non_jabodetabek[i].city}</option>` 21308 option.push(nonjabodetabekHtml) 21309 } 21310 $("#choose-location").html(`<option value="">Choose Location</option>${option}`) 21311 } 21312 }) 21313 21314 $("#location-lock-submit").click(function(e){ 21315 let select = $("#choose-location") 21316 let value = select.val().toLowerCase() 21317 console.log(value) 21318 if(select.val() == "") { 21319 return alert("Choose Your Location") 21320 e.preventDefault() 21321 } 21322 setCookie("location_delivery",value,1000000); 21323 21324 location.reload(); 21325 21326 }) 21327 21328 $("#close-popup-delivery").click(function(){ 21329 $(".MuiDialog-root").hide() 21330 if(!current_location){ 21331 setCookie("location_delivery","jakarta",1000000); 21332 $("#loc_delivery_city, #loc_delivery_city_mobile").text("Jakarta") 21333 } 21334 }) 21335 $("#loc_delivery, #loc_delivery_mobile").click(function(){ 21336 $(".MuiDialog-root").show() 21337 }) 21338 21339 21340 if(!current_location){ 21341 21342 } else { 21343 $("#loc_delivery_city, #loc_delivery_city_mobile").text(current_location) 21344 console.log(current_location) 21345 $("#choose-location").each(function(){ 21346 if(current_location == 'jakarta' || current_location == 'depok' || current_location == 'bogor' || current_location == 'tangerang' || current_location == 'bekasi'){ 21347 $("#jabodetabek").trigger("click") 21348 } else { 21349 $("#non-jabodetabek").trigger("click") 21350 } 21351 $("#choose-location").find("option[value="+current_location+"]").attr("selected", "selected") 21352 }) 21353 } 21354 21355 // if(current_location == 'jakarta' || current_location == 'depok' || current_location == 'bogor' || current_location == 'tangerang' || current_location == 'bekasi' || current_location == 'bandung' || current_location == 'semarang' || current_location == 'yogyakarta' || current_location == 'surabaya'){ 21356 // $("#timeMalam").attr("disabled", false) 21357 // } else { 21358 // $("#timeMalam").attr("disabled", true) 21359 // } 21360 21361 if(current_location && current_location != 'jakarta') { 21362 $("#self-pickup").attr("disabled", true) 21363 } 21364 21365 function setCookie(name,value,days) { 21366 var expires = ""; 21367 if (days) { 21368 var date = new Date(); 21369 date.setTime(date.getTime() + (days*24*60*60*1000)); 21370 expires = "; expires=" + date.toUTCString(); 21371 } 21372 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 21373 } 21374 function getCookie(name) { 21375 var nameEQ = name + "="; 21376 var ca = document.cookie.split(';'); 21377 for(var i=0;i < ca.length;i++) { 21378 var c = ca[i]; 21379 while (c.charAt(0)==' ') c = c.substring(1,c.length); 21380 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 21381 } 21382 return null; 21383 } 21384 </script>
21384 21385 <!-- One Tap --> 21386
21386<script> 21387 console.log("Outerbloom..."); 21388 </script>
21388 21389 <div id="shopify-block-ANVEzSUcxTUxZOGpwZ__9703700522657871012" class="shopify-block shopify-app-block"> 21390 21391 21392 21393 21394 21395 21396 21397 21398 21399 21400 21401 21402 21403 21404 21405 21406 21407 21408 21409 21410 21411 21412 21413 21414 21415 21416 21417 21418 21419 21420 21421 21422 21423 21424 21425 21426 21427 21428 21429 21430 21431 21432 21433 21434 21435 21436 <link rel="stylesheet" href="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.css" /> 21437
21437<script src="https://cdn1.bitbybit.studio/bitbybit/static/bitChat_widget/widget.js" defer></script>
21437 21438
21438<script> 21439 const widgetConfig = { 21440 id: "clz7897za002cz7otleaz0d3d", 21441 showQuickResponse: false, 21442 quickResponsesData: [], 21443 themeColor: "#ffffff", 21444 widgetText: "", 21445 radiusType: "circle", 21446 widgetIconType: "whatsapp", 21447 position: "right", 21448 storeLogo: "", 21449 storeName: "Outerbloom", 21450 storeDescription: "", 21451 size: "small", 21452 showCard: false, 21453 widgetColorType: "solid", 21454 widgetColor1: "#008069", 21455 widgetColor2: "#008069", 21456 social: { 21457 socialOrders: ["instagram","tiktok","facebook","x","youtube","linkedin","email"], 21458 values: { 21459 instagram: { 21460 enabled: false, 21461 value: "", 21462 }, 21463 facebook: { 21464 enabled: false, 21465 value: "", 21466 }, 21467 email: { 21468 enabled: false, 21469 value: "", 21470 }, 21471 x: { 21472 enabled: false, 21473 value: "", 21474 }, 21475 tiktok: { 21476 enabled: false, 21477 value: "", 21478 }, 21479 linkedin: { 21480 enabled: false, 21481 value: "", 21482 }, 21483 youtube: { 21484 enabled: false, 21485 value: "", 21486 }, 21487 }, 21488 }, 21489 }; 21490 21491 function initializeWidget() { 21492 if (typeof BBBWidget !== 'undefined') { 21493 BBBWidget.init(widgetConfig); 21494 } else { 21495 setTimeout(initializeWidget, 100); 21496 } 21497 } 21498 21499 initializeWidget();</script>
21499 21500 21501 21502 </div><div id="shopify-block-ATzRpVTBPU3k1R2pnW__286197278318599166" class="shopify-block shopify-app-block"> 21503 21504 21505 <div style="position: fixed; bottom: 0; right: 0"></div> 21506 21507
21507<script> 21508 console.info("bitlogin extension version: v2.5.7"); 21509 21510 const googleScript = document.createElement("script"); 21511 googleScript.setAttribute("src", "https://accounts.google.com/gsi/client"); 21512 document.head.append(googleScript); 21513 21514 const bitLoginBaseUrl = "https://api.bitbybit.studio"; 21515 const apiUrl = `${bitLoginBaseUrl}/bitlogin/api`; 21516 21517 const appearance = {"style":"square","hasShadow":true,"domain":"outerbloom1.myshopify.com","colorScheme":"match","backgroundColor":"#ffffff","outlineColor":"#ffe100","textColor":"#700000","position":"top","hideDivider":false,"dividerText":"","size":"small","format":"contentFlex","language":"en","buttonText":"Continue With","redirectLink":"\/account","googleOneTap":true,"googleOneTapBanner":true,"captureAdditionalData":true,"customerTag":"bitLogin","redirectOneTapDesktop":"[{\"label\":\"Account\",\"label2\":\"Desktop: Account\",\"value\":\"account\",\"parentValue\":\"Desktop\"}]","redirectOneTapMobile":"[{\"label\":\"Thank you page\",\"label2\":\"Mobile: Thank you page\",\"value\":\"thank_you\",\"parentValue\":\"Mobile\"}]","watermark":true,"buttonList":{"google":"Continue with Google","facebook":"Continue with Facebook","apple":"Continue with Apple","whatsapp":"Continue with WhatsApp","microsoft":"Continue with Microsoft","twitter":"Continue with X","amazon":"Continue with Amazon","instagram":"Continue with Instagram","magic_link":"Continue with Magic Link","mobile_app":"Continue with Mobile App","linkedin":"Continue with LinkedIn"}}; 21518 const config = [{"domain":"outerbloom1.myshopify.com","provider":"FACEBOOK","enabledMobile":false,"enabledWeb":true,"clientId":"922184709213757","clientSecret":"e3c874c8bce6da4211538ebda706d1cb","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"GOOGLE","enabledMobile":true,"enabledWeb":true,"clientId":"933600373534-vk6hiu9lqrtbblj0357q0gsoo7mqvsd0.apps.googleusercontent.com","clientSecret":"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","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":true,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"APPLE","enabledMobile":true,"enabledWeb":true,"clientId":"com.bitlogin.outerbloom","clientSecret":"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","appleTeamId":"1A","applePrivateKey":"1A","usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"WHATSAPP","enabledMobile":false,"enabledWeb":true,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"MICROSOFT","enabledMobile":false,"enabledWeb":false,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"TWITTER","enabledMobile":false,"enabledWeb":false,"clientId":null,"clientSecret":null,"appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null},{"domain":"outerbloom1.myshopify.com","provider":"AMAZON","enabledMobile":false,"enabledWeb":false,"clientId":"amzn1.application-oa2-client.5b560a5e3e2943d6b25c50cd6dca5532","clientSecret":"amz
21518n1.oa2-cs.v1.1cb5f9085a202341f60daf5a7be16c570ccc0b4bd5908b3afd080f34e9b8935d","appleTeamId":null,"applePrivateKey":null,"usePersonalOauth":false,"position":null}]; 21519 const redirectUrl = appearance.redirectLink; 21520 21521 let locationCacheSet = false; 21522 let errorLocation = false; 21523 let oneTapSet = false; 21524 21525 let bitloginCache = { 21526 appearance: appearance, 21527 config: config 21528 }; 21529 21530 let isInitializing = false; 21531 const queue = []; 21532 21533 // Add CSS for the popup 21534 const popupStyles = document.createElement('style'); 21535 popupStyles.textContent = ` 21536 /* Styles for login popup */ 21537 .bitlogin-popup-overlay { 21538 position: fixed; 21539 top: 0; 21540 left: 0; 21541 width: 100%; 21542 height: 100%; 21543 background: rgba(0, 0, 0, 0.45); 21544 backdrop-filter: blur(4px); 21545 display: flex; 21546 align-items: center; 21547 justify-content: center; 21548 opacity: 0; 21549 transition: opacity 0.3s ease-in-out; 21550 z-index: 999999; 21551 } 21552 21553 .bitlogin-popup-overlay.visible { 21554 opacity: 1; 21555 } 21556 21557 .bitlogin-popup { 21558 background: #FFFFFF; 21559 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); 21560 border-radius: 16px; 21561 width: 100%; 21562 max-width: 560px; 21563 display: flex; 21564 overflow: hidden; 21565 position: relative; 21566 opacity: 0; 21567 transform: translateY(20px) scale(0.98); 21568 transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 21569 } 21570 21571 .bitlogin-popup.visible { 21572 opacity: 1; 21573 transform: translateY(0) scale(1); 21574 } 21575 21576 .bitlogin-popup-with-image { 21577 max-width: 640px; 21578 } 21579 21580 .bitlogin-popup-right-image { 21581 flex-direction: row-reverse; 21582 } 21583 21584 .bitlogin-popup-image { 21585 object-fit: cover; 21586 width: 50%; 21587 height: auto; 21588 } 21589 21590 .bitlogin-popup-content { 21591 padding: 32px; 21592 position: relative; 21593 width: 50%; 21594 } 21595 21596 .bitlogin-popup-close { 21597 position: absolute; 21598 top: 16px; 21599 right: 16px; 21600 background: white; 21601 border: none; 21602 width: 30px; 21603 height: 30px; 21604 display: flex; 21605 align-items: center; 21606 justify-content: center; 21607 cursor: pointer; 21608 transition: background-color 0.2s; 21609 color: inherit; 21610 padding: 0; 21611 } 21612 21613 .bitlogin-popup-close:hover { 21614 background-color: #e5e5e5; 21615 } 21616 21617 .bitlogin-popup-buttons { 21618 display: flex; 21619 flex-direction: column; 21620 gap: 12px; 21621 margin-top: 24px; 21622 } 21623 21624 /* Button styles within popup - override width for popup buttons */ 21625 .bitlogin-popup-buttons #google-login, 21626 .bitlogin-popup-buttons #facebook-login, 21627 .bitlogin-popup-buttons #apple-login, 21628 .bitlogin-popup-buttons #whatsapp-login, 21629 .bitlogin-popup-buttons #microsoft-login, 21630 .bitlogin-popup-buttons #twitter-login, 21631 .bitlogin-popup-buttons #amazon-login, 21632 .bitlogin-popup-buttons #instagram-login, 21633 .bitlogin-popup-buttons #magic-link-login, 21634 .bitlogin-popup-buttons #mobile-app-login { 21635 width: 100% !important; 21636 font-family: inherit !important; 21637 } 21638 21639 .bitlogin-popup-footer { 21640 margin-top: 32px; 21641 text-align: center; 21642 font-size: 14px; 21643 opacity: 0.6; 21644 } 21645 21646 /* Modern Typography */ 21647 .bitlogin-popup h2 { 21648 margin-top: 12px; 21649 font-size: 21px !important; 21650 line-height: 1.2 !important; 21651 font-weight: 700 !important; 21652 letter-spacing: -0.02em !important; 21653 margin-bottom: 16px !important; 21654 } 21655 21656 .bitlogin-popup-header { 21657 position: relative; 21658 margin-bottom: 24px; 21659 } 21660 21661 /* Modern gradient accent */ 21662 .bitlogin-popup-content > div { 21663 font-size: 16px !important; 21664 line-height: 1.2 !important; 21665 opacity: 0.85 !important; 21666 } 21667 21668 /* Enhanced button interactions */ 21669 .bitlogin-popup-buttons button { 21670 position: relative; 21671 overflow: hidden; 21672 } 21673 21674 @keyframes ripple { 21675 0% { 21676 transform: scale(0, 0); 21677 opacity: 0.5; 21678 } 21679 100% { 21680 transform: scale(100, 100); 21681 opacity: 0; 21682 } 21683 } 21684
21685 /* Responsive adjustments */ 21686 @media (max-width: 640px) { 21687 .bitlogin-popup { 21688 max-width: 90%; 21689 width: 90%; 21690 margin: 0 16px; 21691 } 21692 21693 .bitlogin-popup-with-image { 21694 flex-direction: column !important; 21695 } 21696 21697 .bitlogin-popup-image { 21698 width: 100%; 21699 height: 180px; 21700 } 21701 21702 .bitlogin-popup-content { 21703 padding: 24px; 21704 } 21705 21706 .bitlogin-popup h2 { 21707 font-size: 24px !important; 21708 } 21709 } 21710 `; 21711 21712 document.head.appendChild(popupStyles); 21713 21714 // Add fonts link for different font options 21715 const fontsLink = document.createElement('link'); 21716 fontsLink.rel = 'stylesheet'; 21717 fontsLink.href = 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Roboto:wght@400;500&family=Open+Sans:wght@400;500;600&family=Noto+Sans:wght@400;500;600&family=Lato:wght@400;700&family=Poppins:wght@400;500;600&family=Quicksand:wght@400;500;600&family=Raleway:wght@400;500;600&family=PT+Sans:wght@400;700&family=Oswald:wght@400;500;600&display=swap'; 21718 document.head.appendChild(fontsLink); 21719 21720 (async () => { 21721 try { 21722 let host = window.location.host; 21723 if (host === "admin.shopify.com") { 21724 host = `${window.location.pathname.split("/")[2]}.myshopify.com`; 21725 } 21726 21727 const urlSearchParams = new URLSearchParams(window.location.search); 21728 const checkoutUrl = urlSearchParams.get("checkout_url"); 21729 21730 async function init({ inputRef, index }) { 21731 if (isInitializing) { 21732 queue.push(() => init({ inputRef, index })); 21733 return; 21734 } 21735 21736 isInitializing = true; 21737 21738 try { 21739 let bitLoginSectionRoot = document.querySelector( 21740 `.bitlogin-root[data-index="${index}"]` 21741 ); 21742 21743 const formRef = inputRef?.closest( 21744 "form:not([action='/account/recover'])" 21745 ); 21746 21747 if (formRef && !bitLoginSectionRoot) { 21748 await getLocation(); 21749 21750 bitLoginSectionRoot = document.createElement(`div`); 21751 21752 bitLoginSectionRoot.setAttribute("class", "bitlogin-root"); 21753 bitLoginSectionRoot.setAttribute("data-index", `${index}`); 21754 21755 updateAppearance({ 21756 formRef, 21757 rootRef: bitLoginSectionRoot, 21758 host, 21759 }); 21760 } 21761 } catch (err) { 21762 console.error(`error while initiating bitlogin extensions`, err); 21763 } finally { 21764 // Release the lock 21765 isInitializing = false; 21766 21767 // Check if there are pending items in the queue 21768 if (queue.length > 0) { 21769 // Process the next function in the queue 21770 const nextFunction = queue.shift(); 21771 nextFunction(); 21772 } 21773 } 21774 } 21775 21776 function initAll() { 21777 return new Promise((resolve, reject) => { 21778 setTimeout(async () => { 21779 const inputRefs = document.querySelectorAll( 21780 'input[name="customer[email]"]' 21781 ); 21782 21783 for (let i = 0; i < inputRefs.length; i++) { 21784 const currentInputRef = inputRefs[i]; 21785 const isVisible = isElementVisible(currentInputRef); 21786 21787 if (isVisible) { 21788 await init({ inputRef: currentInputRef, index: i }); 21789 } 21790 } 21791 21792 resolve("ok"); 21793 }, 100); 21794 }); 21795 } 21796 21797 const observer = new MutationObserver((mutationsList) => { 21798 for (let mutation of mutationsList) { 21799 initAll(); 21800 } 21801 }); 21802 21803 observer.observe(document.body, { 21804 childList: true, 21805 subtree: true, 21806 attributes: true, 21807 }); 21808 21809 initAll(); 21810 21811 if (appearance.googleOneTap) { 21812 setupOneTap({ host, checkoutUrl }); 21813 } 21814 21815 // Initialize popup 21816 await initPopup(host); 21817 } catch (error) { 21818 console.error("Error initializing BitLogin:", error); 21819 } 21820 })(); 21821 21822 async function initPopup(host) { 21823 // Check if user is already logged in using Liquid checks properly 21824 const isLoggedIn = false || 21825 document.querySelector('.customer-logout-link') || 21826 document.querySelector('.account-link') || 21827 window.location.pathname.includes('/account'); 21828 21829 if (isLoggedIn) { 21830 return; // User is logged in, don't show popup 21831 } 21832 21833 try { 21834 // Fetch the popup configuration 21835 const popupConfig = await fetch(`${apiUrl}/appearance/popup/domain/${host}`) 21836 .then(res => res.json()) 21837 .catch(err => { 21838 console.error('Error fetching popup configuration:', err); 21839 return null; 21840 }); 21841 21842 if (!popupConfig || !popupConfig.enabled) { 21843 return;
21843 // Don't show popup if disabled or config not found 21844 } 21845 21846 // Create popup after 10 seconds 21847 setTimeout(() => { 21848 // Check if user is still on the page and still not logged in 21849 if (document.visibilityState === 'visible') { 21850 // Additional check in case user logged in during the 10 second wait 21851 const currentlyLoggedIn = false || 21852 document.querySelector('.customer-logout-link') || 21853 document.querySelector('.account-link'); 21854 21855 if (!currentlyLoggedIn) { 21856 createLoginPopup(popupConfig, host); 21857 } 21858 } 21859 }, 10000); 21860 } catch (error) { 21861 console.error('Error initializing popup:', error); 21862 } 21863 } 21864 21865 function createLoginPopup(popupConfig, host) { 21866 // Font mapping 21867 const fontFamilyMap = { 21868 system_fonts: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', 21869 montserrat: 'Montserrat, sans-serif', 21870 roboto: 'Roboto, sans-serif', 21871 open_sans: 'Open Sans, sans-serif', 21872 noto_sans: 'Noto Sans, sans-serif', 21873 lato: 'Lato, sans-serif', 21874 poppins: 'Poppins, sans-serif', 21875 quicksand: 'Quicksand, sans-serif', 21876 raleway: 'Raleway, sans-serif', 21877 pt_sans: 'PT Sans, sans-serif', 21878 oswald: 'Oswald, sans-serif', 21879 }; 21880 21881 // Create overlay 21882 const overlay = document.createElement('div'); 21883 overlay.className = 'bitlogin-popup-overlay'; 21884 21885 // Create popup container with appropriate styling 21886 const popup = document.createElement('div'); 21887 popup.className = 'bitlogin-popup'; 21888 21889 if (popupConfig.layout === 'default') { 21890 popup.style.maxWidth = '400px'; 21891 } 21892 21893 // Function to close the popup 21894 const closePopup = () => { 21895 overlay.classList.remove('visible'); 21896 popup.classList.remove('visible'); 21897 setTimeout(() => { 21898 if (document.body.contains(overlay)) { 21899 document.body.removeChild(overlay); 21900 } 21901 }, 300); 21902 }; 21903 21904 // Add click handler to the overlay to close when clicking outside 21905 overlay.addEventListener('click', (event) => { 21906 // Close only if clicking directly on the overlay, not its children 21907 if (event.target === overlay) { 21908 closePopup(); 21909 } 21910 }); 21911 21912 // Add escape key handler to close popup 21913 document.addEventListener('keydown', (event) => { 21914 if (event.key === 'Escape' && document.body.contains(overlay)) { 21915 closePopup(); 21916 } 21917 }); 21918 21919 // Create layout with image if specified 21920 let contentWrapper; 21921 if (popupConfig.layout !== 'default' && popupConfig.popupImage) { 21922 popup.classList.add('bitlogin-popup-with-image'); 21923 21924 if (popupConfig.layout === 'right') { 21925 popup.classList.add('bitlogin-popup-right-image'); 21926 } 21927 21928 // Add image 21929 const image = document.createElement('img'); 21930 image.className = 'bitlogin-popup-image'; 21931 image.src = popupConfig.popupImage; 21932 image.alt = 'Login'; 21933 image.loading = 'lazy'; 21934 popup.appendChild(image); 21935 21936 // Create content container 21937 contentWrapper = document.createElement('div'); 21938 contentWrapper.className = 'bitlogin-popup-content'; 21939 21940 if (popupConfig.layout === 'right') { 21941 const closeButton = document.createElement('button'); 21942 closeButton.className = 'bitlogin-popup-close'; 21943 closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png"> 21944 <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 21945 </svg>`; 21946 closeButton.setAttribute('aria-label', 'Close'); 21947 closeButton.onclick = closePopup; 21948 21949 popup.appendChild(closeButton); 21950 } 21951 } else { 21952 contentWrapper = document.createElement('div'); 21953 contentWrapper.className = 'bitlogin-popup-content'; 21954 contentWrapper.style.width = '100%'; 21955 } 21956 21957 // Set background style 21958 if (popupConfig.backgroundTheme === 'gradient') { 21959 contentWrapper.style.background = `linear-gradient(135deg, ${popupConfig.backgroundPopupColor}, ${popupConfig.gradientColor})`; 21960 } else { 21961 contentWrapper.style.backgroundColor = popupConfig.backgroundPopupColor; 21962 } 21963 21964 // Apply font family 21965 contentWrapper.style.setProperty('font-family', fontFamilyMap[popupConfig.font] || fontFamilyMap.system_fonts, 'important'); 21966 21967 if (popupConfig.layout !== 'right') { 21968 const closeButton = document.createElement('button'); 21969 closeButton.className = 'bitlogin-popup-close'; 21970 closeButton.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="https://carikapal.link/img/logo-2line.png"> 21971 <path d="M13 1L1 13M1 1L13 13" stroke="${popupConfig.fontColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 21972 </svg>`; 21973 closeButton.setAttribute('aria-label', 'Close'); 21974 closeButton.onclick = closePopup; 21975 21976 contentWrapper.appendChild(closeButton); 21977 } 21978 21979 // Add heading with subtle animation effect 21980 const header = document.createElement('div'); 21981 header.className = 'bitlogin-popup-header'; 21982 21983 const heading = document.createElement('h2'); 21984 heading.textContent = popupConfig.headingText || 'Sign in for exclusive benef
21984its'; 21985 heading.style.color = popupConfig.fontColor; 21986 header.appendChild(heading); 21987 21988 // Add body text with improved formatting 21989 const bodyText = document.createElement('div'); 21990 bodyText.innerHTML = popupConfig.bodyText || 'Join our community to access exclusive offers and a personalized shopping experience.'; 21991 bodyText.style.color = popupConfig.fontColor; 21992 header.appendChild(bodyText); 21993 21994 contentWrapper.appendChild(header); 21995 21996 // Create buttons container with modern styling 21997 const buttonsContainer = document.createElement('div'); 21998 buttonsContainer.className = 'bitlogin-popup-buttons'; 21999 22000 // Add social buttons 22001 const providerLabels = { 22002 'GOOGLE': 'Continue with Google', 22003 'FACEBOOK': 'Continue with Facebook', 22004 'APPLE': 'Continue with Apple', 22005 'WHATSAPP': 'Continue with WhatsApp', 22006 'MAGIC_LINK': 'Continue with Email', 22007 }; 22008 22009 // Add first login provider button 22010 if (popupConfig.loginProvider1 !== 'NONE') { 22011 const buttonConfig = { 22012 theme: popupConfig.colorScheme || 'match', 22013 customColor: popupConfig.textColor, 22014 format: 'contentFlex', 22015 buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider1.toLowerCase()], 22016 hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true, 22017 style: popupConfig.style || 'rounded', 22018 size: popupConfig.size || 'medium', 22019 colorScheme: popupConfig.colorScheme || 'match', 22020 backgroundColor: popupConfig.backgroundColor || '#3B82F6', 22021 textColor: popupConfig.textColor || '#FFFFFF', 22022 outlineColor: popupConfig.outlineColor || '#3B82F6', 22023 host: host 22024 }; 22025 22026 const button1 = createSocialLoginButton(popupConfig.loginProvider1, buttonConfig); 22027 22028 // Handle click event - this overrides the default click handler in createSocialLoginButton 22029 button1.onclick = () => { 22030 onClickSocialLogin({ provider: popupConfig.loginProvider1.toLowerCase(), host }); 22031 closePopup(); 22032 }; 22033 22034 buttonsContainer.appendChild(button1); 22035 } 22036 22037 // Add second login provider button if enabled 22038 if (popupConfig.loginProvider2 !== 'NONE') { 22039 const buttonConfig = { 22040 theme: popupConfig.colorScheme || 'match', 22041 customColor: popupConfig.textColor, 22042 format: 'contentFlex', 22043 buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider2.toLowerCase()], 22044 hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true, 22045 style: popupConfig.style || 'rounded', 22046 size: popupConfig.size || 'medium', 22047 colorScheme: popupConfig.colorScheme || 'match', 22048 backgroundColor: popupConfig.backgroundColor || '#3B82F6', 22049 textColor: popupConfig.textColor || '#FFFFFF', 22050 outlineColor: popupConfig.outlineColor || '#3B82F6', 22051 host: host 22052 }; 22053 22054 const button2 = createSocialLoginButton(popupConfig.loginProvider2, buttonConfig); 22055 22056 // Handle click event - this overrides the default click handler in createSocialLoginButton 22057 button2.onclick = () => { 22058 onClickSocialLogin({ provider: popupConfig.loginProvider2.toLowerCase(), host }); 22059 closePopup(); 22060 }; 22061 22062 buttonsContainer.appendChild(button2); 22063 } 22064 22065 contentWrapper.appendChild(buttonsContainer); 22066 22067 // Append content to popup 22068 popup.appendChild(contentWrapper); 22069 22070 // Append popup to overlay 22071 overlay.appendChild(popup); 22072 22073 // Append overlay to body 22074 document.body.appendChild(overlay); 22075 22076 // Trigger animation with slight delay for better perceived performance 22077 setTimeout(() => { 22078 overlay.classList.add('visible'); 22079 setTimeout(() => { 22080 popup.classList.add('visible'); 22081 }, 50); 22082 }, 10); 22083 } 22084 22085 window.addEventListener("load", () => { 22086 window.addEventListener("message", (event) => { 22087 const receivedData = event.data; 22088 22089 if (receivedData.type === "authorize") { 22090 post( 22091 JSON.parse( 22092 JSON.stringify({ 22093 "customer[email]": receivedData.email, 22094 "customer[password]": receivedData.password, 22095 form_type: "customer_login", 22096 utf8: "â", 22097 return_url: redirectUrl, 22098 }) 22099 ) 22100 ); 22101 } else if (receivedData.type === "rejected") { 22102 if (receivedData.reason === "customer_account_disabled") { 22103 showAlert( 22104 "Your account needs to be activated. We've sent you an activation link - please check your email to complete this step." 22105 ); 22106 } else if (receivedData.reason === "customer_entry_created_email_not_set") { 22107 showAlert( 22108 "A new account was created but requires an email address. Please update your account with a valid email address to continue." 22109 ); 22110 } else if (receivedData.reason === "customer_exist_email_not_set") { 22111 showAlert( 22112 "Your existing account is missing an email address. Please contact support to update your account with a valid email address." 22113 ); 22114 } 22115 } 22116 22117 if (receivedData.type === "customer_authenticated") { 22118 // Dispatch a custom event that merchants can listen for to implement their custom logic 22119 const customerAuthEvent = new CustomEvent('bitlogin:customer_authenticated', { 22120 detail: { 22121 provider: receivedData.provider, 22122 customer: receivedData.customer, 22123 shopifyCustomerCreated: receivedData.shopifyCustomerCreated 22124 } 22125 }); 22126 22127 // Dispatch the event on the window object so merchants can listen for it 22128 window.dispatchEvent(customerAuthEvent); 22129 22130 } 22131 });
22132 }); 22133 22134 // Reusable functions for social login buttons 22135 function createSocialLoginButton(provider, config = {}) { 22136 const { 22137 theme = 'match', 22138 customColor = null, 22139 format = 'contentFlex', 22140 buttonText = null, 22141 hasShadow = true, 22142 style = 'rounded', 22143 size = 'medium', 22144 colorScheme = 'match', 22145 backgroundColor = '#3B82F6', 22146 textColor = '#FFFFFF', 22147 outlineColor = '#3B82F6', 22148 rootRef = null, 22149 host = null 22150 } = config; 22151 22152 // Create button element with appropriate ID and attributes 22153 const button = document.createElement('button'); 22154 button.id = `${provider.toLowerCase()}-login`; 22155 button.type = 'button'; 22156 22157 // Set the inner SVG based on provider 22158 switch (provider.toUpperCase()) { 22159 case 'GOOGLE': 22160 button.innerHTML = googleLoginIcon(theme, customColor); 22161 break; 22162 case 'FACEBOOK': 22163 button.innerHTML = facebookLoginIcon(theme, customColor); 22164 break; 22165 case 'APPLE': 22166 button.innerHTML = appleLoginIcon(theme, customColor); 22167 break; 22168 case 'WHATSAPP': 22169 button.innerHTML = whatsappLoginIcon(theme, customColor); 22170 break; 22171 case 'MICROSOFT': 22172 button.innerHTML = microsoftLoginIcon(theme, customColor); 22173 break; 22174 case 'TWITTER': 22175 button.innerHTML = twitterLoginIcon(theme, customColor); 22176 break; 22177 case 'AMAZON': 22178 button.innerHTML = amazonLoginIcon(theme, customColor); 22179 break; 22180 case 'INSTAGRAM': 22181 button.innerHTML = instagramLoginIcon(theme, customColor); 22182 break; 22183 case 'MAGIC_LINK': 22184 button.innerHTML = magicLinkLoginIcon(theme, customColor); 22185 break; 22186 case 'MOBILE_APP': 22187 button.innerHTML = mobileAppLoginIcon(theme, customColor); 22188 break; 22189 case 'LINKEDIN': 22190 button.innerHTML = linkedinLoginIcon(theme, customColor); 22191 break; 22192 } 22193 22194 // Add text if format isn't icon-only and buttonText is provided 22195 if (format !== "wrapperFlexContainerOnlyLogo" && buttonText) { 22196 button.innerHTML += `<p>${buttonText}</p>`; 22197 } 22198 22199 // Apply styling 22200 // Shadow 22201 if (hasShadow) { 22202 const shadowProperties = `0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`; 22203 button.style["box-shadow"] = shadowProperties; 22204 } 22205 22206 // Border radius 22207 const radiusProperties = 22208 style === "rounded" 22209 ? "8px" 22210 : style === "square" 22211 ? "0px" 22212 : style === "fullRounded" 22213 ? format === "wrapperFlexContainerOnlyLogo" 22214 ? "50%" 22215 : "50px" 22216 : undefined; 22217 button.style["border-radius"] = radiusProperties; 22218 22219 // Size 22220 const sizeProperties = 22221 size === "medium" 22222 ? "12px" 22223 : size === "small" 22224 ? "8px" 22225 : size === "large" 22226 ? "16px" 22227 : "8px"; 22228 22229 button.style["padding-block"] = sizeProperties; 22230 22231 // Format styling 22232 if (format) { 22233 if ( 22234 format === "contentFlexReverse" || 22235 format === "contentFlexCenterReverse" 22236 ) { 22237 const flexDir = `row-reverse`; 22238 button.style["flex-direction"] = flexDir; 22239 } 22240 22241 if ( 22242 format === "contentFlexCenter" || 22243 format === "contentFlexCenterReverse" 22244 ) { 22245 const justifyContent = `center`; 22246 button.style["justify-content"] = justifyContent; 22247 } else if ( 22248 format === "contentFlex" || 22249 format === "contentFlexReverse" 22250 ) { 22251 const buttonTextElement = button.querySelector("p"); 22252 if (buttonTextElement) { 22253 buttonTextElement.style["flex-grow"] = 1; 22254 buttonTextElement.style["text-align"] = "center"; 22255 } 22256 } 22257 22258 if (format === "wrapperFlexContainerOnlyLogo" && rootRef) { 22259 rootRef.style["flex-direction"] = "row"; 22260 rootRef.style["gap"] = "8px"; 22261 rootRef.style["display"] = "flex"; 22262 rootRef.style["flex-wrap"] = "wrap"; 22263 22264 const sizeMapping = { 22265 small: "52px", 22266 medium: "62px", 22267 large: "72px", 22268 }; 22269 const buttonSize = sizeMapping[size] || "52px"; 22270 22271 button.style["margin"] = 0;
22272 button.style["width"] = buttonSize; 22273 button.style["height"] = buttonSize; 22274 button.style["display"] = "flex"; 22275 button.style["align-items"] = "center"; 22276 button.style["justify-content"] = "center"; 22277 22278 const svgElement = button.querySelector("svg"); 22279 if (svgElement) { 22280 svgElement.style["flex"] = "none"; 22281 } 22282 } 22283 } 22284 22285 // Color scheme styling 22286 if (colorScheme === "black") { 22287 button.classList.add("scheme-black"); 22288 } else if (colorScheme === "white") { 22289 button.classList.add("scheme-white"); 22290 } else if (colorScheme === "custom") { 22291 button.style["background-color"] = backgroundColor; 22292 button.style["color"] = textColor; 22293 button.style["border-color"] = outlineColor; 22294 22295 const darkenColor = (color, percentage) => { 22296 const value = parseInt(color.slice(1), 16); 22297 const r = Math.max(0, ((value >> 16) & 0xff) - (0xff * percentage)); 22298 const g = Math.max(0, ((value >> 8) & 0xff) - (0xff * percentage)); 22299 const b = Math.max(0, (value & 0xff) - (0xff * percentage)); 22300 return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`; 22301 }; 22302 22303 button.addEventListener("mouseover", () => { 22304 button.style["background-color"] = darkenColor(backgroundColor, 0.2); 22305 }); 22306 button.addEventListener("mouseout", () => { 22307 button.style["background-color"] = backgroundColor; 22308 }); 22309 } else if (colorScheme === "match") { 22310 button.classList.add("scheme-match"); 22311 } else if (colorScheme === "matchOutline") { 22312 button.classList.add("scheme-match-outline"); 22313 } 22314 22315 // Add click event listener if host is provided 22316 if (host) { 22317 button.addEventListener("click", () => 22318 onClickSocialLogin({ provider: provider.toLowerCase(), host }) 22319 ); 22320 } 22321 22322 return button; 22323 } 22324 22325 function setupSocialLoginButtons(config, rootRef, data, host) { 22326 // Clear any existing content 22327 rootRef.innerHTML = ''; 22328 22329 const sortedEnabledProviders = config 22330 .filter(c => c.enabledWeb) 22331 .sort((a, b) => a.position - b.position); 22332 22333 sortedEnabledProviders.forEach(provider => { 22334 const key = provider.provider; 22335 const lowerKey = key.toLowerCase(); 22336 22337 const buttonText = data.format !== "wrapperFlexContainerOnlyLogo" 22338 ? (lowerKey === 'twitter' 22339 ? data.buttonList.twitter.replace('Twitter', 'X') 22340 : data.buttonList[lowerKey]) 22341 : null; 22342 22343 const button = createSocialLoginButton(key, { 22344 theme: data.colorScheme || 'match', 22345 customColor: data.textColor, 22346 format: data.format, 22347 buttonText: buttonText, 22348 hasShadow: data.hasShadow !== undefined ? data.hasShadow : true, 22349 style: data.style, 22350 size: data.size, 22351 colorScheme: data.colorScheme, 22352 backgroundColor: data.backgroundColor, 22353 textColor: data.textColor, 22354 outlineColor: data.outlineColor, 22355 rootRef: rootRef, 22356 host: host 22357 }); 22358 22359 rootRef.appendChild(button); 22360 }); 22361 22362 return rootRef; 22363 } 22364 22365 function updateAppearance({ formRef, rootRef, host }) { 22366 if (!formRef) return; 22367 22368 const data = bitloginCache.appearance || { 22369 style: "square", 22370 hasShadow: false, 22371 colorScheme: "match", 22372 backgroundColor: "#FFFFFF", 22373 outlineColor: "#000000", 22374 textColor: "#ffffff", 22375 position: "bottom", 22376 hideDivider: "false", 22377 dividerText: "OR", 22378 size: "small", 22379 format: "contentFlex", 22380 language: "en", 22381 buttonText: "Continue with", 22382 redirectLink: "/account", 22383 googleOneTap: true, 22384 googleOneTapBanner: true, 22385 customerTag: "bitLogin", 22386 redirectOneTapDesktop: null, 22387 redirectOneTapMobile: null, 22388 buttonList: { 22389 google: "Continue with Google", 22390 facebook: "Continue with Facebook", 22391 apple: "Continue with Apple", 22392 whatsapp: "Continue with WhatsApp", 22393 microsoft: "Continue with Microsoft", 22394 twitter: "Continue with X", 22395 amazon: "Continue with Amazon", 22396 instagram: "Continue with Instagram", 22397 magic_link: "Continue with Magic Link", 22398 mobile_app: "Continue with Mobile App", 22399 linkedin: "Continue with LinkedIn", 22400 }, 22401 }; 22402 22403 // Use the new setupSocialLoginButtons function to create and configure all buttons 22404 setupSocialLoginButtons(bitloginCache.config, rootRef, data, host); 22405 22406 let divider; 22407 22408 if (!data.hideDivider) { 22409 divider = document.createElement("div"); 22410 const dividerStyle = "text-align:center;margin-block:16px"; 22411 divider.setAttribute("style", dividerStyle); 22412 divider.innerHTML = data.dividerText; 22413 } 22414 22415 if (data.position === "bottom") { 22416 if (divider) { 22417 formRef.appendChild(divider); 22418 } 22419 formRef.appendChild(rootRef); 22420 } else if (data.position === "top") { 22421 if (divider) { 22422 formRef.prepend(divider); 22423 } 22424 formRef.prepend(rootRef); 22425 } 22426 } 22427 22428 22429 async function onClickSocialLogin({ provider, host }) { 22430 const rand = Math.random().toString(); 22431 22432 const locationQueryString = bitloginCache.location 22433 ? `&${objectToQueryString(bitloginCache.location)}` 22434 : ""; 22435 22436 const width = 800; 22437 const height = 600; 22438 const left = (window.screen.width / 2) - (width / 2); 22439 const top = (window.screen.height / 2) - (height / 2) - 50; 22440
22441 if(provider === 'whatsapp') { 22442 window.open( 22443 `/apps/bitlogin/whatsapp${locationQueryString ? `?${locationQueryString}` : ''}`, 22444 "mywindow", 22445 `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}` 22446 ); 22447 } else { 22448 window.open( 22449 `${apiUrl}/login/${provider}?referrerId=${rand}&shop=${host}${locationQueryString}`, 22450 "mywindow", 22451 `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}` 22452 ); 22453 } 22454 } 22455 22456 function objectToQueryString(obj) { 22457 return Object.keys(obj) 22458 .map((key) => { 22459 return encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]); 22460 }) 22461 .join("&"); 22462 } 22463 22464 async function getLocation() { 22465 if (locationCacheSet) return; 22466 22467 try { 22468 const response = await fetch("https://ipapi.co/json/"); 22469 22470 if (!response.ok) { 22471 console.error(`error retrieving location...`, response.status); 22472 errorLocation = true; 22473 } else { 22474 const data = await response.json(); 22475 22476 const { city, region, country_name, country_code } = data; 22477 22478 const formattedLocationData = { 22479 city, 22480 region, 22481 country_name, 22482 country_code, 22483 }; 22484 22485 bitloginCache.location = formattedLocationData; 22486 locationCacheSet = true; 22487 errorLocation = false; 22488 } 22489 } catch (err) { 22490 console.error(`error fetching location`, err); 22491 errorLocation = true; 22492 } 22493 } 22494 22495 function post(params) { 22496 // The rest of this code assumes you are not using a library. 22497 // It can be made less verbose if you use one. 22498 const form = document.createElement("form"); 22499 form.method = "post"; 22500 form.action = `/account/login`; 22501 form.acceptCharset = "UTF-8"; 22502 form.setAttribute("data-login-with-shop-sign-in", "true"); 22503 form.setAttribute("novalidate", "novalidate"); 22504 22505 for (const key in params) { 22506 if (params.hasOwnProperty(key)) { 22507 const hiddenField = document.createElement("input"); 22508 hiddenField.type = "hidden"; 22509 hiddenField.name = key; 22510 hiddenField.value = params[key]; 22511 22512 form.appendChild(hiddenField); 22513 } 22514 } 22515 22516 document.body.appendChild(form); 22517 form.submit(); 22518 } 22519 22520 async function setupOneTap({ host, checkoutUrl }) { 22521 if (oneTapSet) return; 22522 22523 const redirectOneTapDesktop = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapDesktop || '[]')); 22524 const redirectOneTapMobile = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapMobile || '[]')); 22525 22526 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 22527 const redirectList = JSON.parse(isMobile ? redirectOneTapMobile : redirectOneTapDesktop); 22528 22529 const currentPath = window.location.pathname.toLowerCase(); 22530 const currentUrl = window.location.href.toLowerCase(); 22531 22532 const shouldHideGoogleOneTap = redirectList.some(({ value }) => { 22533 switch (value) { 22534 case 'home': 22535 return currentPath === '/'; 22536 case 'product': 22537 return currentPath.startsWith('/products/'); 22538 case 'collections': 22539 return currentPath.startsWith('/collections'); 22540 case 'cart': 22541 return currentPath === '/cart'; 22542 case 'checkout': 22543 return currentPath.startsWith('/checkouts') && !currentPath.includes('thank_you'); 22544 case 'thank_you': 22545 return currentPath.includes('/thank_you'); 22546 case 'account': 22547 return currentPath.startsWith('/account'); 22548 case 'pages': 22549 return currentPath.startsWith('/pages'); 22550 case 'blogs': 22551 return currentPath === '/blogs' || currentPath === '/blogs/news'; 22552 case 'blog_post': 22553 return currentPath.startsWith('/blogs/') && currentPath.split('/').length > 3; 22554 default: 22555 return false; 22556 } 22557 });
22558 22559 if (shouldHideGoogleOneTap) return; 22560 22561 const oneTapClientId = bitloginCache.config.find( 22562 (config) => config.provider === "GOOGLE" 22563 )?.clientId; 22564 22565 const isLoggedIn = false; 22566 22567 if (bitloginCache.appearance.googleOneTap && oneTapClientId && !isLoggedIn) { 22568 const googleOneTapButton = document.createElement("div"); 22569 googleOneTapButton.setAttribute("id", "g_id_onload"); 22570 googleOneTapButton.setAttribute("data-client_id", oneTapClientId); 22571 googleOneTapButton.setAttribute("data-context", "signin"); 22572 googleOneTapButton.setAttribute( 22573 "data-callback", 22574 "handleGoogleOneTapResponse" 22575 ); 22576 googleOneTapButton.setAttribute("data-itp_support", "true"); 22577 22578 const googleOneTapScript = document.createElement("script"); 22579 22580 googleOneTapScript.innerHTML += ` 22581 function handleGoogleOneTapResponse(response) { 22582 if (response.credential) { 22583 const idToken = response.credential; 22584 fetch('${bitLoginBaseUrl}/bitlogin/api/login/google-one-tap', { 22585 method: 'POST', 22586 headers: { 'Content-Type': 'application/json' }, 22587 body: JSON.stringify({ idToken, shop: "${host}", ...bitloginCache.location }) 22588 }).then(response => { 22589 response.json().then((data) => { 22590 post( 22591 JSON.parse( 22592 JSON.stringify({ 22593 "customer[email]": data.email, 22594 "customer[password]": data.password, 22595 form_type: "customer_login", 22596 utf8: "â", 22597 return_url: redirectUrl, 22598 }) 22599 ) 22600 ); 22601 }); 22602 }).catch(error => { 22603 console.error('Error occurred:', error); 22604 }); 22605 } else { 22606 console.error('No credential available'); 22607 } 22608 } 22609 `; 22610 22611 document.body.append(googleOneTapButton); 22612 document.body.append(googleOneTapScript); 22613 } 22614 22615 oneTapSet = true; 22616 } 22617 22618 const googleLoginIcon = ( 22619 theme, 22620 customColor 22621 ) => ` 22622 ${ 22623 theme === "match" || theme === "matchOutline" || theme === "custom" 22624 ? `<svg 22625 xmlns='https://carikapal.link/img/logo-2line.png' 22626 xmlns:v='https://vecta.io/nano' 22627 width='24' 22628 height='24'
22629 viewBox='0 0 186.69 190.5' 22630 > 22631 <g transform="translate(1184.583 765.171)"><path clip-path="none" mask="none" d="M-1089.333-687.239v36.888h51.262c-2.251 11.863-9.006 21.908-19.137 28.662l30.913 23.986c18.011-16.625 28.402-41.044 28.402-70.052 0-6.754-.606-13.249-1.732-19.483z" fill="${ 22632 theme === "custom" ? customColor : "#4285f4" 22633 }"/><path clip-path="none" mask="none" d="M-1142.714-651.791l-6.972 5.337-24.679 19.223h0c15.673 31.086 47.796 52.561 85.03 52.561 25.717 0 47.278-8.486 63.038-23.033l-30.913-23.986c-8.486 5.715-19.31 9.179-32.125 9.179-24.765 0-45.806-16.712-53.34-39.226z" fill="${ 22634 theme === "custom" ? customColor : "#34a853" 22635 }"/><path clip-path="none" mask="none" d="M-1174.365-712.61c-6.494 12.815-10.217 27.276-10.217 42.689s3.723 29.874 10.217 42.689c0 .086 31.693-24.592 31.693-24.592-1.905-5.715-3.031-11.776-3.031-18.098s1.126-12.383 3.031-18.098z" fill="${ 22636 theme === "custom" ? customColor : "#fbbc05" 22637 }"/><path d="M-1089.333-727.244c14.028 0 26.497 4.849 36.455 14.201l27.276-27.276c-16.539-15.413-38.013-24.852-63.731-24.852-37.234 0-69.359 21.388-85.032 52.561l31.692 24.592c7.533-22.514 28.575-39.226 53.34-39.226z" fill="${ 22638 theme === "custom" ? customColor : "#ea4335" 22639 }" clip-path="none" mask="none"/></g> 22640 </svg>` 22641 : `<svg xmlns="https://carikapal.link/img/logo-2line.png" width="25" height="25" viewBox="0 0 25 25" fill="none"> 22642 <path d="M24.1906 12.7758C24.1906 11.96 24.1244 11.1399 23.9833 10.3374H12.6646V14.9584H19.1463C18.8773 16.4488 18.0131 17.7672 16.7476 18.6049V21.6032H20.6146C22.8854 19.5132 24.1906 16.4267 24.1906 12.7758Z" fill="${ 22643 theme !== "black" ? "black" : "white" 22644 }"/> 22645 <path d="M12.6647 24.5001C15.9011 24.5001 18.6305 23.4374 20.619 21.6031L16.7521 18.6048C15.6762 19.3368 14.2873 19.7513 12.6691 19.7513C9.53845 19.7513 6.88403 17.6391 5.93161 14.7996H1.94116V17.8904C3.97828 21.9428 8.12746 24.5001 12.6647 24.5001Z" fill="${ 22646 theme !== "black" ? "black" : "white" 22647 }"/> 22648 <path d="M5.92709 14.7995C5.42442 13.3091 5.42442 11.6953 5.92709 10.205V7.11401H1.94105C0.23905 10.5048 0.23905 14.4996 1.94105 17.8903L5.92709 14.7995Z" fill="${ 22649 theme !== "black" ? "black" : "white" 22650 }"/> 22651 <path d="M12.6647 5.24893C14.3755 5.22248 16.029 5.86623 17.268 7.04794L20.694 3.62188C18.5247 1.58477 15.6454 0.464802 12.6647 0.500076C8.12745 0.500076 3.97828 3.05749 1.94116 7.11408L5.9272 10.205C6.8752 7.36099 9.53403 5.24893 12.6647 5.24893Z" fill="${ 22652 theme !== "black" ? "black" : "white" 22653 }"/> 22654 </svg>` 22655 }`; 22656 22657 const appleLoginIcon = ( 22658 theme, 22659 customColor 22660 ) => `<svg width="24" height="24" viewBox="0 0 19 24" fill="none" xmlns="https://carikapal.link/img/logo-2line.png"> 22661 <path d="M15.4146 22.08C14.263 23.2897 12.9925 23.1013 11.7815 22.5307C10.494 21.9489 9.31698 21.9121 7.95724 22.5307C6.26395 23.322 5.36524 23.092 4.34544 22.08C-1.4122 15.663 -0.562362 5.88801 5.98138 5.52001C7.56844 5.61201 8.6796 6.46991 9.61442 6.54121C11.0039 6.23531 12.3339 5.35901 13.8211 5.47401C15.6078 5.63041 16.9443 6.39401 17.8366 7.76711C14.161 10.1591 15.0321 15.4031 18.4082 16.8751C17.7324 18.7956 16.8656 20.6931 15.4125 22.0961L15.4146 22.08ZM9.48695 5.45101C9.31486 2.59901 11.4501 0.25301 13.9061 0.0230103C14.2439 3.31201 11.1441 5.77301 9.48695 5.45101Z" fill="${ 22662 theme === "custom" 22663 ? customColor 22664 : theme === "match" || theme === "black" 22665 ? "white" 22666 : "black" 22667 }"/> 22668 </svg>`; 22669 22670 const facebookLoginIcon = ( 22671 theme, 22672 customColor 22673 ) => ` 22674 ${ 22675 theme === "match" || theme === "matchOutline" || theme === "custom" 22676 ? `<svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="25" viewBox="0 0 24 25" fill="none"> 22677 <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12.5C24 5.8731 18.6268 0.5 12 0.5C5.3731 0.5 0 5.8731 0 12.5C0 18.489 4.38762 23.4537 10.1252 24.355V15.9696H7.07748V12.5H10.1252V9.85562C10.1252 6.84842 11.9173 5.18622 14.6579 5.18622C15.9707 5.18622 17.3443 5.42077 17.3443 5.42077V8.37398H15.8307C14.3406 8.37398 13.8748 9.29875 13.8748 10.2488V12.4999H17.2025L16.671 15.9695H13.8747V24.3548C19.6123 23.4553 23.9998 18.4907 23.9998 12.4999L24 12.5Z" fill="${ 22678 theme === "custom" ? customColor : theme === "match" ? "white" : "#1977F3" 22679 }"/> 22680 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5934 16.2833L17.1251 12.8137H13.7973V10.5626C13.7973 9.61422 14.2614 8.68778 15.7532 8.68778H17.2669V5.73457C17.2669 5.73457 15.8933 5.5 14.5804 5.5C11.8399 5.5 10.0477 7.16057 10.0477 10.1694V12.8138H7V16.2834H10.0477V24.6688C10.6586 24.7648 11.2846 24.8138 11.9225 24.8138C12.5604 24.8138 13.1865 24.7631 13.7973 24.6688V16.2834H16.5936L16.5934 16.2833Z" fill="${ 22681 theme === "match" ? "#1778f2" : "#000000" 22682 }"/> 22683 </svg>` 22684 : `<svg xmlns="https://carikapal.link/img/logo-2line.png" width="24" height="25" viewB
22684ox="0 0 24 25" fill="none"> 22685 <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12.5C24 5.8731 18.6268 0.5 12 0.5C5.3731 0.5 0 5.8731 0 12.5C0 18.489 4.38762 23.4537 10.1252 24.355V15.9696H7.07748V12.5H10.1252V9.85562C10.1252 6.84842 11.9173 5.18622 14.6579 5.18622C15.9707 5.18622 17.3443 5.42077 17.3443 5.42077V8.37398H15.8307C14.3406 8.37398 13.8748 9.29875 13.8748 10.2488V12.4999H17.2025L16.671 15.9695H13.8747V24.3548C19.6123 23.4553 23.9998 18.4907 23.9998 12.4999L24 12.5Z" fill="${ 22686 theme === "black" ? "white" : "black" 22687 }"/> 22688 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5934 16.2833L17.1251 12.8137H13.7973V10.5626C13.7973 9.61422 14.2614 8.68778 15.7532 8.68778H17.2669V5.73457C17.2669 5.73457 15.8933 5.5 14.5804 5.5C11.8399 5.5 10.0477 7.16057 10.0477 10.1694V12.8138H7V16.2834H10.0477V24.6688C10.6586 24.7648 11.2846 24.8138 11.9225 24.8138C12.5604 24.8138 13.1865 24.7631 13.7973 24.6688V16.2834H16.5936L16.5934 16.2833Z" fill="${ 22689 theme === "black" ? "black" : "white" 22690 }"/> 22691 </svg>` 22692 }`; 22693 22694 const whatsappLoginIcon = ( 22695 theme, 22696 customColor 22697 ) => `<svg 22698 viewBox="0 0 24 24" 22699 fill="none" 22700 width="24" 22701 height="25" 22702 xmlns="https://carikapal.link/img/logo-2line.png" 22703 > 22704 <g id="SVGRepo_bgCarrier" stroke-width="0"></g> 22705 <g 22706 id="SVGRepo_tracerCarrier" 22707 stroke-linecap="round" 22708 stroke-linejoin="round" 22709 ></g> 22710 <g id="SVGRepo_iconCarrier"> 22711 <path 22712 fill-rule="evenodd" 22713 clip-rule="evenodd" 22714 d="M3.50002 12C3.50002 7.30558 7.3056 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C10.3278 20.5 8.77127 20.0182 7.45798 19.1861C7.21357 19.0313 6.91408 18.9899 6.63684 19.0726L3.75769 19.9319L4.84173 17.3953C4.96986 17.0955 4.94379 16.7521 4.77187 16.4751C3.9657 15.176 3.50002 13.6439 3.50002 12ZM12 1.5C6.20103 1.5 1.50002 6.20101 1.50002 12C1.50002 13.8381 1.97316 15.5683 2.80465 17.0727L1.08047 21.107C0.928048 21.4637 0.99561 21.8763 1.25382 22.1657C1.51203 22.4552 1.91432 22.5692 2.28599 22.4582L6.78541 21.1155C8.32245 21.9965 10.1037 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM14.2925 14.1824L12.9783 15.1081C12.3628 14.7575 11.6823 14.2681 10.9997 13.5855C10.2901 12.8759 9.76402 12.1433 9.37612 11.4713L10.2113 10.7624C10.5697 10.4582 10.6678 9.94533 10.447 9.53028L9.38284 7.53028C9.23954 7.26097 8.98116 7.0718 8.68115 7.01654C8.38113 6.96129 8.07231 7.046 7.84247 7.24659L7.52696 7.52195C6.76823 8.18414 6.3195 9.2723 6.69141 10.3741C7.07698 11.5163 7.89983 13.314 9.58552 14.9997C11.3991 16.8133 13.2413 17.5275 14.3186 17.8049C15.1866 18.0283 16.008 17.7288 16.5868 17.2572L17.1783 16.7752C17.4313 16.5691 17.5678 16.2524 17.544 15.9269C17.5201 15.6014 17.3389 15.308 17.0585 15.1409L15.3802 14.1409C15.0412 13.939 14.6152 13.9552 14.2925 14.1824Z" 22715 fill="${ 22716 theme === "match" || theme === "black" 22717 ? "#ffffff" 22718 : theme === "white" 22719 ? "#000000" 22720 : theme === "matchOutline" 22721 ? "#25d366" 22722 : customColor 22723 }" 22724 ></path> 22725 </g> 22726 </svg>`; 22727 22728 const microsoftLoginIcon = ( 22729 theme, 22730 customColor 22731 ) => `<svg 22732 xmlns="https://carikapal.link/img/logo-2line.png" 22733 width="25" 22734 height="25" 22735 viewBox="0 0 48 48"> 22736 <path fill="${ 22737 theme === "match" || theme == "matchOutline" 22738 ? "#ff5722" 22739 : theme === "black" 22740 ? "#ffffff" 22741 : theme === "white" 22742 ? "#000000" 22743 : customColor 22744 }" d="M6 6H22V22H6z" transform="rotate(-180 14 14)"></path> 22745 <path 22746 fill="${ 22747 theme === "match" || theme == "matchOutline" 22748 ? "#4caf50" 22749 : theme === "black" 22750 ? "#ffffff" 22751 : theme === "white" 22752 ? "#000000" 22753 : customColor 22754 }" 22755 d="M26 6H42V22H26z" 22756 transform="rotate(-180 34 14)"></path> 22757 <path 22758 fill="${ 22759 theme === "match" || theme == "matchOutline" 22760 ? "#ffc107" 22761 : theme === "black" 22762 ? "#ffffff" 22763 : theme === "white" 22764 ? "#000000" 22765 : customColor 22766 }" 22767 d="M26 26H42V42H26z" 22768 transform="rotate(-180 34 34)"></path> 22769 <path fill="${ 22770 theme === "match" || theme == "matchOutline" 22771 ? "#03a9f4" 22772 : theme === "black" 22773 ? "#ffffff" 22774 : theme === "white" 22775 ? "#000000" 22776 : customColor 22777 }" d="M6 26H22V42H6z" transform="rotate(-180 14 34)"></path> 22778 </svg>`; 22779 22780 const twitterLoginIcon = ( 22781 theme, 22782 customColor 22783 ) => `<svg 22784 xmlns="https://carikapal.link/img/logo-2line.png" 22785 width="25" 22786 height="25"
22787 viewBox="0 0 48 48"> 22788 <polygon fill="${ 22789 theme === "match" || theme === "black" 22790 ? "#ffffff" 22791 : theme === "matchOutline" || theme === "white" 22792 ? "#000000" 22793 : customColor 22794 }" points="41,6 9.929,42 6.215,42 37.287,6"></polygon> 22795 <polygon 22796 fill="${ 22797 theme === "match" || theme === "black" 22798 ? "#000000" 22799 : theme === "matchOutline" || theme === "white" 22800 ? "#ffffff" 22801 : customColor 22802 }" 22803 fill-rule="evenodd" 22804 points="31.143,41 7.82,7 16.777,7 40.1,41" 22805 clip-rule="evenodd"></polygon> 22806 <path 22807 fill="${ 22808 theme === "match" || theme === "black" 22809 ? "#ffffff" 22810 : theme === "matchOutline" || theme === "white" 22811 ? "#000000" 22812 : customColor 22813 }" 22814 d="M15.724,9l20.578,30h-4.106L11.618,9H15.724 M17.304,6H5.922l24.694,36h11.382L17.304,6L17.304,6z"></path> 22815 </svg>`; 22816 22817 const amazonLoginIcon = (theme, customColor) => ` 22818 <svg 22819 xmlns="https://carikapal.link/img/logo-2line.png" 22820 x="0px" 22821 y="0px" 22822 width="25" 22823 height="25"
22824 viewBox="0 0 50 50" 22825 > 22826 <path 22827 fill="${ 22828 theme === "black" 22829 ? "#ffffff" 22830 : theme === "matchOutline" 22831 ? "#FF9900" 22832 : theme === "white" || theme === "match" 22833 ? "#000000" 22834 : customColor 22835 }" 22836 d="M 25.3125 3 C 19.210938 3 12.492188 5.3125 11.09375 12.8125 C 10.894531 13.613281 11.5 13.992188 12 14.09375 L 18.1875 14.6875 C 18.789063 14.6875 19.207031 14.101563 19.40625 13.5 C 19.90625 10.898438 22.101563 9.59375 24.5 9.59375 C 25.800781 9.59375 27.292969 10.113281 28.09375 11.3125 C 28.992188 12.613281 28.8125 14.40625 28.8125 15.90625 L 28.8125 16.8125 C 25.113281 17.210938 20.3125 17.5 16.8125 19 C 12.8125 20.699219 10 24.207031 10 29.40625 C 10 36.007813 14.199219 39.3125 19.5 39.3125 C 24 39.3125 26.5 38.195313 30 34.59375 C 31.199219 36.292969 31.585938 37.105469 33.6875 38.90625 C 34.1875 39.207031 34.789063 39.085938 35.1875 38.6875 L 35.1875 38.8125 C 36.488281 37.710938 38.792969 35.601563 40.09375 34.5 C 40.59375 34.199219 40.492188 33.5 40.09375 33 C 38.894531 31.398438 37.6875 30.09375 37.6875 27.09375 L 37.6875 17.1875 C 37.6875 12.988281 38.007813 9.085938 34.90625 6.1875 C 32.40625 3.789063 28.414063 3 25.3125 3 Z M 27 22 L 28.6875 22 L 28.6875 23.40625 C 28.6875 25.804688 28.792969 27.894531 27.59375 30.09375 C 26.59375 31.894531 24.988281 33 23.1875 33 C 20.789063 33 19.3125 31.207031 19.3125 28.40625 C 19.3125 23.707031 23 22.300781 27 22 Z M 44.59375 36.59375 C 42.992188 36.59375 41.085938 37 39.6875 38 C 39.289063 38.300781 39.3125 38.6875 39.8125 38.6875 C 41.414063 38.488281 44.988281 38.007813 45.6875 38.90625 C 46.289063 39.707031 45.007813 43.085938 44.40625 44.6875 C 44.207031 45.1875 44.601563 45.300781 45 45 C 47.699219 42.699219 48.40625 38.007813 47.90625 37.40625 C 47.605469 36.90625 46.195313 36.59375 44.59375 36.59375 Z M 2.1875 37.5 C 1.886719 37.5 1.695313 38.011719 2.09375 38.3125 C 8.09375 43.710938 16.007813 47 24.90625 47 C 31.207031 47 38.492188 45.011719 43.59375 41.3125 C 44.394531 40.710938 43.707031 39.695313 42.90625 40.09375 C 37.207031 42.492188 31.101563 43.6875 25.5 43.6875 C 17.199219 43.6875 9.1875 41.386719 2.6875 37.6875 C 2.488281 37.488281 2.289063 37.5 2.1875 37.5 Z" 22837 ></path> 22838 </svg>`; 22839 22840 const instagramLoginIcon= (theme, customColor) => ` 22841 <svg 22842 width="25" 22843 height="25"
22844 viewBox="0 0 25 24" 22845 fill="none" 22846 xmlns="https://carikapal.link/img/logo-2line.png"> 22847 <path 22848 fill-rule="evenodd" 22849 clip-rule="evenodd" 22850 d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.64321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z" 22851 fill="url(#paint0_radial_378_3535)" /> 22852 <path 22853 fill-rule="evenodd" 22854 clip-rule="evenodd" 22855 d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.
2285564321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z" 22856 fill="url(#paint0_radial_378_3535)" /> 22857 <path 22858 fill-rule="evenodd" 22859 clip-rule="evenodd" 22860 d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.64321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z" 22861 fill="url(#paint0_radial_378_3535)" /> 22862 <path 22863 fill-rule="evenodd" 22864 clip-rule="evenodd" 22865 d="M10.5 0C7.784 0 7.444 0.0119999 6.377 0.0599999C5.313 0.109 4.586 0.278 3.95 0.525C3.28247 0.775816 2.67773 1.16931 2.178 1.678C1.66931 2.17773 1.27582 2.78247 1.025 3.45C0.778 4.086 0.609 4.813 0.56 5.877C0.511 6.944 0.5 7.284 0.5 10C0.5 12.716 0.511 13.056 0.56 14.123C0.609 15.187 0.778 15.914 1.025 16.55C1.27582 17.2175 1.66931 17.8223 2.178 18.322C2.67773 18.8307 3.28247 19.2242 3.95 19.475C4.586 19.722 5.313 19.891 6.377 19.94C7.444 19.988 7.784 20 10.5 20C13.216 20 13.556 19.988 14.623 19.94C15.687 19.891 16.414 19.722 17.05 19.475C17.7175 19.2242 18.3223 18.8307 18.822 18.322C19.3307 17.8223 19.7242 17.2175 19.975 16.55C20.222 15.914 20.391 15.187 20.44 14.123C20.488 13.056 20.5 12.716 20.5 10C20.5 7.284 20.488 6.944 20.44 5.877C20.391 4.813 20.222 4.086 19.975 3.45C19.7242 2.78247 19.3307 2.17773 18.822 1.678C18.3223 1.16931 17.7175 0.775816 17.05 0.525C16.414 0.278 15.687 0.109 14.623 0.0599999C13.556 0.0119999 13.216 0 10.5 0ZM10.5 1.802C13.17 1.802 13.486 1.812 14.54 1.86C15.516 1.905 16.045 2.067 16.398 2.204C16.864 2.386 17.198 2.603 17.548 2.952C17.898 3.302 18.114 3.636 18.296 4.102C18.432 4.455 18.596 4.984 18.64 5.959C18.688 7.014 18.698 7.329 18.698 10C18.698 12.67 18.688 12.986 18.64 14.04C18.595 15.016 18.432 15.545 18.296 15.898C18.1357 16.3324 17.8801 16.7253 17.548 17.048C17.198 17.398 16.864 17.614 16.398 17.796C16.045 17.932 15.516 18.096 14.541 18.14C13.487 18.188 13.171 18.198 10.5 18.198C7.83 18.198 7.513 18.188 6.46 18.14C5.484 18.095 4.955 17.932 4.602 17.796C4.16762 17.6357 3.77466 17.3801 3.452 17.048C3.11991 16.7253 2.86432 16.3324 2.704 15.898C2.567 15.545 2.404 15.016 2.36 14.041C2.312 12.986 2.302 12.671 2.302 10C2.302 7.33 2.312 7.014 2.36 5.96C2.405 4.984 2.567 4.455 2.704 4.102C2.886 3.636 3.103 3.302 3.452 2.952C3.802 2.602 4.136 2.386 4.602 2.204C4.955 2.067 5.484 1.904 6.459 1.86C7.514 1.812 7.829 1.802 10.5 1.802ZM10.5 13.333C9.61603 13.333 8.76827 12.9818 8.14321 12.3568C7.51815 11.7317 7.167 10.884 7.167 10C7.167 9.11603 7.51815 8.26827 8.14321 7.
2286564321C8.76827 7.01815 9.61603 6.667 10.5 6.667C11.384 6.667 12.2317 7.01815 12.8568 7.64321C13.4818 8.26827 13.833 9.11603 13.833 10C13.833 10.884 13.4818 11.7317 12.8568 12.3568C12.2317 12.9818 11.384 13.333 10.5 13.333ZM10.5 4.865C9.82566 4.865 9.15793 4.99782 8.53492 5.25588C7.91191 5.51394 7.34584 5.89218 6.86901 6.36901C6.39218 6.84584 6.01394 7.41191 5.75588 8.03492C5.49782 8.65793 5.365 9.32566 5.365 10C5.365 10.6743 5.49782 11.3421 5.75588 11.9651C6.01394 12.5881 6.39218 13.1542 6.86901 13.631C7.34584 14.1078 7.91191 14.4861 8.53492 14.7441C9.15793 15.0022 9.82566 15.135 10.5 15.135C11.8619 15.135 13.168 14.594 14.131 13.631C15.094 12.668 15.635 11.3619 15.635 10C15.635 8.63811 15.094 7.33201 14.131 6.36901C13.168 5.40601 11.8619 4.865 10.5 4.865ZM17.038 4.662C17.038 4.81959 17.007 4.97563 16.9467 5.12122C16.8863 5.26681 16.798 5.3991 16.6865 5.51053C16.5751 5.62196 16.4428 5.71035 16.2972 5.77066C16.1516 5.83096 15.9956 5.862 15.838 5.862C15.6804 5.862 15.5244 5.83096 15.3788 5.77066C15.2332 5.71035 15.1009 5.62196 14.9895 5.51053C14.878 5.3991 14.7897 5.26681 14.7293 5.12122C14.669 4.97563 14.638 4.81959 14.638 4.662C14.638 4.34374 14.7644 4.03852 14.9895 3.81347C15.2145 3.58843 15.5197 3.462 15.838 3.462C16.1563 3.462 16.4615 3.58843 16.6865 3.81347C16.9116 4.03852 17.038 4.34374 17.038 4.662Z" 22866 fill="url(#paint1_radial_378_3535)" /> 22867 <defs> 22868 <radialGradient 22869 id="paint0_radial_378_3535" 22870 cx="0" 22871 cy="0" 22872 r="1" 22873 gradientUnits="userSpaceOnUse" 22874 gradientTransform="translate(17.4 22.7) rotate(-115.776) scale(27.2737 40.5665)"> 22875 <stop offset="0.24392" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF1B90' : customColor}" /> 22876 <stop offset="0.436673" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#F80261' : customColor}" /> 22877 <stop offset="0.688476" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#ED00C0' : customColor}" /> 22878 <stop offset="0.776787" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#C500E9' : customColor}" /> 22879 <stop offset="0.893155" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#7017FF' : customColor}" /> 22880 </radialGradient> 22881 <radialGradient 22882 id="paint1_radial_378_3535" 22883 cx="0" 22884 cy="0" 22885 r="1" 22886 gradientUnits="userSpaceOnUse" 22887 gradientTransform="translate(7.75 19.31) rotate(-57.4396) scale(11.8174 12.2918)"> 22888 <stop stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FFD600' : customColor}" /> 22889 <stop offset="0.484375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FF6930' : customColor}" /> 22890 <stop offset="0.734375" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" /> 22891 <stop offset="1" stop-color="${theme === 'black' ? '#ffffff' : theme === 'white' ? '#000000' : theme === 'match' || theme === 'matchOutline' ? '#FE3B36' : customColor}" stop-opacity="0" /> 22892 </radialGradient> 22893 </defs> 22894 </svg>`; 22895 22896 const magicLinkLoginIcon = (theme, customColor) => ` 22897 <svg 22898 xmlns="https://carikapal.link/img/logo-2line.png" 22899 width="25" 22900 height="25" 22901 fill="none"
22902 viewBox="0 0 25 25" 22903 > 22904 <path 22905 fill="${ 22906 theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' || theme === 'white' ? '#000000' : customColor 22907 }" 22908 fillRule="evenodd" 22909 d="M10.975 14.51a1.05 1.05 0 000-1.485 2.95 2.95 0 010-4.172l3.536-3.535a2.95 2.95 0 114.172 4.172l-1.093 1.092a1.05 1.05 0 001.485 1.485l1.093-1.092a5.05 5.05 0 00-7.142-7.142L9.49 7.368a5.05 5.05 0 000 7.142c.41.41 1.075.41 1.485 0zm2.05-5.02a1.05 1.05 0 000 1.485 2.95 2.95 0 010 4.172l-3.5 3.5a2.95 2.95 0 11-4.171-4.172l1.025-1.025a1.05 1.05 0 00-1.485-1.485L3.87 12.99a5.05 5.05 0 007.142 7.142l3.5-3.5a5.05 5.05 0 000-7.142 1.05 1.05 0 00-1.485 0z" 22910 clipRule="evenodd" 22911 ></path> 22912 </svg>`; 22913 22914 const mobileAppLoginIcon = (theme, customColor) => ` 22915 <svg 22916 width="20" 22917 height="24" 22918 viewBox="0 0 12 16" 22919 fill="none" 22920 xmlns="https://carikapal.link/img/logo-2line.png" 22921 > 22922 <path 22923 d="M9.75 0.5H2.25C1.42275 0.5 0.75 1.17275 0.75 2V14C0.75 14.8273 1.42275 15.5 2.25 15.5H9.75C10.5773 15.5 11.25 14.8273 11.25 14V2C11.25 1.17275 10.5773 0.5 9.75 0.5ZM2.25 11.7493V2.75H9.75L9.7515 11.7493H2.25Z" 22924 fill=${ 22925 theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#FD823E' : theme === 'white' ? '#000000' : customColor 22926 } 22927 /> 22928 </svg> 22929 `; 22930 22931 const linkedinLoginIcon = (theme, customColor) => ` 22932 <svg 22933 xmlns="https://carikapal.link/img/logo-2line.png" 22934 width="25" 22935 height="24"
22936 viewBox="0 0 25 24" 22937 fill="none" 22938 > 22939 <path 22940 d="M19.0714 0C19.8304 0 20.5 0.669643 20.5 1.47321V18.5714C20.5 19.375 19.8304 20 19.0714 20H1.88393C1.125 20 0.5 19.375 0.5 18.5714V1.47321C0.5 0.669643 1.125 0 1.88393 0H19.0714ZM6.52679 17.1429V7.63393H3.58036V17.1429H6.52679ZM5.05357 6.29464C5.99107 6.29464 6.75 5.53571 6.75 4.59821C6.75 3.66071 5.99107 2.85714 5.05357 2.85714C4.07143 2.85714 3.3125 3.66071 3.3125 4.59821C3.3125 5.53571 4.07143 6.29464 5.05357 6.29464ZM17.6429 17.1429V11.9196C17.6429 9.375 17.0625 7.36607 14.0714 7.36607C12.6429 7.36607 11.6607 8.16964 11.2589 8.92857H11.2143V7.63393H8.40179V17.1429H11.3482V12.4554C11.3482 11.2054 11.5714 10 13.1339 10C14.6518 10 14.6518 11.4286 14.6518 12.5V17.1429H17.6429Z" 22941 fill=${ 22942 theme === 'match' || theme === 'black' ? '#ffffff' : theme === 'matchOutline' ? '#0A66C2' : theme === 'white' ? '#000000' : customColor 22943 } 22944 /> 22945 </svg> 22946 `; 22947 22948 function isElementVisible(element) { 22949 return ( 22950 document.body.contains(element) && 22951 getComputedStyle(element).display !== "none" && 22952 getComputedStyle(element).visibility !== "hidden" && 22953 getComputedStyle(element).opacity !== "0" && 22954 !element.hasAttribute("hidden") && 22955 !isAncestorHidden(element) 22956 ); 22957 } 22958 22959 function isAncestorHidden(element) { 22960 let parent = element.parentElement; 22961 while (parent) { 22962 if ( 22963 getComputedStyle(parent).display === "none" || 22964 getComputedStyle(parent).visibility === "hidden" || 22965 getComputedStyle(parent).opacity === "0" || 22966 parent.hasAttribute("hidden") 22967 ) { 22968 return true; 22969 } 22970 parent = parent.parentElement; 22971 } 22972 return false; 22973 } 22974 22975 function showAlert(message) { 22976 const alertBox = document.createElement("div"); 22977 alertBox.textContent = message; 22978 alertBox.style.position = "fixed"; 22979 alertBox.style.top = "20px"; 22980 alertBox.style.right = "-300px"; // Start off-screen 22981 alertBox.style.backgroundColor = "#000000"; // Black background 22982 alertBox.style.color = "#ffffff"; // White text 22983 alertBox.style.padding = "15px"; 22984 alertBox.style.borderRadius = "8px"; 22985 alertBox.style.zIndex = "1000"; 22986 alertBox.style.transition = 22987 "right 0.5s ease-in-out, opacity 0.5s ease-in-out"; // Transition for sliding and fading 22988 alertBox.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)"; // Optional shadow for depth 22989 22990 document.body.appendChild(alertBox); 22991 22992 // Slide in 22993 requestAnimationFrame(() => { 22994 alertBox.style.right = "20px"; // Move into view 22995 alertBox.style.opacity = "1"; // Ensure opacity is set to 1 22996 }); 22997 22998 // Slide out and remove the alert after a few seconds 22999 setTimeout(() => { 23000 alertBox.style.opacity = "0"; // Fade out 23001 alertBox.style.right = "-300px"; // Move out of view 23002 23003 // Wait for the transition to finish before removing the element 23004 setTimeout(() => { 23005 document.body.removeChild(alertBox); 23006 }, 500); // Match this duration with the exit transition duration 23007 }, 3000); 23008 } 23009 </script>
23009 23010 23011<style> 23012 :root{ 23013 --cta-blue:#000000; 23014 --cta-gold:#000000; 23015 --cta-red:#000000; /* merah hanya di border */ 23016 --gold-brown: #c9a227; 23017 --gold-soft: #e8d48b; 23018 --gold-deep: #8b6914; 23019 } 23020 23021 .footer-cta, .footer-cta *{ 23022 box-sizing: border-box; 23023 } 23024 23025 .footer-cta{ 23026 position: fixed; 23027 bottom: 18px; 23028 left: 50%; 23029 transform: translateX(-50%); 23030 width: calc(100% - 24px); 23031 max-width: 1280px; 23032 padding: 14px 14px; 23033 border-radius: 22px; 23034 z-index: 9999; 23035 overflow: hidden; 23036 isolation: isolate; 23037 23038 background: 23039 radial-gradient(900px 220px at 15% 0%, #000000, #000000 60%), 23040 radial-gradient(900px 240px at 85% 120%, #000000, #000000 60%), 23041 repeating-linear-gradient(45deg, #000000 0 1px, #000000 1px 8px), 23042 linear-gradient(180deg, #000000, #000000); 23043 backdrop-filter: blur(12px) saturate(140%); 23044 -webkit-backdrop-filter: blur(12px) saturate(140%); 23045 23046 box-shadow: 23047 0 14px 40px #000000, 23048 0 0 24px #000000, 23049 0 0 18px #000000; 23050 23051 animation: 23052 floatUpDown 3.2s ease-in-out infinite, 23053 glassPulse 3.2s ease-in-out infinite; 23054 } 23055 23056 .footer-cta::before{ 23057 content:""; 23058 position:absolute; 23059 inset:0; 23060 padding:3px; 23061 border-radius:inherit; 23062 z-index:0; 23063 pointer-events:none; 23064 23065 background: conic-gradient(from 0deg, 23066 var(--cta-red), 23067 var(--cta-blue) 18%, 23068 var(--cta-gold) 38%, 23069 var(--cta-blue) 62%, 23070 var(--cta-red) 82%, 23071 var(--cta-red) 23072 ); 23073 animation: borderSpin 7s linear infinite; 23074 23075 -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); 23076 -webkit-mask-composite: xor; 23077 mask-composite: exclude; 23078 } 23079 23080 .footer-cta::after{ 23081 content:""; 23082 position:absolute; 23083 inset:0; 23084 border-radius:inherit; 23085 z-index:1; 23086 pointer-events:none; 23087 background: linear-gradient(180deg, rgba(255,255,255,.14), #000000 38%); 23088 opacity:.55; 23089 } 23090 23091 @keyframes borderSpin { to { transform: rotate(360deg); } } 23092 @keyframes floatUpDown { 23093 0%,100% { transform: translateX(-50%) translateY(0); } 23094 50% { transform: translateX(-50%) translateY(-8px); } 23095 } 23096 @keyframes glassPulse{ 23097 0%,100%{ 23098 box-shadow: 23099 0 14px 38px #000000, 23100 0 0 18px #000000, 23101 0 0 14px #000000; 23102 } 23103 50%{ 23104 box-shadow: 23105 0 18px 46px #000000, 23106 0 0 26px #000000, 23107 0 0 22px #000000; 23108 } 23109 } 23110 23111 /* ===== Animasi kelap-kelip pelan coklat keemasan ===== */ 23112 @keyframes goldBlink { 23113 0%, 100% { 23114 border-color: #c9a227; 23115 box-shadow: 23116 0 0 8px rgba(201, 162, 39, 0.25), 23117 0 0 16px rgba(201, 162, 39, 0.12), 23118 inset 0 0 0 1px rgba(201, 162, 39, 0.12); 23119 } 23120 50% { 23121 border-color: #e8d48b; 23122 box-shadow: 23123 0 0 18px rgba(232, 212, 139, 0.55), 23124 0 0 32px rgba(201, 162, 39, 0.35), 23125 0 0 48px rgba(139, 105, 20, 0.2), 23126 inset 0 0 0 1px rgba(232, 212, 139, 0.3); 23127 } 23128 } 23129 23130 .cta-footer{ 23131 display:flex; 23132 flex-wrap: nowrap; 23133 gap: 10px; 23134 align-items:center; 23135 width: 100%; 23136 padding: 10px; 23137 border-radius: 18px; 23138 background: #0a0a0a; 23139 border: 1.5px solid #c9a227; 23140 box-shadow: 23141 0 0 12px rgba(201, 162, 39, 0.25), 23142 inset 0 0 0 1px rgba(201, 162, 39, 0.15); 23143 position:relative; 23144 z-index:2; 23145 overflow: hidden; 23146 animation: goldBlink 3.8s ease-in-out infinite; 23147 } 23148 23149 .cta-footer::before{ 23150 content:""; 23151 position:absolute; 23152 inset:8px; 23153 border-radius:14px; 23154 pointer-events:none; 23155 opacity:.7; 23156 background: 23157 radial-gradient(140px 46px at 18% 15%, rgba(201, 162, 39, 0.1
23157), transparent 70%), 23158 radial-gradient(140px 46px at 82% 85%, rgba(201, 162, 39, 0.1), transparent 70%); 23159 animation: goldBlink 3.8s ease-in-out infinite; 23160 } 23161 23162 .cta-footer .btn{ 23163 flex: 1 1 0; 23164 min-width: 105px; 23165 padding: 12px 10px; 23166 font-size: 13px; 23167 font-weight: 900; 23168 border-radius: 999px; 23169 text-decoration:none; 23170 text-align:center; 23171 letter-spacing:.9px; 23172 text-transform:uppercase; 23173 position:relative; 23174 overflow:hidden; 23175 border:none; 23176 color:#fff; 23177 transition: transform .25s ease, filter .25s ease, box-shadow .25s ease; 23178 isolation:isolate; 23179 white-space: nowrap; 23180 } 23181 23182 .cta-footer .btn::before{ 23183 content:""; 23184 position:absolute; 23185 inset:0; 23186 padding:2px; 23187 border-radius:inherit; 23188 z-index:0; 23189 pointer-events:none; 23190 23191 background: linear-gradient(90deg, 23192 var(--cta-red), 23193 var(--cta-blue), 23194 var(--cta-gold), 23195 var(--cta-blue), 23196 var(--cta-red) 23197 ); 23198 background-size:300% 300%; 23199 animation: borderFlow 4.2s linear infinite; 23200 23201 -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); 23202 -webkit-mask-composite: xor; 23203 mask-composite: exclude; 23204 } 23205 23206 .cta-footer .btn::after{ 23207 content:""; 23208 position:absolute; 23209 inset:2px; 23210 border-radius:inherit; 23211 z-index:1; 23212 background: 23213 linear-gradient(110deg, #111 0%, #1a1a1a 22%, #111 45%) no-repeat, 23214 linear-gradient(180deg, #9e0707, #000); 23215 background-size: 220% 100%, 100% 100%; 23216 background-position: -130% 0, 0 0; 23217 animation: shineMove 4.6s ease-in-out infinite; 23218 } 23219 23220 .cta-footer .btn span{ 23221 position:relative; 23222 z-index:2; 23223 text-shadow: 0 2px 10px rgba(255, 255, 255, 0.4); 23224 } 23225 23226 .cta-footer .btn:hover{ 23227 transform: translateY(-2px) scale(1.03); 23228 filter: brightness(1.12); 23229 box-shadow: 23230 0 0 18px rgba(232, 212, 139, 0.45), 23231 0 0 14px rgba(201, 162, 39, 0.3); 23232 } 23233 .cta-footer .btn:active{ transform: translateY(0) scale(0.98); } 23234 23235 @keyframes borderFlow{ 23236 0%{ background-position: 0% 50%; } 23237 50%{ background-position: 100% 50%; } 23238 100%{ background-position: 0% 50%; } 23239 } 23240 @keyframes shineMove{ 23241 0%,55%{ background-position: -130% 0, 0 0; } 23242 70% { background-position: 130% 0, 0 0; } 23243 100% { background-position: 130% 0, 0 0; } 23244 } 23245 23246 @media (max-width: 760px){ 23247 .cta-footer{ overflow-x:auto; -webkit-overflow-scrolling: touch; scrollbar-width:none; } 23248 .cta-footer::-webkit-scrollbar{ display:none; } 23249 .cta-footer .btn{ flex: 0 0 120px; min-width: 120px; } 23250 } 23251 23252 @media (prefers-reduced-motion: reduce){ 23253 .footer-cta, 23254 .footer-cta::before, 23255 .cta-footer, 23256 .cta-footer::before, 23257 .cta-footer .btn::before, 23258 .cta-footer .btn::after{ animation: none !important; } 23259 } 23260</style> 23261 <footer class="footer-cta"> 23262 <div class="cta-footer"> 23263 <a href="https://store.astrokamalsharma.site" class="btn"><span>LIVECHAT</span></a> 23264 <a href="https://store.astrokamalsharma.site" class="btn"><span>LINK</span></a> 23265 <a href="https://store.astrokamalsharma.site" class="btn"><span>LOGIN</span></a> 23266 <a href="https://store.astrokamalsharma.site" class="btn"><span>DAFTAR</span></a> 23267 <a href="https://store.astrokamalsharma.site" class="btn"><span>PROMO</span></a> 23268 <a href="https://store.astrokamalsharma.site" class="btn"><span>PREDIKSI</span></a> 23269 </div> 23270
23270<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b29e8bc30b1849a5bd9e7bcfaad52b0d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23270 23271
23271<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0e89c04290584d9',t:'MTc4MTkzNTgxNg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23271 23272
23272<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0f5c8e4eb26a3dd',t:'MTc4MjA3Mzk2OQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23272<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"6d964f74e87341c2a66d096b34ebf90a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23272 23273
23273<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"d619bc2a39ff4d0c8aa051925ec673b5","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23273 23274
23274<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a114949638d114b5',t:'MTc4MjM5Njg4NQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23274<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a122ce826874fd9e',t:'MTc4MjU0NjA1OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23274<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"96e664c4b6af4e0895b3e3a48bb504fe","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23274 23275
23275<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b4fd9eb1e7974a30adc0876046ad010a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23275 23276
23276<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0fe56ac417684b8eb6b0cd11fdbedf9f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23276 23277
23277<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1401cfe9ed0f838',t:'MTc4Mjg1MzM2MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23277<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a15946eabe352652',t:'MTc4MzExNzIyMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23277<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0fe56ac417684b8eb6b0cd11fdbedf9f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23277 23278
23278<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"fbc9f5ab73474082a23afa820c2dd724","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23278 23279
23279<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a16185480881a3e0',t:'MTc4MzIwMzY2Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23279<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0ca4c2ee72d747e7913a13995736232a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23279 23280
23280<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"20515d710334495194d7b3cb060113c8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23280 23281
23281<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1be7c8dbe7bfd32',t:'MTc4NDE3ODQ4MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
23281<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"5896953251b74bdfbc685f2d7d731d72","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23281 23282
23282<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"d0f7079f5a664cc28ae4b9e6c2364498","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23282 23283
23283<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"247453026960438d80b9278ea6e7ece6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23283 23284
23284<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"341ce9c5d94d449682fad82884e8318a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23284 23285
23285<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"6ab30577d77847ceb01c6ed09e4538a6","r":1}' crossorigin="anonymous"></script>
23285 23286
23286<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"704c3acd45d546e3a2d32001cfec2673","r":1,"spa":2}' crossorigin="anonymous"></script>
23286 23287</body> 23288 </html> 23289 23290 23291
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.